:root{--bg: #0a1628;--surface: #0f1f3a;--surface2: #162a4a;--border: #1e3a5f;--text: #e2e8f0;--text-dim: #94a3b8;--accent: #22d3ee;--accent2: #a78bfa;--danger: #f87171;--radius: 8px;--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-dim)}.loading-screen__spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(160deg,#0a1628 60%,#162a4a)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:40px 32px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-brand__icon{width:36px;height:36px}.login-brand h1{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;color:var(--accent)}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:4px}.login-field span{font-size:.85rem;color:var(--text-dim)}.login-field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:.95rem;outline:none}.login-field input:focus{border-color:var(--accent)}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:background .15s}.login-btn--primary{background:var(--accent);color:#0a1628}.login-btn--primary:hover{background:#06b6d4}.login-btn--google{background:var(--surface2);color:var(--text);border:1px solid var(--border);width:100%}.login-btn--google:hover{background:var(--border)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-dim);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-error{color:var(--danger);font-size:.85rem;margin-top:12px}.login-note{color:var(--text-dim);font-size:.8rem;margin-top:16px;text-align:center}.shell{display:flex;min-height:100vh}.shell__side{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50}.shell__brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.1rem;color:var(--accent)}.shell__nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.shell__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:background .15s,color .15s}.shell__link:hover{background:var(--surface2);color:var(--text)}.shell__link--active{background:var(--surface2);color:var(--accent)}.shell__link-icon{font-size:1.1rem;width:24px;text-align:center}.shell__footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.shell__user{display:flex;flex-direction:column}.shell__user-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell__user-role{font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.shell__logout{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:6px 12px;font-size:.8rem;cursor:pointer;transition:color .15s,border-color .15s}.shell__logout:hover{color:var(--danger);border-color:var(--danger)}.shell__main{margin-left:var(--sidebar-w);flex:1;padding:32px 40px;min-height:100vh}.dash__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.dash__header h1{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700}.dash__subtitle{color:var(--text-dim);font-size:.9rem}.dash__loading{color:var(--text-dim);padding:24px 0}.dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dash__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:6px}.dash__card-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.dash__card-total{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:600;color:var(--accent)}.dash__card-new{font-size:.8rem;color:#4ade80}.inbox__tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:12px}.inbox__tab{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:6px 14px;font-size:.82rem;cursor:pointer;transition:.15s}.inbox__tab:hover{color:var(--text);border-color:var(--text-dim)}.inbox__tab--active{background:var(--accent);color:#0a1628;border-color:var(--accent)}.inbox__list{display:flex;flex-direction:column;gap:2px}.inbox__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.inbox__row{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;background:none;border:none;color:var(--text);cursor:pointer;font-size:.9rem;text-align:left}.inbox__row:hover{background:var(--surface2)}.inbox__status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inbox__name{flex:1;font-weight:600}.inbox__type{color:var(--text-dim);font-size:.8rem;min-width:110px}.inbox__date{color:var(--text-dim);font-size:.8rem;min-width:140px}.inbox__chevron{color:var(--text-dim);font-size:.75rem}.inbox__detail{border-top:1px solid var(--border);padding:16px 16px 16px 36px;background:var(--bg)}.inbox__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:16px}.inbox__field{display:flex;flex-direction:column;gap:2px}.inbox__field-key{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.inbox__field-val{font-size:.9rem;word-break:break-word}.inbox__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inbox__actions-label{font-size:.8rem;color:var(--text-dim)}.inbox__status-btn{padding:4px 12px;border-radius:var(--radius);border:1px solid var(--border);background:none;color:var(--text-dim);font-size:.78rem;cursor:pointer;text-transform:capitalize;transition:.15s}.inbox__status-btn:hover{border-color:var(--text);color:var(--text)}.inbox__status-btn--active{background:var(--accent);color:#0a1628;border-color:var(--accent)}.chat-viewer__split{display:flex;gap:20px;min-height:400px}.chat-viewer__list{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:calc(100vh - 180px)}.chat-viewer__session{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;text-align:left;font-size:.82rem;transition:.15s}.chat-viewer__session:hover{background:var(--surface2)}.chat-viewer__session--active{border-color:var(--accent);background:var(--surface2)}.chat-viewer__session-id{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.8rem}.chat-viewer__session-count,.chat-viewer__session-date{font-size:.75rem}.chat-viewer__thread{flex:1;overflow-y:auto;max-height:calc(100vh - 180px);display:flex;flex-direction:column;gap:12px}.chat-viewer__empty{color:var(--text-dim);padding:24px}.chat-viewer__msg{padding:12px 16px;border-radius:var(--radius);max-width:80%}.chat-viewer__msg--user{background:var(--surface2);align-self:flex-end}.chat-viewer__msg--assistant{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.chat-viewer__msg-role{font-size:.7rem;text-transform:uppercase;color:var(--accent);letter-spacing:.5px}.chat-viewer__msg-text{margin-top:4px;font-size:.9rem}.chat-viewer__msg-time{font-size:.7rem;color:var(--text-dim);margin-top:4px;display:block}.content-mgr__form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px}.content-mgr__form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-dim)}.content-mgr__form input,.content-mgr__form textarea,.content-mgr__form select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:.9rem;outline:none;font-family:inherit;resize:vertical}.content-mgr__form input:focus,.content-mgr__form textarea:focus{border-color:var(--accent)}.content-mgr__form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content-mgr__form-btns{display:flex;gap:10px;margin-top:8px}.content-mgr__check{flex-direction:row!important;align-items:center;gap:8px!important}.content-mgr__check input{width:auto}.content-mgr__list{display:flex;flex-direction:column;gap:4px}.content-mgr__row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;gap:16px}.content-mgr__info{display:flex;flex-direction:column;gap:2px;min-width:0}.content-mgr__title{font-weight:600;font-size:.95rem}.content-mgr__meta{font-size:.8rem;color:var(--text-dim)}.content-mgr__actions{display:flex;gap:8px;flex-shrink:0}.users__list{display:flex;flex-direction:column;gap:4px}.users__row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;gap:16px}.users__info{display:flex;flex-direction:column;gap:2px}.users__name{font-weight:600}.users__email{font-size:.8rem;color:var(--text-dim)}.users__role select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:6px 12px;font-size:.85rem;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:.15s;white-space:nowrap}.btn--primary{background:var(--accent);color:#0a1628}.btn--primary:hover{background:#06b6d4}.btn--ghost{background:none;border:1px solid var(--border);color:var(--text-dim)}.btn--ghost:hover{border-color:var(--text);color:var(--text)}.btn--sm{padding:6px 14px;font-size:.8rem}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:#ef4444}.inbox__toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.inbox__search{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;font:inherit;outline:none}.inbox__search:focus{border-color:var(--accent)}.inbox__count{color:var(--text-dim);font-size:.8rem;white-space:nowrap}.notes,.review{margin-top:16px;display:flex;flex-direction:column;gap:10px}.notes h3,.review h3{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.notes__empty{color:var(--text-dim);font-size:.85rem}.notes__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.notes__item p{font-size:.9rem}.notes__item span,.notes__empty{font-size:.75rem;color:var(--text-dim)}.notes__form,.review{display:flex;flex-direction:column;gap:8px}.notes textarea,.review textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 12px;font:inherit;resize:vertical}.md-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.md-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;min-height:280px;overflow:auto}.md-preview__label{display:block;margin-bottom:8px;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.md-preview h1,.md-preview h2,.md-preview h3{font-family:Space Grotesk,sans-serif;margin:12px 0 6px}.md-preview p,.md-preview li{font-size:.9rem}.md-preview a{color:var(--accent)}.subscribers__check{display:flex;align-items:center;gap:12px;min-width:0}@media(max-width:768px){.shell__side{display:none}.shell__main{margin-left:0;padding:20px}.chat-viewer__split{flex-direction:column}.chat-viewer__list{width:100%;max-height:200px}.content-mgr__form-row,.md-editor{grid-template-columns:1fr}.inbox__toolbar{flex-direction:column;align-items:stretch}}
