@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Share+Tech+Mono&family=Roboto+Mono:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary-font: "Inter", sans-serif;--header-font: "Outfit", sans-serif;--mono-font: "Inter", sans-serif;--bg-base: #f4f6fa;--grid-line-color: rgba(37, 99, 235, .035);--border-dark: #cbd5e1;--border-medium: #94a3b8;--border-light: #e2e8f0;--text-dark: #0f172a;--text-muted: #475569;--text-light: #ffffff;--accent-color: #2563eb;--accent-light: #f0f7ff;--accent-hover: #1d4ed8;--success-color: #10b981;--error-color: #f43f5e;--panel-bg: #ffffff;--panel-border: #cbd5e1}body{font-family:var(--primary-font);background-color:var(--bg-base);color:var(--text-dark);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-grid-paper{background-color:var(--bg-base);background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:24px 24px}.outline-panel{border:1px solid rgba(37,99,235,.1);background-color:#fff;border-radius:12px;box-shadow:0 4px 18px #00000008,0 2px 4px #2563eb05;transition:all .25s cubic-bezier(.4,0,.2,1)}.outline-panel:hover{box-shadow:0 12px 28px #2563eb0f,0 4px 12px #00000005;transform:translateY(-2px)}h1,h2,h3,h4,h5{font-family:var(--header-font);color:var(--text-dark);font-weight:700;letter-spacing:-.02em}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--primary-font);border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;background-color:#fff;color:var(--text-dark);font-weight:500;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem;box-shadow:0 1px 2px #00000005}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb26}input[readonly],textarea[readonly]{background-color:#f8fafc;color:var(--text-muted);border-color:#e2e8f0;cursor:not-allowed}input[type=checkbox],input[type=radio]{cursor:pointer;accent-color:var(--accent-color);width:16px;height:16px;vertical-align:middle}.invoice-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:10px;font-family:var(--primary-font);border:1px solid var(--border-light);border-radius:8px;overflow:visible;box-shadow:0 1px 3px #00000005}.invoice-table th{background-color:#f8fafc;color:var(--text-muted);font-family:var(--header-font);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;text-align:left}.invoice-table th:last-child{border-right:none}.invoice-table td{padding:0;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;background-color:#fff}.invoice-table td:last-child{border-right:none}.invoice-table tr:last-child td{border-bottom:none}.invoice-table td input,.invoice-table td select{width:100%;border:none;border-radius:0;padding:12px 14px;background-color:transparent;box-shadow:none;font-size:.92rem}.invoice-table td input:focus,.invoice-table td select:focus{box-shadow:inset 0 -2px 0 var(--accent-color);background-color:#f8fafc}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.switch-input{position:absolute;opacity:0;width:0;height:0}.switch-slider{width:42px;height:22px;background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:9999px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;box-shadow:0 1px 3px #00000026;transition:transform .2s cubic-bezier(.4,0,.2,1)}.switch-input:checked+.switch-slider{background-color:var(--accent-color);border-color:var(--accent-color)}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.btn{font-family:var(--header-font);font-weight:600;padding:10px 18px;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000000d;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background-color:#fff;color:var(--accent-color);border:1px solid rgba(37,99,235,.25)}.btn-primary:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid transparent;box-shadow:0 2px 6px #10b98126}.btn-success:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 14px #10b9814d}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border:1px solid transparent;box-shadow:0 2px 6px #f43f5e26}.btn-danger:hover{background:linear-gradient(135deg,#fda4af,#f43f5e);box-shadow:0 4px 14px #f43f5e4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a59;border-radius:8px;overflow-y:auto;z-index:9999;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d;border:1px solid rgba(37,99,235,.12);display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background-color:#fff;border:1px solid rgba(37,99,235,.1);border-radius:12px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-content input:not([type=checkbox]):not([type=radio]),.modal-content select,.modal-content textarea{width:100%!important}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.suggestions-dropdown{background-color:#fff;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 10px 25px -3px #0000001f,0 4px 6px -2px #0000000f;overflow-y:auto;overflow-x:hidden}.suggestion-item{padding:10px 14px;cursor:pointer;font-weight:500;border-bottom:1px solid #f1f5f9;transition:background-color .15s ease;color:var(--text-dark);font-size:.92rem}.suggestion-item:hover{background-color:var(--accent-light);color:var(--accent-color)}.suggestion-item.create-new{background-color:var(--accent-light);color:var(--accent-color);font-weight:600}.suggestion-item.create-new:hover{background-color:#bfdbfe}@media print{html,body,#root,.app-shell,.main-layout-container,.main-content,.main-content>div{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important;position:static!important;padding:0!important;margin:0!important}body{background-color:#fff;background-image:none;color:#000}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#report-print-preview-modal-container{width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important;border:none!important}.sidebar,.btn,.switch,button,.action-column,.app-footer{display:none!important}.main-content *:not(:has(.print-section)):not(.print-section):not(.print-section *){display:none!important}.main-content{width:100%}.outline-panel:not(.print-section):not(.print-section *){border:none;box-shadow:none;padding:0!important;margin:0!important;background-color:transparent}.invoice-table td input{border:none!important;background:transparent!important;padding:0!important}.print-header{display:block!important;margin-bottom:20px}}.print-header{display:none}.app-shell{display:flex;min-height:100vh;transition:all .3s ease}.top-navbar{height:60px;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1.5px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;width:100%}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-right{display:flex;align-items:center;gap:20px}.breadcrumbs{font-family:var(--header-font);font-size:.9rem;font-weight:600;color:var(--text-muted)}.breadcrumbs span.active{color:var(--accent-color)}.user-avatar-chip{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:9999px;border:1px solid var(--border-light);cursor:pointer;background-color:#fff;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.user-avatar-chip:hover{background-color:var(--accent-light);border-color:#2563eb33}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:180px;background-color:#fff;border:1px solid var(--border-dark);border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:8px 0;z-index:200;animation:dropdownFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:8px 16px;display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-dark);font-weight:500;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background-color:#f1f5f9;color:var(--error-color)}.sidebar{width:260px;min-width:260px;max-width:260px;background-color:#fff;border-right:1.5px solid var(--border-light);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:101;overflow:hidden}.sidebar.collapsed{width:70px;min-width:70px;max-width:70px}.sidebar-header{height:60px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1.5px solid var(--border-light);flex-shrink:0;transition:padding .3s ease}.sidebar.collapsed .sidebar-header{padding:0;justify-content:center}.sidebar-logo-icon{color:var(--accent-color);flex-shrink:0;transition:transform .3s ease}.sidebar:not(.collapsed):hover .sidebar-logo-icon{transform:rotate(10deg)}.sidebar-brand{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;transition:opacity .2s ease,width .2s ease;width:auto;opacity:1}.sidebar.collapsed .sidebar-brand{opacity:0;width:0;pointer-events:none}.sidebar-brand h2{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-dark);line-height:1.2}.sidebar-brand span{font-size:.7rem;color:var(--text-muted);font-weight:500}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;width:100%}.nav-link svg{color:var(--text-muted);transition:color .2s ease,transform .2s ease}.nav-link:hover{background-color:var(--accent-light);color:var(--accent-color)}.nav-link:hover svg{color:var(--accent-color);transform:scale(1.05)}.nav-link.active{background-color:var(--accent-light);color:var(--accent-color)}.nav-link.active svg{color:var(--accent-color)}.sidebar.collapsed .nav-link{justify-content:center!important;padding:12px 0;width:100%!important;margin:0!important;border-radius:8px}.sidebar.collapsed .nav-link span{display:none!important}.sidebar.collapsed .nav-link>div{justify-content:center!important;gap:0!important;width:100%}.sidebar-divider{height:1.5px;background-color:var(--border-light);margin:10px 4px;flex-shrink:0}.business-date-container{border-top:1.5px solid var(--border-light)!important;background-color:#f8fafc;color:var(--text-muted);flex-shrink:0;transition:all .3s ease}.sidebar.collapsed .business-date-container{padding:12px 0!important;align-items:center!important}.sidebar.collapsed .business-date-container span{display:none!important}.sidebar.collapsed .business-date-container>div{justify-content:center!important;width:100%}.main-layout-container{display:flex;flex-direction:column;flex-grow:1;min-height:100vh;position:relative;transition:padding-left .3s ease;min-width:0;overflow-x:hidden}.login-container{min-height:100vh;width:100vw;display:flex;background-color:var(--bg-base);position:relative;overflow:hidden;margin:0;padding:0}.login-form-column{width:40%;min-width:420px;background-color:var(--bg-base);background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:24px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;z-index:10;border-right:1px solid var(--border-light);animation:loginFadeInLeft .8s cubic-bezier(.16,1,.3,1)}@media(max-width:868px){.login-form-column{width:100%;min-width:100%;border-right:none;padding:24px}}@keyframes loginFadeInLeft{0%{opacity:0;transform:translate(-35px)}to{opacity:1;transform:translate(0)}}.login-form-card{width:100%;max-width:340px;background-color:#fff;border:1px solid rgba(37,99,235,.12);border-radius:16px;padding:36px 30px;box-shadow:0 10px 30px #2563eb0a,0 1px 3px #00000005;display:flex;flex-direction:column;gap:20px;animation:loginCardSlideUp .6s cubic-bezier(.16,1,.3,1);transition:all .25s ease}.login-form-card:hover{box-shadow:0 15px 35px #2563eb14;transform:translateY(-2px)}@keyframes loginCardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-container{display:flex;justify-content:center;margin-bottom:10px;transition:transform .3s ease}.login-logo-container:hover{transform:scale(1.03)}.login-logo-img{height:52px;max-width:100%;object-fit:contain}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color .2s ease,transform .2s ease}.login-input-field{width:100%!important;background-color:#fff!important;border:1px solid var(--border-dark)!important;color:var(--text-dark)!important;padding:12px 14px 12px 42px!important;font-size:.92rem!important;height:44px!important;border-radius:8px!important;outline:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.login-input-field::placeholder{color:#94a3b8}.login-input-field:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #2563eb26!important;background-color:#fff!important}.login-input-field:focus+.login-input-icon{color:var(--accent-color);transform:scale(1.05)}.login-eye-toggle{position:absolute;right:14px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:0;transition:color .2s ease}.login-eye-toggle:hover{color:var(--accent-color)}.login-submit-btn{background-color:var(--accent-color)!important;border:1px solid var(--accent-color)!important;color:#fff!important;font-weight:700!important;font-size:.95rem!important;height:44px!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #2563eb33!important}.login-submit-btn:hover:not(:disabled){background-color:var(--accent-hover)!important;border-color:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d!important}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-policy-container{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-top:5px}.login-policy-checkbox{cursor:pointer;accent-color:var(--accent-color);width:15px;height:15px}.login-policy-text{cursor:pointer;font-weight:600;transition:color .2s ease}.login-policy-text:hover{color:var(--accent-color)}.login-video-column{width:60%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9}@media(max-width:868px){.login-video-column{display:none}}.login-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.login-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#f4f6fa0d,#f4f6fab3);z-index:2}.login-center-logo{z-index:3;width:48%;max-width:380px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(37,99,235,.15));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 10px 20px rgba(37,99,235,.15))}50%{transform:scale(1.025);filter:drop-shadow(0 15px 30px rgba(37,99,235,.3))}}.login-demo-box{margin-top:10px;padding:12px;border-radius:8px;background-color:var(--accent-light);border:1px solid rgba(37,99,235,.1);font-size:.75rem;color:var(--accent-color);font-weight:600;text-align:center;transition:all .2s ease}.login-demo-box:hover{background-color:#2563eb14}.login-demo-title{font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:6px;color:var(--accent-color)}.login-demo-row{display:flex;justify-content:center;gap:12px;margin-top:3px}.login-demo-code{font-family:var(--mono-font);font-weight:700;background-color:#2563eb14;padding:1px 5px;border-radius:4px;color:var(--accent-color)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.metric-card{padding:20px;background-color:#fff;border-radius:12px;border:1px solid rgba(37,99,235,.08);box-shadow:0 4px 12px #00000004;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb0f;border-color:#2563eb33}.metric-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--card-accent, var(--accent-color))}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.metric-value{font-family:var(--header-font);font-size:1.8rem;font-weight:800;color:var(--text-dark);line-height:1.1}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:992px){.chart-grid{grid-template-columns:1fr}}.chart-panel{padding:24px;background-color:#fff;border-radius:12px;border:1px solid rgba(37,99,235,.08);box-shadow:0 4px 12px #00000004}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.svg-chart-container{width:100%;height:280px;position:relative}.chart-tooltip{position:absolute;background-color:#0f172af2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:600;pointer-events:none;box-shadow:0 4px 12px #00000026;z-index:10;border:1px solid rgba(255,255,255,.1);transition:opacity .15s ease}.info-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.info-row-grid{grid-template-columns:1fr}}.table-scroll-container{height:280px;overflow-y:auto;border:1px solid var(--border-light);border-radius:8px;background-color:#fff;margin-bottom:24px}.table-scroll-container .invoice-table{margin-top:0;border:none;box-shadow:none}.table-scroll-container thead th{position:sticky;top:0;z-index:20;background-color:#f8fafc;box-shadow:inset 0 -1.5px #e2e8f0}@media print{body *{visibility:hidden}.print-section,.print-section *{visibility:visible}.print-section{position:relative!important;left:0;top:0;width:100%}@page{margin:0}}.app-footer{height:40px;background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1.5px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;bottom:0;z-index:100;width:100%;font-size:.78rem;color:var(--text-muted);box-sizing:border-box}.app-footer a{color:var(--accent-color);text-decoration:none;font-weight:600}.app-footer a:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.submenu-animate{animation:slideDown .2s cubic-bezier(.4,0,.2,1) forwards}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.flex-\[1\.5\]{flex:1.5 1.5 0%}.max-w-md{max-width:28rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.p-1{padding:4px}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-4{padding-top:16px;padding-bottom:16px}.py-8{padding-top:32px;padding-bottom:32px}.py-10{padding-top:40px;padding-bottom:40px}.py-16{padding-top:64px;padding-bottom:64px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pr-10{padding-right:40px}.pr-12{padding-right:48px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-10{margin-top:40px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-10{margin-bottom:40px}.font-sans{font-family:Inter,sans-serif}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bg-white{background-color:#fff}.bg-white\/80{background-color:#fffc}.bg-stone-50{background-color:#fafaf9}.bg-stone-50\/50{background-color:#fafaf980}.bg-stone-100{background-color:#f5f5f4}.bg-stone-900{background-color:#1c1917}.bg-amber-600{background-color:#ca8a04}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.text-stone-900{color:#1c1917}.text-stone-800{color:#292524}.text-stone-700{color:#44403c}.text-stone-600{color:#57534e}.text-stone-500{color:#78716c}.text-stone-400{color:#a8a29e}.text-stone-300{color:#d6d3d1}.text-white{color:#fff}.text-amber-600{color:#ca8a04}.text-amber-500{color:#f59e0b}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.border{border:1px solid #e7e5e4}.border-t{border-top:1px solid #e7e5e4}.border-b{border-bottom:1px solid #e7e5e4}.border-none{border:none!important}.border-stone-100{border-color:#f5f5f4}.border-stone-200{border-color:#e7e5e4}.border-stone-200\/30{border-color:#e7e5e44d}.border-stone-200\/50{border-color:#e7e5e480}.border-stone-200\/60{border-color:#e7e5e499}.border-stone-200\/80{border-color:#e7e5e4cc}.border-stone-300{border-color:#d6d3d1}.border-green-200\/50{border-color:#bbf7d080}.border-red-200\/50{border-color:#fecaca80}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-3{top:12px}.top-4{top:16px}.left-3{left:12px}.left-4{left:16px}.-top-1{top:-4px}.-right-1{right:-4px}.z-\[1000\]{z-index:1000}.z-\[1001\]{z-index:1001}.w-5{width:20px}.h-5{height:20px}.w-9{width:36px}.h-9{height:36px}.h-11{height:44px}.w-12{width:48px}.h-\[150px\]{height:150px}.h-\[300px\]{height:300px}.h-\[340px\]{height:340px}.h-\[360px\]{height:360px}.min-h-\[300px\]{min-height:300px}.max-h-\[420px\]{max-height:420px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-pointer{cursor:pointer}.hover\:underline:hover{text-decoration:underline}.hover\:text-amber-600:hover{color:#ca8a04}.hover\:text-amber-500:hover{color:#f59e0b}.hover\:bg-stone-50:hover{background-color:#fafaf9}.hover\:bg-stone-100:hover{background-color:#f5f5f4}.hover\:bg-stone-200:hover{background-color:#e7e5e4}.hover\:bg-stone-900:hover{background-color:#1c1917}.hover\:bg-amber-600:hover{background-color:#ca8a04}.hover\:bg-amber-500:hover{background-color:#eab308}.hover\:border-stone-300:hover{border-color:#d6d3d1}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.focus\:bg-white:focus{background-color:#fff}.focus\:border-amber-600:focus{border-color:#ca8a04}.focus\:ring-4:focus{box-shadow:0 0 0 4px #ca8a0426}.focus\:outline-none:focus{outline:none}.disabled\:bg-stone-100:disabled{background-color:#f5f5f4!important}.disabled\:text-stone-400:disabled{color:#a8a29e!important}.active\:scale-95:active{transform:scale(.95)}.group:hover .group-hover\:scale-\[1\.02\]{transform:scale(1.02)}.group:hover .group-hover\:text-amber-600{color:#ca8a04}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gradient-from, transparent),var(--gradient-to, transparent))}.from-stone-900{--gradient-from: #1c1917;--gradient-to: rgba(28, 25, 23, 0)}.via-stone-800{background-image:linear-gradient(to right,#1c1917,#292524,#ca8a04)}.to-amber-600{--gradient-to: #ca8a04}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent!important;-webkit-text-fill-color:transparent}.animate-pulse{animation:storePulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes storePulse{0%,to{opacity:1}50%{opacity:.5}}.animate-scale-in{animation:storeScaleIn .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes storeScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:storeSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes storeSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.shrink-0{flex-shrink:0!important}.w-16{width:64px!important}.h-16{height:64px!important}.w-7{width:28px!important}.h-7{height:28px!important}.w-10{width:40px!important}.h-10{height:40px!important}.z-\[10000\]{z-index:10000!important}@media(min-width:640px){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.2fr_1\.8fr\]{grid-template-columns:1.2fr 1.8fr}.md\:grid-cols-\[1\.6fr_1\.4fr\]{grid-template-columns:1.6fr 1.4fr}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr}}.store-detail-layout{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.store-detail-layout{grid-template-columns:1.2fr 1.8fr}}.store-checkout-layout{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:768px){.store-checkout-layout{grid-template-columns:1.6fr 1.4fr}}.store-admin-layout{display:grid;grid-template-columns:1fr;gap:25px}@media(min-width:1024px){.store-admin-layout{grid-template-columns:1.2fr .8fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.product-catalog-card{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.product-catalog-card:hover:not([style*="cursor: not-allowed"]){transform:translateY(-2px)!important;border-color:var(--accent-color)!important;box-shadow:0 6px 20px #2563eb1f,0 2px 4px #2563eb0a!important}