:root{--ink:#07101e;--nav:#091422;--panel:#0e1b2d;--line:#dbe2e8;--bg:#f2f5f7;--white:#fff;--muted:#637083;--orange:#ff6b2c;--orange-soft:#fff0e8;--cyan:#44d7df;--green:#1cb67d;--yellow:#e7a721;--red:#e55a62;--radius:16px;--shadow:0 10px 28px rgba(10,25,46,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--orange);margin-bottom:10px}.muted{color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--nav)}.login-brand{position:relative;overflow:hidden;padding:52px 7vw;color:white;background:radial-gradient(circle at 70% 70%,rgba(68,215,223,.15),transparent 36%),linear-gradient(135deg,#07101e 15%,#10263d 100%)}.login-brand:before{content:"";position:absolute;inset:20% -15% -35% 20%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.brand{display:flex;align-items:center;gap:11px;color:white;position:relative;z-index:1}.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font:800 18px Manrope;border-radius:10px;background:linear-gradient(145deg,#21354d,#0a1422);color:var(--orange)}.brand b,.brand small{display:block}.brand b{font:800 13px Manrope;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.24em;color:#94a2b3}.brand--large .brand-mark{width:46px;height:46px}.hero-copy{position:absolute;left:7vw;top:38%;max-width:670px;z-index:1}.hero-copy h1{font:800 clamp(42px,5vw,76px)/1.03 Manrope;margin:0 0 24px;letter-spacing:-.045em}.hero-copy p{font-size:18px;color:#aebaca;max-width:560px;line-height:1.6}.route-line{position:absolute;bottom:11%;left:7vw;right:7vw;display:flex;align-items:center;gap:18px;color:#bdcad7;font:700 11px Manrope;letter-spacing:.14em}.route-line i{height:1px;flex:1;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.18));position:relative}.route-line i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 14px var(--orange)}.login-panel{background:#f5f7f9;display:grid;place-items:center;padding:36px}.login-card{width:min(410px,100%)}.login-card h2{font:800 31px Manrope;margin:0 0 8px}.login-card>p{margin-top:0}.login-card form{margin-top:32px}.login-card label,.modal label{display:block;font-size:12px;font-weight:700;color:#425063;margin-bottom:18px}.login-card input,.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d6dde5;border-radius:10px;padding:13px 14px;margin-top:8px;background:white;color:var(--ink);outline:none;transition:.2s}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,44,.12)}.form-row{display:flex;justify-content:space-between;align-items:center;margin:-5px 0 22px}.check{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:500!important}.check input{width:auto!important;margin:0!important}.link{font-size:12px;color:var(--orange);font-weight:700}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:white;box-shadow:0 7px 16px rgba(255,107,44,.22)}.btn-primary:hover{background:#ee5a20}.btn-ghost{background:white;border:1px solid #d8e0e7;color:#344154}.btn-block{width:100%;margin-bottom:12px;display:flex;justify-content:center;gap:14px}.login-note{text-align:center;font-size:11px!important;color:#8a96a5!important;margin-top:16px!important}.mobile-brand{display:none}
.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{background:var(--nav);height:100vh;position:sticky;top:0;padding:26px 16px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 8px 28px;border-bottom:1px solid rgba(255,255,255,.07)}nav{margin-top:21px;flex:1;overflow:auto}nav p{font-size:9px;font-weight:700;letter-spacing:.15em;color:#526276;margin:24px 12px 9px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:transparent;color:#91a0b1;border-radius:8px;text-align:left;font-size:12px;font-weight:600;cursor:pointer;margin:3px 0}.nav-item span{font-size:18px;width:20px;text-align:center;color:#7a8b9f}.nav-item:hover,.nav-item.active{background:#14243a;color:white}.nav-item.active span{color:var(--orange)}.nav-item em{font-style:normal;margin-left:auto;background:var(--orange);color:white;border-radius:20px;font-size:9px;padding:2px 6px}.nav-item i{margin-left:auto;font-style:normal;color:#6e7d8f;font-size:9px;border:1px solid #39485a;border-radius:4px;padding:2px 4px}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.07);padding:18px 5px 0;color:white}.avatar{width:34px;height:34px;background:#213a54;color:#9ce9ed;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.user-card div{flex:1}.user-card b,.user-card small{display:block}.user-card b{font-size:11px}.user-card small{font-size:9px;color:#7e8ea0;margin-top:3px}.user-card button{border:0;background:transparent;color:#8290a0;cursor:pointer}
main{min-width:0}.topbar{height:72px;background:white;border-bottom:1px solid #e2e7eb;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{display:flex;align-items:center;gap:8px}.topbar b{font-size:12px}.topbar small{color:#8692a0;font-size:11px;margin-left:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(28,182,125,.12)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:#f4f6f8;border-radius:8px;width:37px;height:37px;cursor:pointer;font-size:18px;color:#334154}.notification{position:relative}.notification i{position:absolute;top:-3px;right:-3px;background:var(--orange);color:white;width:15px;height:15px;border-radius:50%;font:700 8px/15px sans-serif}.menu-btn{display:none}.content{padding:30px 32px 48px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-head h1{font:800 27px Manrope;letter-spacing:-.03em;margin:3px 0 2px}.page-head p{font-size:12px;color:var(--muted);margin:0}.date-chip{background:white;border:1px solid var(--line);padding:9px 13px;border-radius:8px;font-size:11px;font-weight:700;color:#4f5d70}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.kpi{background:white;border:1px solid #e4e9ed;border-radius:var(--radius);padding:18px;box-shadow:0 3px 12px rgba(10,25,46,.025)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-label{font-size:10px;font-weight:800;color:#6f7b8b;letter-spacing:.08em}.kpi-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef8f8;color:#138e97}.kpi strong{font:800 30px Manrope;display:inline-block;margin-top:14px}.kpi small{font-size:10px;color:var(--muted);margin-left:6px}.trend{display:block!important;margin:8px 0 0!important;color:var(--green)!important}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel{background:white;border:1px solid #e2e8ed;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:17px 20px;border-bottom:1px solid #e8edf1;display:flex;justify-content:space-between;align-items:center}.panel-head h3{font:800 14px Manrope;margin:0}.panel-head span,.panel-head button{font-size:10px;color:var(--orange);background:none;border:0;font-weight:700;cursor:pointer}.trip-row{display:grid;grid-template-columns:82px 1.35fr 1fr 90px;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid #edf1f4;cursor:pointer}.trip-row:hover{background:#fafcfd}.trip-id b,.trip-id small{display:block}.trip-id b{font:800 11px Manrope}.trip-id small{font-size:9px;color:#8893a1}.route{display:flex;align-items:center;gap:10px}.route>div b,.route>div small{display:block}.route>div b{font-size:11px}.route>div small{font-size:9px;color:#8995a2}.route-line-mini{width:40px;height:1px;background:#d3dce3;position:relative}.route-line-mini:after{content:"›";position:absolute;right:-1px;top:-8px;color:var(--orange)}.eta b,.eta small{display:block}.eta b{font-size:11px}.eta small{font-size:9px;color:#8592a0;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.transit{background:#e9f8f4;color:#18845e}.status.customs{background:#fff4e0;color:#b27600}.status.delay{background:#ffebed;color:#c3424b}.status.scheduled{background:#eaf3ff;color:#3770ad}.alert-list{padding:4px 20px}.alert{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f4}.alert:last-child{border:0}.alert-icon{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center}.alert-icon.warn{background:#fff3df;color:#c78308}.alert-icon.danger{background:#ffeaec;color:#ce4650}.alert-icon.info{background:#e8f6f7;color:#17858b}.alert b,.alert p{display:block;margin:0}.alert b{font-size:11px}.alert p{font-size:9px;color:#7d8997;line-height:1.5;margin-top:3px}.map-panel{grid-column:1/-1}.map-stage{height:210px;background:linear-gradient(rgba(17,38,60,.92),rgba(17,38,60,.92)),radial-gradient(circle at 20% 40%,#316173 0 2%,transparent 2.5%);position:relative;overflow:hidden}.map-stage:before,.map-stage:after{content:"";position:absolute;border:1px solid rgba(90,215,220,.18);width:65%;height:80%;border-radius:50%;left:15%;top:30%;transform:rotate(-8deg)}.map-stage:after{width:40%;height:50%;left:40%;top:10%}.map-route{position:absolute;height:2px;background:linear-gradient(90deg,var(--orange),var(--cyan));transform-origin:left;box-shadow:0 0 8px rgba(68,215,223,.6)}.map-route.r1{width:42%;left:20%;top:58%;transform:rotate(-11deg)}.map-route.r2{width:29%;left:51%;top:41%;transform:rotate(-20deg)}.pin{position:absolute;color:white;font-size:9px;font-weight:800}.pin:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,107,44,.18),0 0 12px var(--orange);margin:0 auto 5px}.pin.mty{left:18%;top:55%}.pin.lrd{left:46%;top:42%}.pin.dfw{left:62%;top:27%}.pin.yyz{left:79%;top:11%}
.table-panel{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{font-size:9px;letter-spacing:.08em;text-align:left;color:#798697;background:#f8fafb;padding:12px 16px;border-bottom:1px solid #e1e7ec}.data-table td{font-size:11px;padding:14px 16px;border-bottom:1px solid #edf1f4}.data-table tr:hover td{background:#fafcfd}.data-table b{font-weight:800}.action{border:0;background:#f1f4f6;border-radius:6px;padding:5px 8px;cursor:pointer}.empty{padding:60px 20px;text-align:center;color:#7d8997}.empty strong{display:block;color:#344154;margin:10px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:white;border:1px solid #e1e7eb;border-radius:14px;padding:20px}.feature-card .kpi-icon{margin-bottom:24px}.feature-card h3{font:800 15px Manrope;margin:0 0 8px}.feature-card p{font-size:11px;color:#778494;line-height:1.6}.feature-card ul{padding:0;list-style:none;margin:15px 0 0}.feature-card li{font-size:10px;padding:8px 0;border-top:1px solid #edf0f2;color:#4d5a69}.feature-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.locked{position:relative}.locked:after{content:"Acceso exclusivo para usuarios autorizados";position:absolute;inset:0;background:rgba(8,17,30,.94);color:white;display:grid;place-items:center;text-align:center;border-radius:14px;font-size:12px;font-weight:700;padding:25px}.certificate-bar{width:110px;height:6px;background:#edf0f2;border-radius:10px;overflow:hidden}.certificate-bar i{display:block;height:100%;background:var(--green);border-radius:10px}.certificate-bar.warning i{background:var(--yellow)}
.modal{position:fixed;inset:0;background:rgba(4,10,20,.67);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{background:#f8fafb;border-radius:18px;padding:25px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.35)}.modal-card--compact{width:min(640px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.modal-head h2{font:800 22px Manrope;margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.tpl{background:#eef3f6;padding:12px;border-radius:9px}.form-help{font-size:11px;color:var(--muted);margin:2px 0 0}.table-actions{display:flex;gap:6px}.table-actions .action{font-size:10px;font-weight:700}.action-danger{color:#b83a44;background:#ffedef}.toast{position:fixed;right:24px;bottom:24px;background:#0d1b2b;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:12px;z-index:80;border-left:3px solid var(--green)}
@media(max-width:1000px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.mobile-brand{display:flex;margin-bottom:50px}.login-panel{min-height:100vh}.app{grid-template-columns:78px 1fr}.sidebar{padding:24px 10px}.sidebar .brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:19px}.nav-item em,.nav-item i,nav p,.user-card div,.user-card button{display:none}.sidebar>.brand{justify-content:center}.user-card{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.app{display:block}.sidebar{position:fixed;z-index:30;width:245px;transform:translateX(-100%);transition:.25s;padding:26px 16px}.sidebar.open{transform:translateX(0)}.sidebar .brand>span:last-child,.nav-item:not(.active){font-size:12px}.nav-item{justify-content:flex-start}.nav-item span{font-size:18px}.nav-item em,.nav-item i,nav p,.user-card div,.user-card button{display:block}.user-card{justify-content:flex-start}.menu-btn{display:block}.topbar{padding:0 16px}.topbar>div:first-of-type b,.topbar small,.top-actions .icon-btn{display:none}.content{padding:22px 16px}.top-actions .btn{padding:10px;font-size:0}.top-actions .btn span{font-size:17px}.page-head{align-items:start}.date-chip{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi strong{font-size:24px}.dashboard-grid{gap:12px}.trip-row{grid-template-columns:70px 1fr 80px;padding:14px}.trip-row .eta{display:none}.section-grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.modal-card{padding:20px}.map-stage{height:170px}}