@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Inter:wght@400;500;600&family=Outfit:wght@600&display=swap";:root{--primary-dark:#1b4332;--primary-mid:#2d6a4f;--primary-light:#52b788;--accent-earth:#8b7355;--bg-cream:#faf3e0;--white:#fff;--on-primary:#fff;--surface:#fff;--surface-muted:#f9fafb;--surface-soft:#f3f4f6;--surface-elevated:#fff;--message-ai-bg:#f3f4f6;--sidebar-bg:#1b4332e6;--sidebar-text:#fff;--shadow-soft:0 4px 20px #0000000d;--shadow-hover:0 8px 30px #00000014;--text-dark:#2d2d2d;--text-light:#6b7280;--error:#e63946;--warning:#f4a261;--success:#2a9d8f;--border-color:#e5e7eb;--sidebar-width:260px;--header-height:72px;--glass-bg:#ffffffb8;--glass-bg-hover:#ffffffdb;--glass-border:#ffffff75;--glass-shadow:0 8px 32px #1f268712;color:var(--text-dark);background-color:var(--bg-cream);font-family:Inter,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--primary-dark:#b7e4c7;--primary-mid:#52b788;--primary-light:#74c69d;--accent-earth:#d6b98c;--bg-cream:#0f172a;--white:#111827;--on-primary:#0f172a;--surface:#111827;--surface-muted:#1f2937;--surface-soft:#263244;--surface-elevated:#172033;--message-ai-bg:#1f2937;--sidebar-bg:#071b14e6;--sidebar-text:#f8fafc;--shadow-soft:0 8px 26px #00000059;--shadow-hover:0 12px 40px #00000073;--text-dark:#e5e7eb;--text-light:#9ca3af;--border-color:#374151;--glass-bg:#0f172abd;--glass-bg-hover:#0f172adb;--glass-border:#ffffff24;--glass-shadow:0 8px 32px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);min-width:320px;min-height:100vh;color:var(--text-dark)}.markdown-message{overflow-wrap:anywhere;flex-direction:column;gap:10px;display:flex}.markdown-message p{margin:0}.markdown-message h3,.markdown-message h4{color:var(--text-dark);margin:2px 0 0;line-height:1.25}.markdown-message h3{font-size:16px}.markdown-message h4{font-size:15px}.markdown-message strong{font-weight:800}.markdown-message em{color:var(--text-light)}.markdown-message a{color:var(--primary-mid);border-bottom:1px solid #52b78873;font-weight:700;text-decoration:none}.markdown-message a:hover{border-bottom-color:var(--primary-mid)}.markdown-message ul,.markdown-message ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.markdown-message li::marker{color:var(--primary-mid);font-weight:800}.markdown-message code{background:var(--surface-elevated);border:1px solid var(--border-color);color:var(--primary-dark);border-radius:6px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.markdown-message pre{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:10px;margin:2px 0;padding:12px;overflow-x:auto}.markdown-message pre code{color:var(--text-dark);white-space:pre;background:0 0;border:none;padding:0}.markdown-message blockquote{border-left:3px solid var(--primary-light);background:var(--surface-elevated);color:var(--text-light);border-radius:0 8px 8px 0;margin:0;padding:8px 12px}.markdown-table-wrap{border:1px solid var(--border-color);background:var(--surface-elevated);border-radius:10px;max-width:100%;overflow-x:auto}.markdown-message table{border-collapse:collapse;width:100%;min-width:420px;font-size:13px}.markdown-message th,.markdown-message td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:9px 11px}.markdown-message th{color:var(--text-light);background:var(--surface-muted);font-weight:800}.markdown-message tr:last-child td{border-bottom:none}.auth-loading{min-height:100vh;color:var(--primary-dark);background-color:var(--bg-cream);justify-content:center;align-items:center;font-weight:800;display:flex}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:box-shadow .25s,border-color .25s,background-color .25s;background:var(--glass-bg)!important}.glass-card:hover{box-shadow:var(--shadow-hover), 0 12px 28px #52b7881a!important;background:var(--glass-bg-hover)!important;border-color:#52b78857!important}.theme-toggle-login{z-index:100;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:12px;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.theme-toggle-login:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);color:var(--sidebar-text);z-index:100;flex-direction:column;height:100vh;padding:24px 16px;transition:all .3s;display:flex;position:sticky;top:0}.sidebar-brand{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;margin-bottom:48px;padding:8px;transition:background-color .2s,border-color .2s,transform .18s;display:flex}.sidebar-brand:hover{background-color:#ffffff17;border-color:#ffffff29;transform:translateY(-1px)}.sidebar-brand:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}.brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-brand-hint{color:#ffffffb8;opacity:0;font-size:11px;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;transform:translateY(-3px)}.sidebar-brand:hover .sidebar-brand-hint,.sidebar-brand:focus-visible .sidebar-brand-hint{opacity:1;transform:translateY(0)}.brand-logo{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-brand-text{color:var(--sidebar-text);margin:0;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden auto}.sidebar-nav-item{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;opacity:.8;background-color:#0000;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:16px;transition:all .2s;display:flex}.sidebar-nav-item:hover{opacity:1;background-color:#ffffff1a}.sidebar-nav-item.active{background-color:var(--primary-mid);color:var(--on-primary);opacity:1;font-weight:600}.sidebar-footer{background-color:#ffffff0d;border-radius:14px;align-items:center;gap:8px;margin-top:16px;padding:10px;display:flex}.sidebar-footer-user{min-width:0;color:var(--sidebar-text);text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:10px;flex:1;align-items:center;gap:10px;padding:8px;display:flex}.user-avatar{width:32px;height:32px;color:var(--primary-light);background-color:#52b78833;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{min-width:0}.user-welcome{opacity:.65;font-size:11px;line-height:1.2;display:block}.user-name{color:var(--primary-light);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;display:block;overflow:hidden}.logout-button{width:36px;height:36px;color:var(--error);cursor:pointer;background-color:#e639461a;border:1px solid #e6394633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.logout-button:hover{background-color:var(--error);color:#fff}.header{height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:90;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-title-container{min-width:220px;max-width:260px;overflow:hidden}.header-title{color:var(--text-dark);margin:0;font-family:Outfit,sans-serif;font-size:20px}.header-search{width:clamp(260px,42vw,420px);position:absolute;left:50%;transform:translate(-50%)}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-light);position:absolute;left:12px}.search-input{background-color:var(--surface-muted);color:var(--text-dark);border:1px solid var(--border-color);border-radius:10px;width:100%;padding:10px 12px 10px 38px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--primary-light);background-color:var(--surface);outline:none;box-shadow:0 0 0 3px #52b7881a}.header-actions{align-items:center;gap:16px;display:flex}.theme-toggle,.notification-trigger{background-color:var(--surface-muted);color:var(--text-dark);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.theme-toggle:hover,.notification-trigger:hover{background-color:var(--surface-soft);border-color:var(--primary-light)}.notification-trigger{border:none;position:relative}.notification-dot{background-color:var(--error);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.notifications-dropdown{background-color:var(--surface-elevated);width:320px;box-shadow:var(--shadow-hover);border:1px solid var(--border-color);border-radius:16px;animation:.3s fadeIn;position:absolute;top:60px;right:80px;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px;display:flex}.alert-count{color:var(--text-light);font-size:12px}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);gap:12px;padding:12px 16px;transition:background .2s;display:flex}.notification-item:hover{background-color:var(--surface-muted)}.notification-icon{color:var(--error);background-color:#e639461a;border-radius:8px;padding:8px}.notification-text{font-size:14px;font-weight:600}.notification-subtext{color:var(--text-light);font-size:12px}.dropdown-footer{text-align:center;background-color:var(--surface-muted);padding:12px}.dropdown-footer span{color:var(--primary-mid);cursor:pointer;font-size:13px;font-weight:700}.app-toast-viewport{top:calc(var(--header-height) + 18px);z-index:1000001;pointer-events:none;flex-direction:column;gap:12px;width:min(380px,100vw - 28px);display:flex;position:fixed;right:22px}.app-toast{pointer-events:auto;background:var(--surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-hover);border-radius:18px;grid-template-columns:38px 1fr 28px;align-items:flex-start;gap:12px;padding:14px;animation:.24s ease-out toastSlideIn;display:grid}.app-toast-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.app-toast-success .app-toast-icon{color:var(--success);background:#2a9d8f21}.app-toast-error .app-toast-icon{color:var(--error);background:#e639461f}.app-toast-warning .app-toast-icon{color:var(--warning);background:#f4a26124}.app-toast-info .app-toast-icon{color:var(--primary-mid);background:#52b78821}.app-toast-title{color:var(--text-dark);font-size:14px;font-weight:800}.app-toast-message{color:var(--text-light);white-space:pre-wrap;margin-top:3px;font-size:13px;line-height:1.45}.app-toast-close{width:28px;height:28px;color:var(--text-light);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:flex}.app-toast-close:hover{background:var(--surface-muted);color:var(--text-dark);border-color:var(--border-color)}.app-confirm-overlay{z-index:1000000;-webkit-backdrop-filter:blur(10px);background:#0f172a7a;justify-content:center;align-items:center;padding:18px;animation:.2s ease-out historyOverlayEnter;display:flex;position:fixed;inset:0}.app-confirm-card{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:22px;grid-template-columns:44px 1fr;gap:14px;width:min(440px,100%);padding:22px;animation:.22s ease-out modalPop;display:grid;box-shadow:0 24px 70px #00000047}.app-confirm-icon{width:44px;height:44px;color:var(--warning);background:#f4a26124;border-radius:14px;justify-content:center;align-items:center;display:flex}.app-confirm-error .app-confirm-icon{color:var(--error);background:#e639461f}.app-confirm-success .app-confirm-icon{color:var(--success);background:#2a9d8f21}.app-confirm-content h3{color:var(--text-dark);margin:0;font-size:18px}.app-confirm-content p{color:var(--text-light);margin:6px 0 0;font-size:14px;line-height:1.55}.app-confirm-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.app-confirm-actions button{cursor:pointer;border-radius:12px;min-height:42px;padding:0 16px;font-weight:800}.app-confirm-cancel{background:var(--surface-muted);color:var(--text-dark);border:1px solid var(--border-color)}.app-confirm-submit{background:var(--primary-mid);color:var(--on-primary);border:1px solid var(--primary-mid)}.app-confirm-error .app-confirm-submit{background:var(--error);color:#fff;border-color:var(--error)}.user-profile-trigger{background-color:var(--surface-muted);border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;border-radius:30px;align-items:center;gap:12px;padding:6px 6px 6px 14px;transition:all .2s;display:flex}.user-profile-trigger:hover{background-color:var(--surface-soft);border-color:var(--primary-light)}.user-profile-name{text-overflow:ellipsis;max-width:100px;font-size:14px;font-weight:600;overflow:hidden}.user-profile-avatar{background-color:var(--primary-light);width:32px;height:32px;color:var(--primary-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-hero-shell{background:linear-gradient(-45deg, var(--bg-cream), color-mix(in srgb, var(--primary-light) 8%, var(--bg-cream)), color-mix(in srgb, var(--primary-dark) 10%, var(--bg-cream)), color-mix(in srgb, var(--primary-mid) 8%, var(--bg-cream)));min-height:100vh;color:var(--text-dark);background-size:400% 400%;animation:4s infinite antigravityGradient;position:relative;overflow:hidden auto}.login-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.login-bg-blob{pointer-events:none;border-radius:50%;position:absolute}.login-bg-blob-1{background:radial-gradient(circle,#52b78821 0%,#0000 65%);width:600px;height:600px;animation:12s ease-in-out infinite blobDrift;top:-120px;right:-60px}.login-bg-blob-2{background:radial-gradient(circle,#2d6a4f12 0%,#0000 65%);width:420px;height:420px;animation:16s ease-in-out infinite reverse blobDrift;bottom:-60px;left:10%}@keyframes blobDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-24px,18px)scale(1.07)}}.login-form-panel{perspective:1400px;align-self:center;width:100%;animation:.56s ease-out 80ms both heroCopyEnter}.login-card-inner{transform-style:preserve-3d;transition:transform .62s cubic-bezier(.4,.2,.2,1);display:grid}.login-card-inner.is-flipped{transform:rotateY(180deg)}.login-card-face{backface-visibility:hidden;background:linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--primary-light) 12%, var(--surface)), color-mix(in srgb, var(--primary-light) 24%, var(--surface)), color-mix(in srgb, var(--primary-mid) 8%, var(--surface)));border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-soft);background-size:300% 300%;border-radius:28px;grid-area:1/1;padding:32px;animation:8s ease-in-out infinite antigravityGradient}@keyframes antigravityGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-card-back{transform:rotateY(180deg)}.login-hero-content{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:56px;width:min(1120px,100% - 48px);min-height:calc(100vh - 88px);margin:0 auto;padding:72px 0 32px;display:grid;position:relative}.login-copy{max-width:690px;animation:.52s ease-out both heroCopyEnter}.login-brand-mark{border:1px solid color-mix(in srgb, var(--primary-mid) 18%, transparent);color:var(--primary-mid);background-color:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:9px 13px;font-family:Fredoka,sans-serif;font-weight:700;display:inline-flex}.login-brand-mark span{width:32px;height:32px;color:var(--primary-dark);background-color:#52b7882e;border-radius:50%;justify-content:center;align-items:center;display:flex}.login-copy h1{max-width:660px;color:var(--primary-dark);letter-spacing:0;margin:0;font-size:58px;line-height:1.02}.login-lead{max-width:620px;color:var(--text-light);margin:22px 0 0;font-size:18px;line-height:1.7}.login-signal-row{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.login-signal-row span{border:1px solid var(--border-color);background-color:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--text-dark);border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.login-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.login-hero-primary,.login-hero-secondary,.login-submit,.login-demo-button{justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:800;display:inline-flex}.login-demo-context{background-color:color-mix(in srgb, var(--primary-light) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--primary-light) 30%, transparent);border-radius:14px;flex-direction:column;gap:4px;margin:18px 0 20px;padding:14px 16px;display:flex}.login-demo-context span{color:var(--text-light);text-transform:uppercase;font-size:12px;font-weight:800}.login-demo-context strong{color:var(--text-dark);overflow-wrap:anywhere;font-size:14px}.login-return-card{animation:.26s ease-out both heroPanelEnter}.login-return-card.is-leaving{pointer-events:none;animation:.26s ease-in both loginReturnLeave}.login-hero-primary{color:var(--on-primary);background-color:var(--primary-mid);border-radius:14px;padding:0 22px;transition:background-color .2s,box-shadow .2s,transform .15s;box-shadow:0 12px 28px #2d6a4f38}.login-hero-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 16px 36px #2d6a4f52}.login-hero-primary:active{transform:translateY(0);box-shadow:0 8px 18px #2d6a4f2e}.login-hero-secondary{border:1px solid var(--border-color);color:var(--text-dark);background-color:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:14px;padding:0 18px;text-decoration:none;transition:background-color .2s,border-color .2s,transform .15s}.login-hero-secondary:hover{background-color:color-mix(in srgb, var(--primary-light) 10%, var(--surface));border-color:color-mix(in srgb, var(--primary-light) 40%, transparent);transform:translateY(-1px)}.login-footer{z-index:1;width:min(1180px,100% - 48px);min-height:72px;color:var(--text-light);border-top:1px solid color-mix(in srgb, var(--primary-mid) 14%, transparent);justify-content:space-between;align-items:center;gap:20px;margin:0 auto 16px;padding:14px 0;display:flex;position:relative}.login-footer>div{flex-direction:column;gap:2px;display:flex}.login-footer strong{color:var(--primary-dark);font-size:14px}.login-footer span,.login-footer a{font-size:12px;font-weight:700}.login-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.login-footer a{border:1px solid var(--border-color);min-height:34px;color:var(--text-dark);background-color:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 11px;text-decoration:none;display:inline-flex}.login-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.login-panel-header h2{color:var(--primary-dark);margin:0 0 6px;font-size:22px}.login-panel-header p{color:var(--text-light);margin:0;font-size:13px;line-height:1.5}.login-panel-mark{width:42px;height:42px;color:var(--primary-dark);background-color:#52b7882e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-error{color:var(--error);background-color:#e639461a;border:1px solid #e6394633;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.45}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{color:var(--text-light);align-items:center;display:flex;position:relative}.login-field svg{pointer-events:none;position:absolute;left:15px}.login-field input{border-radius:14px;width:100%;height:48px;padding-left:46px}.login-submit{width:100%;color:var(--on-primary);background-color:var(--primary-mid);margin-top:4px;box-shadow:0 10px 20px #2d6a4f29}.login-demo-button{width:100%;color:var(--text-dark);background-color:var(--surface-muted);border:1px solid var(--border-color);margin-top:12px}.login-mode-button{width:100%;color:var(--primary-mid);background:0 0;margin-top:16px;padding:0;font-size:13px;font-weight:800}h1,h2,h3,h4{color:var(--primary-dark);font-family:Outfit,sans-serif;font-weight:600}button{cursor:pointer;color:inherit;border:none;border-radius:12px;font-family:inherit;transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s}button:disabled{cursor:not-allowed;opacity:.68}input,textarea{color:var(--text-dark);background-color:var(--surface);border:1px solid var(--border-color);background-color:var(--surface);border-radius:12px;padding:10px 14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #52b78833}.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.main-container{background-color:#0000;flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;padding:24px;overflow-y:auto}.page-transition{height:100%;min-height:100%;animation:.22s ease-out both pageEnter}.history-overlay{z-index:1000;background-color:#0000006b;justify-content:flex-end;align-items:stretch;padding:16px;animation:.18s ease-out both historyOverlayEnter;display:flex;position:fixed;inset:0}.history-drawer{background-color:var(--surface-elevated);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:380px;max-width:min(92vw,420px);height:100%;animation:.24s cubic-bezier(.22,1,.36,1) both historyDrawerEnter;display:flex;overflow:hidden;box-shadow:-18px 18px 36px #00000038}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--accent-earth);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-mid)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes historyOverlayEnter{0%{opacity:0}to{opacity:1}}@keyframes historyDrawerEnter{0%{opacity:0;transform:translate(28px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes sceneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes heroCopyEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroPanelEnter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginReturnLeave{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.98)}}@media (prefers-reduced-motion:reduce){.page-transition,.history-overlay,.history-drawer,.login-copy,.login-access-overlay{animation:none}.login-card-inner{transition:none}}@media (width<=860px){.login-hero-shell{min-height:auto}.login-hero-content{grid-template-columns:1fr;gap:36px;width:min(100% - 32px,560px);min-height:auto;padding:52px 0 28px}.login-copy h1{font-size:44px}.login-lead{font-size:16px}.login-copy{max-width:100%}}@media (width<=620px){.login-copy h1{font-size:36px;line-height:1.08}.login-signal-row span{width:100%}.login-hero-actions{flex-direction:column;align-items:stretch}.login-hero-primary,.login-hero-secondary{width:100%}.login-footer{flex-direction:column;align-items:flex-start;width:min(100% - 32px,620px)}.login-footer nav{justify-content:flex-start}.login-access-overlay{align-items:flex-end;padding:12px}.login-access-card{padding:20px}}.hover-scale{transition:transform .2s,background-color .2s}.hover-scale:hover{transform:scale(1.06)}.spin-animation{animation:.9s linear infinite spin}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.floating-bot{animation:3s ease-in-out infinite floatBob}.skeleton-block{background:linear-gradient(90deg, var(--surface-soft) 25%, color-mix(in srgb, var(--surface) 70%, var(--surface-soft)) 50%, var(--surface-soft) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.28)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.modal-overlay{z-index:999999!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background-color:#000000bf!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:none!important}.modal-container{animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;background-color:var(--surface)!important;border:1px solid var(--border-color)!important;z-index:1000000!important;border-radius:28px!important;width:90%!important;max-width:500px!important;padding:32px!important;position:relative!important;box-shadow:0 25px 50px -12px #00000080!important}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floatBot{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(-5deg)}66%{transform:translateY(4px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.floating-bot{filter:drop-shadow(0 4px 6px #52b78866);transition:transform .3s,filter .3s;animation:4s ease-in-out infinite floatBot}.floating-bot:hover{filter:drop-shadow(0 8px 12px #52b78899)brightness(1.2);animation:1.5s ease-in-out infinite floatBot;transform:scale(1.15)}.sidebar-nav-item{transition:background-color .2s,transform .2s,box-shadow .2s!important}.sidebar-nav-item:hover{box-shadow:-4px 0 0 var(--primary-light);transform:translate(4px);background-color:#ffffff14!important}.sidebar-nav-item.active:hover{color:var(--on-primary);opacity:1;background-color:var(--primary-mid)!important}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 #10b98180}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.inventory-grid,.daily-summary-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.shipping-container{flex-direction:column;gap:24px;max-width:1000px;display:flex}.shipments-grid{gap:16px;display:grid}.shipping-details-grid{background-color:var(--surface-muted);border-radius:20px;grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid}@media (width<=1024px){.sidebar{border-right:none!important;border-top:1px solid var(--glass-border)!important;border-radius:24px 24px 0 0!important;flex-direction:row!important;width:100%!important;height:auto!important;padding:8px!important;position:fixed!important;inset:auto 0 0!important}.sidebar-brand{display:none!important}.sidebar-nav{width:100%;overflow-x:auto;flex-direction:row!important;justify-content:space-around!important}.sidebar-nav-item{min-width:60px;text-align:center!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:8px!important;font-size:10px!important}.sidebar-item-label{display:block!important}.sidebar-footer{display:none!important}.main-container{padding-bottom:80px;width:100%!important;margin-left:0!important}.header-search{display:none!important}.login-hero-content{text-align:center!important;flex-direction:column!important;gap:40px!important}.inventory-grid,.daily-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.inventory-grid,.daily-summary-grid,.orders-grid,.shipping-details-grid{grid-template-columns:1fr!important}.header-title-container{min-width:auto}.user-profile-name{display:none!important}.user-profile-trigger{padding:4px!important}.login-hero-content{padding:20px!important}}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:block}.desktop-only{display:none}}
