@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--firework-os-brand-red:#c21723;--firework-os-brand-foreground:#f5f5f6;--firework-os-brand-muted:#9e9ea3}@supports (color:lab(0% 0 0)){:root{--firework-os-brand-red:lab(42.282% 63.3759 42.249);--firework-os-brand-foreground:lab(96.5032% .183612 -.732839);--firework-os-brand-muted:lab(65.1316% .75233 -2.91977)}}.platform-shell .platform-brand,.platform-auth .platform-brand,.onboard-shell .brand,.auth-shell .auth-brand{align-items:center;gap:10px;display:flex}.platform-shell .platform-brand .platform-mark,.platform-auth .platform-brand .platform-mark,.onboard-shell .brand>span,.auth-shell .auth-brand .fos-mini{width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;color:#0000;background-color:#0000;background-image:url(/icons/firework-os-mark.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;flex:0 0 28px;padding:0;font-size:0;line-height:0;display:block;overflow:hidden}.auth-shell .auth-brand img.brand-mark{content:url(/icons/firework-os-mark.svg);object-fit:contain;width:28px;min-width:28px;height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 0 28px;display:block}.platform-shell .platform-brand strong,.platform-auth .platform-brand strong,.onboard-shell .brand strong,.auth-shell .auth-brand strong{color:#0000;letter-spacing:-.02em;white-space:nowrap;margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:0;font-weight:700;line-height:1.05;display:block}.platform-shell .platform-brand small,.platform-auth .platform-brand small,.onboard-shell .brand small,.auth-shell .auth-brand small{color:var(--firework-os-brand-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:3px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;font-weight:400;line-height:1.2;display:block}.platform-shell .platform-brand .platform-mark:before,.platform-shell .platform-brand .platform-mark:after,.platform-auth .platform-brand .platform-mark:before,.platform-auth .platform-brand .platform-mark:after,.onboard-shell .brand>span:before,.onboard-shell .brand>span:after,.auth-shell .auth-brand .fos-mini:before,.auth-shell .auth-brand .fos-mini:after{content:none}.auth-shell .auth-brand,.platform-auth .platform-brand{color:var(--firework-os-brand-foreground)}.platform-shell .platform-brand,.platform-auth .platform-brand,.onboard-shell .brand,.auth-shell .auth-brand{gap:10px!important}.platform-shell .platform-brand .platform-mark,.platform-auth .platform-brand .platform-mark,.onboard-shell .brand>span,.auth-shell .auth-brand .fos-mini{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;box-shadow:none!important;color:#0000!important;background-color:#0000!important;background-image:url(/icons/firework-os-mark.svg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:0!important;border-radius:0!important;flex:0 0 28px!important;padding:0!important;font-size:0!important;line-height:0!important;display:block!important}.auth-shell .auth-brand img.brand-mark{content:url(/icons/firework-os-mark.svg)!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.platform-shell .platform-brand strong,.platform-auth .platform-brand strong,.onboard-shell .brand strong,.auth-shell .auth-brand strong{color:#0000!important;letter-spacing:-.02em!important;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif!important;font-size:0!important;font-weight:700!important;line-height:1.05!important}.platform-shell .platform-brand strong:before,.platform-auth .platform-brand strong:before,.onboard-shell .brand strong:before,.auth-shell .auth-brand strong:before{content:"Firework "!important;color:var(--firework-os-brand-foreground)!important;font-size:1.05rem!important}.platform-shell .platform-brand strong:after,.platform-auth .platform-brand strong:after,.onboard-shell .brand strong:after,.auth-shell .auth-brand strong:after{content:"OS"!important;color:var(--firework-os-brand-red)!important;font-size:1.05rem!important}.platform-shell .platform-brand small,.platform-auth .platform-brand small,.onboard-shell .brand small,.auth-shell .auth-brand small{color:var(--firework-os-brand-muted)!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin-top:3px!important;font-family:IBM Plex Mono,ui-monospace,monospace!important;font-size:.62rem!important;font-weight:400!important;line-height:1.2!important}@media (max-width:560px){.platform-shell .platform-brand,.platform-auth .platform-brand,.onboard-shell .brand,.auth-shell .auth-brand{gap:9px!important}.platform-shell .platform-brand .platform-mark,.platform-auth .platform-brand .platform-mark,.onboard-shell .brand>span,.auth-shell .auth-brand .fos-mini,.auth-shell .auth-brand img.brand-mark{flex-basis:26px!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important}}
.os-shell{--ws-bg:#101214;--ws-bg-deep:#0b0d0f;--ws-surface:#171a1d;--ws-raised:#1e2226;--ws-raised-2:#24292e;--ws-input:#15181b;--ws-border:#34393f;--ws-border-soft:#292e33;--ws-fg:#f5f4f2;--ws-muted:#a2a6aa;--ws-muted-2:#777d82;--ws-red:#c21723;--ws-red-bright:#df252d;--ws-ember:#e5ac4c;--ws-green:#4db878;--ws-blue:#70a7e8;--ws-purple:#a78bfa;background:var(--ws-bg-deep);min-height:100vh;color:var(--ws-fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}.os-shell>main{background-color:var(--ws-bg);background-image:radial-gradient(80% 38% at 54% -4%,#c2172321,#0000 72%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:auto,72px 72px,72px 72px;min-width:0;min-height:100vh}.os-shell h1,.os-shell h2,.os-shell h3,.os-shell h4,.os-shell .brand strong,.os-shell .stats strong,.os-shell .panel-head h3,.os-shell .section-heading h2{letter-spacing:-.025em;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.os-shell .sidebar{border-right:1px solid var(--ws-border-soft);background:radial-gradient(115% 35% at 20% 0,#c2172317,#0000 70%),#0d1012;padding:22px 16px 18px;box-shadow:18px 0 45px -38px #000000e6}.os-shell .brand{border-bottom-color:var(--ws-border-soft);gap:12px;padding:2px 7px 22px}.os-shell .brand-mark{border:1px solid var(--ws-border);background-color:#070809;border-radius:10px;width:43px;height:43px;box-shadow:0 10px 28px -18px #e5ac4c80}.os-shell .brand strong{color:var(--ws-fg);letter-spacing:.06em;font-size:.88rem;font-weight:700}.os-shell .brand small{color:var(--ws-muted);letter-spacing:.02em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem}.os-shell .sidebar nav{gap:4px;margin-top:20px}.os-shell .sidebar nav button{color:#b8bdc1;background:0 0;border:1px solid #0000;border-radius:9px;min-height:42px;padding:11px 12px;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s;position:relative}.os-shell .sidebar nav button:hover{color:var(--ws-fg);background:#ffffff0b;border-color:#ffffff0a;transform:translate(2px)}.os-shell .sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--ws-red);background:linear-gradient(90deg,#c217232e,#ffffff0e);border-color:#c2172347}.os-shell .nav-dot{border-color:#6e7479;width:7px;height:7px}.os-shell .active .nav-dot{background:var(--ws-red-bright);border-color:var(--ws-red-bright);box-shadow:0 0 0 3px #c217232e,0 0 14px #c2172373}.os-shell .magazine-card{border-color:var(--ws-border);background:linear-gradient(#ffffff0b,#ffffff06);box-shadow:inset 0 1px #ffffff08}.os-shell .magazine-card strong,.os-shell .profile strong{color:var(--ws-fg)}.os-shell .magazine-card small,.os-shell .profile small{color:var(--ws-muted)}.os-shell .profile{border-top-color:var(--ws-border-soft)}.os-shell .profile>span{background:var(--ws-raised-2);color:var(--ws-fg);border:1px solid var(--ws-border)}.os-shell .topbar{z-index:24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--ws-border-soft);background:#0e1012ed;height:88px;padding:0 36px;position:sticky;top:0;box-shadow:inset 0 1px #ffffff06}.os-shell .topbar h1{color:var(--ws-fg);letter-spacing:-.035em;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.62rem;font-weight:600}.os-shell .eyebrow{color:var(--ws-red-bright);letter-spacing:.18em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.64rem;font-weight:500}.os-shell .primary,.os-shell .secondary,.os-shell .icon-button,.os-shell .text-button{border-radius:9px;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;transition:transform .15s,filter .15s,border-color .15s,background .15s}.os-shell .primary{background:linear-gradient(180deg, #d51f29, var(--ws-red));color:#fff;border:1px solid #9e131c;box-shadow:0 12px 28px -20px #c21723f2,inset 0 1px #ffffff26}.os-shell .primary:hover{background:#d8212b;transform:translateY(-1px)}.os-shell .secondary{border-color:var(--ws-border);color:var(--ws-fg);background:#ffffff09;box-shadow:inset 0 1px #ffffff09}.os-shell .secondary:hover{background:#e5ac4c0f;border-color:#e5ac4c6b;transform:translateY(-1px)}.os-shell .text-button{color:var(--ws-red-bright)}.os-shell .icon-button{background:var(--ws-raised);color:var(--ws-muted);border:1px solid var(--ws-border)}.os-shell .hero-row,.os-shell .page-section,.os-shell .stats,.os-shell .dashboard-grid{margin-left:36px;margin-right:36px}.os-shell .hero-row{margin-top:30px}.os-shell .hero-row h2,.os-shell .section-heading h2{color:var(--ws-fg);font-size:1.7rem;font-weight:600}.os-shell .hero-row p,.os-shell .section-heading p{color:var(--ws-muted)}.os-shell .demo-pill{color:#ffe0a5;letter-spacing:.09em;background:#e5ac4c17;border-color:#e5ac4c6b;font-family:IBM Plex Mono,ui-monospace,monospace;box-shadow:0 0 24px -16px #e5ac4cb3}.os-shell .stats{gap:14px;margin-top:23px}.os-shell .stats article{border:1px solid var(--ws-border);border-top:1px solid var(--ws-border);background:linear-gradient(180deg, var(--ws-raised-2), var(--ws-surface));border-radius:12px;padding:19px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 24px 50px -38px #000000f2}.os-shell .stats article:before{content:"";background:linear-gradient(90deg, var(--ws-ember), transparent 70%);height:2px;position:absolute;top:0;left:0;right:0}.os-shell .stats article.warning:before{background:linear-gradient(90deg, var(--ws-red-bright), transparent 70%)}.os-shell .stats small{color:var(--ws-muted);letter-spacing:.12em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.62rem;font-weight:500}.os-shell .stats strong{color:var(--ws-fg);font-size:1.78rem;font-weight:600}.os-shell .stats p{color:var(--ws-muted-2)}.os-shell .dashboard-grid{gap:15px}.os-shell .panel,.os-shell .crew-card{border-color:var(--ws-border);background:linear-gradient(180deg, var(--ws-raised), var(--ws-surface));color:var(--ws-fg);box-shadow:inset 0 1px #ffffff09,0 28px 58px -44px #000000f2}.os-shell .panel{border-radius:12px}.os-shell .panel-head{border-bottom-color:var(--ws-border-soft);background:#ffffff03}.os-shell .panel-head h3{color:var(--ws-fg);font-size:.96rem;font-weight:600}.os-shell .panel-head p{color:var(--ws-muted)}.os-shell table{color:var(--ws-fg)}.os-shell th{color:var(--ws-muted);letter-spacing:.12em;background:#ffffff06;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.58rem;font-weight:500}.os-shell th,.os-shell td{border-bottom-color:var(--ws-border-soft)}.os-shell tbody tr{transition:background .14s}.os-shell tbody tr:hover{background:#ffffff06}.os-shell td{color:#e9e8e5}.os-shell td small{color:var(--ws-muted-2)}.os-shell .show-link{color:#ff4b54;text-decoration-color:#ff4b5480}.os-shell .status{color:#d3d5d6;background:#ffffff12;border:1px solid #ffffff0f;font-family:IBM Plex Mono,ui-monospace,monospace}.os-shell .status.approved,.os-shell .status.green,.os-shell .status.completed{color:#9ce5b8;background:#4db8781f;border-color:#4db87833}.os-shell .status.lead{color:#f2cb76;background:#e5ac4c1c;border-color:#e5ac4c33}.os-shell .status.picking,.os-shell .status.packed,.os-shell .status.loaded{color:#acd1ff;background:#70a7e81c;border-color:#70a7e833}.os-shell .paperwork .done,.os-shell .crew-flags .ok{color:#9ce5b8;background:#4db8781f}.os-shell .paperwork .pending{color:#ffaaa7;background:#c2172326}.os-shell .paperwork .card-required{color:#c9b9ff;background:#a78bfa1f}.os-shell .crew-flags .bad{color:#f2cb76;background:#e5ac4c1c}.os-shell .action-list{padding:6px 14px 12px}.os-shell .action-list button{border-bottom-color:var(--ws-border-soft);color:var(--ws-fg);background:0 0;border-radius:8px;transition:background .14s,transform .14s}.os-shell .action-list button:hover{background:#ffffff09;transform:translate(2px)}.os-shell .action-list strong{color:var(--ws-fg)}.os-shell .action-list small{color:var(--ws-muted)}.os-shell .action-icon.red{color:#ff8f8a;background:#c2172326}.os-shell .action-icon.amber{color:#f0c76f;background:#e5ac4c1f}.os-shell .action-icon.blue{color:#a9ceff;background:#70a7e81f}.os-shell .workflow span{background:var(--ws-raised-2);border:1px solid var(--ws-border);color:var(--ws-fg)}.os-shell .workflow i{color:var(--ws-muted-2)}.os-shell .coordinates small{color:var(--ws-muted)}.os-shell .coordinates strong{color:var(--ws-fg)}.os-shell .coordinates a{color:#ff4b54}.os-shell input,.os-shell select,.os-shell textarea{caret-color:var(--ws-ember);box-shadow:inset 0 1px #ffffff06;border-color:var(--ws-border)!important;background:var(--ws-input)!important;color:var(--ws-fg)!important}.os-shell input::placeholder,.os-shell textarea::placeholder{color:#73787d!important}.os-shell input:focus,.os-shell select:focus,.os-shell textarea:focus{border-color:#c21723d1!important;outline:none!important;box-shadow:0 0 0 3px #c2172321!important}.os-shell label{color:#d6d8da}.os-shell .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050607c2}.os-shell .modal{background:var(--ws-bg);color:var(--ws-fg);border-left:1px solid var(--ws-border);box-shadow:-24px 0 70px #00000080}.os-shell .modal-head{background:var(--ws-surface);border-bottom-color:var(--ws-border)}.os-shell .modal-head h2,.os-shell .modal legend{color:var(--ws-fg)}.os-shell .modal-head p:last-child{color:var(--ws-muted)}.os-shell .modal form{background:var(--ws-bg)}.os-shell .form-grid label{color:var(--ws-muted)}.os-shell .form-actions{background:linear-gradient(180deg, #10121400, var(--ws-bg) 28%)}.os-shell .close{background:var(--ws-raised-2);color:var(--ws-muted);border:1px solid var(--ws-border)}.os-shell .crew-card{border-radius:12px}.os-shell .crew-avatar{border:1px solid var(--ws-border);color:var(--ws-fg);background:linear-gradient(160deg,#2a2f34,#171a1d)}.os-shell .crew-card h3{color:var(--ws-fg)}.os-shell .crew-card p,.os-shell .crew-card small{color:var(--ws-muted)}.os-shell .crew-account-actions{border-top-color:var(--ws-border-soft)}.os-shell .coming-soon{color:var(--ws-fg)}.os-shell .coming-soon>span{color:var(--ws-ember);font-family:IBM Plex Mono,ui-monospace,monospace}.os-shell .coming-soon p{color:var(--ws-muted)}.os-shell .page-section,.os-shell .hero-row,.os-shell .stats,.os-shell .dashboard-grid{animation:.22s ease-out both ws-enter}@keyframes ws-enter{0%{opacity:.84;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.os-shell .page-section,.os-shell .hero-row,.os-shell .stats,.os-shell .dashboard-grid{animation:none}.os-shell *{scroll-behavior:auto!important}}@media (max-width:1100px){.os-shell .topbar{padding-left:26px;padding-right:26px}.os-shell .hero-row,.os-shell .page-section,.os-shell .stats,.os-shell .dashboard-grid{margin-left:26px;margin-right:26px}}@media (max-width:760px){.os-shell .topbar{padding-left:18px;padding-right:18px}.os-shell .hero-row,.os-shell .page-section,.os-shell .stats,.os-shell .dashboard-grid{margin-left:18px;margin-right:18px}.os-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.os-shell .dashboard-grid{grid-template-columns:1fr}}@media (max-width:520px){.os-shell .stats{grid-template-columns:1fr}.os-shell .top-actions{gap:7px}}
.platform-shell .platform-actions>a.platform-secondary[href=\/],.platform-auth a.platform-auth-link[href=\/]{display:none!important}