:root{--surface:#fff;--surface-soft:#f7f8f5;--border:#e4e8e1;--shadow:0 12px 34px rgba(18,55,44,.08)}
body{background:linear-gradient(135deg,#f7f8f4 0%,#f2f5f1 100%)}
aside{box-shadow:10px 0 35px rgba(5,36,28,.08)}main{max-width:1680px;width:100%}header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,232,225,.8)}
.panel,.card,.admin-panel,.connection-card{border:1px solid var(--border);box-shadow:var(--shadow)}button,.button-link{transition:transform .15s ease,box-shadow .15s ease}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(18,55,44,.14)}
.auth-mode{background:radial-gradient(circle at 20% 15%,rgba(202,226,175,.7),transparent 35%),linear-gradient(135deg,#f4f8f2,#eef3ef)}.auth-mode .shell{display:block}.auth-mode #app-sidebar,.auth-mode #app-header{display:none}.auth-mode main{padding:0;max-width:none;min-height:100vh;display:grid;place-items:center}.auth-mode .login-card{margin:24px;width:min(430px,calc(100vw - 32px));padding:42px;border:1px solid var(--border);border-radius:24px;box-shadow:0 28px 70px rgba(14,52,41,.15);background:rgba(255,255,255,.96)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-brand span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--lime);font-weight:900;font-size:22px}.login-brand div{display:grid}.login-brand small{color:#718078}
.assistant-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:680px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.assistant-sidebar{padding:26px;background:#f5f7f4;border-right:1px solid var(--border)}.thread-list{display:grid;gap:8px;margin-top:20px}.thread-list button{text-align:left;background:#fff;color:inherit}.thread-list small{display:block}.assistant-chat{display:grid;grid-template-rows:1fr auto;min-width:0}.ai-messages{padding:32px;overflow:auto;display:flex;flex-direction:column;gap:14px}.ai-welcome{text-align:center;margin:auto;max-width:500px}.ai-welcome span{font-size:42px;color:var(--green)}.chat-bubble{max-width:78%;padding:14px 17px;border-radius:16px;line-height:1.6}.chat-bubble.user{align-self:flex-end;background:var(--green);color:#fff}.chat-bubble.assistant{align-self:flex-start;background:#f3f5f2}.assistant-chat form{border-top:1px solid var(--border);padding:18px}.assistant-controls{display:flex;gap:10px;align-items:center;margin-bottom:10px}.prompt-box{display:flex;gap:10px}.prompt-box textarea{resize:none}.permission-grid{border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.warning-box{padding:14px;border-radius:12px;background:#fff7df;border:1px solid #f1d593;margin-bottom:16px}.button-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:9px;background:var(--green);color:#fff;text-decoration:none}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.media-grid article{display:grid;padding:14px;border:1px solid var(--border);border-radius:12px}.upload-drop{padding:22px;border:1px dashed #9caf9d;border-radius:14px;background:#f8faf7;display:flex;gap:14px;align-items:center}
.governance-section{display:grid;gap:18px;margin-top:24px}.section-title h2{margin:.15rem 0}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-strip article{display:grid;gap:8px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.metric-strip b{font-size:1.35rem}.status-pill{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#fff1d7;color:#805b09;font-size:.75rem;font-weight:800}.status-pill.success{background:#dff4e6;color:#17653a}.flag-list{display:grid;gap:8px}.flag-list label{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--border);border-radius:12px}.flag-list span{display:grid}.flag-list small{color:#718078}.secret-box{display:grid;gap:8px;margin:12px 0;padding:14px;border-radius:12px;background:#f4f7f2}.secret-box code{overflow-wrap:anywhere;font-size:.9rem}.approval-list .row-actions{flex-wrap:nowrap}
@media(max-width:900px){.assistant-layout{grid-template-columns:1fr}.assistant-sidebar{border-right:0;border-bottom:1px solid var(--border)}.permission-grid,.media-grid,.metric-strip{grid-template-columns:1fr}.assistant-controls{align-items:stretch;flex-direction:column}.prompt-box{flex-direction:column}}