@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#18a957;--green2:#0d8b45;--ink:#17211b;--muted:#7b8780;--bg:#f6f8f7;--line:#e7ebe8;--side:#142019;--white:#fff;--orange:#f2a52d;--red:#e25a5a;--shadow:0 12px 35px rgba(22,37,28,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:var(--side);color:#d9e2dc;display:flex;flex-direction:column;padding:25px 16px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;color:white;font-family:Manrope;font-size:19px;font-weight:800;padding:0 11px 28px}.brand small{display:block;color:#8da096;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:2px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--green);display:grid;place-items:center;color:white;font-weight:800;box-shadow:0 7px 18px #18a95735}.nav-label{font-size:9px;letter-spacing:1.5px;color:#718078;font-weight:700;margin:19px 11px 7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:9px;font-size:13px;color:#b9c6bf;margin:2px 0}.sidebar nav a:hover{background:#ffffff0d;color:white}.sidebar nav a:first-of-type{background:#1c2d23;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff12;padding:16px 7px 0;display:flex;align-items:center;gap:9px;font-size:11px}.sidebar-bottom strong{display:block;color:white}.sidebar-bottom small{color:#7f9086;text-transform:capitalize}.logout{margin-left:auto;color:#819188}.avatar{width:31px;height:31px;border-radius:50%;background:#e4f5ea;color:var(--green2);display:grid;place-items:center;font-weight:800}.avatar.sm{width:28px;height:28px}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:var(--green2)}h1{font:700 22px Manrope;margin:5px 0 0}h2{font:800 28px Manrope;margin:5px 0}h3{font:800 16px Manrope;margin:0 0 4px}.top-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center}.user-chip{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.content{padding:34px 36px;max-width:1500px}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.welcome-row p{color:var(--muted);font-size:13px;margin:7px 0 0}.actions{display:flex;gap:9px;align-items:center}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:700;font-size:12px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:white;box-shadow:0 8px 20px #18a95720}.btn.primary:hover{background:var(--green2)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#536059}.btn.full{width:100%;margin-top:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stats-grid.compact{grid-template-columns:repeat(2,1fr);max-width:50%;margin-top:0}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:18px 19px;min-height:130px;position:relative}.stat-icon{position:absolute;right:17px;top:17px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.stat-icon.green{background:#e8f7ed;color:var(--green2)}.stat-icon.orange{background:#fff4df;color:#d28b16}.stat-icon.red{background:#fdecec;color:#d54f4f}.stat small{display:block;color:#7c8881;font-size:11px;margin-bottom:7px}.stat strong{display:block;font:800 28px Manrope}.muted{display:block;color:#9aa39e;font-size:10px;margin-top:8px}.grid-2{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.panel-head p{font-size:11px;color:#8b9690;margin:0}.panel-head a{font-size:11px;color:var(--green2);font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#929b96;text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:13px 8px;border-bottom:1px solid #f0f2f1}tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.status.success{background:#e9f8ee;color:#148446}.status.warning{background:#fff4df;color:#b67808}.status.danger{background:#fdeceb;color:#cc4c4c}.status.neutral{background:#eef2f0;color:#65716b}.balance{min-height:220px}.balance-number{font:800 34px Manrope;margin:22px 0}.balance-number small{font-size:12px;color:#7e8983}.progress{height:8px;border-radius:20px;background:#edf0ee;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);border-radius:20px}.balance-meta{display:flex;justify-content:space-between;font-size:10px;color:#89938e;margin-top:8px}.toolbar{display:flex;gap:9px;margin-bottom:16px}.toolbar input{flex:1;border:1px solid var(--line);border-radius:9px;padding:11px 13px;outline:0}.agency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.agency-grid.large{margin-bottom:22px}.agency-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.agency-top{display:flex;align-items:center;gap:8px}.agency-top .status{margin-left:auto}.agency-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.agency-card h3{margin-top:20px}.agency-card p{font-size:11px;color:var(--muted);margin:5px 0 18px}.agency-card>small{color:#8b9690}.agency-metrics{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.agency-metrics span{font-size:9px;color:#929b96}.agency-metrics b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}.form-layout{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;font-weight:700;color:#526058}.form-grid label.wide,.form-actions.wide{grid-column:1/-1}.form-grid input{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:9px;outline:0}.form-grid input:focus{border-color:#a9d9b9;box-shadow:0 0 0 3px #18a95712}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.user-role{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:10px;color:#69756e}.alert{padding:12px 15px;border-radius:10px;font-size:12px;margin-bottom:15px}.alert.success{background:#e9f8ee;color:#148446}.alert.danger{background:#fdeceb;color:#cc4c4c}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:80px 20px}.big-icon{width:60px;height:60px;background:#e9f8ee;color:var(--green2);border-radius:18px;display:grid;place-items:center;margin:0 auto 15px;font-size:25px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:22px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.auth-visual{background:linear-gradient(145deg,#112219,#193124);padding:55px 7%;color:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:#18a95718;right:-180px;bottom:-190px}.auth-brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope}.visual-copy{margin:auto 0;max-width:520px}.pill{display:inline-flex;background:#ffffff12;border:1px solid #ffffff18;border-radius:30px;padding:7px 11px;font-size:8px;letter-spacing:1.6px;font-weight:800}.visual-copy h1{font-size:58px;line-height:1.02;margin:20px 0}.visual-copy em,.track-hero em{color:#6ee29a;font-style:normal}.visual-copy p{color:#b5c5bb;max-width:420px;line-height:1.7}.visual-card{border:1px solid #ffffff16;background:#ffffff0b;border-radius:15px;padding:16px;display:flex;justify-content:space-between;position:relative;z-index:1;font-size:11px}.visual-card span{color:#91a198}.auth-panel{display:grid;place-items:center;padding:40px}.auth-form{width:min(410px,100%)}.auth-form h2{font-size:34px;margin-top:10px}.auth-form>p{font-size:13px;color:var(--muted);margin-bottom:30px}.auth-form label{display:block;font-size:11px;font-weight:700;margin:15px 0;color:#536058}.auth-form input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px;outline:0}.auth-footer{text-align:center;color:#a1aaa5;font-size:10px;margin-top:30px}.public-page{min-height:100vh;background:linear-gradient(#fff,#f5faf7)}.public-nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff;border-bottom:1px solid var(--line)}.brand.dark{color:var(--ink)}.track-hero{text-align:center;padding:80px 20px}.track-hero h1{font-size:54px;line-height:1.05;margin:18px 0}.track-hero>p{color:var(--muted);font-size:14px}.track-form{width:min(650px,100%);margin:30px auto;display:flex;padding:6px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.track-form input{flex:1;border:0;outline:0;padding:12px}.track-result{width:min(650px,100%);margin:25px auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;text-align:left;box-shadow:var(--shadow)}.track-result>div:first-child{display:flex;justify-content:space-between}.track-result p{font-size:11px;color:var(--muted)}.timeline{display:flex;justify-content:space-between;border-top:2px solid #dce7df;margin-top:28px;padding-top:13px;font-size:10px;color:#9aa49f}.timeline .done,.timeline .active{color:var(--green2);font-weight:800}
@media(max-width:1000px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.agency-grid,.grid-2{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:430px}.visual-copy h1{font-size:42px}.topbar{padding:0 20px}.content{padding:25px 20px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:14px}.app-shell{display:block}.sidebar nav{display:none}.sidebar-bottom{display:none}.main{margin:0;width:100%}.topbar{height:70px}.top-actions .user-chip{display:none}.stats-grid,.stats-grid.compact,.form-grid{grid-template-columns:1fr;max-width:none}.welcome-row{align-items:start;gap:15px;flex-direction:column}.track-form{flex-direction:column}.track-form .btn{width:100%}}