*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}@supports (padding:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:root{--gold:#c9a96e;--gold-light:#e8d5b0;--gold-dark:#9a7a45;--dark:#0d0d0d;--dark2:#1a1a1a;--dark3:#252525;--dark4:#333;--light:#f5f5f0;--light2:#ebebeb;--text:#e0e0e0;--text-muted:#888;--white:#fff;--status-requested:#4a90d9;--status-confirmed:#27ae60;--status-cancelled:#e74c3c;--status-pending:#f39c12;--status-completed:#7f8c8d;color:var(--text);background:var(--dark);-webkit-font-smoothing:antialiased;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}body{background:0 0;min-height:100dvh}.bg-aircraft{z-index:-1;filter:grayscale()contrast(1.05);pointer-events:none;background-image:url(/assets/bg-aircraft.jpg?v=opera);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .4s;position:fixed;inset:0}.bg-aircraft:after{content:"";pointer-events:none;background:linear-gradient(#0000008c,#000000c7);position:absolute;inset:0}.bg-aircraft--full{opacity:1}.bg-aircraft--faded{opacity:.12}.bg-aircraft--faded:after{display:none}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark2)}::-webkit-scrollbar-thumb{background:var(--dark4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.btn{cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:4px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--dark);border:1px solid #0000}.btn-gold:hover{background:var(--gold-dark)}.btn-outline{border:1px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:var(--gold);color:var(--dark)}.btn-ghost{background:var(--dark3);color:var(--text);border:1px solid var(--dark4)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{color:#e74c3c;background:0 0;border:1px solid #e74c3c}.btn-danger:hover{color:#fff;background:#e74c3c}.btn:active:not(:disabled){filter:brightness(.92);transform:scale(.97)}.btn-sm{padding:5px 12px;font-size:11px}.form-group{flex-direction:column;gap:6px;display:flex}label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}input,select,textarea{background:var(--dark3);border:1px solid var(--dark4);color:var(--text);border-radius:4px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}input::placeholder,textarea::placeholder{color:#555;opacity:1;font-style:italic}textarea{resize:vertical;min-height:80px}select option{background:var(--dark3)}.file-upload{position:relative}.file-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.file-upload-label{background:var(--dark3);border:1px dashed var(--dark4);cursor:pointer;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;transition:all .2s;display:flex}.file-upload:hover .file-upload-label{border-color:var(--gold);color:var(--gold)}.file-upload-label.has-file{border-color:var(--gold-dark);color:var(--gold)}.card{background:var(--dark2);border:1px solid var(--dark4);border-radius:6px;padding:20px}.page-title{letter-spacing:5px;text-transform:uppercase;color:var(--white);align-items:center;gap:14px;font-size:26px;font-weight:300;display:flex}.divider{background:var(--dark4);height:1px;margin:20px 0}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.requested{color:var(--status-requested);background:#4a90d926;border:1px solid #4a90d94d}.status-badge.confirmed{color:var(--status-confirmed);background:#27ae6026;border:1px solid #27ae604d}.status-badge.cancelled{color:var(--status-cancelled);background:#e74c3c26;border:1px solid #e74c3c4d}.status-badge.pending{color:var(--status-pending);background:#f39c1226;border:1px solid #f39c124d}.status-badge.completed{color:var(--status-completed);background:#7f8c8d26;border:1px solid #7f8c8d4d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--dark2);border:1px solid var(--dark4);border-radius:8px;width:480px;max-width:95vw;max-height:90vh;padding:28px;overflow-y:auto}.modal-title{letter-spacing:3px;text-transform:uppercase;color:var(--white);margin-bottom:20px;font-size:20px;font-weight:400}@media (width<=768px){:root{font-size:15px}input,select,textarea{box-sizing:border-box;min-width:0;padding:11px 12px;font-size:16px}input[type=date],input[type=time]{appearance:none;width:100%;max-width:100%}input[type=date]::placeholder,input[type=time]::placeholder{color:var(--text-muted);opacity:1}.btn{padding:11px 18px;font-size:13px}.btn-sm{padding:8px 12px;font-size:12px}.modal{border-radius:0;height:100dvh;max-height:100dvh;overflow-y:auto;width:100%!important;max-width:100%!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))!important}.modal-overlay{justify-content:stretch;align-items:stretch;padding:0}.modal [style*=grid-template-columns]{grid-template-columns:1fr!important}.modal [style*="position: absolute"][style*="inset: 0"]{border-left:none!important;padding-left:0!important;position:static!important;inset:auto!important;overflow:visible!important}.modal div[style*="display: flex"]{flex-wrap:wrap}.modal button{min-height:40px}.modal .modal-title{letter-spacing:2px;font-size:16px}.modal input,.modal select,.modal textarea{width:100%}.page-title{letter-spacing:3px;font-size:20px}button.btn-icon,button.icon-btn{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-white{color:var(--white)}.mt-4{margin-top:16px}.mt-8{margin-top:8px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.flight-list{background:var(--dark4);border:1px solid var(--dark4);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.flight-card{background:var(--dark2);cursor:pointer;flex-direction:column;gap:8px;padding:14px 16px;transition:background .15s;display:flex}.flight-card:hover{background:var(--dark3)}.flight-card.selected{background:var(--dark3);border-left:3px solid var(--gold)}.flight-card--leg-group{position:relative}.flight-card--leg-group:before{content:"";background:var(--journey,var(--gold));pointer-events:none;width:3px;position:absolute;top:0;bottom:0;left:0}.flight-card--leg-group.selected:before{display:none}.flight-card--leg-group.selected{border-left-color:var(--journey,var(--gold))}.leg-badge{letter-spacing:1px;text-transform:uppercase;color:var(--journey,var(--gold));border:1px solid var(--journey,var(--gold));white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4;display:inline-block}.flight-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.flight-card-top>.status-badge{flex-shrink:0}.flight-route{color:var(--white);letter-spacing:1.5px;font-size:16px;font-weight:500}.flight-card-info{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.info-item{align-items:baseline;gap:5px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);min-width:40px;font-size:10px;font-weight:600}.info-value{color:var(--text);font-size:12px}.info-item--aircraft{flex-direction:column;align-items:flex-start;gap:2px}.info-value--truncate{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.info-tail{color:var(--text-muted);letter-spacing:.5px;font-size:10px}.flight-recipient{color:var(--gold);font-size:11px;font-style:italic}.flight-card-actions{align-items:center;gap:6px;margin-top:4px;display:flex}.flight-card-actions .btn{justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:11px;display:flex}.status-select{flex:1;height:28px;padding:4px 8px;font-size:11px}.live-dot{background:#27ae60;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-out infinite live-pulse;display:inline-block;box-shadow:0 0 #27ae6099}@keyframes live-pulse{0%{box-shadow:0 0 #27ae6099}70%{box-shadow:0 0 0 7px #27ae6000}to{box-shadow:0 0 #27ae6000}}.pax-details{border-top:1px solid var(--dark4);flex-direction:column;gap:4px;padding-top:8px;display:flex}.pax-details-header{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:9px;font-weight:700}.pax-row{color:var(--text);align-items:center;gap:8px;font-size:11px;display:flex}.pax-num{color:var(--gold);opacity:.8;min-width:12px;font-size:9px;font-weight:700}.pax-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.pax-meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:10px}.pax-doc{color:var(--text-muted);letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:10px}.flight-card--completed{gap:4px;padding:8px 12px}.flight-card-compact{flex-direction:column;gap:3px;display:flex}.flight-card-compact-main{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.flight-card-compact-main .flight-route{font-size:13px}.flight-card-compact-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.flight-card-compact-actions{justify-content:flex-end;gap:6px;margin-top:4px;display:flex}.flight-card-checkbox{cursor:pointer;align-items:center;padding:2px 0 4px;display:flex}.flight-card-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer}.bulk-action-bar{background:var(--dark3);border:1px solid var(--gold);border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.bulk-count{color:var(--gold);white-space:nowrap;margin-right:4px;font-size:11px;font-weight:700}.bulk-action-bar .status-select{flex:1;min-width:0}.flight-list-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty-icon{opacity:.3;margin-bottom:8px;font-size:40px}.flight-list-empty p{color:var(--text);font-size:14px}.flight-list-empty span{font-size:12px}.flight-card-swipe-wrap{background:var(--dark2);position:relative;overflow:hidden}.flight-card-swipeable{z-index:2;will-change:transform;position:relative}.flight-card-reveal{z-index:1;align-items:stretch;display:flex;position:absolute;top:0;bottom:0;right:0}.flight-card-reveal-btn{letter-spacing:1px;text-transform:uppercase;cursor:pointer;min-width:70px;color:var(--white);border:none;padding:0 18px;font-family:inherit;font-size:11px;font-weight:700;transition:filter .15s}.flight-card-reveal-btn:active{filter:brightness(.85)}.flight-card-reveal-info{background:var(--dark4);color:var(--gold);border-right:1px solid var(--dark)}.flight-card-reveal-delete{background:#b03a3a}.flight-card--flash-green{box-shadow:inset 0 0 0 9999px #27ae602e}.swipe-tutorial-toast{background:var(--dark3);color:var(--gold);border:1px solid var(--gold);text-align:center;letter-spacing:.5px;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600;animation:4.5s ease-in-out forwards swipe-tutorial-fade}@keyframes swipe-tutorial-fade{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0}}.calendar{background:var(--dark2);border:1px solid var(--dark4);border-radius:6px;flex-direction:column;height:100%;min-height:480px;display:flex;overflow:hidden}.calendar-header{border-bottom:1px solid var(--dark4);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cal-title{letter-spacing:2px;color:var(--gold);font-size:14px;font-weight:400}.cal-nav{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:20px;line-height:1;transition:color .2s}.cal-nav:hover{color:var(--gold)}.cal-today{border:1px solid var(--dark4);color:var(--text-muted);letter-spacing:1.5px;cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700;transition:color .2s,border-color .2s}.cal-today:hover{color:var(--gold);border-color:var(--gold)}.calendar-grid{border-top:1px solid var(--dark4);flex:1;grid-template-rows:auto;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:1fr;display:grid;overflow:hidden}.cal-dow{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);text-align:center;border-right:1px solid var(--dark4);border-bottom:1px solid var(--dark4);background:var(--dark3);padding:8px 4px;font-size:10px;font-weight:600}.cal-dow:last-child{border-right:none}.cal-dow-full{display:inline}.cal-dow-short{display:none}@media (width<=768px){.cal-dow-full{display:none}.cal-dow-short{display:inline}}.cal-day{border-right:1px solid var(--dark4);border-bottom:1px solid var(--dark4);min-width:0;min-height:70px;padding:4px 5px;transition:background .15s;overflow:hidden}.cal-day:nth-child(7n){border-right:none}.cal-day.other-month{opacity:.35}.cal-day.today .cal-day-num{background:var(--gold);color:var(--dark);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cal-day.has-selected{background:#c9a96e0a}.cal-day-num{color:var(--text-muted);margin-bottom:3px;font-size:11px;line-height:20px;display:block}.cal-events{flex-direction:column;gap:2px;display:flex}.cal-event{background:var(--dark3);border-left:3px solid var(--gold);cursor:pointer;border-radius:2px;padding:2px 5px;transition:background .15s;overflow:hidden}.cal-event:hover,.cal-event.active{background:var(--dark4)}.cal-event-route{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.cal-event-client{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.cal-event--completed{opacity:.35;filter:saturate(.2)}.cal-event--completed:hover,.cal-event--completed.active{opacity:.6;filter:saturate(.4)}.cal-event--cancelled{opacity:.55;background:repeating-linear-gradient(-45deg,#e74c3c0f,#e74c3c0f 3px,#0000 3px 8px)}.cal-event--cancelled .cal-event-route{color:var(--text-muted);text-decoration:line-through}.cal-event--cancelled:hover,.cal-event--cancelled.active{opacity:.75}.cal-event--multileg{outline:1px dashed var(--journey,var(--gold));outline-offset:-1px}.cal-event-multileg-dot{background:var(--journey,var(--gold));vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.dashboard{flex-direction:column;gap:12px;height:calc(100dvh - 120px);display:flex;overflow:hidden}.dashboard-upcoming{scrollbar-width:none;flex-shrink:0;align-items:center;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.dashboard-upcoming::-webkit-scrollbar{display:none}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-actions{align-items:center;gap:12px;display:flex}.filter-pills{flex-wrap:wrap;gap:4px;display:flex}.pill{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid var(--dark4);color:var(--text-muted);background:0 0;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.pill:hover,.pill.active{color:var(--gold);border-color:var(--gold);background:#c9a96e14}.pill-requested.active{color:var(--status-requested);border-color:var(--status-requested);background:#4a90d91a}.pill-confirmed.active{color:var(--status-confirmed);border-color:var(--status-confirmed);background:#27ae601a}.pill-cancelled.active{color:var(--status-cancelled);border-color:var(--status-cancelled);background:#e74c3c1a}.pill-pending.active{color:var(--status-pending);border-color:var(--status-pending);background:#f39c121a}.pill-completed.active{color:var(--status-completed);border-color:var(--status-completed);background:#7f8c8d1a}.dashboard-body{flex:1;grid-template-columns:400px 1fr;gap:20px;min-height:0;display:grid}.dashboard-list{flex-direction:column;min-height:0;display:flex}.flight-list-fade-wrap{border-radius:6px;flex:1;min-height:0;position:relative;overflow:hidden}.flight-list-fade-wrap:after{content:"";background:linear-gradient(to bottom, transparent, var(--dark));pointer-events:none;z-index:1;opacity:1;height:80px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.flight-list-fade-wrap.at-bottom:after{opacity:0}.flight-list-fade-wrap:before{content:"";background:linear-gradient(to top, transparent, var(--dark));pointer-events:none;z-index:1;opacity:0;height:60px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.flight-list-fade-wrap.scrolled:before{opacity:1}.flight-list-scroll{scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow-y:auto}.flight-list-scroll::-webkit-scrollbar{display:none}.list-header{flex-direction:column;flex-shrink:0;align-items:stretch;gap:8px;padding-bottom:10px;display:flex}.list-header-primary{justify-content:center;width:100%}.list-header-utility{gap:6px;width:100%;display:flex}.btn-utility{border:1px solid var(--dark4);min-width:0;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border-radius:4px;flex:1 1 0;justify-content:center;padding:6px 8px;font-size:10.5px;font-weight:600;transition:all .15s}.btn-utility:hover{border-color:var(--gold);color:var(--gold)}.btn-utility.active{border-color:var(--gold);color:var(--gold);background:#c9a96e14}.flight-search-bar{padding:0 0 8px;animation:.15s searchSlideDown}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.flight-search-wrapper{align-items:center;display:flex;position:relative}.flight-search-wrapper:before{content:"⌕";color:#888;pointer-events:none;font-size:16px;line-height:1;position:absolute;left:10px}.flight-search-input{color:#f0f0f0;box-sizing:border-box;background:#2a2a2a;border:1px solid #888;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 30px;font-size:13px;transition:border-color .2s,box-shadow .2s}.flight-search-input::placeholder{color:#888}.flight-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c9a94c26}.dashboard-calendar{flex-direction:column;min-height:0;display:flex;overflow:hidden}@media (width<=900px){.dashboard-body{grid-template-columns:1fr}}@media (width<=768px){.dashboard{height:auto;min-height:calc(100dvh - 96px);overflow:visible}.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-actions{flex-wrap:wrap;width:100%}.filter-pills{flex-wrap:wrap}.pill{padding:6px 12px;font-size:10px}.dashboard-calendar{min-height:360px}.dashboard-body{flex-direction:column;display:flex}.flight-list-fade-wrap{flex:none;max-height:none}.flight-list-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;height:auto;max-height:60dvh}}.login-bg{min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));background:0 0;justify-content:center;align-items:center;display:flex}.login-card{background:var(--dark2);border:1px solid var(--dark4);border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:380px;padding:40px 36px;display:flex;box-shadow:0 12px 40px #00000073}.login-brand{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.login-brand-img{filter:invert()brightness(.95);-webkit-user-select:none;user-select:none;width:auto;height:60px;display:block}.login-ak,.login-cess{color:var(--gold);letter-spacing:6px;font-size:32px;font-weight:400}.login-subtitle{letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:300}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.login-group{flex-direction:column;gap:5px;display:flex}.login-group label{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.login-group input{background:var(--dark3);border:1px solid var(--dark4);color:var(--text);border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .2s}.login-group input:focus{border-color:var(--gold)}.login-error{color:#f87171;background:#dc32321f;border:1px solid #dc32324d;border-radius:6px;padding:8px 12px;font-size:13px}.login-btn{background:var(--gold);color:var(--dark);letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:4px;padding:11px;font-size:13px;font-weight:700;transition:opacity .2s}.login-btn:hover:not(:disabled){opacity:.85}.login-btn:disabled{opacity:.5;cursor:default}.login-btn:active:not(:disabled){opacity:.7;transform:scale(.98)}.login-btn-outline{color:var(--text-muted);border:1px solid var(--dark4);background:0 0;margin-top:0}.login-btn-outline:hover{border-color:var(--gold);color:var(--gold);opacity:1}.login-divider{width:100%;color:var(--text-muted);align-items:center;gap:10px;margin:6px 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--dark4);flex:1;height:1px}@media (width<=768px){.login-card{gap:8px;max-width:400px;padding:36px 28px}.login-brand-img{height:56px}.login-subtitle{margin-bottom:20px}.login-group input{padding:12px 14px;font-size:16px}.login-btn{min-height:48px;padding:14px;font-size:14px}}@media (width<=480px){.login-bg{padding:32px 16px calc(32px + env(safe-area-inset-bottom,0px));align-items:flex-start}.login-card{border-radius:14px;width:100%;max-width:100%;padding:32px 22px}.login-brand-img{height:52px}.login-subtitle{letter-spacing:3px;margin-bottom:18px;font-size:9px}.login-form{gap:12px}.login-group label{letter-spacing:.8px;font-size:10px}}@media (width<=360px){.login-bg{padding:24px 12px}.login-card{padding:28px 18px}.login-brand-img{height:48px}}.app{flex-direction:column;min-height:100dvh;display:flex}.navbar{background:var(--dark2);border-bottom:1px solid var(--dark4);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-brand{cursor:pointer;align-items:center;gap:0;padding:4px 0;text-decoration:none;transition:opacity .15s;display:flex}.navbar-brand:hover{opacity:.85}.navbar-brand-img{filter:invert()brightness(.95);-webkit-user-select:none;user-select:none;width:auto;height:40px;display:block}.brand-ak,.brand-cess{color:var(--gold);letter-spacing:5px;font-size:24px;font-weight:400}.lang-toggle{letter-spacing:1.5px;cursor:pointer;border:1px solid var(--gold);color:var(--gold);background:0 0;border-radius:4px;margin-left:8px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s}.lang-toggle:hover{background:var(--gold);color:var(--dark)}.navbar-links{gap:8px;display:flex}.nav-link{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);border:1px solid #0000;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:400;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--gold);border-color:var(--dark4)}.nav-link.active{color:var(--gold);border-color:var(--gold);background:#c9a96e14}.navbar-user{flex-shrink:0;align-items:center;gap:8px;display:flex}.navbar-username{color:var(--text);letter-spacing:.5px;font-size:12px;font-weight:600}.navbar-offline{letter-spacing:1px;color:#d97070;text-transform:uppercase;background:#d970701f;border:1px solid #d9707059;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.navbar-icon-btn{border:1px solid var(--dark4);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.navbar-icon-btn:hover{color:var(--gold);border-color:var(--gold);background:#c9a96e14}.navbar-icon-btn.active{color:var(--gold);border-color:var(--gold);background:#c9a96e1f}.navbar-icon-danger:hover{color:#d97070;background:#d9707014;border-color:#d970708c}.navbar-user-chip{border:1px solid var(--dark4);-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:20px;align-items:center;gap:9px;padding:4px 12px 4px 5px;display:inline-flex}.navbar-user-avatar{width:26px;height:26px;color:var(--gold);letter-spacing:.5px;background:#c4a05b33;border:1px solid #c4a05b73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.navbar-user-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.navbar-user-meta .navbar-username{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.navbar-user-role{letter-spacing:1px;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:9px;font-weight:700}.navbar-user-chip.clickable{cursor:pointer;transition:all .2s}.navbar-user-chip.clickable:hover,.navbar-user-chip.open{border-color:var(--gold);background:#c9a96e14}.navbar-user-caret{color:var(--text-muted);margin-left:2px;font-size:9px;transition:transform .2s}.navbar-user-chip.open .navbar-user-caret{color:var(--gold);transform:rotate(180deg)}.navbar-chip-menu{background:var(--dark2);border:1px solid var(--dark4);z-index:110;border-radius:8px;min-width:170px;padding:6px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000080}.navbar-chip-item{color:var(--text-muted);align-items:center;gap:10px;padding:9px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.navbar-chip-item:hover{color:var(--gold);background:#ffffff0a}.navbar-chip-item.active{color:var(--gold)}.navbar-role{color:var(--gold);letter-spacing:.5px;text-transform:uppercase;background:#c4a05b2e;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.navbar-logout{border:1px solid var(--dark4);color:var(--text-muted);cursor:pointer;letter-spacing:.5px;background:0 0;border-radius:4px;padding:5px 12px;font-size:11px;transition:all .2s}.navbar-logout:hover{border-color:var(--gold);color:var(--gold)}.lang-switch{border:1px solid var(--dark4);border-radius:4px;align-items:stretch;display:inline-flex;overflow:hidden}.lang-switch-opt{color:var(--text-muted);letter-spacing:.5px;cursor:pointer;background:0 0;border:none;padding:5px 9px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.lang-switch-opt:hover{color:var(--gold)}.lang-switch-opt.active{color:var(--gold);background:#c4a05b2e}.lang-switch-opt+.lang-switch-opt{border-left:1px solid var(--dark4)}.lang-switch-mobile{justify-content:center;align-self:stretch;margin:4px 0}.lang-switch-mobile .lang-switch-opt{flex:1;padding:10px 0;font-size:13px}.update-toast{z-index:4000;background:var(--dark2);border:1px solid var(--gold);max-width:340px;color:var(--text);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;font-size:13px;line-height:1.45;animation:.25s ease-out update-toast-in;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 40px #0000008c}@keyframes update-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.update-toast-msg{color:var(--text)}.update-toast-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.update-toast-btn{background:var(--gold);color:#0d0d0d;letter-spacing:.4px;cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-size:12px;font-weight:700;transition:filter .15s}.update-toast-btn:hover{filter:brightness(1.08)}.update-toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:18px;line-height:1}.update-toast-close:hover{color:var(--text)}@media (width<=520px){.update-toast{max-width:none;bottom:12px;left:12px;right:12px}}.auth-loading{min-height:100dvh;color:var(--text-muted);letter-spacing:1px;background:var(--dark);justify-content:center;align-items:center;font-size:13px;display:flex}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;margin-left:8px;padding:6px;display:none}.navbar-hamburger span{background:var(--gold);border-radius:2px;width:22px;height:2px;transition:all .25s;display:block}.navbar-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:99;background:var(--dark2);border-bottom:1px solid var(--dark4);flex-direction:column;gap:4px;padding:12px 16px 16px;display:none;position:sticky;top:64px}.mobile-menu .nav-link{border-radius:6px;padding:12px 16px;font-size:13px;display:block}.mobile-menu-user{color:var(--text-muted);border-top:1px solid var(--dark4);align-items:center;gap:10px;margin-top:8px;padding:12px 16px 4px;font-size:13px;display:flex}.mobile-menu-logout{border:1px solid var(--dark4);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border-radius:6px;margin-top:4px;padding:10px 16px;font-size:13px;transition:all .2s}.mobile-menu-logout:hover{border-color:var(--gold);color:var(--gold)}.main-content{flex:1;padding:28px 32px}@media (width<=1240px){.navbar{padding:0 18px}.navbar-links{gap:2px}.nav-link{padding:7px 10px}.navbar-user-chip .navbar-user-meta{display:none}.navbar-user-chip{background:0 0;border:none;padding:4px}}@media (width<=1024px){.navbar{padding:0 16px}.navbar-links,.navbar-user{display:none}.navbar-hamburger,.mobile-menu{display:flex}}@media (width<=768px){.main-content{padding:16px}}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}