:root{
  --bg:#f4f6fa;--card:rgba(255,255,255,.62);--card-strong:rgba(255,255,255,.82);--stroke:rgba(255,255,255,.72);
  --text:#111827;--muted:#667085;--primary:#5E5CE6;--primary2:#7C7AF5;--success:#34C759;--warning:#FF9500;--danger:#FF3B30;
  --shadow:0 18px 60px rgba(31,38,135,.10),inset 0 1px 0 rgba(255,255,255,.78);--r:28px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
body{min-height:100vh;overflow-x:hidden}.orb{position:fixed;border-radius:999px;filter:blur(30px);opacity:.55;pointer-events:none;z-index:0}.orb-a{width:360px;height:360px;left:-110px;top:-90px;background:rgba(94,92,230,.23)}.orb-b{width:420px;height:420px;right:-180px;top:25vh;background:rgba(52,199,89,.13)}.orb-c{width:300px;height:300px;left:25vw;bottom:-120px;background:rgba(124,122,245,.16)}
#app{position:relative;z-index:1;min-height:100vh}.glass{background:var(--card);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border:1px solid var(--stroke);box-shadow:var(--shadow)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(460px,100%);padding:34px;border-radius:34px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.logo{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 14px 32px rgba(94,92,230,.32);font-weight:800}.brand h1{font-size:22px;margin:0}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:18px;background:rgba(255,255,255,.48);margin-bottom:18px}.login-tabs button{border:0;background:transparent;padding:10px;border-radius:14px;font-weight:700;color:var(--muted)}.login-tabs button.active{background:white;color:var(--primary);box-shadow:0 6px 20px rgba(31,38,135,.08)}
.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field label{font-size:12px;color:var(--muted);font-weight:700}.input,.select,.textarea{width:100%;border:1px solid rgba(17,24,39,.08);background:rgba(255,255,255,.75);border-radius:16px;padding:13px 14px;font:inherit;color:var(--text);outline:none}.textarea{min-height:92px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(94,92,230,.35);box-shadow:0 0 0 4px rgba(94,92,230,.08)}
.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:750;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.97)}.btn-primary{color:white;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 10px 28px rgba(94,92,230,.24)}.btn-soft{color:var(--primary);background:rgba(94,92,230,.09)}.btn-danger{color:#b42318;background:rgba(255,59,48,.10)}.btn-success{color:#067647;background:rgba(52,199,89,.12)}.btn-block{width:100%}.btn-sm{padding:8px 11px;border-radius:12px;font-size:12px}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:13px}.center{text-align:center}
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;padding:18px;gap:18px}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:30px;padding:18px;display:flex;flex-direction:column}.sidebar .brand{margin:2px 0 22px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:15px;display:flex;align-items:center;gap:11px;color:#475467;font-weight:650;cursor:pointer}.nav button.active{background:rgba(94,92,230,.11);color:var(--primary)}.nav-spacer{flex:1}.admin-main{min-width:0}.topbar{height:72px;border-radius:26px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar h2{margin:0;font-size:21px}.topbar-right{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#e9e8ff,#fff);display:grid;place-items:center;font-weight:800;color:var(--primary);border:1px solid white}.content{display:flex;flex-direction:column;gap:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{padding:18px;border-radius:24px}.stat .label{font-size:12px;color:var(--muted);font-weight:700}.stat .value{font-size:28px;font-weight:800;margin-top:7px}.stat .sub{font-size:11px;color:var(--muted);margin-top:5px}.panel{padding:20px;border-radius:28px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{margin:0;font-size:17px}.actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filters .input,.filters .select{width:auto;min-width:150px;padding:10px 12px}.table-wrap{overflow:auto;border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;text-align:left;padding:11px;border-bottom:1px solid rgba(17,24,39,.07)}.table td{font-size:13px;padding:12px 11px;border-bottom:1px solid rgba(17,24,39,.055);vertical-align:middle}.table tr:hover td{background:rgba(255,255,255,.3)}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.b-green{background:rgba(52,199,89,.12);color:#067647}.b-yellow{background:rgba(255,149,0,.13);color:#a15c00}.b-red{background:rgba(255,59,48,.12);color:#b42318}.b-indigo{background:rgba(94,92,230,.12);color:var(--primary)}.b-gray{background:rgba(102,112,133,.10);color:#475467}
.mobile-shell{width:min(430px,100%);min-height:100vh;margin:0 auto;padding:14px 14px 104px}.mobile-head{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 14px}.mobile-head h1{margin:0;font-size:22px}.mobile-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.hero-card{padding:20px;border-radius:30px;overflow:hidden;position:relative}.hero-time{font-size:42px;font-weight:800;letter-spacing:-.04em}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.quick button{border:0;padding:13px 6px;border-radius:20px;background:rgba(255,255,255,.65);box-shadow:0 10px 25px rgba(31,38,135,.06);font-weight:700;color:#344054;font-size:11px}.quick i{display:block;margin:0 auto 7px}.mobile-card{padding:17px;border-radius:24px;margin:12px 0}.mobile-card h3{margin:0 0 12px;font-size:15px}.progress{height:9px;border-radius:99px;background:rgba(94,92,230,.10);overflow:hidden}.progress>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--primary2))}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:13px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:space-between;gap:12px}.list-item .title{font-weight:750;font-size:13px}.list-item .desc{font-size:11px;color:var(--muted);margin-top:3px}.bottom-nav{position:fixed;z-index:5;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(404px,calc(100% - 24px));padding:8px;border-radius:25px;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav button{border:0;background:transparent;padding:8px 2px;border-radius:16px;color:#667085;font-size:9px;font-weight:750}.bottom-nav button.active{background:rgba(94,92,230,.10);color:var(--primary)}.bottom-nav svg{display:block;margin:0 auto 4px;width:19px;height:19px}.scan{height:250px;border-radius:30px;background:linear-gradient(160deg,#111827,#30334d);position:relative;display:grid;place-items:center;overflow:hidden;color:white}.scan-oval{width:152px;height:196px;border:2px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 35px rgba(52,199,89,.2),inset 0 0 35px rgba(255,255,255,.06);position:relative}.scan-line{position:absolute;left:20px;right:20px;height:2px;background:#77ffac;box-shadow:0 0 16px #77ffac;animation:scan 2.2s linear infinite}@keyframes scan{0%{top:35px}50%{top:210px}100%{top:35px}}.gps-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gps-box div{background:rgba(255,255,255,.55);padding:10px;border-radius:15px}.pay-big{font-size:30px;font-weight:850;letter-spacing:-.03em}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:rgba(17,24,39,.05);padding:10px;border-radius:14px;white-space:pre-wrap}
.modal-backdrop{position:fixed;z-index:20;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:30px;padding:22px}.modal h3{margin:0 0 14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;z-index:30;top:18px;left:50%;transform:translateX(-50%);background:#111827;color:white;border-radius:18px;padding:12px 16px;box-shadow:0 16px 40px rgba(17,24,39,.25);font-size:12px;font-weight:700;animation:toastin .2s ease}@keyframes toastin{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}.empty{padding:28px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:84px 1fr}.sidebar .brand .brand-copy,.nav button span,.sidebar-footer span{display:none}.sidebar{padding:12px}.nav button{justify-content:center}.sidebar .logo{margin:auto}}
@media(max-width:700px){.admin-shell{display:block;padding:10px}.sidebar{position:fixed;z-index:10;left:10px;right:10px;bottom:10px;top:auto;height:auto;display:block;padding:8px;border-radius:24px}.sidebar .brand,.nav-spacer,.sidebar-footer{display:none}.nav{display:grid;grid-template-columns:repeat(5,1fr)}.nav button{padding:9px 2px;justify-content:center}.nav button:nth-child(n+6){display:none}.admin-main{padding-bottom:82px}.cards{grid-template-columns:1fr 1fr}.topbar{height:62px}.topbar h2{font-size:17px}.panel{padding:15px}.grid2{grid-template-columns:1fr}}