.gx{--gx-ink: #1a1a2e;--gx-ink2: #374151;--gx-muted: #6b7280;--gx-faint: #9ca3af;--gx-line: #e5e7eb;--gx-accent: #ec5b52;--gx-accent2: #d94a42;--gx-teal: #15803d;--gx-amber: #f59e0b;--gx-gray: #94a3b8;--gx-soft: #f1f5f9;--gx-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--leftw: 340px;display:flex;flex-direction:column;min-height:0;color:var(--gx-ink);font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif}.gx *,.gx *:before,.gx *:after{box-sizing:border-box}.gx-toolbar{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:10px 2px 12px;font-size:12px;color:var(--gx-muted)}.gx-zoom{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.gx-zoom input[type=range]{width:120px;accent-color:var(--gx-accent)}.gx-zv{font-family:var(--gx-mono);font-weight:800;font-size:11.5px;color:var(--gx-ink2);width:58px}.gx-zbtn{height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--gx-line);background:#fff;color:var(--gx-ink2);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.gx-zbtn:hover{background:var(--gx-soft)}.gx-legend{display:inline-flex;gap:14px;flex-wrap:wrap;margin-left:auto}.gx-legend span{display:inline-flex;align-items:center;gap:6px}.gx-legend i{width:11px;height:11px;border-radius:3px;display:block}.gx-legend i.gx-lg-ms{background:var(--gx-accent2);transform:rotate(45deg) scale(.85)}.gx-card{position:relative;background:#fff;border:1px solid var(--gx-line);border-radius:14px;overflow:auto;box-shadow:0 1px 3px #1a1a2e0a,0 14px 34px #1a1a2e0f;flex:1;min-height:240px}.gx-card::-webkit-scrollbar{width:11px;height:11px}.gx-card::-webkit-scrollbar-track{background:#f1f2f5}.gx-card::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:6px;border:2px solid #f1f2f5}.gx-table{position:relative;min-width:100%}.gx-lcell{position:sticky;left:0;z-index:3;flex:0 0 var(--leftw);width:var(--leftw);border-right:1px solid var(--gx-line)}.gx-colrz{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:2}.gx-colrz:hover{background:linear-gradient(90deg,transparent 3px,var(--gx-accent2) 3px,var(--gx-accent2) 5px,transparent 5px)}.gx-hdrow{position:sticky;top:0;z-index:5;display:flex;height:58px;background:#f6f7fa;border-bottom:1px solid var(--gx-line)}.gx-lhd{z-index:6;background:#f6f7fa;display:flex;align-items:center;padding:0 16px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gx-faint)}.gx-tlhd{position:relative;flex:0 0 auto;height:100%}.gx-mlbl{position:absolute;top:8px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--gx-ink2);text-transform:uppercase;font-family:var(--gx-mono);border-left:2px solid var(--gx-line);padding-left:6px;white-space:nowrap}.gx-wlbl{position:absolute;bottom:7px;font-size:9.5px;font-weight:700;color:var(--gx-faint);font-family:var(--gx-mono);white-space:nowrap}.gx-todayflag{position:absolute;bottom:22px;transform:translate(-50%);background:var(--gx-accent);color:#fff;font-size:9.5px;font-weight:800;padding:1px 7px;border-radius:5px;font-family:var(--gx-mono);white-space:nowrap}.gx-gridlayer{position:absolute;top:58px;bottom:0;left:var(--leftw);pointer-events:none;z-index:0}.gx-wknd{position:absolute;top:0;bottom:0;background:#f8f9fb}.gx-vl{position:absolute;top:0;bottom:0;border-left:1px solid #eef0f4}.gx-vm{border-left-color:#dfe3ea}.gx-todayline{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gx-accent);z-index:2}.gx-grow{display:flex;height:32px;position:relative;z-index:1}.gx-ghd{color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.03em;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);border-right-color:#ffffff1f}.gx-gname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gx-gcount{font-size:9.5px;font-weight:700;opacity:.55;font-family:var(--gx-mono)}.gx-gempty{font-weight:600;opacity:.6;font-size:10px}.gx-collapse{flex:0 0 auto;width:20px;height:20px;border-radius:5px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;font-size:9px;cursor:pointer;padding:0;transition:transform .15s}.gx-collapsed .gx-collapse{transform:rotate(-90deg)}.gx-gbtns{margin-left:auto;display:flex;gap:5px;flex:0 0 auto}.gx-gbtns button{height:22px;padding:0 9px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;font:inherit;font-size:10.5px;font-weight:700;cursor:pointer;white-space:nowrap}.gx-gbtns button:hover{background:#ffffff40}.gx-gtl{position:relative;flex:0 0 auto;opacity:.94}.gx-gsum{position:absolute;top:12px;height:8px;border-radius:4px;background:#ffffff47;overflow:hidden}.gx-gsum i{display:block;height:100%;background:#ffffffbf}.gx-row{display:flex;height:46px;position:relative;z-index:1}.gx-row:hover .gx-lrow,.gx-row:hover .gx-tl{background-color:#f6f7fab3}.gx-row:hover .gx-lrow{background-color:#fafbfc}.gx-lrow{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--gx-line);background:#fff;cursor:pointer}.gx-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.gx-lmain{flex:1;min-width:0}.gx-lbl{font-size:13px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gx-pbar{height:4px;border-radius:3px;background:var(--gx-soft);margin-top:5px;overflow:hidden}.gx-pbar i{display:block;height:100%;border-radius:3px}.gx-pct{font-family:var(--gx-mono);font-size:11px;font-weight:800;width:36px;text-align:right;flex:0 0 auto;color:var(--gx-accent2)}.gx-pct.p100{color:var(--gx-teal)}.gx-pct.p0{color:var(--gx-faint)}.gx-rbtn{flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:1px solid var(--gx-line);background:#fff;color:var(--gx-accent2);font-size:11px;font-weight:800;cursor:pointer;padding:0;opacity:0;transition:opacity .12s}.gx-rbtn.gx-del{color:var(--gx-muted)}.gx-row:hover .gx-rbtn,.gx-rbtn.gx-active{opacity:1}.gx-rbtn:hover{background:var(--gx-accent2);border-color:var(--gx-accent2);color:#fff}.gx-handle{cursor:grab;color:var(--gx-faint);font-size:13px;-webkit-user-select:none;user-select:none;flex:0 0 auto;padding:0 2px}.gx-ghd .gx-handle{color:#ffffff8c}.gx-dragging{opacity:.4}.gx-drop-above{box-shadow:inset 0 3px 0 var(--gx-accent)}.gx-drop-below{box-shadow:inset 0 -3px 0 var(--gx-accent)}.gx-drop-target{box-shadow:inset 0 0 0 2px var(--gx-accent)}.gx-tl{position:relative;flex:0 0 auto;border-bottom:1px solid var(--gx-line)}.gx-bar{position:absolute;top:9px;height:28px;border-radius:8px;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px #0000001f;transition:filter .12s}.gx-bar:hover{filter:brightness(1.07)}.gx-st-done{background:var(--gx-teal)}.gx-st-prog{background:var(--gx-amber)}.gx-st-block{background:var(--gx-accent)}.gx-st-plan{background:var(--gx-gray)}.gx-fill{position:absolute;left:0;top:0;bottom:0;background:#ffffff47}.gx-btxt{position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none}.gx-dates{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:9.5px;font-weight:700;color:#ffffffe0;white-space:nowrap;font-family:var(--gx-mono);pointer-events:none}.gx-rz{position:absolute;top:0;bottom:0;width:9px;cursor:ew-resize;z-index:3}.gx-rzl{left:0}.gx-rzr{right:0}.gx-rz:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:3px;height:12px;border-radius:2px;background:#ffffffd9}.gx-rzl:after{left:2px}.gx-rzr:after{right:2px}.gx-editing .gx-bar{cursor:grab}.gx-bar.gx-dragging,.gx-ms.gx-dragging,.gx-mrow.gx-dragging{opacity:.85;cursor:grabbing;z-index:6;transition:none}.gx-ms,.gx-mrow{position:absolute;top:14px;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);background:var(--gx-accent2);border-radius:4px;cursor:pointer;box-shadow:0 2px 6px #d94a4266;z-index:4;border:2px solid #fff}.gx-ms.gx-ms-done{background:var(--gx-teal);box-shadow:0 2px 6px #15803d59}.gx-editing .gx-ms,.gx-editing .gx-mrow{cursor:grab}.gx-mslbl{position:absolute;top:33px;font-size:9px;font-weight:800;color:var(--gx-accent2);white-space:nowrap;transform:translate(-50%);font-family:var(--gx-mono);pointer-events:none;line-height:1;z-index:4}.gx-mslbl.gx-ms-under{top:34px;font-size:8.5px;max-width:170px;overflow:hidden;text-overflow:ellipsis;background:#ffffffd9;padding:0 3px;border-radius:3px}.gx-empty{padding:40px;text-align:center;color:var(--gx-muted);font-size:14px;position:sticky;left:0;width:min(100%,100vw)}.gx-tip{position:fixed;z-index:1000;background:#1a1a2e;color:#fff;border-radius:10px;padding:10px 12px;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;font-size:12px;max-width:340px;box-shadow:0 12px 32px #0000004d;pointer-events:none;display:none;line-height:1.45}.gx-t-lbl{font-weight:800;font-size:12.5px;margin-bottom:4px}.gx-t-row{color:#ffffffbf;font-size:11.5px}.gx-t-note{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.15);color:#ffffffe0;font-size:11.5px;white-space:pre-wrap}@media print{.gx-toolbar{display:none}.gx-card{overflow:visible;border:0;box-shadow:none}}html,body{margin:0;background:#f5f6f8}.pv{--pv-ink: #1a1a2e;--pv-muted: #6b7280;--pv-line: #e5e7eb;--pv-accent: #ec5b52;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif;color:var(--pv-ink)}.pv-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px 24px;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e 55%,#0f3460);box-shadow:0 6px 20px #0000002e}.pv-logo{height:30px;width:auto}.pv-logo-txt{font-weight:800;letter-spacing:.06em}.pv-titles{flex:1;min-width:0}.pv-titles h1{margin:0;font-size:15.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-sub{margin-top:2px;font-size:11px;color:#fff9;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace}.pv-live{color:#fbbf24}.pv-actions{display:flex;gap:8px}.pv-btn{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#e7eaf1;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer;text-decoration:none}.pv-btn:hover{background:#ffffff29}.pv-meta{display:flex;gap:22px;flex-wrap:wrap;padding:10px 24px;background:#fff;border-bottom:1px solid var(--pv-line);font-size:12.5px;color:var(--pv-muted)}.pv-meta b{color:var(--pv-ink)}.pv-ver{font-family:JetBrains Mono,ui-monospace,monospace;background:#fef5f4;color:#d94a42;padding:2px 8px;border-radius:7px;font-weight:700;font-size:11.5px}.pv-kpis{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) minmax(260px,2.2fr);gap:12px;padding:18px 24px 4px}.pv-kpi{background:#fff;border:1px solid var(--pv-line);border-radius:12px;padding:12px 14px}.pv-kv{font-size:24px;font-weight:800;letter-spacing:-.02em}.pv-kl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pv-muted);margin-top:2px}.pv-c-done{color:#15803d}.pv-c-prog{color:#d97706}.pv-c-block{color:#d94a42}.pv-c-plan{color:#64748b}.pv-kpi ul{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px}.pv-kpi li{padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-kpi li span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;color:#d94a42;margin-right:6px}.pv-none{margin-top:6px;color:var(--pv-muted)}.pv-main{flex:1;display:flex;padding:6px 24px 20px;min-height:0}.pv-gantt{flex:1;min-width:0;height:calc(100vh - 250px);min-height:420px}.pv-foot{text-align:center;font-size:11px;color:#9ca3af;padding:0 24px 18px}@media(max-width:960px){.pv-kpis{grid-template-columns:repeat(3,1fr)}.pv-kpi-wide{grid-column:1 / -1}}@media print{.pv-top{position:static;box-shadow:none}.pv-actions{display:none}.pv-gantt{height:auto}.gx-card{max-height:none!important}}:root{--ink: #1a1a2e;--ink2: #374151;--muted: #6b7280;--faint: #9ca3af;--line: #e5e7eb;--bg: #f5f6f8;--accent: #ec5b52;--accent2: #d94a42;--accent-soft: #fef5f4;--navy: #16213e;--teal: #15803d;--amber: #d97706;--font: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}a{color:inherit}input,select,textarea,button{font:inherit}.boot{display:grid;place-items:center;height:100vh;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12.5px}.strong{font-weight:650}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:0 24px;height:58px;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e 55%,#0f3460);box-shadow:0 6px 20px #00000029}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:26px}.brand-name{font-weight:800;font-size:15px;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}.nav{display:flex;gap:4px}.nav a{text-decoration:none;color:#ffffffb3;font-weight:650;font-size:13px;padding:7px 12px;border-radius:8px}.nav a:hover{color:#fff;background:#ffffff14}.nav a.active{color:#fff;background:#ffffff24}.spacer{flex:1}.me{text-align:right;line-height:1.2}.me-name{font-weight:650;font-size:13px}.me-role{font-size:11px;color:#ffffff8c}.tbtn{height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#e7eaf1;font-weight:650;font-size:12.5px;cursor:pointer}.tbtn:hover{background:#ffffff26}.page{padding:26px 28px 60px;max-width:1280px;width:100%;margin:0 auto}.page-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-hd h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.page-sub{color:var(--muted);font-size:13px;margin-top:4px}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumbs{font-size:12.5px;color:var(--muted);margin-bottom:8px}.crumbs a{text-decoration:none;color:var(--muted)}.crumbs a:hover{color:var(--accent2)}.crumbs span{margin:0 4px;color:var(--faint)}.notes{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink2);margin-bottom:18px;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-weight:650;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:#f7f8fa;border-color:#d5d9e0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}.btn.pri:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.btn.danger{color:var(--accent2);border-color:#f8d5d2;background:var(--accent-soft)}.btn.sm{height:30px;padding:0 10px;font-size:12px}.btn.big{height:44px;font-size:14px;width:100%}.link{background:none;border:0;padding:0;color:var(--accent2);font-weight:650;cursor:pointer}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:7px;width:26px;height:26px;cursor:pointer;color:var(--muted);font-size:12px;flex:0 0 auto}input[type=text],input[type=email],input[type=password],input[type=date],input:not([type]),select,textarea{padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:13.5px;color:var(--ink);background:#fbfbfd;min-height:36px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(236,91,82,.25);border-color:var(--accent)}textarea{resize:vertical}input[type=range]{accent-color:var(--accent)}.search{width:240px;background:#fff!important}.chk{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink2);cursor:pointer}.chk input{accent-color:var(--accent)}.chk-row{display:flex;gap:22px;margin-top:6px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#eef2ff;color:#3730a3;margin-left:6px;vertical-align:middle;white-space:nowrap}.tag.gray,.tag.st-ARCHIVED{background:#f1f5f9;color:#64748b}.tag.red{background:var(--accent-soft);color:var(--accent2)}.tag.st-ACTIVE{background:#ecfdf5;color:var(--teal);margin:0}.tag.st-ON_HOLD{background:#fffbeb;color:var(--amber);margin:0}.tag.st-DONE{background:#eff6ff;color:#1d4ed8;margin:0}.tag.st-ARCHIVED{margin:0}.alert{padding:10px 12px;border-radius:9px;font-size:13px;margin:10px 0;text-align:left}.alert.err{background:var(--accent-soft);color:var(--accent2);border:1px solid #f8d5d2}.alert.warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #1a1a2e0a}.client-card{display:flex;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:border-color .12s,transform .12s,box-shadow .12s}.client-card:hover{border-color:#d5d9e0;transform:translateY(-1px);box-shadow:0 10px 24px #1a1a2e12}.client-card.archived{opacity:.6}.cc-avatar{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,#16213e,#0f3460);flex:0 0 auto}.cc-main{flex:1;min-width:0}.cc-name{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-meta{font-size:12.5px;color:var(--muted);margin-top:3px}.chev{color:var(--faint);font-size:22px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);background:#f8f9fb;padding:11px 16px;border-bottom:1px solid var(--line);position:sticky;top:0}.table td{padding:13px 16px;border-bottom:1px solid #f0f1f4;vertical-align:middle}.table.compact td{padding:8px 12px;font-size:12.5px}.table tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:#fafbfc}.empty{background:#fff;border:1px dashed #d5d9e0;border-radius:14px;padding:50px 20px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.empty-title{font-weight:700;color:var(--ink2)}.proj{flex:1;display:flex;flex-direction:column;min-height:0;height:calc(100vh - 58px)}.proj-hd{padding:16px 24px 0}.proj-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.proj-title{min-width:0;flex:1 1 360px}.proj-title h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;overflow:hidden}.proj-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink2);margin-top:6px}.proj-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ver-select{font-family:var(--mono);font-weight:700;font-size:12.5px!important;background:var(--accent-soft)!important;color:var(--accent2)!important;border-color:#f8d5d2!important;max-width:260px}.save-state{font-size:12px;font-weight:650;color:var(--muted);min-width:96px;text-align:right}.save-state.s-saved{color:var(--teal)}.save-state.s-dirty,.save-state.s-saving{color:var(--amber)}.save-state.s-error{color:var(--accent2)}.banner{margin-top:12px;padding:9px 14px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:13px}.proj-body{flex:1;display:flex;min-height:0;padding:4px 24px 18px}.gantt-host{flex:1;min-width:0;min-height:0}.menu{position:relative}.menu-pop{display:none;position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #0000001f;padding:6px;min-width:180px;z-index:60}.menu:hover .menu-pop,.menu:focus-within .menu-pop{display:block}.menu-pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:7px;cursor:pointer;color:var(--ink2);font-size:13px}.menu-pop button:hover{background:#f5f6f8}.menu-pop button.danger{color:var(--accent2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;max-width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 30px 80px #00000059}.modal-hd{padding:22px 24px 6px}.modal-hd h3{margin:0;font-size:17px;font-weight:800}.modal-sub{font-size:12px;color:var(--muted);margin-top:4px}.modal-body{padding:12px 24px;overflow:auto}.modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px 20px}.confirm-msg{margin:0;color:var(--ink2);line-height:1.5}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;min-width:0}.field-lbl{font-size:11px;font-weight:750;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}.field-hint{font-size:11.5px;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fs{border:0;padding:0;margin:0;min-width:0}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent;cursor:pointer;box-shadow:0 0 0 1px #00000014}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.shares{display:flex;flex-direction:column;gap:10px}.share{display:flex;gap:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.share.off{opacity:.6}.share-main{flex:1;min-width:0}.share-name{font-weight:700}.share-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin:4px 0 8px}.share-url{display:flex;gap:6px}.share-url input{flex:1;min-width:0;font-family:var(--mono);font-size:12px!important;min-height:30px!important;padding:4px 8px!important}.share-actions{display:flex;flex-direction:column;gap:6px}.dir-picker{padding:14px 16px;margin-bottom:20px}.dir-hd{display:flex;align-items:center;gap:14px}.dir-input{flex:1;background:#fff!important;height:40px}.dir-res{margin-top:10px;border-top:1px solid var(--line);max-height:360px;overflow:auto}.dir-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #f0f1f4}.dir-main{flex:1;min-width:0}.pr-ico{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#0f3460;flex:0 0 auto}.pr-ico.grp{background:#eef2ff;border-radius:9px;font-size:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;background:none;padding:10px 14px;font-weight:650;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.cnt{font-family:var(--mono);font-size:11px;background:#f1f5f9;padding:1px 6px;border-radius:6px;margin-left:4px}.grant-sec{margin-bottom:22px}.grant-sec h3{font-size:14px;margin:0 0 8px}.row-actions{display:inline-flex;gap:6px;align-items:center}.row-actions select{min-height:30px;padding:4px 8px;font-size:12.5px}.toasts{position:fixed;right:20px;bottom:20px;z-index:500;display:flex;flex-direction:column;gap:8px}.toast{background:#1a1a2e;color:#fff;padding:11px 16px;border-radius:10px;font-size:13px;box-shadow:0 12px 30px #00000040;max-width:420px;border-left:4px solid var(--teal)}.toast.err{border-left-color:var(--accent)}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(236,91,82,.18),transparent 40%),linear-gradient(135deg,#1a1a2e,#16213e 55%,#0f3460)}.login-card{width:400px;max-width:100%;background:#fff;border-radius:18px;padding:34px 32px;text-align:center;box-shadow:0 30px 80px #00000059}.login-logo{height:34px;filter:brightness(0) saturate(100%) invert(10%) sepia(20%) saturate(2000%) hue-rotate(205deg)}.login-card h1{margin:16px 0 4px;font-size:24px;font-weight:800}.login-sub{color:var(--muted);margin:0 0 22px;font-size:13.5px;line-height:1.5}.gate-form{display:flex;flex-direction:column;gap:10px;text-align:left}.gate-form input{width:100%;height:42px}.otp{text-align:center;font-family:var(--mono);font-size:22px!important;letter-spacing:10px}@media(max-width:760px){.topbar{gap:10px;padding:0 12px}.me{display:none}.page{padding:18px 14px}.row2{grid-template-columns:1fr}.proj-hd,.proj-body{padding-left:12px;padding-right:12px}}