*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#1e293b;border-bottom:1px solid #334155}.header-left{display:flex;align-items:center;gap:32px}.header h1{font-size:18px;font-weight:600;color:#f1f5f9}.header-nav{display:flex;gap:4px}.header-nav a{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#94a3b8;text-decoration:none;transition:background .15s,color .15s}.header-nav a:hover{background:#334155;color:#e2e8f0}.header-nav a.active{background:#1d4ed8;color:#fff}.header .status{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.header .status .dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.header .status .dot.offline{background:#ef4444}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;background:#1e293b;border-right:1px solid #334155;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sidebar h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:4px}.model-select{width:100%;padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:14px;cursor:pointer}.model-select:focus{outline:none;border-color:#3b82f6}.model-list{display:flex;flex-direction:column;gap:4px}.model-item{padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.model-item:hover{background:#334155}.model-item.active{background:#1d4ed8;color:#fff}.model-item .provider{font-size:11px;color:#64748b;margin-top:2px}.model-item.active .provider{color:#93c5fd}.chat-area{flex:1;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message.user{align-self:flex-end;background:#1d4ed8;color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#1e293b;border:1px solid #334155;border-bottom-left-radius:4px}.message.error{align-self:center;background:#7f1d1d;border:1px solid #dc2626;color:#fecaca;font-size:13px}.message .meta{margin-top:8px;font-size:11px;color:#64748b}.message.user .meta{color:#93c5fd}.input-area{padding:16px 24px;background:#1e293b;border-top:1px solid #334155}.input-row{display:flex;gap:12px}.input-row textarea{flex:1;padding:12px 16px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:14px;font-family:inherit;resize:none;min-height:48px;max-height:200px}.input-row textarea:focus{outline:none;border-color:#3b82f6}.input-row button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.input-row button:hover{background:#1d4ed8}.input-row button:disabled{background:#334155;color:#64748b;cursor:not-allowed}.stats-panel{padding:12px;background:#0f172a;border:1px solid #334155;border-radius:8px;font-size:12px}.stats-panel .stat-row{display:flex;justify-content:space-between;padding:4px 0;color:#94a3b8}.stats-panel .stat-row .value{color:#e2e8f0;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#475569;gap:12px}.empty-state h2{font-size:20px;color:#64748b}.empty-state p{font-size:14px}.loading{display:inline-block;width:16px;height:16px;border:2px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-page{flex:1;padding:24px 32px;overflow-y:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-header h2{font-size:20px;font-weight:600;color:#f1f5f9}.admin-error{padding:10px 16px;margin-bottom:16px;background:#7f1d1d;border:1px solid #dc2626;border-radius:8px;color:#fecaca;font-size:13px}.admin-loading{text-align:center;padding:48px 0;color:#64748b;font-size:14px}.admin-empty{text-align:center;padding:32px 0;color:#64748b}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:16px 20px;background:#1e293b;border:1px solid #334155;border-radius:10px}.stat-value{font-size:28px;font-weight:700;color:#f1f5f9;line-height:1.2}.stat-value.stat-blocked{color:#f87171}.stat-label{font-size:12px;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.admin-table-wrap{overflow-x:auto;border:1px solid #334155;border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{background:#1e293b}.admin-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #334155;white-space:nowrap}.admin-table td{padding:10px 14px;border-bottom:1px solid #1e293b;color:#cbd5e1}.admin-table tbody tr:hover{background:#1e293b40}.mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.entity-badge{padding:2px 8px;border-radius:4px;background:#334155;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.03em}.action-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.03em}.action-mask{background:#854d0e30;color:#fbbf24;border:1px solid #854d0e}.action-block{background:#7f1d1d30;color:#f87171;border:1px solid #7f1d1d}.action-allow{background:#14532d30;color:#4ade80;border:1px solid #14532d}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700}.status-success{background:#14532d30;color:#4ade80;border:1px solid #14532d}.status-blocked,.status-error{background:#7f1d1d30;color:#f87171;border:1px solid #7f1d1d}.toggle-btn{padding:3px 10px;border:none;border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}.toggle-btn.on{background:#14532d;color:#4ade80}.toggle-btn.off{background:#334155;color:#64748b}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#334155;color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:#475569}.btn-danger{background:#7f1d1d;color:#fecaca}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-sm{padding:4px 10px;font-size:12px}.row-actions{display:flex;gap:6px}.admin-form{margin-bottom:20px;padding:20px;background:#1e293b;border:1px solid #334155;border-radius:10px}.admin-form h3{font-size:15px;font-weight:600;color:#f1f5f9;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.form-grid label,.form-checkbox{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8;font-weight:500}.form-checkbox{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.form-grid select,.form-grid input{padding:8px 12px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:13px}.form-grid select:focus,.form-grid input:focus{outline:none;border-color:#3b82f6}.form-actions{display:flex;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.page-info{font-size:13px;color:#64748b}