:root{--navy:#061e33;--dark:#041725;--surface:#0b3558;--soft:#092b48;--gold:#b89b5e;--gold2:#e1c98f;--cream:#f7f1df;--text:#fff;--muted:rgba(255,255,255,.7);--line:rgba(255,255,255,.14);--green:#5bd69a;--amber:#e2bd72;--red:#ff8b82;--shadow:0 22px 60px rgba(0,0,0,.28);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--navy)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy);color:var(--text)}button,input,textarea,select{font:inherit}.hidden{display:none!important}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1.15fr .85fr;background:radial-gradient(circle at 20% 10%,rgba(184,155,94,.15),transparent 28%),linear-gradient(145deg,var(--dark),var(--navy) 65%,#082a48)}.auth-brand{padding:clamp(32px,7vw,96px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.auth-brand img{width:min(330px,75%)}.auth-brand span,.eyebrow{color:var(--gold2);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.auth-brand h1{font:clamp(44px,6.5vw,92px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:18px 0 22px}.auth-brand p{max-width:590px;color:var(--muted);font-size:18px;line-height:1.6}.auth-card{display:grid;place-items:center;padding:30px}.stack{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:rgba(11,53,88,.84);box-shadow:var(--shadow);display:grid;gap:18px}.stack h2,.dialog-body h2{font:32px Georgia,serif;margin:8px 0 6px}.stack p{color:var(--muted);line-height:1.5;margin:0}.stack label,.dialog-body label,.detail label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.stack input,.dialog-body input,.dialog-body textarea,.dialog-body select,.detail input,.detail textarea,.detail select,.search{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:#fff;padding:11px 12px;outline:0}.stack input:focus,.dialog-body input:focus,.dialog-body textarea:focus,.dialog-body select:focus,.detail input:focus,.detail textarea:focus,.detail select:focus,.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,155,94,.13)}.helper{font-size:11px!important}.button{min-height:38px;padding:9px 14px;border-radius:8px;border:1px solid transparent;font-weight:750;font-size:12px;cursor:pointer;transition:.18s}.button:active{transform:translateY(1px)}.button.primary{background:#d2b879;color:var(--navy)}.button.primary:hover{background:#e2cb96}.button.ghost{border-color:var(--line);background:rgba(255,255,255,.05);color:#fff}.app{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--dark);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;z-index:10}.brand{padding:4px 8px 24px;border-bottom:1px solid var(--line)}.brand img{width:205px}.brand span{display:block;padding-left:55px;margin-top:6px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.sidebar nav{display:grid;gap:5px;padding:22px 0}.nav{border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.68);text-align:left;padding:11px 12px;font-size:12px;cursor:pointer}.nav.active,.nav:hover{background:rgba(184,155,94,.14);color:var(--gold2)}.sidebar-foot{margin-top:auto;padding:15px 8px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:9px;line-height:1.4}.status-dot,.sync span{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--green);margin-top:2px}.workspace{margin-left:248px;min-height:100dvh}.topbar{position:sticky;top:0;z-index:8;min-height:68px;padding:10px 28px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:rgba(6,30,51,.94);backdrop-filter:blur(13px)}.topbar strong{display:block;margin-top:4px;font-size:13px}.top-actions{margin-left:auto;display:flex;gap:8px}.menu-button{display:none}.page{max-width:1600px;margin:auto;padding:30px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-head h1{font:36px Georgia,serif;margin:0 0 8px}.page-head p{margin:0;color:var(--muted);font-size:13px}.sync{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.metric{padding:16px;border-top:2px solid var(--gold);background:rgba(255,255,255,.05)}.metric span{color:var(--muted);font-size:10px}.metric strong{display:block;margin-top:9px;font-size:26px}.layout{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);gap:15px;align-items:start}.panel{border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 10px 26px rgba(0,0,0,.13);overflow:hidden}.panel-head{padding:18px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.panel h2{margin:5px 0 0;font-size:15px}.search{max-width:260px;padding:9px 10px;font-size:11px}.task-list{max-height:calc(100dvh - 300px);overflow:auto}.task-row{width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px}.task-row:hover,.task-row.active{background:rgba(255,255,255,.055)}.task-row h3{margin:0;font-size:13px}.task-row p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:rgba(226,189,114,.16);color:#f2d18f;font-size:9px;font-weight:750}.badge.done{background:rgba(91,214,154,.15);color:#91edbd}.detail{position:sticky;top:84px;max-height:calc(100dvh - 104px);overflow:auto}.empty{min-height:440px;display:grid;place-content:center;text-align:center;padding:30px}.empty span{font:24px Georgia,serif}.empty p{color:var(--muted);font-size:12px;max-width:350px}.detail-head{padding:20px;border-bottom:1px solid var(--line)}.detail-head h2{font:25px Georgia,serif;margin:8px 0}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px}.detail-section{padding:18px 20px;border-bottom:1px solid var(--line)}.detail-section h3{font-size:12px;margin:0 0 12px}.expected{color:var(--muted);font-size:13px;line-height:1.55}.form-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.detail textarea{min-height:75px;resize:vertical}.timeline{display:grid;gap:9px}.event{padding:11px;border-left:2px solid var(--gold);background:var(--soft)}.event strong{font-size:10px}.event p{white-space:pre-wrap;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.event time{display:block;margin-top:5px;color:rgba(255,255,255,.45);font-size:8px}.files{display:grid;gap:7px}.file{display:flex;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--line);border-radius:8px;font-size:10px;color:var(--muted)}.file a{color:var(--gold2)}dialog{width:min(620px,calc(100% - 28px));border:1px solid var(--line);border-radius:18px;padding:0;background:var(--surface);color:#fff;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(1,12,21,.76);backdrop-filter:blur(5px)}.dialog-body{padding:26px;display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between;gap:15px}.close{border:0;background:transparent;color:var(--muted);cursor:pointer}.dialog-body textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invite-result{padding:13px;border-left:3px solid var(--green);background:rgba(91,214,154,.1);font-size:11px;line-height:1.5;word-break:break-all}.toast{position:fixed;top:18px;right:18px;z-index:100;max-width:380px;padding:12px 15px;border-radius:9px;background:var(--cream);color:var(--navy);font-size:12px;font-weight:700;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#ffe7e3;color:#7a211a}.icon-button{border:1px solid var(--line);background:transparent;color:#fff;border-radius:8px;padding:8px}
@media(max-width:1050px){.layout{grid-template-columns:1fr}.detail{position:relative;top:auto;max-height:none}.task-list{max-height:460px}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:28px 22px;border-right:0;border-bottom:1px solid var(--line)}.auth-brand img{width:220px}.auth-brand h1{font-size:42px}.auth-card{padding:22px}.stack{padding:24px}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:block}.topbar{padding:10px 15px}.top-actions{gap:5px}.top-actions .button{padding:8px;font-size:10px}.page{padding:22px 15px}.page-head{display:block}.sync{margin-top:12px}.metrics{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.panel-head{display:block}.search{max-width:none;margin-top:12px}.form-grid,.form-row{grid-template-columns:1fr}.task-list{max-height:none}}