:root{--navy:#08324b;--blue:#006eb6;--cyan:#55d6e4;--red:#e32834;--ink:#12354b;--muted:#6b8495;--bg:#edf5f8;--line:#d5e3e9;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#05283e,#07577a)}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 30px 70px #00172566}.login-brand,.mark{display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--cyan);border-radius:18px;font-weight:900;letter-spacing:2px;color:var(--navy);background:#eafafd}.login-card h1{font-size:30px;line-height:1.08;margin:12px 0}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#3b7596;text-transform:uppercase}.login-copy{color:var(--muted);line-height:1.5}.login-card form{display:grid;gap:16px;margin:26px 0 20px}.login-card label,.filters label{display:grid;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.login-card input,.filters input,.filters select{width:100%;border:1px solid #bfd2dc;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}.login-card button,.filters button,.history,.load-error button{border:0;border-radius:10px;padding:13px 18px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.login-error{background:#ffebed;color:#a71924;border-left:4px solid var(--red);padding:12px;border-radius:7px}.login-card>small{display:block;text-align:center;color:var(--muted)}.app-loading,.load-error{min-height:100vh;display:grid;place-items:center;padding:30px}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.shell aside{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#092f49,#075672);color:#fff;padding:28px 24px;display:flex;flex-direction:column}.shell aside .mark{color:#fff;background:#ffffff0d;width:54px;height:54px;border-radius:14px}.shell aside .eyebrow{color:#78ddeb;margin:20px 0 6px}.shell aside h1{font-size:21px;line-height:1.06;margin:0 0 32px}.shell nav{display:grid;gap:7px}.shell nav button{background:transparent;border:0;color:#d8eef7;text-align:left;padding:13px;border-radius:9px;font-weight:750;cursor:pointer}.shell nav button.active{background:#ffffff18;border-left:4px solid var(--cyan);color:#fff}.source-status{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff22;color:#bdebf2;font-size:12px}.shell>main{padding:30px 38px;min-width:0}.shell header{display:flex;align-items:center;justify-content:space-between}.shell header h2{font-size:30px;margin:4px 0 20px}.shell header a{color:var(--blue);font-weight:800;text-decoration:none;background:#fff;padding:11px 16px;border:1px solid var(--line);border-radius:10px}.sync{display:flex;justify-content:space-between;background:#dff7f7;border:1px solid #aee4e8;padding:13px 16px;border-radius:12px;color:#176174;font-weight:700}.sync small{font-weight:500}.filters{margin:16px 0;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;align-items:end}.filters>div{grid-column:1/-1}.filters>div small{display:block;color:var(--muted);margin-top:4px}.filters button{background:#e8f1f5;color:#126181}.intro,.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:18px}.intro h3,.table-card h3{font-size:22px;margin:6px 0}.intro p:last-child{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;min-height:130px;display:grid;align-content:space-between}.kpi-card span,.kpi-card small{color:var(--muted)}.kpi-card strong{font-size:30px;margin:12px 0}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.count{display:inline-grid;place-items:center;min-width:34px;height:34px;background:#ffe7bd;border-radius:50%;font-weight:900}.history{background:#dff5fb;color:#087090;padding:8px 12px}.modal{position:fixed;inset:0;background:#001a2c88;z-index:20;display:flex;justify-content:flex-end}.modal>section{width:min(560px,100%);height:100%;overflow:auto;background:#f3f8fa;padding:26px}.modal-close{float:right;border:0;background:transparent;font-size:30px;cursor:pointer}.event{background:#fff;border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:18px}.tag{float:right;background:#ffe8c7;color:#a26000;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:800}.tag.ok{background:#dff6e9;color:#087645}.event dl{display:grid;grid-template-columns:110px 1fr;gap:8px;margin-bottom:0}.event dt{font-size:10px;text-transform:uppercase;font-weight:900;color:var(--muted)}.event dd{margin:0;font-size:13px}.load-error{text-align:center}.load-error>div{background:#fff;padding:30px;border-radius:16px}@media(max-width:1000px){.shell{grid-template-columns:1fr}.shell aside{position:relative;height:auto}.source-status{margin-top:20px}.filters{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell>main{padding:18px}.filters,.kpis{grid-template-columns:1fr}.shell header{align-items:flex-start}.sync{display:grid;gap:5px}.login-card{padding:26px}.event dl{grid-template-columns:1fr}}