:root{--bg: #1a1a1a;--panel: #242424;--panel-2: #2a2a2a;--border: #3a3a3a;--fg: #e0e0e0;--muted: #8a8a8a;--green: #4caf7d;--blue: #3a7ebf;--orange: #bf6a3a;--purple: #9a6abf;--yellow: #bfae3a;--red: #cc5555;--accent: #2b5278}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--blue);text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:16px 0;display:flex;flex-direction:column}.sidebar h1{font-size:18px;padding:8px 20px 16px;margin:0}.nav-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--fg);padding:10px 20px;font-size:14px;border-left:3px solid transparent}.nav-item:hover{background:var(--panel-2)}.nav-item.active{background:var(--panel-2);border-left-color:var(--green)}.sidebar-footer{margin-top:auto;padding:12px 20px}.content{flex:1;padding:24px;overflow-y:auto;max-width:1100px}.page-title{font-size:24px;font-weight:700;margin:0 0 4px}.subtle{color:var(--muted)}.cards{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px;flex:1;min-width:150px}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:22px;font-weight:700;margin-top:2px}.card .sub{color:var(--muted);font-size:11px;margin-top:2px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin:12px 0}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:default}.btn.green{background:#2a5a2a}.btn.red{background:#5a2a2a}.btn.ghost{background:var(--panel-2)}input,textarea,select{background:var(--panel-2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;width:100%}label{display:block;color:var(--muted);font-size:12px;margin:10px 0 4px}.flag-red{color:var(--red)}.flag-yellow{color:var(--yellow)}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.bubble{border-radius:12px;padding:10px 12px;margin:6px 0;max-width:80%}.bubble.user{background:var(--accent);margin-left:auto}.bubble.assistant{background:var(--panel-2)}.bubble table{border-collapse:collapse;margin:6px 0}.bubble th,.bubble td{border:1px solid var(--border);padding:4px 8px;text-align:left}.bubble th{color:var(--green)}table.data{border-collapse:collapse;width:100%}table.data th,table.data td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left}table.data th{color:var(--muted);font-weight:600}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;width:320px}.error{color:var(--red);font-size:13px;margin-top:8px}.spinner{color:var(--muted)}@media (max-width: 760px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:8px}.sidebar h1{width:100%;padding:8px}.nav-item{width:auto;border-left:none;border-bottom:3px solid transparent;padding:8px 12px}.nav-item.active{border-left:none;border-bottom-color:var(--green)}.sidebar-footer{margin:0}.content{padding:16px}}