@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#181914;font-synthesis:none;background:#f5f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{min-height:100vh}.app aside{color:#fff;z-index:10;background:#171814;flex-direction:column;width:248px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:11px;padding:0 9px 23px;display:flex}.logo>span,.brand-mark{color:#171814;background:#f9c935;border-radius:13px;place-items:center;width:42px;height:42px;font:900 24px Manrope;display:grid}.logo b{letter-spacing:2px;font:800 17px Manrope}.logo small{color:#85867e;letter-spacing:1.5px;margin-top:3px;font-size:8px;display:block}nav{flex:1;overflow:auto}nav button,.signout{color:#a8a9a2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;margin:1px 0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}nav button svg:last-child{margin-left:auto}nav button:hover,nav button.active{color:#fff;background:#2a2b25}nav button.active svg{color:#f9c935}.signout{color:#e38888;border-top:1px solid #30312b;border-radius:0;padding-top:18px}.app main{max-width:1600px;margin-left:248px;padding:28px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1{margin:0;font:800 28px Manrope}.page-header p{color:#777871;margin:5px 0 0;font-size:13px}.admin-pill{background:#fff;border:1px solid #e8e8e2;border-radius:13px;align-items:center;gap:10px;padding:7px 12px;display:flex}.admin-pill>span{background:#fff4c6;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.admin-pill b,.admin-pill small{font-size:12px;display:block}.admin-pill small{color:#8a8b84;margin-top:2px;font-size:9px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric{background:#fff;border:1px solid #e9e9e3;border-radius:17px;padding:18px;position:relative}.metric-icon{background:#fff5cb;border-radius:11px;padding:9px;position:absolute;top:16px;right:16px}.metric>span{color:#777871;font-size:12px;font-weight:600;display:block}.metric strong{margin-top:13px;font:800 28px Manrope;display:block}.metric small{color:#9a9b94;font-size:10px}.panel{background:#fff;border:1px solid #e8e8e2;border-radius:17px;margin-bottom:15px;padding:18px}.split,.report-grid{grid-template-columns:2fr 1fr;gap:15px;margin-top:15px;display:grid}.panel-title{margin:0 0 18px;font:800 16px Manrope}.bars{gap:15px;display:grid}.bar-row>div{justify-content:space-between;font-size:12px;display:flex}.bar-row i{background:#eee;border-radius:9px;height:7px;margin-top:7px;display:block}.bar-row em{background:#f9c935;border-radius:9px;height:100%;display:block}.attention{background:#fff9df;border-color:#f2df8d}.attention svg{color:#b78c00}.attention h3{margin:12px 0 6px}.attention p{color:#716b55;font-size:13px;line-height:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a8b84;letter-spacing:.8px;text-transform:uppercase;padding:0 12px 11px;font-size:9px}td{white-space:nowrap;border-top:1px solid #eeeef0;padding:13px 12px}td b{font-size:12px}td small{color:#92938d;text-overflow:ellipsis;max-width:250px;margin-top:3px;font-weight:400;display:block;overflow:hidden}.status{border-radius:12px;padding:5px 8px;font-size:9px;font-weight:800}.status.good{color:#08774a;background:#e2f5ec}.status.bad{color:#a62f2d;background:#fae4e3}.status.warn{color:#8b6800;background:#fff1bf}.actions{gap:5px;display:flex}.small{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700}.small.approve{color:#08774a;background:#e7f7ef;border-color:#c4ead8}.small.reject{color:#b13c38;background:#fff0ef;border-color:#f4d2d0}.empty{color:#999;text-align:center!important;padding:45px!important}.map{background:#e9ede5;border:1px solid #ddd;border-radius:18px;height:300px;margin-bottom:15px;position:relative;overflow:hidden}.road{background:#fff;border:1px solid #dfe1da;width:120%;height:30px;position:absolute;left:-10%}.road.a{top:45%;transform:rotate(-9deg)}.road.b{top:40%;transform:rotate(47deg)}.map-pin{color:#fff;background:#171814;border:3px solid #f9c935;border-radius:18px;align-items:center;gap:5px;padding:7px;display:flex;position:absolute;box-shadow:0 5px 15px #0003}.map-pin span{font-size:9px}.card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.fare-card{background:#fff;border:1px solid #e7e7e1;border-radius:17px;padding:19px}.vehicle{align-items:center;gap:11px;margin-bottom:18px;display:flex}.vehicle svg{background:#fff4c7;border-radius:12px;width:43px;height:43px;padding:9px}.vehicle strong,.vehicle span{display:block}.vehicle span{color:#92938c;margin-top:3px;font-size:9px}.inline-field{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.inline-field input{text-align:right;border:1px solid #ddd;border-radius:7px;width:80px;padding:6px}.form-row{gap:9px;display:flex}.form-row input,.composer input,.composer select,.composer textarea{background:#fff;border:1px solid #deded8;border-radius:10px;padding:11px}.form-row input{flex:1}.form-row button,.composer button{color:#fff;background:#171814;border:0;border-radius:10px;padding:0 18px;font-weight:700}.sos-banner{color:#fff;background:#ba3b36;border-radius:15px;gap:14px;margin-bottom:15px;padding:17px;display:flex}.sos-banner strong,.sos-banner span{display:block}.sos-banner span{opacity:.8;margin-top:4px;font-size:11px}.chart{align-items:end;gap:8px;height:190px;padding-top:20px;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.chart-col i{background:#f9c935;border-radius:5px 5px 2px 2px;width:100%;max-width:26px;min-height:4px}.chart-col span{color:#999;font-size:8px;transform:rotate(-45deg)}.report-stat span{color:#888;font-size:9px;font-weight:800}.report-stat strong{margin-top:20px;font:800 48px Manrope;display:block}.report-stat p{color:#888;font-size:12px}.composer{grid-template-columns:160px 1fr;gap:10px;display:grid}.composer textarea{resize:vertical;grid-column:1/3;height:90px}.composer button{grid-column:2;justify-self:end;padding:11px 20px}.loader{border:3px solid #ddd;border-top-color:#f9c935;border-radius:50%;width:34px;height:34px;margin:150px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu{display:none}.login{background:#171814;place-items:center;min-height:100vh;padding:20px;display:grid}.login:before{content:"";filter:blur(150px);opacity:.12;background:#f9c935;border-radius:50%;width:430px;height:430px;position:fixed;top:-150px;right:-100px}.login-card{background:#fff;border-radius:23px;width:min(430px,100%);padding:35px;position:relative}.login-card .eyebrow{letter-spacing:2px;color:#85867e;margin-top:17px;font-size:9px;font-weight:800}.login-card h1{margin:22px 0 3px;font:800 30px Manrope}.login-card>p{color:#777;margin-bottom:25px;font-size:13px}.login-card label{letter-spacing:1px;margin:13px 0 6px;font-size:9px;font-weight:800;display:block}.login-card input{border:1px solid #ddd;border-radius:11px;width:100%;height:50px;padding:0 12px}.phone{border:1px solid #ddd;border-radius:11px;display:flex}.phone span{border-right:1px solid #ddd;padding:15px 12px;font-weight:700}.phone input{border:0;height:48px}.login-card button{background:#f9c935;border:0;border-radius:11px;width:100%;height:52px;margin-top:17px;font-weight:800}.login-card small{text-align:center;color:#999;margin-top:15px;display:block}.error{color:#b33131;margin-top:8px;font-size:11px}@media (width<=900px){.metric-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.split,.report-grid{grid-template-columns:1fr}.app aside{transition:all .2s;transform:translate(-100%)}.app aside.open{transform:none}.app main{margin-left:0;padding:70px 16px 20px}.mobile-menu{z-index:20;color:#fff;background:#171814;border:0;border-radius:10px;padding:8px;display:block;position:fixed;top:15px;left:16px}.admin-pill{display:none}.page-header{align-items:flex-start}.form-row{flex-direction:column}.form-row button{padding:12px}.composer{grid-template-columns:1fr}.composer textarea,.composer button{grid-column:1}.composer button{justify-self:stretch}.map{height:250px}}@media (width<=540px){.metric-grid,.card-grid{grid-template-columns:1fr}.page-header h1{font-size:23px}}