[data-layout=compact]{--layout-sidebar-width: 56px;--layout-sidebar-expanded-width: 200px;--layout-card-radius: 4px;--layout-card-padding: .625rem;--layout-card-border: none;--layout-card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--layout-font-size-base: .8125rem;--layout-font-size-sm: .75rem;--layout-table-row-height: 1.75rem;--layout-input-padding: .3rem .5rem;--layout-gap: .625rem;--layout-btn-radius: 3px;--layout-btn-padding: .3rem .625rem;--header-height: 44px}[data-layout=compact] .app-sidebar{width:var(--layout-sidebar-width)!important;overflow:hidden;transition:width .2s ease}[data-layout=compact] .app-sidebar:hover{width:var(--layout-sidebar-expanded-width)!important;box-shadow:4px 0 12px #00000026;z-index:20}[data-layout=compact] .app-sidebar .nav-label{opacity:0;width:0;overflow:hidden;transition:opacity .15s ease,width .2s ease}[data-layout=compact] .app-sidebar:hover .nav-label{opacity:1;width:auto}[data-layout=compact] .app-sidebar .sidebar-nav a{justify-content:center;padding:.5rem;gap:0}[data-layout=compact] .app-sidebar:hover .sidebar-nav a{justify-content:flex-start;padding:.5rem .75rem;gap:.5rem}[data-layout=compact] .app-sidebar .nav-icon{font-size:1.125rem;width:24px;opacity:1}[data-layout=compact] .app-sidebar:hover .nav-icon{font-size:.875rem;width:20px}[data-layout=compact] .app-sidebar .sidebar-section-label{opacity:0;transition:opacity .15s ease}[data-layout=compact] .app-sidebar:hover .sidebar-section-label{opacity:1}[data-layout=compact] .sidebar-header span,[data-layout=compact] .sidebar-header h3{opacity:0;transition:opacity .15s ease}[data-layout=compact] .app-sidebar:hover .sidebar-header span,[data-layout=compact] .app-sidebar:hover .sidebar-header h3{opacity:1}[data-layout=compact] .sidebar-user>div,[data-layout=compact] .sidebar-user button{opacity:0;height:0;overflow:hidden;margin:0;padding:0;transition:opacity .15s ease}[data-layout=compact] .app-sidebar:hover .sidebar-user>div,[data-layout=compact] .app-sidebar:hover .sidebar-user button{opacity:1;height:auto;overflow:visible;margin:initial;padding:initial}[data-layout=compact] .app-main{margin-left:var(--layout-sidebar-width)!important;transition:margin-left .2s ease}[data-layout=compact] body,[data-layout=compact] .app-content{font-size:var(--layout-font-size-base)}[data-layout=compact] .card,[data-layout=compact] [style*=card-bg]{border:var(--layout-card-border)!important;box-shadow:var(--layout-card-shadow)!important;border-radius:var(--layout-card-radius)!important;padding:var(--layout-card-padding)}[data-layout=compact] table td,[data-layout=compact] table th{padding:.25rem .5rem!important;font-size:var(--layout-font-size-sm)}[data-layout=compact] .btn{padding:var(--layout-btn-padding)!important;font-size:var(--layout-font-size-sm)!important;border-radius:var(--layout-btn-radius)!important}[data-layout=compact] .form-input,[data-layout=compact] select.form-input{padding:var(--layout-input-padding)!important;font-size:var(--layout-font-size-sm)!important;border-radius:var(--layout-btn-radius)!important}[data-layout=compact] .page-header h2{font-size:1.125rem}[data-layout=compact] .page-header p{font-size:var(--layout-font-size-sm);margin-top:.125rem}[data-layout=compact] .grid-responsive-2,[data-layout=compact] .grid-responsive-3,[data-layout=compact] .grid-responsive-4{gap:var(--layout-gap)!important}[data-layout=compact] .stat-grid{gap:var(--layout-gap)}[data-layout=compact] .app-header{height:var(--header-height);min-height:var(--header-height)}@media(max-width:768px){[data-layout=compact] .app-sidebar{width:240px!important}[data-layout=compact] .app-sidebar .sidebar-nav a span,[data-layout=compact] .app-sidebar .sidebar-nav a .nav-label,[data-layout=compact] .app-sidebar .sidebar-section-label,[data-layout=compact] .sidebar-header span,[data-layout=compact] .sidebar-header h3,[data-layout=compact] .sidebar-user .user-name,[data-layout=compact] .sidebar-user .user-role,[data-layout=compact] .sidebar-user .logout-btn span{opacity:1!important}[data-layout=compact] .app-main{margin-left:0!important}}[data-layout=modern]{--layout-card-radius: 16px;--layout-card-padding: 1.5rem;--layout-card-border: 1px solid rgba(255, 255, 255, .18);--layout-card-shadow: 0 8px 32px rgba(0, 0, 0, .08);--layout-card-backdrop: blur(12px);--layout-font-size-base: .9375rem;--layout-gap: 1.25rem;--layout-btn-radius: 9999px;--layout-btn-padding: .5rem 1.25rem;--layout-input-padding: .625rem 1rem;--layout-table-row-height: 2.5rem;--layout-transition: .25s cubic-bezier(.4, 0, .2, 1)}[data-layout=modern] .card,[data-layout=modern] [style*="border: 1px solid var(--border-color)"],[data-layout=modern] [style*=card-bg]{border-radius:var(--layout-card-radius)!important;box-shadow:var(--layout-card-shadow)!important;backdrop-filter:var(--layout-card-backdrop);-webkit-backdrop-filter:var(--layout-card-backdrop);transition:transform var(--layout-transition),box-shadow var(--layout-transition)!important}[data-layout=modern] .card:hover,[data-layout=modern] .stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f!important}[data-layout=modern] .app-sidebar{border-radius:0 20px 20px 0;box-shadow:4px 0 24px #0000001a;overflow:hidden}[data-layout=modern] .btn{border-radius:var(--layout-btn-radius)!important;padding:var(--layout-btn-padding)!important;transition:all var(--layout-transition)!important;font-weight:600}[data-layout=modern] .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}[data-layout=modern] .form-input,[data-layout=modern] select.form-input{border-radius:12px!important;padding:var(--layout-input-padding)!important;transition:border-color var(--layout-transition),box-shadow var(--layout-transition)!important}[data-layout=modern] .form-input:focus{box-shadow:0 0 0 3px #00d4ff26}[data-layout=modern] .page-header{padding-bottom:1rem;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--brand-accent),var(--brand-primary)) 1;margin-bottom:1.5rem}[data-layout=modern] .page-header h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}[data-layout=modern] .app-content{padding:2rem!important}[data-layout=modern] .grid-responsive-2,[data-layout=modern] .grid-responsive-3,[data-layout=modern] .grid-responsive-4{gap:var(--layout-gap)!important}[data-layout=modern] table{border-radius:12px;overflow:hidden}[data-layout=modern] table th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em}[data-layout=modern] table td{padding:.625rem .75rem!important}[data-layout=modern] .sidebar-nav a{border-radius:8px!important;margin:2px 8px;transition:all var(--layout-transition)!important}[data-layout=modern] .sidebar-nav a.active{border-left:none!important;background:#00d4ff26!important;font-weight:600}[data-layout=modern] .stat-grid{gap:var(--layout-gap)}[data-layout=modern] .app-main{transition:margin-left .3s ease}[data-layout=modern] .admin-tabs button{border-radius:9999px!important;padding:.5rem 1.25rem!important;transition:all var(--layout-transition)!important}@media(max-width:768px){[data-layout=modern] .app-sidebar{border-radius:0}[data-layout=modern] .app-content{padding:1rem!important}[data-layout=modern] .page-header h2{font-size:1.25rem}}[data-layout=mobile]{--layout-card-radius: .5rem;--layout-card-padding: 1rem;--layout-font-size-base: 1rem;--layout-gap: .75rem;--layout-btn-radius: .375rem;--layout-btn-padding: .75rem 1rem;--layout-input-padding: .75rem;--layout-table-row-height: 2.75rem}[data-layout=mobile] .app-sidebar{transform:translate(-100%);position:fixed;z-index:15;width:280px!important;transition:transform .25s ease}[data-layout=mobile] .app-sidebar.sidebar-open{transform:translate(0)}[data-layout=mobile] .app-main{margin-left:0!important;width:100%}[data-layout=mobile] .sidebar-toggle{display:flex!important}[data-layout=mobile] .grid-responsive-2,[data-layout=mobile] .grid-responsive-3,[data-layout=mobile] .grid-responsive-4{grid-template-columns:1fr!important}[data-layout=mobile] .stat-grid{grid-template-columns:1fr 1fr!important;gap:var(--layout-gap)}[data-layout=mobile] .app-content{padding:1rem!important;max-width:100%}[data-layout=mobile] .btn{min-height:2.75rem;padding:var(--layout-btn-padding)!important;font-size:1rem!important}[data-layout=mobile] .form-input,[data-layout=mobile] select.form-input{min-height:2.75rem;padding:var(--layout-input-padding)!important;font-size:1rem!important}[data-layout=mobile] .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}[data-layout=mobile] table td,[data-layout=mobile] table th{padding:.5rem!important;white-space:nowrap}[data-layout=mobile] .catalog-layout{grid-template-columns:1fr!important}[data-layout=mobile] .page-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem}[data-layout=mobile] .page-header h2{font-size:1.25rem}[data-layout=mobile] [style*="position: fixed"]>div{max-width:95vw!important;width:95vw!important}[data-layout=mobile] .admin-tabs{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}[data-nav=top] .app-sidebar{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%!important;height:auto!important;min-height:auto;flex-direction:row;z-index:12;overflow:visible;border-radius:0!important}[data-nav=top] .sidebar-header{display:none}[data-nav=top] .sidebar-nav{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;padding:0 .5rem;gap:0;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch}[data-nav=top] .sidebar-nav a{padding:.5rem .75rem;white-space:nowrap;border-left:none!important;font-size:.8125rem}[data-nav=top] .sidebar-nav a.active{border-left:none!important;border-bottom:2px solid var(--brand-accent);background:transparent!important}[data-nav=top] .nav-icon{font-size:.75rem;width:16px}[data-nav=top] .sidebar-section-label{display:none!important}[data-nav=top] .sidebar-nav>div[style*=border-top]{border-top:none!important;border-left:1px solid var(--gray-700);margin:0 .25rem;padding:0;height:20px;width:1px}[data-nav=top] .sidebar-section{display:contents}[data-nav=top] .sidebar-section-toggle{display:none}[data-nav=top] .sidebar-section-items{display:contents!important}[data-nav=top] .sidebar-user{display:none}[data-nav=top] .app-main{margin-left:0!important;margin-top:48px}[data-nav=top] .sidebar-toggle,[data-nav=top] .sidebar-overlay{display:none!important}[data-nav=top] .app-sidebar{transform:none!important;display:flex!important}[data-layout=compact][data-nav=top] .nav-label{opacity:1!important;width:auto!important}[data-layout=compact][data-nav=top] .app-sidebar{width:100%!important}[data-layout=compact][data-nav=top] .sidebar-nav a{justify-content:flex-start!important;padding:.375rem .625rem!important;gap:.375rem!important}[data-layout=modern][data-nav=top] .app-sidebar{border-radius:0!important;box-shadow:0 2px 12px #0000001a!important}[data-layout=modern][data-nav=top] .sidebar-nav a{border-radius:9999px!important;margin:4px 2px}[data-layout=mobile][data-nav=top] .sidebar-nav{flex-wrap:wrap}[data-layout=mobile][data-nav=top] .sidebar-nav a{font-size:.875rem;padding:.5rem .625rem}[data-layout=mobile][data-nav=top] .app-main{margin-top:auto}@media(max-width:1024px){[data-nav=top] .sidebar-nav{flex-wrap:nowrap;overflow-x:auto}}@media(max-width:768px){[data-nav=top] .app-sidebar{position:fixed;top:0;left:0;right:auto;bottom:0;width:280px!important;height:100%!important;flex-direction:column;transform:translate(-100%)}[data-nav=top] .app-sidebar.sidebar-open{transform:translate(0)}[data-nav=top] .sidebar-header{display:flex}[data-nav=top] .sidebar-nav{flex-direction:column;flex-wrap:nowrap;overflow-x:visible}[data-nav=top] .sidebar-nav a{white-space:normal}[data-nav=top] .sidebar-user{display:block}[data-nav=top] .sidebar-toggle{display:flex!important}[data-nav=top] .app-main{margin-top:0;margin-left:0!important}}:root{--brand-primary: #0f1d33;--brand-accent: #00d4ff;--brand-accent-hover: #00b4d8;--brand-accent-light: #e0f7ff;--sidebar-width: 240px;--sidebar-collapsed-width: 52px;--header-height: 56px;--sidebar-bg: #111827;--sidebar-text: #d1d5db;--sidebar-active-bg: rgba(255, 255, 255, .1);--header-bg: #ffffff;--body-bg: #f9fafb;--card-bg: #ffffff;--input-bg: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--font-body: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 1rem;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--status-draft: #6b7280;--status-pending: #f59e0b;--status-approved: #10b981;--status-rejected: #ef4444;--status-sent: #3b82f6;--status-won: #059669;--status-lost: #dc2626;--alert-error-bg: #fee2e2;--alert-error-text: #991b1b;--alert-warning-bg: #fef3c7;--alert-warning-text: #92400e;--alert-success-bg: #d1fae5;--alert-success-text: #065f46;--alert-info-bg: #dbeafe;--alert-info-text: #1e40af;--action-danger: #dc2626;--action-danger-hover: #b91c1c;--path-quote-bg: #dbeafe;--path-quote-color: #1e40af;--path-proposal-bg: #d1fae5;--path-proposal-color: #065f46}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background:var(--body-bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand-accent);text-decoration:none}a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.125rem;color:var(--gray-500)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10;transition:width .2s ease;overflow:hidden}.app-sidebar.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.app-sidebar.sidebar-collapsed .sidebar-nav a,.app-sidebar.sidebar-collapsed .sidebar-nav a>*{justify-content:center;padding-left:0;padding-right:0}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.sidebar-header{padding:1rem;background:var(--brand-primary);display:flex;align-items:center;gap:.75rem;min-height:var(--header-height)}.sidebar-header img{height:32px;width:auto}.sidebar-header h1{font-size:.875rem;font-weight:600;line-height:1.2}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:var(--sidebar-text);font-size:.875rem;transition:background .15s,color .15s;text-decoration:none}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;font-size:.875rem;opacity:.7}.sidebar-nav a:hover .nav-icon,.sidebar-nav a.active .nav-icon{opacity:1}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--sidebar-active-bg);color:#fff}.sidebar-nav a.active{border-left:3px solid var(--brand-accent)}.sidebar-user{padding:1rem;border-top:1px solid var(--gray-700);font-size:.8125rem;color:var(--gray-400)}.sidebar-user strong{display:block;color:#fff;font-size:.875rem}.app-main{flex:1;margin-left:var(--sidebar-width)}.app-header{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:5}.app-content{padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.page-header p{color:var(--text-secondary);margin-top:.25rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.25}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--gray-50)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.form-input{width:100%;padding:.5rem .75rem;font-size:.875rem;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #00d4ff1a}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--body-bg)}.login-card{background:var(--card-bg);border-radius:.75rem;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 24px #00000014}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo img{height:48px}.login-card h2{text-align:center;font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.login-error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-draft{background:#f3f4f6;color:#4b5563}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-sent{background:#dbeafe;color:#1e40af}.badge-won{background:#d1fae5;color:#065f46}.badge-lost{background:#fee2e2;color:#991b1b}.badge-revised{background:#e0e7ff;color:#3730a3}.badge-cancelled{background:#f3f4f6;color:#6b7280}.badge-expired{background:#fef3c7;color:#78350f}.badge-revision-requested{background:#fce7f3;color:#9d174d}.docs-content p{font-size:.875rem;color:var(--gray-700);line-height:1.6;margin-bottom:.5rem}.docs-list{list-style:none;padding:0;margin:.5rem 0}.docs-list li{font-size:.875rem;color:var(--gray-700);line-height:1.6;padding:.25rem 0 .25rem 1.25rem;position:relative}.docs-list li:before{content:"•";color:var(--brand-accent);font-weight:700;position:absolute;left:.25rem}.docs-numbered-list{list-style:none;padding:0;margin:.5rem 0;counter-reset:docs-counter}.docs-numbered-list li{font-size:.875rem;color:var(--gray-700);line-height:1.6;padding:.375rem 0;display:flex;align-items:center;gap:.75rem}.docs-table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.8125rem}.docs-table th{background:var(--gray-50);border:1px solid var(--gray-200);padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--gray-700);font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.docs-table td{border:1px solid var(--gray-200);padding:.5rem .75rem;color:var(--gray-700);vertical-align:top}.docs-table tbody tr:hover{background:var(--gray-50)}.docs-steps{list-style:none;padding:0;margin:.75rem 0}.docs-steps li{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem}.docs-step-number{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-top:.125rem}.docs-step-content{flex:1;font-size:.875rem;color:var(--gray-700);line-height:1.6}.docs-card-link{display:block;background:#fff;border:1px solid var(--gray-200);border-radius:.5rem;padding:1rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;width:100%;font-family:inherit}.docs-card-link:hover{border-color:var(--brand-accent);box-shadow:0 2px 8px #00000014}.docs-inline-link{background:none;border:none;color:var(--brand-accent);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.docs-inline-link:hover{opacity:.8}.docs-help-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--gray-400);text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;transition:color .15s,background .15s}.docs-help-link:hover{color:var(--brand-accent);background:var(--gray-50);text-decoration:none}.tiptap{outline:none;min-height:400px;font-family:Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.5}.tiptap p{margin:.25rem 0}.tiptap h1{font-size:1.5rem;margin:.75rem 0 .25rem}.tiptap h2{font-size:1.25rem;margin:.5rem 0 .25rem}.tiptap h3{font-size:1.1rem;margin:.5rem 0 .25rem}.tiptap ul,.tiptap ol{padding-left:1.5rem}.tiptap blockquote{border-left:3px solid var(--gray-300);padding-left:.75rem;color:var(--gray-600)}.tiptap table{border-collapse:collapse;width:100%;margin:.5rem 0}.tiptap th,.tiptap td{border:1px solid var(--gray-200);padding:.375rem .5rem}.tiptap th{background:var(--gray-50);font-weight:600}.tiptap img{max-width:100%;height:auto}.tiptap hr{border:none;border-top:1px solid var(--gray-200);margin:.75rem 0}.tiptap code{background:var(--gray-100);padding:.125rem .25rem;border-radius:3px;font-size:.8125rem}.tiptap .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--gray-400);pointer-events:none;height:0}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 16px #0000001f;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out;max-width:400px}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.toast-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.toast-success .toast-icon{background:#16a34a}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-error .toast-icon{background:#dc2626}.toast-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.toast-warning .toast-icon{background:#f59e0b}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast-info .toast-icon{background:#3b82f6}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--brand-accent);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-center{display:flex;align-items:center;justify-content:center;padding:3rem;gap:.75rem;color:var(--gray-500);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;max-width:420px;width:90vw;box-shadow:0 8px 32px #00000026}.confirm-modal h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.confirm-modal p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.sidebar-toggle{display:none;background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.sidebar-overlay{display:none}@media(max-width:1024px){.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr 1fr!important}}@media(max-width:768px){.sidebar-toggle{display:block}.app-sidebar{transform:translate(-100%);transition:transform .25s ease}.app-sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:9;animation:fade-in .2s ease-out}.app-main{margin-left:0}.app-content{padding:1rem}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem}.grid-responsive,.grid-responsive-2,.grid-responsive-3,.grid-responsive-4,.catalog-layout{grid-template-columns:1fr!important}.catalog-layout .card{position:static!important;max-height:200px;overflow-y:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.table-responsive table{min-width:600px}.modal-content,[class*=modal]>div:first-child{max-width:95vw!important;width:95vw!important;max-height:90vh;overflow-y:auto}.card{padding:1rem}.btn{min-height:2.75rem;padding:.625rem 1rem}.login-card{margin:1rem;padding:1.5rem}.toast-container{right:.5rem;left:.5rem}.toast{max-width:100%}.recharts-responsive-container{min-height:200px}.stat-grid{grid-template-columns:1fr 1fr!important}.admin-tabs{flex-wrap:wrap!important;gap:.25rem!important}.admin-tabs button{flex:1 1 auto;min-width:0;padding:.5rem .625rem!important;font-size:.75rem!important}.form-input,select.form-input{max-width:100%!important}.flex-responsive{flex-direction:column!important;align-items:stretch!important}.theme-grid{grid-template-columns:1fr 1fr!important}.analytics-header{flex-direction:column!important;gap:.75rem!important;align-items:stretch!important}.catalog-search{flex-direction:column!important;align-items:stretch!important}.catalog-search .form-input{max-width:100%!important}.product-editor-modal{width:95vw!important;max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important}.product-editor-modal table{min-width:280px}.brand-bar{padding:.25rem .625rem!important;gap:.5rem!important}.brand-bar img{height:22px!important}.brand-bar span{font-size:.6875rem!important}.brand-bar select{font-size:.75rem!important;padding:.125rem .375rem!important}}@media(max-width:480px){.app-content{padding:.75rem}.page-header h2{font-size:1.25rem}.stat-grid,.theme-grid{grid-template-columns:1fr!important}.docs-table th,.docs-table td{padding:.375rem .5rem;font-size:.75rem}.action-buttons{flex-direction:column!important;gap:.5rem!important}.action-buttons .btn{width:100%}}