:root{--paper:#eef0f2;--paper-2:#e0e4e8;--paper-warm:#faf7f0;--surface:#fffdf8;--ink:#0e0d0b;--ink-2:#2a2823;--ink-soft:#6b6459;--line:#c8cdd2;--accent:#d9562a;--accent-2:#1c3a2e;--accent-3:#c8a23a;--accent-4:#2b4a7a;--tint-forest:#e7efe8;--tint-ochre:#faf2dc;--tint-terracotta:#f5e4dc;--tint-ink-blue:#dce5f0;--tint-mere:#fff8f4;--dark-bg:#0c0b09;--dark-line:#2a2620;--dark-ink:#ede7d9;--dark-ink-soft:#8c8576;--sidebar-w:220px;--header-h:56px;--chrome-h:72px;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #0e0d0b0f;--shadow-lg:0 24px 60px -30px #0e0d0b38;--font-serif:"Fraunces", "Cormorant Garamond", Georgia, serif;--font-body:"Bricolage Grotesque", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--slate-50:var(--paper);--slate-100:var(--paper-2);--slate-200:var(--line);--slate-300:var(--line);--slate-400:var(--ink-soft);--slate-500:var(--ink-soft);--slate-600:var(--ink-2);--slate-700:var(--ink-2);--slate-800:var(--dark-bg);--slate-900:var(--ink);--blue-100:var(--tint-terracotta);--blue-500:var(--accent);--blue-600:var(--accent);--blue-700:var(--accent);--red-50:var(--tint-terracotta);--red-100:var(--tint-terracotta);--red-200:var(--tint-terracotta);--red-500:var(--accent);--red-700:var(--accent);--amber-50:var(--tint-ochre);--amber-100:var(--tint-ochre);--amber-200:var(--tint-ochre);--amber-500:var(--accent-3);--amber-700:var(--accent-3);--emerald-50:var(--tint-forest);--emerald-100:var(--tint-forest);--emerald-200:var(--tint-forest);--emerald-500:var(--accent-2);--emerald-600:var(--accent-2)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:.9375rem;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400}.mono{font-family:var(--font-mono)}.italic{font-style:italic}.eyebrow{font-family:var(--font-serif);letter-spacing:0;color:var(--ink-soft);font-variation-settings:"SOFT" 90, "opsz" 14;font-size:16px;font-style:italic;font-weight:400}.mono-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:10px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--dark-bg);color:var(--dark-ink-soft);width:var(--sidebar-w);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--dark-line);align-items:center;gap:.6rem;padding:1.5rem 1.25rem;display:flex}.sidebar-brand .name{color:var(--dark-ink);font-family:var(--font-serif);letter-spacing:-.02em;font-variation-settings:"SOFT" 90, "opsz" 48;font-size:1.4rem;font-weight:500}.sidebar-brand .sub{color:var(--dark-ink-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;padding:.75rem 0;display:flex}.nav-item{color:var(--dark-ink-soft);border-radius:2px;align-items:center;gap:.75rem;margin:1px .5rem;padding:.6rem .9rem;font-size:.85rem;transition:all .12s;display:flex}.nav-item:hover{color:var(--dark-ink)}.nav-item.active{background:var(--dark-line);color:var(--dark-ink);font-weight:500}.nav-item .badge{background:var(--accent);color:var(--surface);font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;margin-left:auto;padding:.1rem .45rem;font-size:.65rem;font-weight:600}.sidebar-user{border-top:1px solid var(--dark-line);align-items:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.sidebar-user .user-button{flex-shrink:0;display:flex}.sidebar-user .user-button .cl-userButtonTrigger{box-shadow:none}.sidebar-user .user-button .cl-avatarBox{width:32px;height:32px}.sidebar-user .uname{color:var(--dark-ink);font-size:.85rem;font-weight:500}.sidebar-user .urole{color:var(--dark-ink-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:10px}.main-column{background:var(--paper);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);height:var(--header-h);flex-shrink:0;align-items:center;gap:1rem;padding:0 2rem;display:flex}.topbar h1,.topbar h2{font-family:var(--font-serif);letter-spacing:-.01em;font-variation-settings:"SOFT" 90, "opsz" 24;margin:0;font-size:1.25rem;font-weight:500}.topbar .spacer{flex:1}.content{flex:1;padding:2rem;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.btn{font-family:var(--font-body);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn-outline{border-color:var(--line);color:var(--ink-2);background:0 0}.btn-outline:hover{border-color:var(--ink);color:var(--ink)}.btn-ghost{color:var(--ink-soft);background:0 0;border:none;padding:.5rem .75rem}.btn-ghost:hover{color:var(--ink)}.btn-danger{background:var(--accent);border-color:var(--accent);color:var(--surface)}.text-input,.search-box{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:6px;outline:none;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}.text-input:focus,.search-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint-terracotta)}.muted{color:var(--ink-soft)}.empty-state{color:var(--ink-soft);font-family:var(--font-serif);text-align:center;font-variation-settings:"SOFT" 90, "opsz" 18;padding:3rem;font-size:1rem;font-style:italic}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.9rem 1.1rem}.data-table th{background:var(--paper-warm);border-bottom:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500}.data-table td{font-size:.875rem}.data-table.clickable tbody tr{cursor:pointer;transition:background .1s}.data-table.clickable tbody tr:hover{background:var(--paper-warm)}.status-dot{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.4rem;font-size:10px;font-weight:500;display:inline-flex}.status-dot:before{content:"";border-radius:999px;width:7px;height:7px}.status-active:before{background:var(--accent-2)}.status-pending:before{background:var(--accent-3)}.status-claimed:before{background:var(--accent-2)}.status-revoked:before{background:var(--accent)}.status-provisioning:before{background:var(--accent-3)}.status-failed:before,.status-stalled:before,.status-suspended:before{background:var(--accent)}.mail-layout{flex:1;min-height:0;display:flex}.thread-list{border-right:1px solid var(--slate-200);flex-shrink:0;width:380px;overflow-y:auto}.thread-item{border-bottom:1px solid var(--slate-100);cursor:pointer;flex-direction:column;gap:.2rem;padding:.75rem 1rem;transition:background .1s;display:flex}.thread-item:hover{background:var(--slate-50)}.thread-item.active{background:var(--blue-100)}.thread-item.unread{font-weight:600}.thread-item .thread-from{font-size:.85rem}.thread-item .thread-subject{color:var(--slate-700);font-size:.85rem}.thread-item .thread-snippet{color:var(--slate-400);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.thread-item .thread-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.thread-item .thread-date{color:var(--slate-400);font-size:.75rem}.thread-item .thread-star{color:var(--amber-500)}.thread-view{flex:1;padding:1.5rem;overflow-y:auto}.thread-view-header{border-bottom:1px solid var(--slate-200);margin-bottom:1rem;padding-bottom:1rem}.thread-view-header h2{margin:0 0 .25rem;font-size:1.25rem}.message-card{background:var(--surface);border:1px solid var(--slate-200);border-radius:var(--radius);margin-bottom:1rem;padding:1rem 1.25rem}.message-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.message-avatar{background:var(--slate-200);color:var(--slate-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.message-sender{font-weight:600}.message-date{color:var(--slate-400);font-size:.8rem}.message-body{font-size:.9rem;line-height:1.6}.message-body p{margin:0 0 .5em}.message-attachments{border-top:1px solid var(--slate-100);flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.attachment-chip{background:var(--slate-50);border:1px solid var(--slate-200);color:var(--slate-600);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;display:inline-flex}.login-page{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2.75rem 2.5rem}.login-card .eyebrow{margin-bottom:.4rem;display:block}.login-card h1{color:var(--ink);font-family:var(--font-serif);letter-spacing:-.02em;font-variation-settings:"SOFT" 80, "opsz" 144;margin:0 0 .75rem;font-size:2.5rem;font-weight:500;line-height:1.05}.login-card>p{color:var(--ink-soft);margin:0 0 1.75rem;font-size:.9rem}.login-card label{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:10px;font-weight:500;display:block}.login-card input{width:100%;margin-bottom:1rem;display:block}.login-card .btn{width:100%}.login-card .error-msg{color:var(--accent);margin-bottom:1rem;font-size:.85rem}.login-card .success-msg{color:var(--accent-2);margin-bottom:1rem;font-size:.85rem}.modal-backdrop{z-index:200;background:#0e0d0b6b;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:80vh;overflow-y:auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.modal-body{padding:1.25rem}.field-stack{flex-direction:column;gap:.75rem;display:flex}.field-stack label{color:var(--slate-600);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}@media (width<=768px){.sidebar{display:none}.thread-list{width:100%}.thread-view,.mail-layout.has-thread .thread-list{display:none}.mail-layout.has-thread .thread-view{display:block}}