:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0}*{box-sizing:border-box}:root{color:#fff;background:#06111f}html,body,#root{background:#06111f;min-width:320px;min-height:100vh;margin:0}body{color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font-family:inherit}button{transition:background .2s,border-color .2s,transform .2s}button:hover{transform:translateY(-1px)}h1,h2,h3,p{margin-top:0}.login-page{background:radial-gradient(circle at 0 0,#2563eb47,#0000 32%),radial-gradient(circle at 100% 0,#10b9812e,#0000 28%),#06111f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#0e1b2ef5;border:1px solid #1e3a5c;border-radius:26px;width:100%;max-width:460px;padding:34px;box-shadow:0 22px 70px #00000059}.eyebrow{color:#38bdf8;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.login-card h1{margin-bottom:10px;font-size:34px}.subtitle{color:#9fb3c8;margin-bottom:0;font-size:15px;line-height:1.5}.login-form{gap:12px;margin-top:26px;display:grid}.login-form label{color:#9fb3c8;font-size:13px;font-weight:800}.login-form input{color:#fff;background:#07111f;border:1px solid #24415f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px}.login-form input:focus{border-color:#38bdf8}.login-button{color:#06111f;cursor:pointer;background:#38bdf8;border:none;border-radius:14px;margin-top:10px;padding:14px 18px;font-weight:900}.login-error,.error-box{color:#fecaca;background:#7f1d1d47;border:1px solid #f8717173;border-radius:12px;padding:12px;font-size:13px}.dashboard-error{margin-bottom:22px}.admin-shell{background:radial-gradient(circle at 0 0,#2563eb33,#0000 26%),radial-gradient(circle at 100% 0,#10b9811f,#0000 24%),#06111f;grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#07111ffa;border-right:1px solid #1e3a5c;align-self:start;min-height:100vh;padding:22px;position:sticky;top:0}.brand-box{background:#0e1b2e;border:1px solid #1e3a5c;border-radius:22px;margin-bottom:20px;padding:18px;box-shadow:0 18px 50px #00000038}.brand-box p{color:#38bdf8;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.brand-box h2{margin:6px 0 4px;font-size:28px}.brand-box span{color:#9fb3c8;font-size:13px;font-weight:700}.sidebar-nav{gap:9px;display:grid}.menu-button{text-align:left;color:#9fb3c8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:13px 14px;font-weight:800;display:flex}.menu-button:hover,.menu-button.active{color:#fff;background:#0e1b2e;border-color:#24415f}.logout-button{color:#fecaca;cursor:pointer;background:#7f1d1d38;border:1px solid #f8717173;border-radius:14px;padding:12px 18px;font-weight:800}.logout-button.full{width:100%;margin-top:18px}.admin-content{padding:28px;overflow-x:hidden}.topbar{justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;display:flex}.topbar h1{margin-bottom:8px;font-size:38px}.topbar-actions{align-items:center;gap:12px;display:flex}.refresh-button{color:#fff;cursor:pointer;white-space:nowrap;background:#0e1b2e;border:1px solid #24415f;border-radius:14px;padding:12px 18px;font-weight:900}.refresh-button:hover{background:#132947}.kpi-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi-card,.info-panel,.table-panel,.empty-card{background:#0e1b2ef0;border:1px solid #1e3a5c;border-radius:22px;box-shadow:0 18px 50px #00000038}.kpi-card{min-height:132px;padding:20px}.kpi-card p{color:#9fb3c8;margin-bottom:10px;font-weight:900}.kpi-card h3{margin-bottom:6px;font-size:32px}.kpi-card span{color:#9fb3c8;font-size:13px}.kpi-card.destacado h3{color:#34d399}.panel-grid{gap:18px;margin-bottom:22px;display:grid}.panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel,.table-panel,.empty-card{padding:20px}.info-panel h2,.table-panel h2{margin-bottom:16px;font-size:20px}.info-panel-content{gap:10px;display:grid}.metric-line{border-bottom:1px solid #9fb3c81f;justify-content:space-between;gap:16px;padding:9px 0;display:flex}.metric-line:last-child{border-bottom:none}.metric-line span{color:#9fb3c8}.metric-line strong{color:#fff;text-align:right}.green{color:#34d399!important}.muted{color:#9fb3c8;margin-bottom:0;line-height:1.6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #9fb3c81f;padding:12px 10px;font-size:14px}th{color:#9fb3c8;text-transform:uppercase;letter-spacing:.08em;font-size:12px}td{color:#fff}.status-badge{color:#cbd5e1;text-transform:capitalize;white-space:nowrap;background:#94a3b824;border:1px solid #94a3b83d;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.empty-card{color:#9fb3c8;line-height:1.5}.empty-card.compact{box-shadow:none;border-style:dashed}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.panel-grid.two{grid-template-columns:1fr}}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}.admin-content{padding:20px}}@media (width<=620px){.kpi-grid,.sidebar-nav{grid-template-columns:1fr}.topbar h1{font-size:30px}.login-card{padding:26px}}.photo-link{color:#38bdf8;align-items:center;gap:10px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.photo-link:hover{color:#7dd3fc;text-decoration:underline}.delivery-photo{object-fit:cover;background:#07111f;border:1px solid #24415f;border-radius:12px;width:54px;height:54px}.table-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.table-panel-header h2{margin-bottom:6px}.table-counter{color:#9fb3c8;margin:0;font-size:13px;line-height:1.5}.filters-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.filters-grid label{color:#9fb3c8;text-transform:uppercase;letter-spacing:.06em;gap:7px;font-size:12px;font-weight:900;display:grid}.filters-grid input,.filters-grid select{color:#fff;background:#07111f;border:1px solid #24415f;border-radius:12px;outline:none;width:100%;padding:11px 12px;font-size:14px}.filters-grid input:focus,.filters-grid select:focus{border-color:#38bdf8}.clear-filters-button,.pagination-bar button{color:#fff;cursor:pointer;white-space:nowrap;background:#0e1b2e;border:1px solid #24415f;border-radius:12px;padding:11px 14px;font-weight:900}.clear-filters-button:hover,.pagination-bar button:hover:not(:disabled){background:#132947}.pagination-bar{color:#9fb3c8;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font-size:14px;font-weight:800;display:flex}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1180px){.filters-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=700px){.table-panel-header,.pagination-bar{flex-direction:column;align-items:stretch}.filters-grid{grid-template-columns:1fr}}.commerce-cell{gap:4px;min-width:150px;display:grid}.commerce-cell strong{color:#fff;font-size:14px}.commerce-cell span{color:#9fb3c8;word-break:break-all;font-size:12px}.amount-cell{color:#fff;white-space:nowrap;font-weight:900}.commission-cell{gap:4px;min-width:110px;display:grid}.commission-cell strong{color:#34d399;font-size:14px}.commission-cell span{color:#9fb3c8;font-size:12px;font-weight:900}.kpi-grid.kpi-grid-five{grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px}.kpi-grid-five .kpi-card{border-radius:18px;padding:16px}.kpi-grid-five .kpi-card p{margin-bottom:8px;font-size:14px}.kpi-grid-five .kpi-card h3{margin-bottom:6px;font-size:30px}.kpi-grid-five .kpi-card span{font-size:12px}@media (width<=1280px){.kpi-grid.kpi-grid-five{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=820px){.kpi-grid.kpi-grid-five{grid-template-columns:1fr}}.admin-shell{position:relative;overflow:hidden}.admin-shell:before{content:"";opacity:.55;z-index:0;pointer-events:none;background:linear-gradient(90deg,#06111f9e,#06111f8f,#06111f8f),url(/assets/motorider-admin-bg.png) 50%/cover no-repeat;position:fixed;inset:0}.sidebar,.admin-content{z-index:1;position:relative}.admin-title-brand{align-items:center;gap:12px;margin-bottom:12px;display:inline-flex}.admin-moto-icon{object-fit:contain;filter:drop-shadow(0 0 14px #38bdf88c);width:44px;height:44px;animation:6s linear infinite motoSpin}@keyframes motoSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}:root{color:#fff8df;--moto-black:#050505;--moto-panel:#100e0af5;--moto-panel-soft:#18140ceb;--moto-border:#daa5203d;--moto-border-strong:#ffc74370;--moto-gold:#f5c542;--moto-gold-strong:#fc3;--moto-gold-soft:#ffe08a;--moto-text:#fff8df;--moto-muted:#c9b77a;--moto-danger:#ff6b5f;--moto-success:#f5c542;background:#050505}html,body,#root{background:#050505}body{color:var(--moto-text)}.login-page{background:linear-gradient(120deg,#050505e0,#050505b8),url(/assets/motorider-admin-bg.png) 50%/cover no-repeat,#050505}.login-card,.brand-box,.kpi-card,.info-panel,.table-panel,.empty-card{border:1px solid var(--moto-border);background:linear-gradient(#1f190cf5,#0a0a08f5);border-radius:18px;box-shadow:0 18px 46px #00000085,inset 0 1px #ffe08a14}.login-card{border-color:var(--moto-border-strong);box-shadow:0 28px 80px #000000b8,0 0 0 1px #ffcc3314,inset 0 1px #ffe08a24}.admin-shell{background:linear-gradient(135deg,#050505f7,#0e0c08f0),#050505}.admin-shell:before{opacity:.58;background:linear-gradient(90deg,#050505e0,#050505c7,#110d06b8),url(/assets/motorider-admin-bg.png) 50%/cover no-repeat}.sidebar{border-right:1px solid var(--moto-border);background:linear-gradient(#050505fa,#141008fa);box-shadow:20px 0 50px #00000061}.eyebrow,.brand-box p,.kpi-card.destacado h3,.green,.commission-cell strong{color:var(--moto-gold)!important}.subtitle,.login-form label,.brand-box span,.menu-button,.kpi-card p,.kpi-card span,.metric-line span,.muted,th,.empty-card,.table-counter,.filters-grid label,.pagination-bar,.commerce-cell span,.commission-cell span{color:var(--moto-muted)}.login-card h1,.topbar h1,.brand-box h2,.info-panel h2,.table-panel h2,.kpi-card h3,.metric-line strong,td,.commerce-cell strong,.amount-cell{color:var(--moto-text)}.login-form input,.filters-grid input,.filters-grid select,.delivery-photo{color:var(--moto-text);background:#050505d6;border:1px solid #daa52047}.login-form input:focus,.filters-grid input:focus,.filters-grid select:focus{border-color:var(--moto-gold-strong);box-shadow:0 0 0 3px #f5c5421f}.login-button,.refresh-button,.clear-filters-button,.pagination-bar button{color:#080704;background:linear-gradient(#ffd75f,#c99414);border:1px solid #ffe08a9e;box-shadow:0 10px 24px #00000052}.login-button:hover,.refresh-button:hover,.clear-filters-button:hover,.pagination-bar button:hover:not(:disabled){background:linear-gradient(#ffe08a,#d9a51e)}.menu-button{border-radius:12px}.menu-button:hover,.menu-button.active{border-color:var(--moto-border-strong);color:var(--moto-text);box-shadow:inset 3px 0 0 var(--moto-gold);background:#f5c5421f}.logout-button{color:#ffd1cc;background:#4f0d0857;border:1px solid #ff6b5f6b}.logout-button:hover{background:#78160e75}.metric-line,th,td{border-bottom-color:#daa52024}tbody tr:hover{background:#f5c5420e}.status-badge{color:var(--moto-gold-soft);background:#f5c5421a;border-color:#f5c54238}.status-badge.success{color:#ffe08a;background:#f5c54224;border-color:#f5c54257}.status-badge.warning{color:#fff0b8;background:#ffc43329;border-color:#ffc4335c}.status-badge.danger{color:#ffc9c4;background:#ff6b5f1f;border-color:#ff6b5f52}.photo-link{color:var(--moto-gold)}.photo-link:hover{color:var(--moto-gold-soft)}.admin-moto-icon{filter:drop-shadow(0 0 10px #f5c542b8)drop-shadow(0 0 22px #f5c5423d);animation:none}.admin-title-brand{color:var(--moto-gold)}.kpi-grid-five .kpi-card{border-radius:16px}.error-box,.login-error{color:#ffd1cc;background:#4f0d0861;border-color:#ff6b5f6b}.admin-session-email{color:var(--moto-muted);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;font-weight:800;overflow:hidden}.inline-action-button{color:var(--moto-gold-soft);cursor:pointer;white-space:nowrap;background:#f5c5421f;border:1px solid #ffe08a80;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900}.inline-action-button:hover{background:#f5c54238}.commerce-detail-header{justify-content:space-between;gap:14px;margin-bottom:16px;display:flex}.period-controls{grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.period-controls label{color:var(--moto-muted);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:12px;font-weight:900;display:grid}.period-controls input,.period-controls select{width:100%;color:var(--moto-text);background:#050505d6;border:1px solid #daa52047;border-radius:12px;outline:none;padding:11px 12px;font-size:14px}.period-controls input:focus,.period-controls select:focus{border-color:var(--moto-gold-strong);box-shadow:0 0 0 3px #f5c5421f}.commerce-metrics-grid{background:#05050542;border:1px solid #daa52024;border-radius:14px;gap:8px;padding:12px;display:grid}@media (width<=700px){.period-controls{grid-template-columns:1fr}}.menu-chat-badge{color:#fff;background:#ef4444;border:2px solid #050505;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex}.support-workspace{min-width:0}.support-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.support-toolbar h2{color:var(--moto-text);margin:0;font-size:21px}.support-toolbar p{color:var(--moto-muted);margin:5px 0 0;font-size:13px}.support-error{color:#ffd1cc;background:#4f0d089e;border:1px solid #ff6b5f75;border-radius:8px;margin-bottom:14px;padding:11px 13px;font-size:13px;font-weight:800}.support-layout{border:1px solid var(--moto-border-strong);background:#070706f7;border-radius:8px;grid-template-columns:minmax(310px,390px) minmax(0,1fr);height:calc(100vh - 190px);min-height:650px;max-height:820px;display:grid;overflow:hidden;box-shadow:0 22px 60px #0000006b}.support-inbox{border-right:1px solid var(--moto-border);background:#0c0b08fa;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.support-filters{border-bottom:1px solid var(--moto-border);padding:14px}.support-filters input,.support-filters select{width:100%;min-width:0;color:var(--moto-text);background:#050505;border:1px solid #daa52047;border-radius:8px;outline:none;padding:10px 11px;font-size:13px}.support-filters input:focus,.support-filters select:focus,.support-composer textarea:focus{border-color:var(--moto-gold-strong);box-shadow:0 0 0 3px #f5c5421a}.support-filter-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.support-list{min-height:0;overflow-y:auto}.support-list-item{width:100%;min-height:88px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #daa5201a;align-items:center;gap:10px;padding:12px;display:flex}.support-list-item:hover{background:#f5c54211}.support-list-item.active{box-shadow:inset 4px 0 0 var(--moto-gold);background:#f5c54221}.support-role-avatar{color:#fff;border:1px solid #ffffff38;border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:900;display:inline-flex}.role-cliente{background:#2563eb}.role-comercio{background:#9333ea}.role-motorizado{background:#d97706}.role-chofer{background:#047857}.support-list-copy{flex:1;gap:4px;min-width:0;display:grid}.support-list-title-row{justify-content:space-between;gap:8px;min-width:0;display:flex}.support-list-title-row strong{min-width:0;color:var(--moto-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.support-list-title-row time{color:var(--moto-muted);flex:none;font-size:10px}.support-list-meta{color:#d1c69e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.support-state{width:fit-content;font-size:10px;font-weight:900}.state-abierto{color:#ffd75f}.state-en_atencion{color:#7dd3fc}.state-resuelto{color:#86efac}.support-unread{color:#fff;background:#ef4444;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:900;display:inline-flex}.support-empty{color:var(--moto-muted);text-align:center;padding:28px 18px;font-size:13px;line-height:1.5}.support-thread{background:#050505f5;grid-template-rows:auto auto minmax(0,1fr) auto auto;min-width:0;min-height:0;display:grid}.support-thread-placeholder{text-align:center;flex-direction:column;grid-row:1/-1;justify-content:center;align-items:center;padding:28px;display:flex}.support-placeholder-icon{background:var(--moto-gold);color:#080704;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:18px;font-weight:900;display:inline-flex}.support-thread-placeholder h3{color:var(--moto-text);margin:16px 0 5px}.support-thread-placeholder p{color:var(--moto-muted);margin:0;font-size:13px}.support-thread-header{border-bottom:1px solid var(--moto-border);background:#110e08f5;justify-content:space-between;align-items:center;gap:16px;min-height:94px;padding:14px 16px;display:flex}.support-user-heading{align-items:center;gap:11px;min-width:0;display:flex}.support-user-heading h3{color:var(--moto-text);margin:0;font-size:17px}.support-user-heading p{color:var(--moto-muted);margin:3px 0;font-size:11px}.support-user-heading strong{max-width:460px;color:var(--moto-gold-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.support-state-controls{flex:none;gap:5px;display:flex}.support-state-controls button{color:#b8aa79;cursor:pointer;background:#ffffff09;border:1px solid #daa52033;border-radius:7px;padding:8px 9px;font-size:10px;font-weight:900}.support-state-controls button.active{background:#f5c5421f;border-color:currentColor}.support-state-controls button:disabled{opacity:.55;cursor:wait}.support-context{background:#f5c5420a;border-bottom:1px solid #daa5201f;flex-wrap:wrap;gap:7px;padding:8px 16px;display:flex}.support-context span{color:#d1c69e;border:1px solid #daa52029;border-radius:6px;padding:5px 7px;font-size:10px}.support-context b{color:var(--moto-gold-soft);text-transform:capitalize}.support-messages{background:linear-gradient(#050505eb,#050505eb),url(/assets/motorider-admin-bg.png) 50%/cover;min-height:0;padding:18px;overflow-y:auto}.support-message{border-radius:8px;width:fit-content;max-width:min(76%,640px);margin-bottom:11px;padding:10px 12px;box-shadow:0 8px 20px #0003}.support-message.user{color:#fff;background:#1f2937;border:1px solid #ffffff1f;margin-right:auto}.support-message.admin{color:#080704;background:#e5b52c;border:1px solid #ffe08a80;margin-left:auto}.support-message small,.support-message time{opacity:.72;font-size:9px;font-weight:800;display:block}.support-message p{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 7px;font-size:13px;line-height:1.45}.support-message time{text-align:right}.support-message img{object-fit:cover;border-radius:6px;width:min(320px,100%);max-height:280px;margin:7px 0;display:block}.support-attachment-preview{border-top:1px solid var(--moto-border);min-height:38px;color:var(--moto-gold-soft);background:#f5c54214;justify-content:space-between;align-items:center;gap:12px;padding:7px 14px;font-size:11px;font-weight:800;display:flex}.support-attachment-preview button{color:#ffb4ad;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:900}.support-composer{border-top:1px solid var(--moto-border);background:#0d0b07fa;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;min-height:78px;padding:10px;display:grid}.support-file-input{display:none}.support-composer textarea{resize:vertical;width:100%;min-height:48px;max-height:120px;color:var(--moto-text);font:inherit;background:#050505;border:1px solid #daa52047;border-radius:8px;outline:none;padding:11px 12px;font-size:13px}.support-attach-button,.support-send-button{cursor:pointer;border-radius:8px;min-height:48px;padding:0 14px;font-size:12px;font-weight:900}.support-attach-button{color:var(--moto-gold-soft);background:#f5c54214;border:1px solid #ffe08a61}.support-send-button{color:#080704;background:linear-gradient(#ffd75f,#c99414);border:1px solid #ffe08a9e;min-width:90px}.support-send-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.support-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.support-thread-header{flex-direction:column;align-items:flex-start}}@media (width<=760px){.support-toolbar{flex-direction:column;align-items:stretch}.support-layout{grid-template-columns:1fr;height:auto;max-height:none}.support-inbox{border-right:0;border-bottom:1px solid var(--moto-border);height:420px}.support-thread{min-height:620px}.support-state-controls{width:100%}.support-state-controls button{flex:1}.support-message{max-width:88%}.support-composer{grid-template-columns:1fr auto}.support-attach-button{grid-column:1/-1}}