*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg,#f8f5ef);color:var(--text,#1f2933)}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:280px;background:#0f2f36;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:14px;padding:6px}.brand span{display:block;opacity:.75;font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar a{padding:12px 14px;border-radius:14px;color:#eef}.sidebar a:hover{background:rgba(255,255,255,.12)}.main{flex:1;min-width:0}.topbar{height:72px;background:var(--surface,#fff);border-bottom:1px solid #e8e1d8;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.topbar span{display:block;color:#667;font-size:13px}.content{padding:28px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface,#fff);border:1px solid #e9e1d8;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(31,41,51,.06)}.stat strong{display:block;font-size:30px;color:var(--primary)}.stat span{color:#667}.btn,button{border:0;border-radius:13px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer;font-weight:700}.btn.secondary{background:var(--secondary)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8d1c8;border-radius:12px;background:#fff;font:inherit}label{font-weight:700;font-size:13px;display:grid;gap:6px}form.grid{max-width:980px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.table th{background:#f2eee8;color:#344}.actions{display:flex;gap:10px;align-items:center;margin:0 0 18px}.hero{background:linear-gradient(135deg,var(--primary),#123);color:#fff;border-radius:24px;padding:28px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eee;font-size:12px}.guest{display:grid;place-items:center;min-height:100vh;background:#f8f5ef}.login{width:min(440px,92vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 16px 48px rgba(0,0,0,.12)}.login img{max-width:220px;display:block;margin:0 auto 22px}.error{background:#ffe8e8;color:#8a1f1f;padding:12px;border-radius:12px;margin-bottom:14px}@media(max-width:900px){.shell{display:block}.sidebar{width:100%;height:auto;position:relative}.grid-4,.grid-2{grid-template-columns:1fr}.topbar{height:auto;padding:16px;gap:12px}.content{padding:16px}}

.topbar-actions{display:flex;gap:10px;align-items:center}.btn.ghost{background:#eef2f3;color:#123}.login-form{gap:16px}.login-submit{width:100%;font-size:16px;padding:14px 18px;margin-top:4px;background:var(--primary,#0f4c5c);display:block}.password-wrap{display:flex;gap:8px;align-items:center}.password-wrap input{flex:1}.password-toggle{background:#eef2f3;color:#123;padding:10px 12px;white-space:nowrap}.alert{padding:13px 15px;border-radius:13px;margin-bottom:16px;font-weight:700}.error-box{background:#ffe8e8;color:#8a1f1f;border:1px solid #ffc4c4}.success-box{background:#e8f8ee;color:#116530;border:1px solid #b9ebca}.muted{color:#667;line-height:1.5}.profile-form hr{border:0;border-top:1px solid #eee;width:100%;margin:4px 0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-grid{grid-template-columns:320px minmax(0,1fr)}.thread-list{display:grid;gap:10px}.thread-item{padding:13px;border:1px solid #eee;border-radius:14px;background:#fafafa}.thread-item.active{border-color:var(--primary,#0f4c5c);background:#eef7f8}.thread-item span{display:block;color:#667;font-size:13px;margin-top:4px}.chat-panel{display:grid;gap:16px}.messages{height:430px;overflow:auto;border:1px solid #eee;border-radius:16px;padding:14px;background:#fbfaf8;display:flex;flex-direction:column;gap:12px}.message{max-width:82%;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e8e1d8;box-shadow:0 4px 12px rgba(31,41,51,.04)}.message.mine{align-self:flex-end;background:#eaf5f6;border-color:#cfe6e9}.message-meta{font-size:12px;color:#667;margin-bottom:5px}.chat-form{display:grid;gap:10px}@media(max-width:900px){.grid-3,.chat-grid{grid-template-columns:1fr}.topbar-actions{width:100%;justify-content:flex-end}.messages{height:360px}}
.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.btn.small,button.small{padding:7px 10px;font-size:12px;border-radius:10px}.danger{background:#9b1c1c;color:#fff}.checkline{display:flex;grid-template-columns:auto 1fr;gap:10px;align-items:center;font-weight:700}.checkline input{width:auto}code{background:#f2eee8;padding:3px 6px;border-radius:7px;font-size:12px}