:root{--blue:#063f75;--ink:#202931;--line:#e5e9ed;--bg:#f5f7f8;--muted:#6d7882}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}aside{position:fixed;width:244px;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:28px 18px}.brand{color:#fff;background:var(--blue);letter-spacing:1px;font-weight:bold;padding:14px}.brand.blue{color:var(--blue);background:transparent;padding:0}.brand b,h1 i{color:#56a1d9;font-style:normal}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}nav{margin-top:28px}nav a,nav span{display:block;padding:8px 12px;color:#53616c;text-decoration:none}nav a:hover{background:#edf4f8;color:var(--blue)}nav span{font-size:10px;font-weight:bold;letter-spacing:1px;color:#93a0a9;padding-top:18px}main{margin-left:244px;min-height:100vh}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}header input{width:330px;border:0;background:var(--bg);padding:11px;border-radius:4px}.header-right{display:flex;gap:16px;align-items:center}.header-right form{margin:0}.link{background:none;color:#52606a;padding:0}.agent-dot,.dot{width:9px;height:9px;background:#3da16d;border-radius:50%;display:inline-block}.dot.paused,.dot.disabled{background:#9ca6af}.dot.error{background:#bd3c43}.page-title{display:flex;align-items:center;justify-content:space-between;padding:32px 34px 20px}.page-title p{margin:0;color:var(--blue);font-size:10px;font-weight:bold;letter-spacing:1.2px}.page-title h1{margin:7px 0 0;font-size:28px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0 34px}.metrics.six{grid-template-columns:repeat(6,1fr)}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:5px}.metrics article{padding:17px}.metrics small{color:var(--muted);display:block}.metrics strong{font-size:27px;margin-top:8px;display:block}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:20px 34px}.panel{padding:20px}.wide{grid-column:span 1}h2{font-size:16px;margin:0 0 16px}h2 a{float:right;color:var(--blue);font-size:13px;text-decoration:none}a{color:var(--blue)}table{width:100%;border-collapse:collapse}th{text-align:left;color:#87929b;font-size:11px;text-transform:uppercase}th,td{padding:12px 8px;border-bottom:1px solid var(--line)}.status,.badge{font-size:11px;color:var(--blue);background:#eaf3f8;border-radius:12px;padding:5px 8px}.badge{font-weight:bold}.agent{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.agent small,.event span{display:block;color:var(--muted);margin-top:4px}.event{padding:10px 0;border-bottom:1px solid var(--line)}.empty{color:#77838d;text-align:center;padding:20px}.button,button{background:var(--blue);color:#fff;border:0;border-radius:4px;padding:10px 14px;text-decoration:none;cursor:pointer}.form-panel{max-width:700px;margin:0 34px}.form-panel form label,.login label{display:block;margin:12px 0;color:#53616c}.form-panel input,.form-panel select,.form-panel textarea,.login input{display:block;width:100%;border:1px solid #ccd4da;border-radius:4px;padding:9px;margin-top:5px}.form-panel button{margin-top:16px}.flash{margin:15px 34px;padding:12px;background:#eaf5ee;color:#21723f}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf3f7,#fff)}.login-card{width:380px;padding:38px;background:#fff;border:1px solid var(--line);border-radius:6px}.login-card h1{margin-bottom:4px}.login-card p{color:var(--muted);margin-top:0}.login-card button{width:100%;margin-top:18px}.error{color:#a72930}.filters{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filters select{padding:8px;border:1px solid var(--line);border-radius:4px}.invoice-detail{grid-template-columns:1fr 1fr}.invoice-detail .wide{grid-column:span 2}dl{margin:0}dt{font-size:11px;color:var(--muted);text-transform:uppercase;margin-top:12px}dd{margin:4px 0;white-space:pre-wrap}pre{font:inherit;white-space:pre-wrap;margin:0}.warning{background:#fff4d6;padding:12px;color:#855e00}.follow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 34px}.import-result{margin:20px 34px}@media(max-width:1000px){aside{position:static;width:auto}main{margin:0}.metrics,.metrics.six,.follow-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.invoice-detail .wide{grid-column:span 1}header{padding:0 16px}.page-title,.metrics,.grid,.follow-grid{padding-left:16px;padding-right:16px}.import-result{margin-left:16px;margin-right:16px}}@media(max-width:600px){.metrics,.metrics.six,.follow-grid{grid-template-columns:1fr}header input{width:160px}}