@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #3B82F6;--color-secondary: #60A5FA;--color-cta: #F97316;--color-bg-app: #f5f0e8;--color-text-main: #1E293B;--color-text-muted: #64748b;--color-border: rgba(148, 163, 184, .2);--color-border-hover: rgba(59, 130, 246, .4);--glass-bg: rgba(245, 240, 232, .82);--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .4);--color-status-signed: #10b981;--color-status-inquiry: #3b82f6;--color-status-delivery: #6366f1;--color-status-pickup: #f59e0b;--color-status-warehouse: #8b5cf6;--font-main: "Fira Sans", system-ui, -apple-system, sans-serif;--font-code: "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .12);--shadow-glow: 0 0 20px rgba(59, 130, 246, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg-app: #0f172a;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(59, 130, 246, .4);--glass-bg: rgba(30, 41, 59, .7);--glass-border: 1px solid rgba(255, 255, 255, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.text-technical{font-family:var(--font-code);letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-xl);transition:all var(--transition-smooth)}.glass-panel:hover{border-color:var(--color-border-hover);box-shadow:0 25px 50px #0f172a26}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-cta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.btn-primary{background:var(--color-cta);color:#fff;padding:.8rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:none;cursor:pointer;box-shadow:0 10px 15px #f9731633;transition:all var(--transition-smooth);display:flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px #f973164d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:.8rem 1.2rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;transition:all var(--transition-smooth);cursor:pointer;border:1px solid transparent}.nav-item:hover{background:#3b82f60d;color:var(--color-primary)}.nav-item.active{background:var(--color-bg-app);color:var(--color-primary);border-color:var(--color-border);box-shadow:var(--shadow-md)}@media(max-width:1024px){:root{--space-xl: 1.5rem;--space-2xl: 2rem}}@media(max-width:768px){body{overflow:auto}.app-container{flex-direction:column!important;padding:var(--space-sm)!important}aside{position:fixed!important;top:0;left:-300px;height:100vh!important;width:280px!important;transition:left var(--transition-smooth)!important;z-index:100!important}aside.active{left:0}header{height:auto!important;padding:var(--space-md)!important;flex-wrap:wrap;gap:var(--space-sm)}header .actions{width:100%;justify-content:space-between}.dashboard-grid{grid-template-columns:repeat(1,1fr)!important}.crew-split{flex-direction:column!important}.crew-split>div{width:100%!important}}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.mobile-overlay.active{display:block}.hamburger{display:flex!important}.hide-mobile{display:none!important}.glass-panel div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.glass-panel[style*="justifyContent: space-between"]{flex-direction:column!important;align-items:flex-start!important;gap:var(--space-md)!important}.glass-panel[style*="justifyContent: space-between"]>div{width:100%!important;justify-content:flex-start!important}}@property --pos-x{syntax: "<percentage>"; initial-value: 11.14%; inherits: false;}@property --pos-y{syntax: "<percentage>"; initial-value: 140%; inherits: false;}@property --spread-x{syntax: "<percentage>"; initial-value: 150%; inherits: false;}@property --spread-y{syntax: "<percentage>"; initial-value: 180.06%; inherits: false;}@property --color-1{syntax: "<color>"; initial-value: #000; inherits: false;}@property --color-2{syntax: "<color>"; initial-value: #08012c; inherits: false;}@property --color-3{syntax: "<color>"; initial-value: #4e1e40; inherits: false;}@property --color-4{syntax: "<color>"; initial-value: #70464e; inherits: false;}@property --color-5{syntax: "<color>"; initial-value: #88394c; inherits: false;}@property --border-angle{syntax: "<angle>"; initial-value: 20deg; inherits: true;}@property --border-color-1{syntax: "<color>"; initial-value: hsla(340,75%,60%,.2); inherits: true;}@property --border-color-2{syntax: "<color>"; initial-value: hsla(340,75%,40%,.75); inherits: true;}@property --stop-1{syntax: "<percentage>"; initial-value: 37.35%; inherits: false;}@property --stop-2{syntax: "<percentage>"; initial-value: 61.36%; inherits: false;}@property --stop-3{syntax: "<percentage>"; initial-value: 78.42%; inherits: false;}@property --stop-4{syntax: "<percentage>"; initial-value: 89.52%; inherits: false;}@property --stop-5{syntax: "<percentage>"; initial-value: 100%; inherits: false;}.gradient-button{position:relative;appearance:none;cursor:pointer;background:radial-gradient(var(--spread-x) var(--spread-y) at var(--pos-x) var(--pos-y),var(--color-1) var(--stop-1),var(--color-2) var(--stop-2),var(--color-3) var(--stop-3),var(--color-4) var(--stop-4),var(--color-5) var(--stop-5));transition:--pos-x .5s,--pos-y .5s,--spread-x .5s,--spread-y .5s,--color-1 .5s,--color-2 .5s,--color-3 .5s,--color-4 .5s,--color-5 .5s,--border-angle .5s,--border-color-1 .5s,--border-color-2 .5s,--stop-1 .5s,--stop-2 .5s,--stop-3 .5s,--stop-4 .5s,--stop-5 .5s}.gradient-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(var(--border-angle),var(--border-color-1),var(--border-color-2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-button:hover{--pos-x: 0%;--pos-y: 91.51%;--spread-x: 120.24%;--spread-y: 103.18%;--color-1: #c96287;--color-2: #c66c64;--color-3: #cc7d23;--color-4: #37140a;--color-5: #000;--border-angle: 190deg;--border-color-1: hsla(340, 78%, 90%, .1);--border-color-2: hsla(340, 75%, 90%, .6);--stop-1: 0%;--stop-2: 8.8%;--stop-3: 21.44%;--stop-4: 71.34%;--stop-5: 85.76%}.gradient-button-variant{--color-1: #000022;--color-2: #1f3f6d;--color-3: #469396;--color-4: #f1ffa5;--border-angle: 200deg;--border-color-1: hsla(320, 75%, 90%, .6);--border-color-2: hsla(320, 50%, 90%, .15)}.gradient-button-variant:hover{--pos-x: 0%;--pos-y: 95.51%;--spread-x: 110.24%;--spread-y: 110.2%;--color-1: #000020;--color-2: #f1ffa5;--color-3: #469396;--color-4: #1f3f6d;--color-5: #000;--stop-1: 0%;--stop-2: 10%;--stop-3: 35.44%;--stop-4: 71.34%;--stop-5: 90.76%;--border-angle: 210deg;--border-color-1: hsla(320, 75%, 90%, .2);--border-color-2: hsla(320, 50%, 90%, .75)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}