:root{--brand: #2070b8;--brand-dark: #1a5c99;--brand-deep: #10406e;--brand-soft: #e4f0fa;--orange: #f09020;--orange-dark: #d97c12;--orange-soft: #fdf0dd;--bg: #f4f6f9;--panel: #ffffff;--line: #e2e7ee;--ink: #16202b;--muted: #6b7686;--accent: #16a34a;--accent-soft: #dcfce7;--red: #dc2626;--red-soft: #fee2e2;--blue: var(--brand);--blue-soft: var(--brand-soft)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{color:var(--brand);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--brand-deep);color:#dce8f3;padding:22px 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar .logo{padding:0 20px 6px}.sidebar .logo img{width:148px;display:block}.sidebar .logo .sub{font-size:11px;color:#8fb4d4;margin-top:8px;letter-spacing:.04em;text-transform:uppercase}.sidebar nav{margin-top:22px}.sidebar nav a{display:block;padding:10px 20px;color:#a9c6de;font-weight:500;border-left:3px solid transparent}.sidebar nav a.active{color:#fff;background:#ffffff14;border-left-color:var(--orange)}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar .user{margin-top:auto;padding:20px;font-size:12px}.sidebar .user a{color:#8fb4d4}.sidebar .user a:hover{color:#fff}.main{flex:1;padding:24px 32px;max-width:1200px}h1{font-size:22px;margin-bottom:18px;font-weight:700}h2{font-size:16px;margin:18px 0 10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.card .num{font-size:26px;font-weight:800;color:var(--brand)}.card .lbl{color:var(--muted);font-size:12px;margin-top:4px}.card.money .num{color:var(--orange-dark)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}th{background:#f7f9fc;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}tr.clickable:hover{background:var(--brand-soft);cursor:pointer}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:var(--accent-soft);color:var(--accent)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--brand-soft);color:var(--brand)}.badge.orange{background:var(--orange-soft);color:var(--orange-dark)}.badge.gray{background:#f1f4f8;color:var(--muted)}button,.btn{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:var(--brand-dark)}button.accent{background:var(--orange)}button.accent:hover{background:var(--orange-dark)}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}button.secondary:hover{background:#f7f9fc}button:disabled{opacity:.5;cursor:default}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}label{display:block;font-size:12px;color:var(--muted);margin:12px 0 4px}.row{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.row>*{width:auto}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,var(--brand-deep),var(--brand))}.login-box{background:var(--panel);border-radius:14px;padding:32px;width:380px;box-shadow:0 18px 50px #10406e47}.login-box .brand{text-align:center;margin-bottom:22px}.login-box .brand img{width:190px}.login-box .brand .sub{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.04em;text-transform:uppercase}.error{color:var(--red);font-size:13px;margin-top:10px}.transcript{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.turn{margin-bottom:10px}.turn .who{font-size:11px;color:var(--muted);text-transform:uppercase}.turn.bot .text{color:var(--brand)}.muted{color:var(--muted)}