:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#203c48;background:#f4f7f8;font-synthesis:none;--navy:#143d4c;--green:#087e73;--line:#dce5e8;--muted:#6b7e87}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;padding:11px 17px;font:600 13px inherit;cursor:pointer;text-decoration:none;min-height:40px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fff;color:var(--navy);border-color:#cddce0}.quiet{padding:3px 10px;min-height:28px;background:transparent;color:inherit;border:0}input,select,textarea{font:inherit;font-size:14px;color:#223b49;border:1px solid #cddbe0;border-radius:6px;background:#fff;padding:10px;width:100%;max-width:100%}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #60c9b5;outline-offset:3px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin:14px 0}small{display:block;color:var(--muted);font-size:12px;line-height:1.6}p{font-size:14px;line-height:1.7}h1{font-size:29px;letter-spacing:-.8px;margin:8px 0 10px;color:#183a49}h2{font-size:18px;letter-spacing:-.2px;margin:0 0 12px}h3{font-size:14px;margin:22px 0 8px}strong{font-weight:650}ul{padding-left:22px}li{font-size:14px;line-height:1.7;margin-bottom:8px}.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}aside{background:var(--navy);color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 17px 18px}.brand{color:#fff;display:flex;align-items:center;gap:10px;font-size:36px;font-weight:600;letter-spacing:-1.5px;padding:0 14px}.brand small{font-size:8px;color:#b0c6ce;letter-spacing:1.8px}.brand-mark{font-family:Georgia,serif;font-size:38px;font-weight:700;display:grid;place-items:center;color:#fff;background:#0b9988;border-radius:12px;width:45px;height:45px;line-height:1}.city-picker{margin:26px 8px 20px;color:#aac7cf;font-size:10px;letter-spacing:.5px}.city-picker select{background:#214f5e;border-color:#386574;color:#fff;font-size:12px}nav{display:grid;gap:5px}nav a{display:flex;gap:12px;align-items:center;padding:11px 13px;color:#c9dbe0;font-size:12px;border-radius:6px}nav a span{width:18px;text-align:center;font-size:19px}nav a:hover{background:#204e5d;text-decoration:none}nav a.active{background:#2a615f;color:#fff;border-left:3px solid #54ceb1;padding-left:10px}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;font-size:11px;padding:15px 6px 2px}.sidebar-bottom small{font-size:9px;color:#adc9d0}.avatar{width:32px;height:32px;background:#315d6b;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.logout{background:transparent;border:0;justify-content:flex-start;padding:5px 48px;color:#b7d3da;font-size:11px;min-height:25px}.workspace{min-width:0}header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fff;border-bottom:1px solid var(--line);font-size:12px}main{padding:28px 36px;max-width:1680px;margin:auto}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#0e8b7d;margin:0}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-heading p{margin:5px 0}.tag{display:inline-block;border-radius:5px;background:#e7f1ef;padding:6px 9px;color:#326a64;font-size:11px;white-space:nowrap}.warning{background:#fff0d3;color:#885a10}.danger{color:#b24439}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpis>div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:12px}.kpis strong{font-size:27px;letter-spacing:-.9px;overflow-wrap:anywhere}.kpis span{font-size:11px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:22px;min-width:0}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.two-columns>.panel{height:calc(100% - 22px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading label{margin:0;max-width:250px}.stage-chart{display:grid;gap:16px;padding-top:20px}.stage-chart>div{display:grid;grid-template-columns:106px minmax(0,1fr) 24px;gap:15px;align-items:center;font-size:12px}.bar-track{height:9px;background:#eef3f4;border-radius:10px;overflow:hidden}.bar-track>div{height:100%;background:#299e90;border-radius:10px}.big-number{display:block;font-size:34px;margin:25px 0}.notice{padding:14px 16px;background:#eff7f4;border:1px solid #cce5db;border-radius:7px;font-size:13px;line-height:1.6;margin:18px 0}.error{background:#fff0ec;border:1px solid #ecc6bd;padding:15px;color:#833225;margin-bottom:20px;border-radius:8px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.action-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;gap:20px;font-size:14px}.action-row:last-child{border:0}.action-row p{margin:6px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#6b7e87;text-align:left;background:#f5f8f9;padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid #e9eef0;line-height:1.5}td input{width:76px;padding:8px}td>a{font-weight:600;color:#214654}td small{font-size:10px;margin-top:4px}progress{width:80px;height:6px;accent-color:var(--green)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.span-2{grid-column:span 2}.check{display:flex;flex-direction:row;align-items:center;gap:10px;line-height:1.5}.check input{width:auto}.form-footer{display:flex;justify-content:space-between;gap:24px;margin-top:24px;align-items:center;font-size:12px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.inline-link{display:block;margin-top:22px;font-size:13px}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.agent-symbol{display:grid;place-items:center;font-size:30px;color:var(--green);background:#e8f5f1;border-radius:12px;width:48px;height:48px;margin-bottom:20px}.agent-grid h2{font-size:16px}.stage-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;font-size:10px}.stage-strip span{padding:7px 10px;border-radius:5px;background:#e6edf0;color:#5d737d}.stage-strip .current{background:#146f66;color:#fff}.preserve{white-space:pre-wrap}dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;font-size:13px}dt{color:var(--muted)}dd{margin:0}.control-row{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.login{min-height:100vh;max-width:640px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:55px}.login .brand-mark{margin-bottom:30px}.login h1{font-size:46px}.login button{margin:20px 0 40px}.login small{letter-spacing:1px}@media(min-width:1600px){main{padding:36px 45px}.kpis strong{font-size:34px}nav a{font-size:13px}}@media(max-width:1100px){.app{grid-template-columns:215px minmax(0,1fr)}aside{padding-left:10px;padding-right:10px}main{padding:24px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row{grid-template-columns:1fr;gap:8px;padding-bottom:16px}}@media(max-width:760px){.app{grid-template-columns:1fr}aside{position:static;height:auto}.brand{padding:0}.city-picker{margin:15px 0}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-bottom{display:none}.logout{padding:8px}main{padding:20px 16px}header{padding:0 16px;height:54px}.page-heading,.section-heading{align-items:flex-start;flex-direction:column}h1{font-size:26px}.panel{padding:18px}.kpis{gap:12px}.kpis>div{padding:16px}.kpis strong{font-size:24px}.form-grid,.agent-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-footer{flex-direction:column;align-items:stretch}.login{padding:32px}.login h1{font-size:35px}.tag{white-space:normal}}
