:root { --cargo-night:#041433;--cargo-accent:#197dff;--cargo-ice:#eaf4ff; }
body:not(.login-page) { background:#041433; color:var(--cargo-ice); font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
body:not(.login-page) .wrapper { background:radial-gradient(circle at 80% 8%,rgba(37,139,252,.24),transparent 32rem),linear-gradient(150deg,#071c41,#03112c);background-size:135% 135%;animation:cargo-admin-ambient 12s ease-in-out infinite alternate; }
.main-sidebar { background:linear-gradient(160deg,rgba(19,51,105,.88),rgba(3,17,45,.97)) !important;border-right:1px solid rgba(180,222,255,.18);box-shadow:14px 0 60px rgba(0,9,34,.3)!important; }
.main-sidebar .brand-link { border-color:rgba(181,219,255,.13)!important;color:white!important;font-weight:800;letter-spacing:-.04em; }
.main-sidebar .brand-image { border-radius:12px!important;opacity:1; }
.main-sidebar .sidebar { padding:8px; }.main-sidebar .user-panel {border-color:rgba(255,255,255,.13)!important;color:white}.main-sidebar .user-panel a {color:#daeaff!important}
.cargo-admin-avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(176,224,255,.4);border-radius:12px;background:linear-gradient(140deg,#217dec,#124280);color:white;font-weight:800}.main-sidebar .user-panel .image{padding-left:7px}.cargo-admin-logout{margin-top:4px;padding:4px 9px;border:1px solid rgba(255,151,164,.25);border-radius:9px;background:rgba(125,38,64,.18);color:#ffb4c0!important;font-size:12px;font-weight:650;transition:background .2s,color .2s,transform .2s}.cargo-admin-logout:hover{background:rgba(173,53,79,.3);color:#fff!important;transform:translateX(2px)}
.main-sidebar .nav-sidebar .nav-link {margin:3px 0;border-radius:12px;color:#a8bfdf;transition:background .2s,transform .2s,color .2s;}.main-sidebar .nav-sidebar .nav-link:hover {background:rgba(138,198,255,.13);color:white;transform:translateX(3px)}
.main-sidebar .nav-sidebar .nav-link.active {background:linear-gradient(120deg,#0068f9,#40a2ff)!important;color:white;box-shadow:0 12px 25px rgba(0,104,249,.3);}.main-sidebar .nav-header {color:#7294bb;letter-spacing:.1em;font-size:11px;font-weight:700}
.main-header {border:0!important;border-bottom:1px solid rgba(255,255,255,.17)!important;background:rgba(11,35,78,.72)!important;backdrop-filter:blur(24px);box-shadow:0 6px 28px rgba(0,12,39,.17)}.main-header .nav-link {color:#dbeaff!important}.main-header .btn-default {background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2);border-radius:11px}
.content-wrapper {min-height:calc(100vh - 57px);background:radial-gradient(circle at 76% 8%,rgba(40,135,245,.22),transparent 34rem),linear-gradient(140deg,#071c42,#061634 55%,#05112a)!important;background-size:140% 140%!important;color:#dfeeff;padding:12px 14px 32px}
.content-header h1 {color:#fff;font-weight:800;letter-spacing:-.035em}.content-header {padding-top:20px}.content-wrapper .card,.content-wrapper .small-box,.content-wrapper .info-box,.content-wrapper .callout,.content-wrapper .modal-content {border:1px solid rgba(207,234,255,.19)!important;border-radius:20px!important;background:linear-gradient(140deg,rgba(226,242,255,.15),rgba(97,147,207,.065))!important;color:#f4faff;box-shadow:0 16px 40px rgba(0,10,35,.25),inset 0 1px rgba(255,255,255,.15)!important;backdrop-filter:blur(24px)}
.content-wrapper .card-header,.content-wrapper .card-footer,.content-wrapper .modal-header {background:transparent;border-color:rgba(255,255,255,.15);color:#fff}.content-wrapper .card-title,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4 {color:white}
.content-wrapper .table {color:#e9f3ff}.content-wrapper .table td,.content-wrapper .table th {border-color:rgba(255,255,255,.13)}.content-wrapper .table-striped tbody tr:nth-of-type(odd),.content-wrapper .table-hover tbody tr:hover {background:rgba(255,255,255,.07);color:#fff}
.content-wrapper .form-control,.content-wrapper .custom-select,.content-wrapper select,.main-sidebar .form-control {background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(205,233,255,.22)!important;border-radius:12px!important;min-height:42px;box-shadow:inset 2px 3px 10px rgba(0,10,35,.12)}.content-wrapper textarea {min-height:105px}.content-wrapper select option {color:#082250;background:#eaf4ff}.content-wrapper .form-control::placeholder {color:#9db8d7}.content-wrapper .form-control:focus,.content-wrapper select:focus {border-color:#6ab6ff!important;box-shadow:0 0 0 3px rgba(75,167,255,.18)!important}.content-wrapper label,.content-wrapper .text-muted {color:#b6cce9!important}
.content-wrapper .btn-primary,.content-wrapper .badge-primary {background:linear-gradient(120deg,#0068f9,#48a7ff)!important;color:white;border:0!important;box-shadow:0 9px 24px rgba(0,104,249,.2);border-radius:11px}.content-wrapper .btn-default,.content-wrapper .btn-outline-primary {background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.19);color:#eaf5ff;border-radius:11px}.content-wrapper .pagination .page-link {background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:white}.content-wrapper a:not(.btn):not(.nav-link) {color:#8bc8ff}.content-wrapper .dropdown-menu,.main-header .dropdown-menu {background:#0b2854;border:1px solid rgba(255,255,255,.2);color:white;box-shadow:0 20px 45px rgba(0,6,25,.35)}.dropdown-item {color:#e5f1ff}.dropdown-item:hover {background:rgba(255,255,255,.12);color:white}
.main-footer {background:#051735;color:#9fbbe0;border-top:1px solid rgba(255,255,255,.15)}
.login-page {min-height:100vh;background:radial-gradient(circle at 78% 24%,rgba(28,137,255,.45),transparent 28rem),radial-gradient(circle at 8% 85%,rgba(89,199,255,.22),transparent 24rem),linear-gradient(140deg,#041330,#0b3974 60%,#03112d);position:relative;overflow:hidden;animation:cargo-bg-in 1s ease both}
.login-page:before {content:'';position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(180,215,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(180,215,255,.14) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent)}
.login-page:after {content:'';position:fixed;right:-13vw;top:-25vh;width:56vw;aspect-ratio:1;border:1px solid rgba(189,229,255,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(132,201,255,.05),0 0 0 150px rgba(132,201,255,.045);pointer-events:none}
.login-box {position:relative;z-index:1;width:min(92vw,440px);animation:cargo-slide-in .65s ease both}.login-logo img {width:96px;height:96px;object-fit:contain;border-radius:24px;box-shadow:0 18px 48px rgba(0,7,32,.4)}.login-box .card {border:1px solid rgba(255,255,255,.36);border-radius:30px;background:linear-gradient(145deg,rgba(222,240,255,.22),rgba(28,76,148,.19));box-shadow:0 30px 80px rgba(0,7,37,.5),inset 0 1px rgba(255,255,255,.3);backdrop-filter:blur(36px);overflow:hidden}.login-box .login-card-body {background:transparent;padding:34px}.login-box .form-control,.login-box .input-group-text {min-height:52px;color:white;border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.10)}.login-box .form-control {border-radius:13px 0 0 13px}.login-box .form-control::placeholder {color:#d2e4fb}.login-box .input-group-text {border-radius:0 13px 13px 0}.login-box .form-control:focus {box-shadow:0 0 0 3px rgba(76,175,255,.27);border-color:#83c7ff}.login-box .btn-primary {min-height:52px;border:0;border-radius:13px;background:linear-gradient(120deg,#0068f9,#4caaff);font-weight:700;box-shadow:0 12px 30px rgba(0,92,221,.33)}
@keyframes cargo-slide-in {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cargo-bg-in {from{opacity:.5}to{opacity:1}}@keyframes cargo-admin-ambient{from{background-position:20% 15%}to{background-position:82% 70%}}
@media(max-width:767px){.content-wrapper{padding:8px 3px 24px}.main-header{backdrop-filter:blur(12px)}.login-page:after{right:-55vw;top:-8vh;width:100vw}}
@media(prefers-reduced-motion:reduce){.login-page,.login-box,body:not(.login-page) .wrapper{animation:none}.main-sidebar .nav-sidebar .nav-link{transition:none}}

/* Auth is self-contained so the screen stays usable if a legacy AdminLTE stylesheet is cached or blocked. */
body.login-page { display:block!important; margin:0; padding:0; min-width:320px; color:#eef7ff; font:16px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.cargo-auth,.cargo-auth * { box-sizing:border-box; }
.cargo-auth { position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:44px 28px;overflow:hidden;background:radial-gradient(ellipse 49% 85% at 89% 37%,rgba(17,104,246,.37),transparent 72%),radial-gradient(ellipse 40% 50% at 2% 100%,rgba(20,132,225,.26),transparent 70%),linear-gradient(135deg,#03122c,#0b2d66 54%,#061533); }
.cargo-auth-globe { position:absolute;z-index:-1;right:-15vw;top:-29vw;width:80vw;min-width:700px;aspect-ratio:1;border:1px solid rgba(150,215,255,.23);border-radius:50%;box-shadow:0 0 0 65px rgba(42,132,249,.06),0 0 0 170px rgba(42,132,249,.05),inset 0 0 110px rgba(63,167,255,.17);animation:cargo-globe-breathe 8s ease-in-out infinite alternate; }
.cargo-auth-grid { position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(175,220,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(175,220,255,.11) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 3%,#000 50%,transparent); }
.cargo-auth-inner { position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);align-items:center;gap:clamp(42px,8vw,150px);width:min(1180px,100%);margin:auto; }
.cargo-auth-story { max-width:545px; }.cargo-auth-brand,.cargo-auth-card-heading { display:flex;align-items:center;gap:12px;color:white;font-size:24px;font-weight:800;letter-spacing:-.055em; }.cargo-auth-brand img,.cargo-auth-card-heading img { flex:none;filter:drop-shadow(0 0 12px rgba(32,160,255,.6)); }.cargo-auth-brand-light { font-weight:450; }
.cargo-auth-eyebrow { display:inline-block;margin-top:100px;color:#83caff;font-size:11px;font-weight:800;letter-spacing:.26em; }.cargo-auth-story h1 { margin:14px 0 20px;color:white;font-size:clamp(50px,6vw,86px);line-height:1.02;font-weight:850;letter-spacing:-.07em; }.cargo-auth-story p { max-width:385px;margin:0;color:#bbd3ed;font-size:17px;line-height:1.75; }.cargo-auth-route { display:flex;align-items:center;gap:16px;margin-top:55px;color:#acd5f7;font-size:11px;font-weight:800;letter-spacing:.18em; }.cargo-auth-route-line { width:105px;height:2px;background:linear-gradient(90deg,#4bb5ff,rgba(120,212,255,.23));position:relative; }.cargo-auth-route-line:after {content:'➤';position:absolute;right:-4px;top:-10px;color:#83d4ff;font-size:16px;}
.cargo-auth-card { padding:clamp(30px,4vw,48px);border:1px solid rgba(177,223,255,.38);border-radius:32px;background:linear-gradient(145deg,rgba(182,220,255,.20),rgba(26,72,142,.28) 55%,rgba(6,26,65,.65));box-shadow:0 28px 80px rgba(0,7,33,.48),inset 0 1px rgba(255,255,255,.31),0 0 65px rgba(18,127,249,.13);backdrop-filter:blur(32px); }.cargo-auth-card-heading {justify-content:center;font-size:22px;}.cargo-auth-card h2 {margin:31px 0 5px;color:#fff;text-align:center;font-size:29px;letter-spacing:-.045em;font-weight:800;}.cargo-auth-subtitle {margin:0 0 30px;text-align:center;color:#b8d1ef;font-size:14px;line-height:1.5;}.cargo-auth-form {display:flex;flex-direction:column;}.cargo-auth-form label {display:block;margin:0 0 8px;color:#dbeeff;font-size:13px;font-weight:650;}.cargo-auth-field {display:flex;align-items:center;height:54px;margin-bottom:19px;padding:0 16px;gap:12px;border:1px solid rgba(208,232,255,.29);border-radius:15px;background:rgba(185,218,255,.10);box-shadow:inset 0 2px 8px rgba(0,17,51,.11);transition:border-color .2s,box-shadow .2s;}.cargo-auth-field:focus-within {border-color:#75caff;box-shadow:0 0 0 4px rgba(66,163,255,.16);}.cargo-auth-field i {flex:none;width:18px;color:#a5d5ff;text-align:center;}.cargo-auth-field input {display:block;width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:15px;}.cargo-auth-field input::placeholder {color:#a7bbd5;opacity:1;}.cargo-auth-reveal {flex:none;border:0;background:none;color:#b6d8f6;cursor:pointer;font-size:16px;}.cargo-auth-submit {display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:56px;margin-top:9px;border:1px solid #75ceff;border-radius:15px;background:linear-gradient(108deg,#45c7ff,#0068f9 64%,#318cff);color:#fff;box-shadow:0 12px 26px rgba(0,104,249,.39),inset 0 1px rgba(255,255,255,.48);font:700 16px/1 Inter,-apple-system,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s;}.cargo-auth-submit:hover {transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,104,249,.46);}.cargo-auth-submit span {position:absolute;right:20px;font-size:21px;}.cargo-auth-note {margin:30px 0 0;text-align:center;color:#8caaca;font-size:12px;}.cargo-auth-error {padding:12px 14px;margin:0 0 16px;border:1px solid rgba(255,128,132,.3);border-radius:11px;background:rgba(201,41,65,.16);color:#ffe0e2;font-size:13px;}
@keyframes cargo-globe-breathe {to{transform:scale(1.07) translateY(12px)}}
@media(max-width:850px){.cargo-auth-inner{grid-template-columns:1fr;max-width:470px;gap:24px}.cargo-auth-story{display:none}.cargo-auth-globe{right:-120vw;top:-40vh;width:160vw}.cargo-auth-card{padding:32px 26px}}
@media(prefers-reduced-motion:reduce){.cargo-auth-globe{animation:none}.cargo-auth-submit{transition:none}}