:root{--dui-teal-50: #e0faf8;--dui-teal-100: #b3f2ed;--dui-teal-200: #7de8e1;--dui-teal-400: #4ecdc4;--dui-teal-600: #2eada5;--dui-teal-800: #1a6d68;--dui-teal-900: #0d3a37;--dui-red-50: #fef2f2;--dui-red-100: #fee2e2;--dui-red-400: #ef4444;--dui-red-600: #dc2626;--dui-red-dim: #2d1414;--dui-amber-50: #fffbeb;--dui-amber-100: #fef3c7;--dui-amber-400: #f59e0b;--dui-amber-600: #d97706;--dui-amber-dim: #2d2010;--dui-blue-50: #eff6ff;--dui-blue-100: #dbeafe;--dui-blue-400: #4a9eff;--dui-blue-600: #2563eb;--dui-blue-dim: #0d1f38;--dui-green-50: #f0fdf4;--dui-green-100: #dcfce7;--dui-green-400: #22c55e;--dui-green-600: #16a34a;--dui-green-dim: #0d2818;--dui-purple-50: #faf5ff;--dui-purple-100: #f3e8ff;--dui-purple-400: #a855f7;--dui-purple-600: #9333ea;--dui-purple-dim: #1f0d38;--dui-bg: #0d0d0d;--dui-bg-raised: #161616;--dui-bg-overlay:#1e1e1e;--dui-border: rgba(255,255,255,.08);--dui-border-md: rgba(255,255,255,.12);--dui-border-strong: rgba(255,255,255,.18);--dui-text: #f0f0f0;--dui-text-muted: #888888;--dui-text-hint: #555555;--dui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--dui-font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--dui-radius-sm: 4px;--dui-radius: 8px;--dui-radius-lg: 12px;--dui-radius-xl: 16px;--dui-radius-full: 9999px;--dui-transition: .15s ease;--dui-transition-md: .2s ease}[data-theme=light]{--dui-bg: #ffffff;--dui-bg-raised: #f8f8f8;--dui-bg-overlay:#f0f0f0;--dui-border: rgba(0,0,0,.08);--dui-border-md: rgba(0,0,0,.12);--dui-border-strong: rgba(0,0,0,.2);--dui-text: #111111;--dui-text-muted: #666666;--dui-text-hint: #999999;--dui-teal-400: #2eada5;--dui-teal-600: #1a6d68}:root{color-scheme:dark}body{margin:0;background:var(--dui-bg);color:var(--dui-text);font-family:var(--dui-font-sans)}.container{max-width:720px;margin:0 auto;padding:32px 20px}.container--wide{max-width:960px}a{color:var(--dui-teal-400)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--dui-border);margin-bottom:24px;flex-wrap:wrap}.tab{padding:10px 14px;font-size:13.5px;color:var(--dui-text-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--dui-text);text-decoration:none}.tab.active{color:var(--dui-teal-400);border-bottom-color:var(--dui-teal-400)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--dui-border);font-size:14px}.muted{color:var(--dui-text-muted);font-size:13px}code{background:var(--dui-bg);padding:2px 6px;border-radius:var(--dui-radius-sm);font-size:13px;font-family:var(--dui-font-mono);word-break:break-all}table{width:100%}th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dui-text-hint);font-weight:600}tbody tr:hover td{background:#ffffff05}.app-shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh;align-items:start}.sidebar{position:sticky;top:0;height:100vh;background:var(--dui-bg);border-right:1px solid var(--dui-border);padding:18px 12px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:6px 8px 20px;text-decoration:none!important;color:inherit}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(155deg,var(--dui-teal-400) 0%,var(--dui-teal-600) 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#04201c;flex-shrink:0}.brand-name{font-weight:700;font-size:14.5px;letter-spacing:-.01em}.nav-group{margin-bottom:4px}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--dui-text-hint);padding:10px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:13.5px;color:var(--dui-text-muted);cursor:pointer;margin-bottom:1px;text-decoration:none!important}.nav-item:hover{background:var(--dui-bg-raised);color:var(--dui-text)}.nav-item.active{background:var(--dui-teal-900);color:var(--dui-teal-400);font-weight:600}.sidebar-foot{margin-top:auto;padding:10px;border-top:1px solid var(--dui-border);display:flex;align-items:center;gap:10px}.avatar-dot{width:26px;height:26px;border-radius:50%;background:var(--dui-bg-overlay);border:1px solid var(--dui-border-md);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--dui-text-muted);flex-shrink:0}.sidebar-foot .who{font-size:12.5px;overflow:hidden;flex:1;min-width:0}.sidebar-foot .who .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .who .email{color:var(--dui-text-hint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot .icon-btn{background:none;border:none;color:var(--dui-text-hint);cursor:pointer;padding:4px;border-radius:5px;flex-shrink:0;font-size:13px}.sidebar-foot .icon-btn:hover{background:var(--dui-bg-raised);color:var(--dui-text)}.main{padding:28px 32px 60px;max-width:1200px}.topline{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:26px;gap:16px;flex-wrap:wrap}.topline h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.topline .sub{font-size:13px;color:var(--dui-text-muted)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.proj-card{background:var(--dui-bg-raised);border:1px solid var(--dui-border);border-radius:var(--dui-radius-lg);padding:18px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color var(--dui-transition);text-decoration:none!important;color:inherit}.proj-card:hover{border-color:var(--dui-border-strong)}.proj-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.proj-swatch{width:34px;height:34px;border-radius:9px;flex-shrink:0}.proj-card h3{margin:0;font-size:14.5px;font-weight:600}.proj-key{font-family:var(--dui-font-mono);font-size:11px;color:var(--dui-text-hint);word-break:break-all}.proj-stats{display:flex;gap:16px;padding-top:10px;border-top:1px solid var(--dui-border)}.proj-stat .n{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.proj-stat .l{font-size:10.5px;color:var(--dui-text-hint);text-transform:uppercase;letter-spacing:.05em}.new-proj-card{border:1px dashed var(--dui-border-strong);border-radius:var(--dui-radius-lg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--dui-text-muted);font-size:13px;font-weight:600;min-height:118px;cursor:pointer;background:none}.new-proj-card:hover{border-color:var(--dui-teal-400);color:var(--dui-teal-400)}.new-proj-card .plus{font-size:20px;font-weight:400;line-height:1}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:28px}.stat-card{background:var(--dui-bg-raised);border:1px solid var(--dui-border);border-radius:var(--dui-radius);padding:16px 18px}.stat-card .label{font-size:11.5px;color:var(--dui-text-hint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-card .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-card .value.ok{color:var(--dui-green-400);font-size:16px}.panel{background:var(--dui-bg-raised);border:1px solid var(--dui-border);border-radius:var(--dui-radius-lg);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--dui-border);gap:12px}.panel-head h3{margin:0;font-size:14px;font-weight:600}.panel-head .desc{font-size:12px;color:var(--dui-text-hint);margin-top:2px}.panel table{border-collapse:collapse}.panel th,.panel td{padding:10px 18px}.panel th{background:var(--dui-bg-overlay)}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:32px 20px;background:radial-gradient(600px circle at 18% 20%,rgba(78,205,196,.08),transparent 60%),radial-gradient(500px circle at 85% 85%,rgba(78,205,196,.05),transparent 55%),var(--dui-bg)}.auth-card{width:100%;max-width:380px;position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;justify-content:center}.auth-brand .brand-mark{width:30px;height:30px;font-size:15px}.auth-brand .brand-name{font-size:16px}.auth-panel{background:var(--dui-bg-raised);border:1px solid var(--dui-border-md);border-radius:var(--dui-radius-xl);padding:30px 28px}.auth-panel h2{margin:0 0 6px;font-size:19px;text-align:center}.auth-panel .sub{text-align:center;font-size:13px;color:var(--dui-text-muted);margin-bottom:22px}.auth-foot{text-align:center;margin-top:18px;font-size:12.5px;color:var(--dui-text-muted)}@media (max-width: 820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--dui-border);flex-direction:row;align-items:center;padding:12px 16px}.sidebar .nav-group,.sidebar-foot{display:none}.main{padding:20px 16px 40px}}