@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
/* Clear to Climb — Flight Deck visual refresh (v1.2)
   Presentation only: records still live in the browser and Pages requires no build step. */
@media screen {
  :root {
    --navy:#0b2237; --navy2:#123957; --blue:#2185d8; --blue-soft:#e7f5ff;
    --ink:#102f45; --muted:#6b8194; --line:#e3ebf1; --paper:#f2f6fa;
    --green:#19b79f; --amber:#f3ae4e; --violet:#8f79e9; --radius:19px;
    --shadow:0 14px 36px rgba(17,52,77,.055);
  }
  body {font-family:'DM Sans',sans-serif;background:radial-gradient(circle at 74% -150px,rgba(173,219,245,.36),transparent 550px),#f3f7fb;color:var(--ink);font-size:14px}
  button,input,select,textarea{font-family:inherit}
  button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid #66d3ef;outline-offset:3px}
  h1,h2,h3,.brand strong,.stat-card>strong{font-family:Outfit,Manrope,Arial,sans-serif}
  .sidebar {width:252px;background:linear-gradient(169deg,#071b2d 0%,#09253c 58%,#113854 100%);padding:29px 16px 23px;border-right:1px solid #ffffff11;box-shadow:8px 0 30px #04142608;z-index:10}
  .sidebar:before{content:'';position:absolute;bottom:10%;left:-100px;width:280px;height:280px;border:1px solid #ffffff0e;border-radius:50%;pointer-events:none;box-shadow:0 0 0 60px #ffffff05,0 0 0 125px #ffffff02}
  .brand{gap:12px;padding:0 7px 40px;position:relative}
  .brand-mark {flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;font-size:21px;background:linear-gradient(140deg,#43b5ee,#297ac9);border-radius:13px;box-shadow:0 10px 26px #1e86c64d;color:white;transform:none}
  .brand strong {font:800 13px Outfit,Arial,sans-serif;letter-spacing:.105em;line-height:1.1;color:#fff}
  .brand small {font-size:8px;letter-spacing:.24em;color:#8cb6cf;margin-top:7px;font-weight:700}
  .sidebar-label{margin:4px 0 13px 15px;font-size:9px;font-weight:800;color:#6c91ac;letter-spacing:.21em}
  .sidebar nav{gap:5px;position:relative}
  .nav-link{padding:13px 14px;gap:14px;border-radius:12px;font-weight:500;font-size:13px;color:#a6bfd0;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}
  .nav-link b{font-weight:600}
  .nav-link span{font-size:20px;width:22px;line-height:1;font-family:'DM Sans',Arial,sans-serif;color:#85a7bc}
  .nav-link:hover {background:#ffffff12;color:#fff;transform:translateX(2px)}
  .nav-link.active {background:linear-gradient(100deg,#1874bb5e,#43b9e31b);border-color:#61c4f126;box-shadow:none;color:#fff;position:relative}
  .nav-link.active:before {content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#50d9e9;border-radius:10px}
  .nav-link.active span{color:#65dff4}
  .sidebar-flight-card {margin-top:38px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(155deg,#214b68aa,#0a284176);padding:23px 16px 17px;position:relative;overflow:hidden;min-height:175px;box-shadow:inset 0 1px #ffffff0b}
  .sidebar-flight-card:before,.sidebar-flight-card:after{content:'';position:absolute;border:1px solid #ffffff13;border-radius:50%;width:160px;height:160px;right:-67px;top:-88px}
  .sidebar-flight-card:after{right:-39px;top:-60px;width:104px;height:104px}
  .flight-card-orbit{position:absolute;right:23px;top:21px;transform:rotate(-32deg);font-size:26px;color:#62d6f5}
  .sidebar-flight-card>span {display:block;color:#5dd3e9;letter-spacing:.16em;font-size:8px;font-weight:800;margin-bottom:13px}
  .sidebar-flight-card strong{display:block;color:#fff;font:600 17px/1.2 Outfit,sans-serif;max-width:154px}
  .sidebar-flight-card small{display:block;font-size:10px;margin-top:20px;color:#a5c6d9}
  .sidebar-bottom{border-top:1px solid #ffffff22;color:#b4cde0;padding:19px 6px 0;font-size:9px;align-items:flex-start;letter-spacing:.06em;font-weight:700}
  .sidebar-bottom span small{display:block;color:#7299b1;font-size:9px;letter-spacing:0;font-weight:400;margin-top:5px}
  .privacy-dot{background:#2be0ad;box-shadow:0 0 0 4px #2be0ad28;flex:none;margin-top:2px}
  .main-content{margin-left:252px;max-width:none;padding:0 clamp(24px,3.5vw,62px) 24px}
  .topbar{height:82px;border-bottom:1px solid #dfe8ef;gap:12px}
  .topbar-location{display:flex;gap:12px;align-items:center;color:#718a9e;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
  .topbar-location b{color:#244960}
  .topbar-beacon{height:7px;width:7px;border-radius:50%;background:#17c8a4;box-shadow:0 0 0 5px #21d3b618}
  .topbar-divider{color:#cad6df}
  .topbar-date{font-weight:600;color:#6d8799;font-size:11px;margin-right:11px;white-space:nowrap}
  .quiet-button{display:flex;align-items:center;gap:6px;color:#47677e;background:white;border:1px solid #e1eaf0;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700;box-shadow:0 3px 10px #183e5910}
  .quiet-icon{font-size:17px;line-height:10px;color:#268ac3}
  .quiet-button:hover{border-color:#b3dceb;background:#eff9ff;color:#155d90}
  .avatar{width:38px;height:38px;font:700 14px Outfit,sans-serif;background:linear-gradient(145deg,#d4efff,#a8d7f7);color:#21628f;border:2px solid white;box-shadow:0 2px 0 #cddde9,0 0 0 1px #e3ebf4}
  .view{padding-top:28px}
  .flightdeck-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,385px);gap:clamp(18px,4vw,65px);align-items:center;background:radial-gradient(circle at 72% -30%,#30739d88,transparent 43%),linear-gradient(113deg,#09243b 4%,#103f60 64%,#155276 100%);border-radius:23px;min-height:360px;padding:clamp(28px,3.7vw,49px);overflow:hidden;box-shadow:0 18px 34px #0e416325;color:white;isolation:isolate}
  .flightdeck-hero:before{content:'';position:absolute;width:520px;height:520px;border:1px solid #cce7fb15;border-radius:50%;right:17%;bottom:-408px;box-shadow:0 0 0 110px #e0f9ff08,0 0 0 220px #e0f9ff05;z-index:-1}
  .hero-stars{position:absolute;inset:0;background-image:radial-gradient(#c7eaff83 .8px,transparent 1px);background-size:40px 42px;mask-image:linear-gradient(90deg,transparent,black);opacity:.28;pointer-events:none;z-index:-1}
  .hero-cloud {position:absolute;pointer-events:none;color:#b9defb2c}
  .hero-cloud-one{width:270px;right:23%;bottom:2px;z-index:-1}
  .hero-overline{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#79d9f1;white-space:nowrap}
  .hero-overline-separator{color:#497b9b}
  .live-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34e0b7;box-shadow:0 0 0 5px #34e0b71c}
  .hero-welcome{font-size:12px;margin:28px 0 4px;color:#c0d9e9;font-weight:500}
  .hero-welcome span{color:#fff;font-weight:800}
  .flightdeck-hero h1{font:800 clamp(35px,4.25vw,62px)/.99 Outfit,sans-serif;letter-spacing:-.049em;margin:8px 0 18px;color:#fff}
  .flightdeck-hero h1 span{color:#7adbf6;background:linear-gradient(90deg,#7bd8f3,#9ff0df);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .hero-subtitle{max-width:410px;color:#b6d0e3;font-size:12px;line-height:1.72;margin:0}
  .hero-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}
  .hero-actions .primary-button{background:#f6b65e;color:#153349;font-weight:800;padding:12px 17px;box-shadow:0 5px 20px #f6b65e26;font-size:12px;border-radius:11px;display:flex;gap:10px;align-items:center}
  .hero-actions .primary-button:hover{background:#ffca78;transform:translateY(-2px)}
  .hero-secondary-button{border:1px solid #b3e4f055;border-radius:11px;color:#e1f4ff;background:#ffffff0f;cursor:pointer;font-size:12px;font-weight:700;padding:12px 17px;display:flex;align-items:center;gap:9px}
  .hero-secondary-button:hover{background:#ffffff20}
  .flight-plan{position:relative;border:1px solid #8ed6f545;border-radius:18px;min-height:256px;padding:20px 22px 0;background:linear-gradient(132deg,#ffffff23,#ffffff0b);box-shadow:0 17px 36px #001c3050,inset 0 1px #ffffff21;backdrop-filter:blur(8px);overflow:hidden}
  .flight-plan:before{content:'';position:absolute;right:-28px;top:-31px;width:130px;height:130px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 26px #ffffff05;pointer-events:none}
  .plan-head{display:flex;align-items:center;justify-content:space-between;color:#dbf1fc;font-size:9px;letter-spacing:.16em;font-weight:800}
  .plan-head span{display:flex;align-items:center;gap:8px}
  .plan-head strong{color:#8bb6ce;font-size:9px}
  .plan-head strong span{display:inline;color:#5081a1}
  .plan-led{width:6px;height:6px;background:#34e7bd;border-radius:50%;display:inline-block}
  .plan-route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:25px}
  .plan-route small,.plan-bottom small{display:block;color:#87afc7;font-size:8px;font-weight:800;letter-spacing:.16em;margin-bottom:9px}
  .plan-route strong{display:block;font:700 26px/1 Outfit,sans-serif;color:#fff;letter-spacing:-.035em;white-space:nowrap}
  .plan-route>div>span:not(.plan-dashes):not(.plan-plane){color:#a9c9dc;font-size:9px;margin-top:7px;display:block;white-space:nowrap}
  .plan-destination{text-align:right}
  .plan-destination strong{color:#ffd08b}
  .plan-track{min-width:36px;position:relative;color:#9cdaef;height:20px;margin-top:-10px}
  .plan-dashes{display:block;border-top:2px dashed #81c6e069;position:absolute;left:0;right:0;top:11px}
  .plan-track:before,.plan-track:after{content:'';width:7px;height:7px;border:2px solid #7dcae4;border-radius:50%;position:absolute;top:7px;left:0;background:#246184}
  .plan-track:after{left:auto;right:0;background:#f7bd76;border-color:#f8c37b}
  .plan-plane{position:absolute;left:48%;top:-1px;background:#235679;padding:0 4px;transform:rotate(-12deg);font-size:24px;color:#b8e7f9}
  .plan-divider{border-top:1px dashed #bedff54c;margin:24px 0 20px}
  .plan-bottom{display:flex;justify-content:space-between;gap:12px}
  .plan-bottom strong{display:block;font:700 11px Outfit,sans-serif;letter-spacing:.08em;color:#d6f0fc;white-space:nowrap}
  .plan-bottom small{margin-bottom:6px}
  .plan-target{text-align:right}
  .plan-foot{margin:20px -22px 0;padding:11px 22px;background:#051b2c4f;font:700 8px 'DM Sans',sans-serif;letter-spacing:.17em;color:#7fcce9;text-align:center}
  .plan-foot span{color:#f5c074;padding:0 5px}
  .section-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 3px 12px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#526f86}
  .section-caption span:last-child{color:#91a5b5;font-size:8px}
  .section-caption i{display:inline-block;border-radius:50%;width:6px;height:6px;background:#31cfae;margin-left:5px;vertical-align:middle}
  .section-caption-spaced{padding-top:25px}
  .stat-grid{gap:15px}
  .stat-card{position:relative;background:#fff;border:1px solid #e5edf3;border-radius:17px;min-height:136px;padding:20px 21px 17px;box-shadow:var(--shadow);overflow:hidden;transition:transform .18s,box-shadow .18s}
  .stat-card:hover,.panel:not(.table-panel):hover{box-shadow:0 17px 43px #11446711}
  .stat-card:hover{transform:translateY(-2px)}
  .stat-card:after{position:absolute;content:'';bottom:-24px;right:-22px;width:80px;height:80px;border-radius:50%;border:10px solid #339be50a}
  .stat-card:nth-child(2):after{border-color:#20bba60c}.stat-card:nth-child(3):after{border-color:#e7aa530e}.stat-card:nth-child(4):after{border-color:#9980e714}
  .stat-label{font-size:9px;color:#7690a4;letter-spacing:.09em;line-height:1.45}
  .stat-icon{width:31px;height:31px;border-radius:10px;font-size:15px;flex:none}
  .blue{color:#2289d9;background:#e5f4ff}.green{color:#05a68d;background:#ddfaf3}.amber{color:#c98b36;background:#fff2da}.violet{color:#9279dc;background:#f1ecff}
  .stat-card>strong{font:750 clamp(20px,2vw,29px) Outfit,sans-serif;margin:17px 0 4px;letter-spacing:-.035em;color:#123c56}
  .stat-card small{font-size:10px;color:#8ca2b2}
  .dashboard-grid{gap:17px;margin-top:17px;grid-template-columns:1.18fr .95fr}
  .lower-grid{grid-template-columns:1.17fr .96fr;margin-top:0}
  .panel{border:1px solid #e5edf3;border-radius:18px;padding:23px;box-shadow:var(--shadow);background:#fff}
  .panel-heading h2,.timeline-heading h2{font:700 19px Outfit,sans-serif;color:#143850;letter-spacing:-.02em}
  .eyebrow{font-size:9px;color:#398ebc;font-weight:800;letter-spacing:.16em;margin-bottom:7px}
  .text-link{font-weight:800;color:#1c83bd;font-size:11px}
  .donut-layout{min-height:200px}
  .donut{box-shadow:inset 0 0 0 1px #ffffff75;width:176px;height:176px}
  .donut:after{inset:29px;box-shadow:0 2px 10px #1236540c}
  .donut-center strong{font:750 23px Outfit,sans-serif;color:#12364f}
  .legend-row{font-size:11px;padding:10px 0;border-bottom:1px dashed #e9eef2}
  .legend-name{color:#58758b}.legend-amount{font-size:11px;color:#153d57}
  .milestone-preview{min-height:156px}
  .mini-milestone{grid-template-columns:51px 1fr;border-bottom:1px dashed #e7eff3;padding:12px 0}
  .mini-date{font-size:9px;color:#1f9ac8}.mini-title{font-size:12px;color:#204962}.mini-detail{font-size:10px}
  .outline-button{border:1px solid #d4e6f0;background:#fafdff;color:#2b749b;border-radius:10px;font-weight:800}
  .outline-button:hover{background:#eef9ff;border-color:#70b8df}
  .journey-panel>.outline-button{width:100%;margin-top:7px}
  .period-pill{border:1px solid #cfe8ee;background:#f1fbfe;color:#388fac;font-weight:800;padding:7px 10px}
  .bar-chart{height:170px;border-bottom:1px dashed #e0ebef}
  .bar{background:linear-gradient(#71d1ed,#2088d2);border-radius:6px 6px 0 0;width:min(25px,100%)}
  .bar-column:last-child .bar{background:linear-gradient(#f7c978,#f3a446)}
  .recent-list{margin-top:15px}.recent-row{padding:12px 0;border-bottom:1px dashed #e9eff4;grid-template-columns:35px 1fr auto;gap:12px}
  .category-glyph{width:35px;height:35px;border-radius:11px;background:#eaf6fb;color:#218cba;font-size:15px}
  .recent-description{font-size:12px;color:#23485e}.recent-meta{font-size:10px}.recent-cost{font-size:12px}
  .achievement-panel{margin-top:18px;background:linear-gradient(130deg,#fff,#f9fdff)}
  .achievement-panel .panel-heading h2 span{color:#f5b24f}
  .achievement-count{font-size:9px;font-weight:800;color:#5b8fab;letter-spacing:.11em;border:1px solid #cbeaf4;border-radius:30px;padding:8px 11px;background:#effbff;white-space:nowrap}
  .achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
  .achievement-item{min-height:81px;border:1px solid #e6edf3;border-radius:13px;background:#f6f9fc;padding:13px 12px;display:flex;align-items:center;gap:10px;min-width:0;position:relative}
  .achievement-item.unlocked{background:linear-gradient(135deg,#ebfbf7,#f1fbfe);border-color:#b7e8dc}
  .achievement-icon{font-size:23px;filter:grayscale(1);opacity:.38;flex:none}
  .achievement-item.unlocked .achievement-icon{filter:none;opacity:1}
  .achievement-item strong{font:700 12px Outfit,sans-serif;color:#8298a9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .achievement-item.unlocked strong{color:#196b6d}
  .achievement-item small{display:block;color:#9bacba;font-size:9px;margin-top:4px}
  .achievement-item.unlocked small{color:#598f91}
  .achievement-symbol{position:absolute;top:7px;right:8px;color:#a4bbc9;font-size:10px}
  .achievement-item.unlocked .achievement-symbol{color:#09a98e}
  .dashboard-footer{color:#8298a8;font-size:11px;padding:27px 4px 7px}
  .dashboard-footer span:first-child{color:#2c789b}
  .page-heading{position:relative;margin:6px 0 24px;padding:6px 0 9px}
  .page-heading h1{font:750 clamp(30px,3vw,42px) Outfit,sans-serif;letter-spacing:-.035em;color:#13344c}
  .welcome-row h1{font-family:Outfit,sans-serif}
  .subhead{color:#7b92a3;line-height:1.55;font-size:13px}
  .page-heading .primary-button{background:#1987cc;border-radius:11px;padding:13px 19px;box-shadow:0 6px 18px #1987cc22}
  .page-heading .primary-button:hover{background:#116da8}
  .filter-row{gap:11px;margin:0 0 18px}
  .search-box{height:44px;border-radius:12px;max-width:500px;border-color:#e2ebf1;box-shadow:0 5px 18px #13395106}
  .search-box input{font-size:12px}
  .filter-row select,.license-fields select{height:44px;border-radius:11px;font-size:11px;padding:0 15px;background:#fff}
  .total-chip{font-size:11px}.total-chip strong{font:700 15px Outfit,sans-serif}
  .table-panel{padding:0}
  th{background:#f7fbfd;color:#7592a6;font-size:9px;padding:17px 18px}
  td{font-size:12px;padding:19px 18px;border-bottom:1px solid #ecf1f5}
  tbody tr:hover{background:#f9fcff}
  td strong{font-weight:700;color:#24445c}
  .expense-category{background:#eaf6fc;color:#247ba6;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:700}
  .row-action{padding:7px;color:#6299b3;font-weight:700;font-size:11px}
  .row-action:hover{color:#1476ae;background:#eaf6fc;border-radius:7px}
  .page-note{font-size:11px;line-height:1.6;margin-top:7px}
  .compact-stats{margin-bottom:20px}
  .compact-stats .stat-card{min-height:120px}
  .license-card{background:radial-gradient(circle at 48% -10%,#2c739574,transparent 47%),linear-gradient(120deg,#0b2c45,#145477);border-radius:19px;padding:29px;box-shadow:0 18px 38px #1139561c}
  .license-card h2{font-family:Outfit,sans-serif;letter-spacing:-.025em}
  .timeline{position:relative}
  .support-hero{max-width:850px;border:1px solid #29567e;background:radial-gradient(circle at 50% 0,#31759f 0,transparent 55%),linear-gradient(130deg,#0b293f,#124767);box-shadow:0 18px 40px #19456922;border-radius:23px;padding:54px 40px}
  .support-hero h1{font-family:Outfit,sans-serif;font-size:clamp(28px,4vw,42px)}
  .support-icon{background:#ffffff1c;color:#a4eeff}
  .support-hero .primary-button{background:#f7b862;color:#153b51}
  .support-cards{gap:17px}.support-cards .panel{padding:25px}
  .app-footer{border-color:#dfe9f0;color:#92a4b0;font-size:11px;margin-top:29px;padding-top:20px}
  .footer-version{color:#246e97;background:#e6f4fa;border-radius:5px;padding:3px 7px}
  .app-footer .text-button{color:#167fad;font-weight:700}
  .modal{border-radius:21px;box-shadow:0 25px 70px #081e3680}
  .modal-header h2{font:700 25px Outfit,sans-serif;color:#163b51}
  .icon-button{background:#edf5f9;color:#5d7a8b;width:33px;height:33px}
  .form-grid{gap:15px}
  .form-grid label{font-size:11px;color:#536f81}
  .form-grid input,.form-grid select,.form-grid textarea{border-radius:10px;border-color:#dce8ef;background:#fbfdfe;font-size:12px;padding:11px 12px}
  .form-grid input,.form-grid select{height:42px}
  .modal-actions .primary-button{background:#158bcc}
  .toast{background:#113b53;border:1px solid #346e86;border-radius:12px;font-weight:700;padding:13px 18px}
}
@media screen and (max-width:1270px){
  .main-content{padding:0 26px 24px}.flightdeck-hero{gap:18px;padding:30px}.flight-plan{padding:18px 17px 0}.plan-foot{margin-left:-17px;margin-right:-17px}.flightdeck-hero h1{font-size:46px}
  .stat-card{padding:16px}.dashboard-grid{grid-template-columns:1fr 1fr}.donut-layout{gap:14px}.donut-wrap{flex-basis:142px}.donut{width:140px;height:140px}.donut:after{inset:22px}
  .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:1050px){
  .sidebar{width:217px}.main-content{margin-left:217px}
  .brand strong{font-size:11px}.sidebar-flight-card{padding:20px 13px}.flightdeck-hero{grid-template-columns:1fr;padding:32px}.flight-plan{max-width:500px;width:100%;margin-top:4px}.flightdeck-hero h1{font-size:clamp(40px,5.5vw,60px)}
  .dashboard-grid,.lower-grid{grid-template-columns:1fr}.donut-layout{justify-content:start}
  .topbar-date{display:none}.topbar-location{font-size:8px}
}
@media screen and (max-width:760px){
  body{background:#f4f8fb}
  .sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:76px;padding:6px 5px calc(7px + env(safe-area-inset-bottom));background:#092a42;box-shadow:0 -7px 35px #061e302a;border-top:1px solid #3a6781;z-index:12}
  .sidebar:before,.sidebar .brand,.sidebar .sidebar-label,.sidebar .sidebar-flight-card,.sidebar .sidebar-bottom{display:none!important}
  .sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:1px;height:100%;align-items:stretch}
  .sidebar .nav-link,.sidebar .nav-link.active,.sidebar .nav-link:not(.active){display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:5px 2px 3px;text-align:center;font-size:11px!important;overflow:visible;white-space:normal;transform:none;border:0;border-radius:10px;color:#8eacc0;box-shadow:none;background:transparent}
  .sidebar .nav-link span,.sidebar .nav-link.active span{width:auto;flex:none;font-size:20px;line-height:1.1;color:#91b1c6}
  .sidebar .nav-link b{display:block;font:600 9px 'DM Sans',sans-serif;white-space:nowrap;line-height:1.1}
  .sidebar .nav-link.active{background:#ffffff12;color:#fff}
  .sidebar .nav-link.active span{color:#62dff6}
  .sidebar .nav-link.active:before{position:absolute;left:29%;right:29%;width:auto;height:2px;top:1px;bottom:auto}
  .main-content{margin:0;max-width:none;padding:0 18px 110px}
  .topbar{height:70px;gap:8px}
  .mobile-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}
  .mobile-brand .brand-mark{width:33px;height:33px;border-radius:10px;font-size:18px}
  .mobile-brand strong{font:800 11px Outfit,sans-serif;letter-spacing:.08em;color:#123c55}
  .topbar-location,.topbar-date{display:none}
  .topbar-spacer{flex:1}
  .quiet-button{padding:8px 9px;min-width:33px;justify-content:center}
  .quiet-button span:not(.quiet-icon){display:none}
  .quiet-button .quiet-icon{display:inline-block!important;font-size:18px;color:#268ac3}
  .avatar{width:33px;height:33px}
  .view{padding-top:18px}
  .flightdeck-hero{padding:26px;gap:18px;border-radius:19px;min-height:unset}
  .hero-welcome{margin-top:27px}
  .flightdeck-hero h1{font-size:clamp(41px,8vw,62px)}
  .flight-plan{max-width:none;min-height:247px}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .stat-card{min-height:125px}
  .stat-card:nth-child(3)>strong{white-space:normal;line-height:1.1;font-size:19px}
  .section-caption{padding-top:23px}
  .panel{padding:20px}
  .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-footer{padding-top:22px}
  .page-heading{align-items:flex-start;flex-direction:column}
  .page-heading .primary-button{align-self:stretch}
  .license-card{grid-template-columns:1fr}
  .license-fields{grid-template-columns:1fr 1fr}
  .license-fields .small-button{grid-column:1/-1}
  .support-hero{padding:39px 25px}
  .support-cards{grid-template-columns:1fr}
  .app-footer{margin-bottom:10px}
}
@media screen and (max-width:450px){
  .main-content{padding:0 13px 110px}
  .mobile-brand strong{font-size:10px}
  .topbar{gap:5px}.quiet-button{padding:8px 7px}
  .flightdeck-hero{padding:23px 20px}
  .hero-overline{font-size:8px;gap:7px;letter-spacing:.09em}
  .hero-welcome{margin-top:23px}
  .flightdeck-hero h1{font-size:44px}
  .hero-subtitle{font-size:12px}
  .hero-actions .primary-button,.hero-secondary-button{padding:11px 13px;font-size:11px}
  .flight-plan{padding:17px 15px 0}
  .plan-route{gap:8px}.plan-route strong{font-size:23px}.plan-route>div>span:not(.plan-dashes):not(.plan-plane){font-size:8px}
  .plan-plane{font-size:19px}.plan-foot{margin-left:-15px;margin-right:-15px}
  .stat-card{padding:13px;min-height:120px}.stat-card:nth-child(3)>strong{font-size:18px}.stat-label{font-size:8px}.stat-card>strong{font-size:23px;margin:12px 0 5px}.stat-card small{font-size:9px}
  .section-caption span:last-child{font-size:7px}
  .panel{padding:18px}.panel-heading h2{font-size:17px}
  .donut-layout{gap:12px;align-items:center}.donut-wrap{flex-basis:120px}.donut{width:118px;height:118px}.donut:after{inset:20px}.donut-center strong{font-size:17px}.legend-row{font-size:9px;gap:5px}.legend-amount{font-size:9px}
  .achievement-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.achievement-count{font-size:8px}
  .achievement-grid{gap:8px}.achievement-item{padding:11px 8px;gap:7px;min-height:75px}.achievement-icon{font-size:18px}.achievement-item strong{font-size:11px}.achievement-item small{font-size:9px}
  .dashboard-footer{gap:7px}.dashboard-footer a{margin-left:0}
  .filter-row{flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none}
  .filter-row select{flex:1}.total-chip{margin-left:0}
  .license-card{padding:23px 18px}.license-fields{grid-template-columns:1fr}.license-fields .small-button{grid-column:auto}
  .modal{padding:18px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}
}
@media screen and (prefers-reduced-motion:reduce){.nav-link,.stat-card,.view,.primary-button{animation:none;transition:none}}