@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#36f;--accent-primary:#36f;--primary-glow:#3366ff47;--gradient-primary:linear-gradient(128deg, #36f 0%, #00c6ff 100%);--gradient-surface:radial-gradient(circle at 15% 10%, #00c6ff24, transparent 35%), radial-gradient(circle at 85% 90%, #3366ff24, transparent 40%);--danger:#f36;--success:#10b981;--warning:#fc0;--wizard-accent:#5be0ff;--focus-ring:0 0 0 4px #3366ff2e;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--bg-main:#060913;--bg-dark:#060913;--glass-bg:#0e1422b3;--glass-border:#a0bbff26;--glass-border-bright:#b4cdff3d;--text-main:#f8fafc;--text-secondary:#9fb0d8;--input-bg:#10192ccc;--card-shadow:0 20px 60px #020a1e8c;--skeleton-grad:linear-gradient(90deg, #1a2238 25%, #24304f 50%, #1a2238 75%);--nav-active:#5be0ff1f;--soft-divider:#adc4ff24}.light-mode{--accent-primary:#36f;--bg-main:#f3f7ff;--bg-dark:#f3f7ff;--glass-bg:#ffffffdb;--glass-border:#3366ff29;--glass-border-bright:#3366ff42;--text-main:#0f172a;--text-secondary:#64748b;--input-bg:#3366ff0f;--card-shadow:0 18px 45px #7891d233;--skeleton-grad:linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);--nav-active:#3366ff1a;--soft-divider:#3366ff29}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:var(--gradient-surface);color:var(--text-main);background-attachment:fixed;margin:0;font-family:Inter,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}body.mobile-nav-open{overflow:hidden}h1,h2,h3,.font-outfit{font-family:Outfit,sans-serif}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all .3s}.glass-card:hover{border-color:var(--glass-border-bright)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;contain:layout style paint;overscroll-behavior:contain;background:#050a128f;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.premium-modal{will-change:transform, opacity;background:var(--glass-bg)!important;border:1px solid var(--glass-border-bright)!important;box-shadow:var(--card-shadow)!important;border-radius:20px!important;padding:2.5rem!important}.input-field{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-sizing:border-box;padding:.875rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{background:var(--input-bg);border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-main);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-secondary:hover{background:var(--nav-active)}.skeleton{background:var(--skeleton-grad);background-size:200% 100%;border-radius:8px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}select option{background-color:var(--bg-main);color:var(--text-main)}.wizard-experience{position:relative}.wizard-experience:before{content:"";background:linear-gradient(90deg, var(--wizard-accent), transparent 75%);opacity:.75;height:1px;position:absolute;top:-1rem;left:0;right:0}.app-shell{background:var(--bg-dark);min-height:100vh;display:flex}.app-mobile-header,.app-mobile-menu-btn,.app-sidebar-close-btn,.app-sidebar-backdrop{display:none}.app-sidebar{z-index:40;flex-direction:column;width:260px;height:calc(100vh - 40px);margin:20px;padding:2rem 1.5rem;display:flex;position:fixed}.app-sidebar-nav{min-height:0;padding-right:.25rem;overflow-y:auto}.app-main{flex:1;max-width:100%;margin-left:300px;padding:2.2rem}.app-main-card{border-radius:20px;min-height:calc(100vh - 4.4rem);padding:1.25rem;overflow:hidden}.page-container{width:100%;min-width:0}.modern-input{background:var(--input-bg);width:100%;min-height:48px;color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.9rem 1rem}.modern-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.modern-button{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--input-bg);min-height:44px;color:var(--text-main);cursor:pointer;padding:.75rem 1rem}.modern-button.disabled{opacity:.5;cursor:not-allowed}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.page-header-copy{min-width:0}.page-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid-sidebar{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:2rem;display:grid}.actions-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.warranty-wizard-card{background:radial-gradient(circle at top right, #5be0ff24, transparent 28%), linear-gradient(180deg, #ffffff08, #ffffff03), var(--glass-bg);border:1px solid var(--glass-border-bright);position:relative;overflow:hidden}.warranty-wizard-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#3366ff2e,#0000 68%);width:180px;height:180px;position:absolute;inset:auto -20% -40% auto}.warranty-wizard-topline{background:linear-gradient(90deg, var(--wizard-accent), #3366ff40, transparent 80%);height:1px;margin:-.35rem 0 1.2rem}.warranty-chip{border:1px solid #0000;align-items:center;display:inline-flex}.warranty-chip-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 24px #36f3}.warranty-chip-soft{color:var(--text-secondary);border-color:var(--glass-border);background:#ffffff0d}.warranty-status-orb{border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f}.warranty-info-tile{border:1px solid var(--soft-divider);background:#ffffff09;border-radius:14px;padding:.9rem 1rem}.warranty-progress-shell{border:1px solid var(--soft-divider);background:#ffffff08;border-radius:16px;padding:1rem}.warranty-progress-track{box-shadow:inset 0 1px 4px #0003}.warranty-date-band{border:1px solid var(--soft-divider);background:#0a142447;border-radius:16px;padding:1rem}table{border-collapse:collapse}thead tr,tbody tr{border-bottom:1px solid var(--soft-divider)}.clickable-row:hover{background:#5be0ff0f}main>.fade-in>div:first-child{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:.5rem;position:sticky;top:0}@media (width<=1200px){.premium-modal{max-height:92vh!important;padding:1.4rem!important}}@media (width<=900px){.modal-overlay{align-items:center;overflow-y:auto}.premium-modal{margin-top:0;margin-bottom:0}.app-mobile-header{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border);background:#060913d1;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:sticky;top:0}.light-mode .app-mobile-header{background:#f3f7ffe6}.app-mobile-menu-btn{border:1px solid var(--glass-border);background:var(--input-bg);width:42px;height:42px;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.app-mobile-brand{min-width:0;color:var(--text-main);flex:1;font-size:1rem}.app-sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#02061794;border:0;transition:opacity .25s;position:fixed;inset:0}.app-sidebar-backdrop.is-open{opacity:1;pointer-events:auto;display:block}.app-sidebar{border-radius:0 20px 20px 0;width:min(86vw,320px);height:100vh;margin:0;padding:1.15rem 1rem 1rem;transition:transform .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar-close-btn{border:1px solid var(--glass-border);background:var(--input-bg);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.app-main{margin-left:0;padding:1rem}.app-main-card{min-height:auto;padding:1rem}.page-header{flex-direction:column;align-items:stretch;margin-bottom:1.5rem}.page-header h1{font-size:1.55rem!important}.page-header-actions{justify-content:stretch;width:100%}.page-header-actions>*{flex:100%}.form-grid-2,.form-grid-sidebar{grid-template-columns:1fr;gap:1rem}.form-grid-2>*,.form-grid-sidebar>*{grid-column:auto!important}.actions-row{flex-direction:column;align-items:stretch}.actions-row>*{width:100%}.grid-responsive{grid-template-columns:1fr}.warranty-date-band{flex-direction:column;align-items:stretch!important}.warranty-date-band svg{align-self:center;transform:rotate(90deg)}.data-table{min-width:760px!important}main>.fade-in>div:first-child{padding-top:0;position:static}}@media (width<=640px){body{font-size:15px}.btn{width:100%;min-height:46px}.premium-modal{border-radius:16px!important;width:calc(100% - 1rem)!important;padding:1rem!important}.app-sidebar{width:min(92vw,320px);padding:1rem .85rem .85rem}.app-main{padding:.75rem}.app-main-card{padding:.85rem}.page-header-actions>*{width:100%}.warranty-wizard-card{padding:1rem!important}.app-sidebar-brand-row{margin-bottom:1.25rem!important}}.app-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:100;background:#0e1422f2;justify-content:space-around;align-items:center;height:65px;padding:0 1rem;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:10px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 5px var(--primary-glow))}.app-top-bar{z-index:90;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);background:#060913d9;justify-content:space-between;align-items:center;height:55px;padding:0 1.25rem;display:none;position:sticky;top:0}@media (width<=768px){.app-shell{flex-direction:column!important}.app-bottom-nav{display:flex}.app-top-bar{display:flex;width:100%!important}.app-main{width:100%!important;margin-left:0!important;padding:1rem .75rem 80px!important}.app-mobile-header{display:none!important}.app-main-card{border-radius:0;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.glass-card{border-radius:12px}.page-header{display:none!important}.grid-responsive{flex-direction:column;gap:1rem;display:flex}.app-sidebar,.app-sidebar-backdrop{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}