:root{--navy:#0b1533;--navy-2:#14204a;--navy-3:#1c2a5c;--navy-deep:#050a1a;--mint:#2cd4be;--mint-soft:rgba(44,212,190,0.12);--mint-line:rgba(44,212,190,0.3);--ink:#ffffff;--ink-dim:rgba(255,255,255,0.6);--ink-faint:rgba(255,255,255,0.3);--line:rgba(255,255,255,0.08);--line-hi:rgba(255,255,255,0.18);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.14);--danger:#ef4444;--danger-soft:rgba(239,68,68,0.14);--success:#2cd4be;--info:#60a5fa;--info-soft:rgba(96,165,250,0.14);--serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 40px 120px rgba(0,0,0,0.6)}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100vh}body{font-family:var(--sans);background:var(--navy);-webkit-font-smoothing:antialiased;line-height:1.55;font-size:14px}body,h1,h2,h3{color:var(--ink)}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.92em;color:var(--ink-dim)}::selection{background:var(--mint-line)}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--navy-deep);border-right:1px solid var(--line);padding:20px 12px 16px}.sidebar-logo{display:flex;align-items:center;padding:0 8px 20px;border-bottom:1px solid var(--line);margin-bottom:16px}.sidebar-logo img{height:26px;width:auto}.nav-group{margin-bottom:18px}.nav-group-title{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink-dim);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent}.nav-item:hover{color:var(--ink);background:var(--line);text-decoration:none}.nav-item.active{color:var(--mint);background:var(--mint-soft);border-color:var(--mint-line)}.nav-item svg{flex-shrink:0}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:12px 10px 0}.sidebar-user{font-family:var(--mono);font-size:11px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.main{flex:1 1;min-width:0;padding:32px 40px 64px;max-width:1080px}.page-title{font-size:28px;margin:0 0 4px}.page-subtitle{color:var(--ink-dim);margin:0 0 24px}.card{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}.card-title{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink);margin:0 0 14px}.stat-card{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.stat-value{font-family:var(--serif);font-size:26px;line-height:1.1}.stat-hint{font-size:12px;color:var(--ink-dim);margin-top:4px}.action-card{display:block;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--ink);transition:border-color .15s,background .15s}.action-card:hover{border-color:var(--mint-line);background:var(--navy-3);text-decoration:none}.action-card .icon{color:var(--mint);margin-bottom:10px}.action-card .title{font-weight:600;font-size:14px;margin-bottom:4px}.action-card .desc{font-size:12.5px;color:var(--ink-dim)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-dim);font-family:var(--sans);font-size:13.5px;font-weight:500;padding:10px 14px;cursor:pointer}.tab:hover{color:var(--ink)}.tab.active{color:var(--mint);border-bottom-color:var(--mint)}.pill{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 10px;border-radius:999px;border:1px solid var(--line-hi);color:var(--ink-dim);white-space:nowrap}.pill.mint{color:var(--mint);border-color:var(--mint-line);background:var(--mint-soft)}.pill.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.pill.danger{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.pill.info{color:var(--info);border-color:var(--info);background:var(--info-soft)}input,select,textarea{font-family:var(--sans);font-size:13.5px;color:var(--ink);background:var(--navy);border:1px solid var(--line-hi);border-radius:var(--radius-sm);padding:9px 12px;outline:none}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,select:focus,textarea:focus{border-color:var(--mint-line);box-shadow:0 0 0 3px var(--mint-soft)}select option{background:var(--navy-2);color:var(--ink)}textarea{resize:vertical}label{color:var(--ink-dim);font-size:13px}.field{display:grid;grid-gap:6px;gap:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--sans);font-size:13.5px;font-weight:600;border-radius:var(--radius-sm);padding:9px 18px;cursor:pointer;border:1px solid var(--line-hi);background:transparent;color:var(--ink);transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--mint-line);background:var(--mint-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--mint);border-color:var(--mint);color:var(--navy-deep)}.btn.primary:hover:not(:disabled){background:var(--mint);filter:brightness(1.08)}.btn.small{padding:5px 12px;font-size:12.5px;font-weight:500}.btn.ghost{border-color:transparent;color:var(--ink-dim)}.btn.ghost:hover:not(:disabled){color:var(--ink);background:var(--line)}.btn.link{border:none;background:none;color:var(--mint);padding:0;font-weight:500}.btn.link:hover{text-decoration:underline}.btn.facebook{background:#1877f2;border-color:#1877f2;color:#ffffff}table{width:100%;border-collapse:collapse}th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--ink-faint);padding:8px 12px}td,th{border-bottom:1px solid var(--line)}td{padding:10px 12px;color:var(--ink-dim);font-size:13.5px}td strong{color:var(--ink)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--line)}.bubble{max-width:75%;margin:4px 0;padding:8px 12px;border-radius:var(--radius);white-space:pre-wrap;font-size:13.5px}.bubble.out{background:var(--mint-soft);border:1px solid var(--mint-line);color:var(--ink)}.bubble.in{background:var(--navy-3);border:1px solid var(--line);color:var(--ink)}.bubble .meta{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-align:right;margin-top:4px}.chat-layout{display:flex;gap:16px;align-items:stretch;margin-bottom:20px}.chat-list{width:270px;flex-shrink:0;display:flex;flex-direction:column;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chat-list-scroll{flex:1 1;overflow-y:auto}.chat-panel{flex:1 1;min-width:0;display:flex;flex-direction:column;height:540px;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chat-scroll{flex:1 1;overflow-y:auto;padding:16px}.chat-composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--navy-deep)}.chat-composer input{flex:1 1}.upload-box{border:1.5px dashed var(--line-hi);border-radius:var(--radius-sm);padding:18px;text-align:center;color:var(--ink-dim);font-size:13px;cursor:pointer;transition:border-color .15s}.upload-box.ok,.upload-box:hover{border-color:var(--mint-line)}.upload-box.ok{background:var(--mint-soft);color:var(--ink)}.tpl-preview{background:#e5ddd5;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.tpl-preview .tpl-bubble{position:relative;background:#ffffff;color:#111b21;border-radius:8px;border-top-left-radius:0;padding:8px 10px;max-width:340px;font-size:13.5px;line-height:1.4;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.13);font-family:var(--sans)}.tpl-preview .tpl-media{background:#d1d7db;border-radius:6px;height:140px;display:flex;align-items:center;justify-content:center;color:#54656f;font-size:12px;margin-bottom:6px;overflow:hidden}.tpl-preview .tpl-media img,.tpl-preview .tpl-media video{width:100%;height:100%;object-fit:cover}.tpl-preview .tpl-header-text{font-weight:700;margin-bottom:3px;color:#111b21}.tpl-preview .tpl-footer{color:#8696a0;font-size:11.5px;margin-top:4px}.tpl-preview .tpl-time{color:#8696a0;font-size:10.5px;text-align:right;margin-top:2px}.modal-overlay{position:fixed;inset:0;background:rgba(4,9,26,.72);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100%);max-height:88vh;overflow-y:auto;padding:22px 24px;box-shadow:0 18px 60px rgba(0,0,0,.5)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-close{background:none;border:none;color:var(--ink-dim);font-size:20px;line-height:1;cursor:pointer}.modal-close:hover{color:var(--ink)}.mono{font-family:var(--mono)}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warn{color:var(--warn)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.notice{border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;border:1px solid var(--line-hi);background:var(--navy-3);color:var(--ink-dim)}.notice.warn{border-color:var(--warn);background:var(--warn-soft);color:var(--ink)}.notice.danger{border-color:var(--danger);background:var(--danger-soft);color:var(--ink)}.notice.success{border-color:var(--mint-line);background:var(--mint-soft);color:var(--ink)}.log-box{background:var(--navy-deep);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--mono);font-size:12px;color:var(--ink-dim);white-space:pre-wrap}.auth-split{display:flex;min-height:100vh}.auth-form-side{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:100%;max-width:400px;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 32px}.auth-card .logo{display:block;height:30px;margin:0 auto 20px}.auth-title{font-size:24px;text-align:center;margin:0 0 6px}.auth-sub{text-align:center;color:var(--ink-dim);font-size:13px;margin:0 0 24px}.auth-brand-side{flex:1 1;background:var(--navy-deep);border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:48px;background-image:radial-gradient(var(--line-hi) 1px,transparent 1px);background-size:28px 28px}.auth-quote{max-width:440px;background:var(--navy-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}.auth-quote p{color:var(--ink-dim);font-size:15px;line-height:1.6}.auth-quote strong{color:var(--ink)}.auth-quote .who{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-top:16px}@media (max-width:900px){.auth-brand-side,.sidebar{display:none}.main{padding:24px 20px 48px}}