:root{--navy:#0d203c;--blue:#176bda;--green:#13a673;--orange:#ed8b2b;--red:#e25252;--ink:#172033;--muted:#77839a;--line:#e7ebf2;--bg:#f5f7fb;--shadow:0 8px 30px #13284812}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}.login{position:fixed;inset:0;z-index:100;background:#fff;display:grid;grid-template-columns:1.05fr 1fr}.login.hidden{display:none}.login-art{background:linear-gradient(145deg,#0a1b34,#123c72);color:#fff;padding:42px 55px;display:flex;flex-direction:column;justify-content:space-between}.logo{display:flex;align-items:center;gap:11px}.logo b{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#3287f2,#64b3ff);display:grid;place-items:center;font-size:23px}.login-art>div:last-child{margin-bottom:17vh}.login-art small,.login-form-wrap form>small{color:#70b4ff;font-weight:700}.login-art h1{font-size:48px;line-height:1.35;margin:16px 0}.login-art p{color:#c3d2e7;line-height:1.9;max-width:500px}.login-form-wrap{display:grid;place-items:center;position:relative;padding:35px}.login-form-wrap form{width:min(410px,100%)}.login-form-wrap h2{font-size:29px;margin:14px 0 8px}.login-form-wrap form>p{color:var(--muted);font-size:13px;margin:0 0 27px}.login-form-wrap label{display:block;margin-bottom:16px}.login-form-wrap label span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.login-form-wrap input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 13px;font:inherit;outline:0}.submit{width:100%;height:49px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}.demo{margin-top:18px;padding:12px 14px;border-radius:10px;background:#f3f7fd;display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:8px;font-size:10px;color:#52627a}.error{display:none!important;color:var(--red)!important;background:#ffeded;padding:10px;text-align:center;border-radius:8px;margin-top:12px!important}.error.show{display:block!important}.lang{border:1px solid var(--line);background:#fff;color:var(--blue);height:40px;min-width:43px;border-radius:10px;font-weight:800;cursor:pointer}.login-form-wrap>.lang{position:absolute;top:32px;left:38px}.mobile-logo{display:none}aside{position:fixed;right:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,var(--navy),#09172c);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{padding:0 10px 26px;border-bottom:1px solid #ffffff18}.brand small,.user small{display:block;color:#96a8c2;margin-top:3px}.brand strong{font-size:19px}nav{display:flex;flex-direction:column;gap:5px;padding-top:21px}.nav{border:0;background:transparent;color:#b8c5d8;text-align:right;padding:12px 14px;border-radius:10px;font:inherit;cursor:pointer;display:flex;gap:12px;align-items:center}.nav i{font-style:normal;font-size:18px;width:21px}.nav:hover,.nav.active{background:#2475e7;color:#fff}.nav em{font-style:normal;margin-right:auto;background:#e65959;color:#fff;border-radius:20px;padding:2px 7px;font-size:10px}.user{margin-top:auto;border-top:1px solid #ffffff18;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;background:#ecf4ff;color:#1c6acb;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.user strong{font-size:12px}.user button{margin-right:auto;background:none;border:0;color:#9fb0c8;font-size:20px;cursor:pointer}main{margin-right:260px;min-height:100vh}header{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;position:sticky;top:0;z-index:10}.heading{margin-left:auto}.heading p{font-size:11px;color:var(--muted);margin:0 0 5px}.heading h1{font-size:23px;margin:0}.actions{display:flex;gap:11px;align-items:center}.actions label{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 11px}.actions input{height:40px;border:0;outline:0;background:transparent}.bell{position:relative;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px}.bell i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:8px;right:9px}#menu{display:none}#content{padding:26px 28px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hero h2{margin:0 0 6px;font-size:20px}.hero p{margin:0;color:var(--muted);font-size:12px}.btn{border:0;border-radius:9px;padding:10px 16px;background:var(--blue);color:#fff;font:inherit;font-size:12px;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.card{background:#fff;border:1px solid #edf0f5;border-radius:13px;padding:18px;box-shadow:var(--shadow)}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;font-size:25px;margin:14px 0 5px}.stat span{font-size:10px;color:var(--green)}.stat b{float:left;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--tone)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-head h3{margin:0;font-size:14px}.filters{display:flex;gap:8px}.filters input,.filters select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font:inherit;font-size:11px}.bars{height:220px;display:flex;align-items:flex-end;gap:17px;border-bottom:1px solid var(--line);padding:15px}.bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(#438cef,#176bda)}.summary{display:grid;gap:12px}.summary div{display:flex;justify-content:space-between;padding:13px;border-radius:9px;background:#f6f8fb}.summary span{font-size:11px;color:var(--muted)}.summary strong{font-size:12px}.table{overflow:auto}.table-card{margin-top:16px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f7f9fc;color:#718097;font-size:10px;text-align:right;padding:11px}td{font-size:11px;padding:12px 11px;border-bottom:1px solid #eef1f5}.pill{padding:5px 9px;border-radius:20px;background:#e8f8f1;color:var(--green);font-size:9px}.pill.wait{background:#fff3e6;color:#d6781c}.driver{display:flex;gap:8px;align-items:center}.driver .avatar{width:30px;height:30px}.upload-note{padding:14px;background:#fff7e8;border:1px solid #ffe2ae;border-radius:10px;color:#9b651b;font-size:11px;margin-bottom:15px}.empty{text-align:center;padding:65px;color:var(--muted)}#toast{position:fixed;left:25px;bottom:25px;background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px;transform:translateY(100px);transition:.3s;font-size:12px;z-index:120}#toast.show{transform:none}html[dir=ltr] aside{right:auto;left:0}html[dir=ltr] main{margin-right:0;margin-left:260px}html[dir=ltr] .heading{margin-left:0;margin-right:auto}html[dir=ltr] .nav{text-align:left}html[dir=ltr] .nav em,html[dir=ltr] .user button{margin-right:0;margin-left:auto}html[dir=ltr] th{text-align:left}html[dir=ltr] .login-form-wrap>.lang{left:auto;right:38px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:720px){.login{grid-template-columns:1fr}.login-art{display:none}.mobile-logo{display:flex;margin-bottom:35px}.demo{grid-template-columns:1fr}aside{transform:translateX(100%);z-index:30;transition:.3s}aside.open{transform:none}main,html[dir=ltr] main{margin:0}header{height:75px;padding:0 14px}#menu{display:block;border:0;background:none;font-size:22px}.actions label{display:none}#content{padding:18px 14px}.stats{grid-template-columns:1fr}html[dir=ltr] aside{transform:translateX(-100%)}html[dir=ltr] aside.open{transform:none}}