:root{--bg:#0c0c0e;--panel:#15151a;--panel-2:#1d1d24;--line:#2a2a33;--text:#ededf0;--muted:#8d8d99;--accent:#c8a96a;--danger:#e0614f;--ok:#5fb37a;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.centered{place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;max-width:400px;padding:36px}.signin-card h1{margin:0 0 8px;font-size:1.5rem}.gsi{justify-content:center;margin:24px 0 8px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;font-weight:600}.brand span{color:var(--accent)}.tabs{flex:1;gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:8px 14px}.tab:hover{color:var(--text)}.tab.active{background:var(--panel-2);color:var(--text)}.who{align-items:center;gap:10px;display:flex}.who img{border-radius:50%;width:28px;height:28px}.content{max-width:940px;margin:0 auto;padding:28px 24px 80px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-head h2{align-items:center;gap:10px;margin:0;font-size:1.3rem;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.warn{color:var(--accent);font-size:.9rem}.ok{color:var(--ok);align-self:center}.badge{background:var(--accent);color:#1a1a1a;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600}.tag{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem}.btn{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;text-decoration:none;display:inline-block}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:600}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);background:0 0;border-color:#4a2b26}.cards,.rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.card.unread{border-left:3px solid var(--accent)}.card-head{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:8px;display:flex}.message-body{white-space:pre-wrap;margin:8px 0 14px}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.row{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 16px;display:flex}.row>span:first-child{flex:1}.row.owner{border-color:#3a3426}.form,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:14px;margin-bottom:18px;padding:20px;display:grid}.panel h3{margin:0}label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}label.checkbox{color:var(--text);align-items:center;gap:8px;display:flex}input,textarea,select{font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;width:100%;padding:9px 11px}input:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.inline-form input{flex:1;min-width:160px}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}legend{color:var(--muted);padding:0 6px;font-size:.85rem}.thumbs{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.thumb{gap:6px;width:150px;display:grid}.thumb img{object-fit:cover;border:1px solid var(--line);background:var(--panel-2);border-radius:8px;width:100%;height:92px}@media (width<=680px){.grid-2{grid-template-columns:1fr}.tabs{order:3;width:100%}}