:root{--blue:#175cff;--ink:#13223a;--muted:#718097;--line:#e5eaf1;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:28px 18px;background:#07172c;color:#aab7ca;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800;padding:0 10px 30px}.brand small,.login-logo small{display:block;font-size:8px;letter-spacing:2px;color:#55dce0}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#2269ff,#30d4db);color:white;font-size:20px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px 14px;border-radius:11px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff12}.sidebar nav a.active{box-shadow:inset 3px 0 #3cd7dc}.nav-pill{margin-left:auto;background:#21cad0;color:#04272b;border-radius:5px;padding:2px 5px;font-size:8px}.sidebar-help{margin-top:auto;background:#0d2747;padding:17px;border-radius:14px;display:grid;gap:4px}.sidebar-help i{color:#39d9dc;font-size:22px}.sidebar-help strong{color:white;font-size:12px}.sidebar-help small{font-size:10px}.main{margin-left:246px}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar>div:first-of-type,.profile>span:nth-child(2){display:grid}.topbar small,.profile small{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px}.avatar,.customer-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e5edff;color:var(--blue);font-weight:800}.mobile-menu{display:none;border:0;background:none;font-size:24px}.content{padding:34px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.page-heading h1{font-size:29px;letter-spacing:-1px;margin:6px 0}.page-heading p,.card-head p{color:var(--muted);margin:0;font-size:13px}.eyebrow,.air-label{color:#2670ee;font-size:9px;font-weight:800;letter-spacing:1.8px}.btn{border:0;border-radius:10px;padding:12px 17px;font-family:inherit;font-weight:700;font-size:12px;cursor:pointer;display:inline-flex;justify-content:center;gap:8px}.btn.primary{background:var(--blue);color:white}.btn.light{background:white;color:#09294a}.btn.ghost{border:1px solid var(--line);background:white}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:white;padding:20px;border:1px solid var(--line);border-radius:15px;display:flex;gap:15px;align-items:center}.stat.dark{background:#0b2341;color:white}.stat-icon,.product-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:#e7efff;color:var(--blue)}.stat-icon.violet{background:#eee9ff;color:#7047eb}.stat-icon.orange{background:#fff0da;color:#e68b00}.stat-icon.mint{background:#17415c;color:#4de2d1}.stat>div{display:grid}.stat small{font-size:10px;color:var(--muted)}.stat strong{font-size:24px}.stat strong.money{font-size:17px}.stat em{font-size:9px;font-style:normal;color:#8290a3}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px #12305b08}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.card h3,.card-head h3{font-size:15px;margin:0 0 4px}.card-head a{font-size:11px;color:var(--blue)}.order-list{padding:7px 20px}.order-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #edf0f5}.order-row>span:nth-child(2){display:grid}.order-row strong,.person strong{font-size:12px}.order-row small,.person small,td small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:800}.badge.success{background:#e2f7ef;color:#087652}.badge.info{background:#e2f6fa;color:#08788b}.badge.warning{background:#fff1d5;color:#976000}.badge.primary{background:#e6edff;color:#2451bc}.badge.danger{background:#ffe6e8;color:#ad2831}.badge.secondary{background:#edf0f4;color:#596579}.badge.large{font-size:10px;padding:8px 13px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px;font-size:12px}.alert.success{background:#e4f8f0;color:#087454}.alert.danger{background:#ffe9eb;color:#a4212a}.toolbar{padding:16px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.search{position:relative}.search i{position:absolute;left:12px;top:10px}.search input{padding:10px 15px 10px 36px;width:330px;border:1px solid var(--line);border-radius:9px}.count{font-size:10px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#7b8799;font-size:9px;text-transform:uppercase;padding:12px 20px;background:#fafbfd}td{padding:14px 20px;border-top:1px solid #edf0f4;font-size:11px}.person{display:flex;gap:11px;align-items:center}.icon-btn{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:white;display:grid;place-items:center;cursor:pointer}.form-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:20px;align-items:start}.form-section,.detail-card{padding:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields.one{grid-template-columns:1fr}.fields label,.login-card label{font-size:10px;font-weight:700;color:#46546a;display:grid;gap:7px}.fields input,.fields select,.fields textarea,.login-card input{width:100%;border:1px solid #dfe5ee;border-radius:9px;padding:11px 12px;font-family:inherit}.fields .full{grid-column:1/-1}.fields .check{display:flex}.fields .check input{width:auto}.form-section>.btn{margin-top:20px}.back{font-size:11px;color:var(--muted)}.air-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#061b35,#074768);color:white;padding:35px;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.air-hero h1{font-size:36px;margin:10px 0 7px}.air-hero h1 em{font-style:normal;color:#4ee2df}.air-hero p{color:#b8d0de;font-size:12px}.air-label{color:#58e1de}.pipeline{display:flex;gap:6px;overflow:auto;margin:14px 0}.pipeline a{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:9px;font-size:10px;white-space:nowrap}.pipeline a.active{background:#07172c;color:white}.stepper{display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:20px}.step{text-align:center;color:#9aa5b5}.step span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8ecf2;font-size:9px}.step strong{display:block;font-size:8px;margin-top:7px}.step.done{color:var(--blue)}.step.done span{background:var(--blue);color:white}.detail-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:20px;align-items:start}.detail-card{margin-bottom:20px}.detail-card dl div{display:grid;grid-template-columns:140px 1fr;padding:13px 0;border-bottom:1px solid var(--line)}dt{font-size:9px;color:var(--muted)}dd{margin:0;font-size:11px;font-weight:600}.sticky{position:sticky;top:98px}.form-note,.empty{font-size:10px;color:var(--muted)}.timeline>div{display:flex;gap:12px;padding:10px}.timeline>div>span{width:9px;height:9px;border-radius:50%;background:var(--blue)}.timeline p{margin:0;font-size:10px}.timeline p small{display:block;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.package-card{background:white;border:1px solid var(--line);border-radius:16px;padding:21px}.package-card.air{background:linear-gradient(145deg,#082441,#0c4a66);color:white}.package-card>div:first-child{display:flex;justify-content:space-between}.service-tag{font-size:8px;color:#22999f}.package-card h3{font-size:14px;margin:22px 0 7px}.package-card .speed{font-size:24px}.package-form{margin-top:20px}.outstanding{display:grid;background:#0b2341;color:white;padding:12px 18px;border-radius:12px}.outstanding small{font-size:8px}.empty{text-align:center;padding:32px}.login-page{display:grid;grid-template-columns:1.15fr .85fr}.login-showcase{background:linear-gradient(135deg,#06172eeb,#073d59e8),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?q=80&w=1400') center/cover;display:grid;place-items:center;color:white;padding:60px}.login-copy h1{font-size:54px;line-height:1.08}.login-copy h1 em{color:#48dcdb;font-style:normal}.login-copy p{color:#b8cbd7}.login-panel{display:grid;place-items:center;background:white;padding:35px}.login-card{width:100%;max-width:360px}.login-logo{display:flex;gap:11px;margin-bottom:55px}.login-card label{margin:14px 0}.login-hint{display:block;text-align:center;color:#99a4b5;margin-top:17px;font-size:9px}
@media(max-width:1050px){.stats,.package-grid{grid-template-columns:1fr 1fr}.grid-2,.detail-grid{grid-template-columns:1fr}.sticky{position:static}}@media(max-width:760px){.sidebar{transform:translateX(-100%)}.menu-open .sidebar{transform:none}.main{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 18px}.topbar>div:first-of-type{display:none}.content{padding:20px 15px}.page-heading{align-items:flex-start;flex-direction:column}.stats,.form-grid,.package-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-showcase{display:none}.air-hero{align-items:flex-start;flex-direction:column;gap:20px}.profile>span:nth-child(2){display:none}}