@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--primary:#00b4d8;--primary-hover:#0077b6;--primary-light:#00b4d81a;--primary-glow:#00b4d840;--text-main:#0f172a;--text-muted:#64748b;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#e2e8f099;--success:#2a9d8f;--success-light:#2a9d8f1a;--warning:#f4a261;--warning-light:#f4a2611a;--danger:#e76f51;--danger-light:#e76f511a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 4px 12px #0f172a0d;--shadow-lg:0 8px 30px #0f172a14;--shadow-glow:0 0 20px #00b4d826;--font-title:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--nav-height:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:700;line-height:1.2}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-container{min-height:100vh;display:flex;position:relative}.main-content{padding:24px;padding-bottom:calc(var(--nav-height) + 30px);width:100%;max-width:1200px;animation:fadeIn var(--transition-normal);flex:1;margin:0 auto}@media (width>=769px){.main-content{padding-bottom:30px;padding-left:280px}}.sidebar{background-color:var(--sidebar-bg,var(--bg-secondary));border-right:1px solid var(--sidebar-border,var(--border-color));z-index:100;width:260px;box-shadow:var(--shadow-sm);flex-direction:column;padding:30px 20px;display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@media (width>=769px){.sidebar{display:flex}}.sidebar-logo{align-items:center;gap:12px;margin-bottom:40px;padding-left:10px;display:flex}.sidebar-menu{flex-direction:column;flex:1;gap:8px;list-style:none;display:flex}.sidebar-item a,.sidebar-item button{color:var(--sidebar-text-muted,var(--text-muted));border-radius:var(--radius-md);transition:transform var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item a:hover,.sidebar-item button:hover{color:var(--primary);background-color:var(--sidebar-item-hover-bg,var(--primary-light));transform:translate(4px)}.sidebar-item.active a,.sidebar-item.active button{color:var(--primary);background-color:var(--sidebar-item-hover-bg,var(--primary-light));border-left:3px solid var(--primary);border-top-left-radius:0;border-bottom-left-radius:0;padding-left:11px;font-weight:700}.sidebar-item a svg,.sidebar-item button svg{transition:transform var(--transition-fast);flex-shrink:0}.sidebar-item a:hover svg,.sidebar-item button:hover svg{transform:scale(1.1)}.sidebar-footer{border-top:1px solid var(--sidebar-border,var(--border-color));margin-top:auto;padding-top:20px}.mobile-nav{height:var(--nav-height);background-color:var(--sidebar-bg,#ffffffd9);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--sidebar-border,var(--border-light));z-index:100;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000008}@media (width>=769px){.mobile-nav{display:none}}.mobile-nav-item{color:var(--sidebar-text-muted,var(--text-muted));height:100%;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active,.mobile-nav-item:active{color:var(--primary-hover)}.mobile-nav-item svg{width:22px;height:22px}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-md);transition:var(--transition-normal);animation:slideUp var(--transition-normal);margin-bottom:20px;padding:20px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 0 25px #00b4d859}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-success{background-color:var(--success);color:var(--text-inverse)}.btn-success:hover{opacity:.9}.btn-danger{background-color:var(--danger);color:var(--text-inverse)}.btn-danger:hover{opacity:.9}.btn-icon{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);padding:8px}.btn-icon:hover{color:var(--text-main);background-color:var(--border-color)}.btn-block{width:100%;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);font-size:14px;font-weight:600}.form-control{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;min-width:0;color:var(--text-main);transition:var(--transition-fast);padding:12px 16px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-primary{background-color:var(--primary-light);color:var(--primary-hover)}.grid-2{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=600px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=600px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;animation:fadeIn var(--transition-fast);background-color:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:scaleIn var(--transition-normal);max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.mobile-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}@media (width>=769px){.mobile-header{display:none}}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state svg{opacity:.5;margin-bottom:16px}.draft-actions{gap:8px;margin-bottom:14px;display:flex}@media (width<=480px){.draft-actions{flex-direction:column!important}.card{padding:14px}.main-content{padding:12px;padding-bottom:calc(var(--nav-height) + 16px)}.form-row{grid-template-columns:1fr}}.zoom-hover-container{transition:border-color var(--transition-fast);position:relative;overflow:hidden}.zoom-hover-container:hover{box-shadow:0 0 0 2px #6366f126;border-color:var(--color-primary-light)!important}.zoom-hover-container:hover img{transform:scale(1.04)}.zoom-hover-container:hover .zoom-hover-overlay{opacity:1!important}.orders-draft-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=1024px){.orders-draft-grid{grid-template-columns:380px minmax(0,1fr)}}@media (width>=1200px){.orders-draft-grid{grid-template-columns:420px minmax(0,1fr)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#0f172a66;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-content{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-height:80vh;padding:24px 20px;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideUp;overflow-y:auto;box-shadow:0 -8px 32px #0f172a26}.mobile-drawer-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=360px){.mobile-drawer-grid{grid-template-columns:repeat(2,1fr)}}.mobile-drawer-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-tertiary);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.mobile-drawer-item:active{background-color:var(--border-color);transform:scale(.97)}.mobile-drawer-item svg{width:24px;height:24px;color:var(--primary)}@keyframes floatBlob{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(30px,-40px)scale(1.1)rotate(90deg)}to{transform:translate(-20px,20px)scale(.9)rotate(180deg)}}@keyframes revealDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.landing-nav-btn:hover{color:#ff4d6d!important}.landing-cta-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d6d66!important}.landing-cta-pill:active{transform:scale(.98)}.landing-container button:hover{transform:translateY(-2px)}.landing-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #ff4d6d14;background-color:#fff!important}.glass-card{-webkit-backdrop-filter:blur(10px);transition:transform .1s ease-out,box-shadow .3s ease-out}.glass-card:hover{box-shadow:0 30px 60px #ff4d6d2e!important}@media (width<=900px){.landing-container section{text-align:center;grid-template-columns:1fr!important;padding:40px 20px!important}.landing-container h1{font-size:34px!important}.landing-container p{margin-left:auto;margin-right:auto}.landing-container div[style*="display: flex"]{justify-content:center}.landing-container div[style*=perspective]{margin-top:40px;height:380px!important}}@keyframes techPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes dataFlow{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes floatingHex{0%{opacity:.15;transform:translate(0)rotate(0)scale(1)}50%{opacity:.35;transform:translate(15px,-20px)rotate(180deg)scale(1.1)}to{opacity:.15;transform:translate(-10px,10px)rotate(360deg)scale(1)}}.pulsing-node{animation:3s ease-in-out infinite techPulse}.data-path{stroke-dasharray:20 60;animation:6s linear infinite dataFlow}.tech-grid{background-image:radial-gradient(#ff4d6d0a 1.5px,#0000 1.5px);background-size:32px 32px}.floating-tech-item{animation:12s ease-in-out infinite alternate floatingHex}.grid-main-sidebar{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.grid-main-sidebar{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.grid-settings{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.grid-settings{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.flex-responsive-row{flex-direction:column;gap:8px;width:100%;display:flex}.flex-responsive-row>div{flex:1;width:100%}.flex-responsive-row button{width:100%}@media (width>=480px){.flex-responsive-row{flex-direction:row;align-items:center}.flex-responsive-row>div,.flex-responsive-row button{width:auto}}.desktop-only,.mobile-only{display:block}@media (width<=768px){.desktop-only{display:none!important}}@media (width>=769px){.mobile-only{display:none!important}}