:root{--bg: #f4f6f8;--panel: #ffffff;--line: #e5e9ee;--ink: #1c2733;--muted: #6b7a8a;--accent: #0d9488;--accent-soft: #0d94881a;--sidebar: #0f1b2b;--sidebar-ink: #cbd5e1;--rw: #16a34a;--r: #d97706;--n: #9ca3af}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.boot.err{color:#dc2626}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:264px;min-width:264px;background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column}.brand{display:flex;gap:10px;padding:16px 16px 12px;align-items:center}.brandlogo{font-size:26px}.brandtitle{color:#fff;font-weight:700;font-size:15px}.brandsub{font-size:11px;color:#7d8ea3}.side-section{padding:14px 16px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.nav{flex:1;overflow-y:auto;padding:0 8px}.navitem{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;color:var(--sidebar-ink);font-size:13.5px;margin-bottom:2px}.navitem:hover{background:#1b2c42;color:#fff}.navitem.active{background:var(--accent);color:#fff}.navitem.readonly{opacity:.72}.navicon{font-size:15px}.navname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navcount{background:#22344b;color:#9fb0c3;font-size:11px;padding:1px 7px;border-radius:10px}.navitem.active .navcount{background:#fff3;color:#fff}.navlock{font-size:11px}.sidefoot{padding:12px;border-top:1px solid #1b2c42}.matrixbtn{width:100%;padding:9px;border-radius:8px;border:1px solid #2c4058;background:#17283c;color:#dbe6f2;cursor:pointer;font-size:13px}.matrixbtn:hover{background:#1f3550}.sidehint{font-size:10.5px;color:#5c6f84;margin-top:8px;line-height:1.4}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.top-left{display:flex;align-items:center;gap:12px}.top-left h1{font-size:18px;margin:0}.perm-badge{font-size:12px;padding:3px 9px;border-radius:12px;font-weight:600}.perm-badge.rw{background:#16a34a1a;color:var(--rw)}.perm-badge.r{background:#d977061a;color:var(--r)}.perm-badge.n{background:#9ca3af1a;color:var(--n)}.top-right{display:flex;align-items:center;gap:14px}.rolebox{display:flex;align-items:center;gap:8px}.rolelabel{font-size:12px;color:var(--muted)}select{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;color:var(--ink);cursor:pointer}.viewtoggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.viewtoggle button{padding:7px 12px;border:none;background:#fff;cursor:pointer;font-size:13px;color:var(--muted)}.viewtoggle button.on{background:var(--accent);color:#fff}.gridwrap{flex:1;overflow:auto;padding:16px 20px}.grid{border-collapse:collapse;width:100%;background:var(--panel);border-radius:10px;overflow:hidden}.grid th,.grid td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.grid thead th{position:sticky;top:0;background:#f8fafc;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;z-index:1}.grid tbody tr{cursor:pointer}.grid tbody tr:hover{background:#f0fdfa}.grid td{font-size:13px;vertical-align:top;max-width:260px}.norec{text-align:center;color:var(--muted);padding:30px!important}.empty{color:#c0c8d2}.chip{display:inline-block;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.chk{font-weight:700}.chk.on{color:var(--rw)}.chk.off{color:#c0c8d2}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.longtext{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#445}.linkwrap{display:flex;flex-wrap:wrap;gap:4px}.linkpill{border:1px solid #cfe8e4;background:#e6f7f4;color:#0b6e64;border-radius:12px;padding:2px 8px;font-size:12px;cursor:pointer}.linkpill:hover{background:#d2f1ec}.boardwrap{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:14px 20px}.boardtoolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;color:var(--muted)}.board{flex:1;overflow-x:auto;display:flex;gap:14px;align-items:flex-start}.col{background:#eceff3;border-radius:10px;width:240px;min-width:240px;padding:10px}.colhead{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:4px 6px 10px}.dot{width:9px;height:9px;border-radius:50%}.colcount{margin-left:auto;font-size:11px;color:var(--muted);background:#dfe4ea;padding:1px 7px;border-radius:10px}.card{background:#fff;border-radius:8px;padding:10px 11px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 2px #1018280d}.card:hover{box-shadow:0 3px 10px #1018281a}.cardtitle{font-weight:600;font-size:13px;margin-bottom:7px}.cardrow{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:4px}.clabel{color:var(--muted);white-space:nowrap}.cval{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a121c73;z-index:50;display:flex;justify-content:flex-end}.drawer{width:440px;max-width:92vw;height:100%;background:#fff;box-shadow:-8px 0 30px #00000026;display:flex;flex-direction:column;animation:slide .18s ease}@keyframes slide{0%{transform:translate(30px);opacity:.4}to{transform:none;opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-kicker{font-size:11px;color:var(--muted);margin-bottom:4px}.drawer-head h2{margin:0;font-size:17px}.close{border:none;background:#f1f4f7;border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:14px;color:var(--muted)}.drawer-body{flex:1;overflow-y:auto;padding:8px 20px}.drow{padding:10px 0;border-bottom:1px solid #f0f3f6}.dlabel{font-size:11.5px;color:var(--muted);margin-bottom:4px}.dval{font-size:13.5px}.dval .longtext{white-space:normal}.drawer-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.footid{font-size:11px;color:#b0bac5;font-family:ui-monospace,monospace}.editbtn{border:1px solid var(--line);background:#f8fafc;color:var(--muted);border-radius:8px;padding:7px 12px;font-size:13px;cursor:not-allowed}.modal{width:min(960px,94vw);max-height:90vh;background:#fff;border-radius:14px;margin:auto;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:16px}.matrix-scroll{overflow:auto;padding:16px 22px}.matrix{border-collapse:collapse;width:100%;font-size:12px}.matrix th,.matrix td{border:1px solid var(--line);padding:7px 9px;text-align:center;white-space:nowrap}.matrix thead th{background:#f8fafc;color:var(--muted);font-weight:600;position:sticky;top:0}.matrix-role{text-align:left;font-weight:600}.mx.rw{background:#16a34a14;color:var(--rw);font-weight:700}.mx.r{background:#d9770612;color:var(--r);font-weight:600}.mx.n{color:#c0c8d2}.modal-foot{padding:12px 22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.loginwrap{display:grid;place-items:center;height:100%;background:linear-gradient(160deg,#0f1b2b,#16304a)}.login{width:360px;background:#fff;border-radius:16px;padding:34px 30px;box-shadow:0 20px 60px #00000059;text-align:center}.loginlogo{font-size:40px}.login h1{margin:10px 0 4px;font-size:20px}.loginsub{font-size:12px;color:var(--muted);margin-bottom:22px}.logininput{width:100%;padding:11px 12px;margin-bottom:12px;border:1px solid var(--line);border-radius:9px;font-size:14px}.logininput:focus{outline:none;border-color:var(--accent)}.loginbtn{width:100%;padding:11px;border:none;border-radius:9px;background:var(--accent);color:#fff;font-size:15px;cursor:pointer}.loginbtn:disabled{opacity:.6;cursor:default}.loginerr{color:#dc2626;font-size:13px;margin-bottom:10px}.loginhint{font-size:11px;color:#9aa7b5;margin-top:16px;line-height:1.6;text-align:left}.userbox{display:flex;align-items:center;gap:8px}.userdot{width:8px;height:8px;border-radius:50%;background:var(--rw)}.username{font-size:13px;font-weight:600}.userrole{font-size:11px;color:var(--muted);background:#eef2f6;padding:2px 8px;border-radius:10px}.logout{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer}.logout:hover{color:#dc2626;border-color:#fca5a5}.cellbody{min-height:20px;border-radius:6px;padding:2px 4px;margin:-2px -4px}.cellbody.editable:hover{background:#e6f7f4;outline:1px solid #9bdcd2;cursor:text}.edit-input{width:100%;padding:5px 7px;border:1px solid var(--accent);border-radius:6px;font-size:13px;box-sizing:border-box}.edit-input.ta{resize:vertical;font-family:inherit}.chk-toggle{width:28px;height:24px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-weight:700}.chk-toggle:hover{border-color:var(--accent)}.grid-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.addbtn{border:none;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.addbtn:hover{background:#0b7c72}.th-op{width:40px}.td-op{width:40px;text-align:center!important}.delbtn{border:none;background:none;cursor:pointer;font-size:15px;opacity:0;transition:opacity .12s}tr:hover .delbtn{opacity:1}.delbtn:hover{transform:scale(1.1)}.matrix tbody tr.mylane td{background:#0d94880f}.matrix tbody tr.mylane td.matrix-role{font-weight:800}.emptyview{padding:40px;text-align:center;color:var(--muted)}.calwrap{flex:1;overflow:auto;padding:14px 20px}.caltoolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.calnav{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;cursor:pointer;font-size:16px;color:var(--muted)}.caltitle{font-weight:700;font-size:14px;min-width:90px}.callabel{font-size:12px;color:var(--muted);margin-left:8px}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.caldow{padding:8px;text-align:center;font-size:12px;color:var(--muted);background:#f8fafc;border-bottom:1px solid var(--line);font-weight:600}.calcell{min-height:96px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:6px}.calcell:nth-child(7n){border-right:none}.calcell.blank{background:#fafbfc}.calday{font-size:12px;color:#9aa7b5;margin-bottom:4px}.calevt{display:block;width:100%;text-align:left;border:none;background:var(--accent-soft);color:#0b6e64;border-radius:5px;padding:3px 6px;font-size:11.5px;margin-bottom:3px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calevt:hover{background:#cdeee9}.calmore{font-size:11px;color:var(--muted);padding-left:4px}.galwrap{flex:1;overflow:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-content:start}.galcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .12s}.galcard:hover{box-shadow:0 6px 18px #1018281a}.galhero{font-size:16px;font-weight:700;margin-bottom:8px}.galbody{font-size:12.5px;color:#445;line-height:1.5;margin-bottom:10px;overflow:hidden}.galmeta{border-top:1px solid #f0f3f6;padding-top:8px}.galrow{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:6px}.galrow .clabel{color:var(--muted);white-space:nowrap}.galrow .cval,.galrow .mono,.galrow .chip{text-align:right}