:root{--teal:#0B3C42;--teal-dark:#062327;--gold:#BFA07A;--gold-dark:#9c8560;--olive:#878873;--sage:#8a8f79;--cream:#f7f6f2;--bg-0:#051619;--bg-1:#0a2429;--bg-2:#0e2f35;--surface:rgba(255,255,255,.045);--surface-hover:rgba(255,255,255,.075);--surface-solid:#0d2a30;--border:rgba(191,160,122,.16);--border-strong:rgba(191,160,122,.38);--text:#f2efe6;--text-dim:#aec4c4;--text-mute:#6e8688;--st-wip:#9aa085;--st-shared:#BFA07A;--st-published:#4fae8b;--st-archived:#5c7175;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--shadow-card:0 10px 30px -12px rgba(0,0,0,.55);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:DM Sans,sans-serif;color:var(--text);min-height:100vh;background:radial-gradient(1100px 600px at 85% -10%,rgba(191,160,122,.1),transparent 60%),radial-gradient(900px 500px at -10% 15%,rgba(79,174,139,.08),transparent 55%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 55%,var(--bg-0));background-attachment:fixed;font-size:14px;line-height:1.5}.mono{font-family:Space Mono,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:380px;padding:32px 28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:center}.auth-card img{height:28px;margin-bottom:24px}.auth-card h1{font-size:17px;font-weight:700;margin-bottom:6px}.auth-card p{font-size:12.5px;color:var(--text-mute);margin-bottom:22px}.auth-card input{width:100%;padding:11px 14px;border-radius:10px;background:#00000038;border:1px solid var(--border);color:var(--text);font-size:13.5px;margin-bottom:14px}.auth-card input:focus{outline:none;border-color:var(--gold)}.auth-msg{font-size:12.5px;margin-top:14px;padding:10px 12px;border-radius:9px}.auth-msg.ok{background:#4fae8b1a;border:1px solid rgba(79,174,139,.35);color:#bfe9d8}.auth-msg.err{background:#d8845f1a;border:1px solid rgba(216,132,95,.35);color:#f3c9b3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid transparent;width:100%;transition:transform .12s var(--ease),filter .15s}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--teal-dark)}.btn-primary:not(:disabled):hover{filter:brightness(1.06)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}#shell{display:flex;min-height:100vh}.sidebar{width:230px;flex:none;padding:22px 16px;display:flex;flex-direction:column;gap:22px;background:linear-gradient(180deg,#0623278c,#06232740);border-right:1px solid var(--border);position:sticky;top:0;height:100vh}.brand{padding:6px 8px 14px}.brand img{height:24px;display:block}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--text-dim);border-left:2px solid transparent}.nav-item.active,.nav-item:hover{background:var(--surface);color:var(--text)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.avatar{width:32px;height:32px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--teal-dark);background:linear-gradient(140deg,var(--gold),var(--gold-dark))}.who .name{font-size:12.5px;font-weight:600}.who .role{font-size:11px;color:var(--text-mute);text-transform:capitalize}.logout-btn{font-size:12px;color:var(--text-mute);background:none;border:none;text-align:left;padding:4px 2px}.logout-btn:hover{color:var(--text)}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);background:#051619a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.page-title{font-size:19px;font-weight:700}.content{padding:26px 28px 60px;max-width:1200px;margin:0 auto}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}.proj-card{padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;transition:transform .18s var(--ease)}.proj-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.proj-card .code{font-family:Space Mono,monospace;font-size:12px;color:var(--gold)}.proj-card .name{font-size:16px;font-weight:700}.proj-card .meta{font-size:12px;color:var(--text-mute)}.empty-state{padding:60px 20px;text-align:center;color:var(--text-mute)}.explorer{display:flex;gap:20px;align-items:flex-start;margin-top:16px}.explorer-tree{width:220px;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.tree-cat-head{padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer}.tree-cat-head:hover{background:var(--surface-hover)}.tree-item{padding:7px 9px;border-radius:7px;font-size:12.5px;color:var(--text-dim);cursor:pointer;border-left:2px solid transparent}.tree-item.active{background:#bfa07a24;border-left-color:var(--gold);color:var(--text);font-weight:600}.tree-item:hover{background:var(--surface-hover);color:var(--text)}.explorer-content{flex:1;min-width:0}.file-table{width:100%;border-collapse:collapse}.file-table thead th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--text-mute);padding:0 14px 10px}.file-table tbody tr{background:var(--surface);border:1px solid var(--border)}.file-table tbody tr td{padding:12px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.state-pill{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:99px;color:var(--teal-dark)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);margin-bottom:14px}.back-link:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;background:#030e10b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{width:100%;max-width:420px;padding:26px 26px 22px;border-radius:var(--radius-lg);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.field-label{font-size:12px;color:var(--text-mute);margin:12px 0 6px;display:block}.field-input{width:100%;padding:9px 12px;border-radius:9px;background:#00000038;border:1px solid var(--border);color:var(--text);font-size:13px;font-family:inherit}.field-input:focus{outline:none;border-color:var(--gold)}select.field-input{appearance:auto}.btn-ghost{width:auto;flex:1}.modal-card .btn-primary{flex:1}