@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--background-1: #010327;--background-2: #1a2332;--background-3: #2B3245;--background-4: #3C445C;--foreground-1: #f5f9f5;--foreground-2: #c2c8cc;--accent-1: #2042d8;--accent-2: #1a35b0;--accent-3: #57ABFF;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--nav-active-bg: #2B3245;--nav-active-text: #57ABFF;--nav-active-border: #0079F2;--nav-inactive-bg: transparent;--nav-inactive-text: #c2c8cc;--nav-hover-bg: #2B3245;--nav-hover-text: #f5f9f5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root[data-theme=light]{--background-1: #F7F4F0;--background-2: #F0ECE6;--background-3: #E8E3DB;--background-4: #D5CFC6;--foreground-1: #2C2519;--foreground-2: #5C5347;--accent-1: #2042d8;--accent-2: #1a35b0;--accent-3: #0080FF;--success: #047857;--warning: #C2410C;--error: #B91C1C;--info: #1D4ED8;--nav-active-bg: #DAA520;--nav-active-text: #000000;--nav-active-border: #000000;--nav-inactive-bg: transparent;--nav-inactive-text: #FFFFFF;--nav-hover-bg: rgba(255, 255, 255, .1);--nav-hover-text: #FFFFFF}:root[data-theme=light] .nav{background:#0053a6;background-color:#0053a6;border-bottom:1px solid #000000;opacity:1}:root[data-theme=light] .nav-btn{background:var(--nav-inactive-bg);color:var(--nav-inactive-text);border:none;border-bottom:3px solid transparent}:root[data-theme=light] .nav-btn:hover{background:var(--nav-hover-bg);color:var(--nav-hover-text)}:root[data-theme=light] .nav-btn.active{background:var(--nav-active-bg);color:var(--nav-active-text);border-bottom-color:var(--nav-active-border)}:root[data-theme=light] .user-name-btn{background:#002d5c;color:#fff}:root[data-theme=light] .user-name-btn:hover{background:#003d82}:root[data-theme=light] .logout-btn{background:#002d5c;color:#fff;border:none}:root[data-theme=light] .logout-btn:hover{background:#003d82}:root[data-theme=light] .theme-toggle-slider{background-color:#0c1b3a;border:3px solid #000000}:root[data-theme=light] .theme-toggle-slider:hover{border-color:#daa520}:root[data-theme=light] .theme-toggle input:checked+.theme-toggle-slider{background-color:#0c1b3a;border-color:#000}:root[data-theme=light] .theme-toggle-knob{background:#fff}:root[data-theme=light] .table-header{background:#b8d4f1;color:#1e293b}:root[data-theme=light] .public-header{background:#000;background-color:#000;color:#fff;opacity:1}:root[data-theme=light] .public-header h1,:root[data-theme=light] .public-header .tagline{color:#fff}:root[data-theme=light] .public-header .company-logo{filter:none!important}:root[data-theme=light] .public-header .public-nav-link{filter:none!important;color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:IBM Plex Sans,sans-serif;background:transparent;color:var(--foreground-1);position:relative}h1{font-size:clamp(1.75rem,4vw,3.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,3.5vw,2.75rem);line-height:1.3}h3{font-size:clamp(1.25rem,2.5vw,2rem);line-height:1.4}p,div{font-size:clamp(.875rem,1.25vw,1.125rem);line-height:1.6}:root{--user-background-image: url(/assets/marble-1-CITgL6wd.jpg);--user-background-color: transparent;--background-opacity: .7}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--user-background-image);background-color:var(--user-background-color);background-size:cover;background-position:center;background-attachment:fixed;opacity:1;pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-1);opacity:var(--background-opacity);pointer-events:none;z-index:-1}:root[data-theme=light]{--user-background-image: none;--user-background-color: var(--light-background-color, #F7F4F0)}.authenticated-only{display:none!important}body.authenticated .authenticated-only{display:block!important}body.authenticated .authenticated-only.inline{display:inline!important}body.authenticated .authenticated-only.inline-block{display:inline-block!important}body.authenticated .authenticated-only.flex{display:flex!important}body.authenticated .authenticated-only.grid{display:grid!important}.hidden{display:none!important}.active{display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes denPulse{0%{fill:gold;fill-opacity:1}50%{fill:orange;fill-opacity:.6}to{fill:gold;fill-opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes expandDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes metrics-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.performance-metrics-panel{animation:none}.performance-metrics-panel.metrics-fade-out{transform:none}}.metrics-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--background-4);background:var(--background-3);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.metrics-title{font-weight:600;color:var(--foreground-1);font-size:14px}.metrics-close{background:transparent;border:none;color:var(--foreground-2);font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s;line-height:1}.metrics-close:hover{background:var(--background-4);color:var(--foreground-1)}.metrics-close:focus{outline:2px solid var(--accent-2);outline-offset:2px}.metrics-body{padding:var(--spacing-lg)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;color:var(--foreground-2)}.metric-label{font-weight:500;color:var(--foreground-2)}.metric-value{font-weight:600;font-family:Courier New,monospace;color:var(--accent-3);font-size:13px}.metric-value.metric-total{color:var(--info)}.metric-value.metric-api{color:var(--warning)}.metric-value.metric-render{color:var(--success)}.metric-value.metric-gallery{color:var(--accent-2)}.metric-item.metric-primary{padding:var(--spacing-md) 0;font-size:15px;border-bottom:1px solid var(--background-4);margin-bottom:var(--spacing-sm)}.metric-item.metric-primary .metric-value{font-size:16px;font-weight:700}.metric-summary{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--background-4);font-size:13px;font-weight:500;text-align:center;color:var(--success)}.metric-timestamp{margin-top:var(--spacing-sm);text-align:center;font-size:11px;color:var(--foreground-3);font-style:italic}@media (max-width: 768px){.performance-metrics-panel{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}}.admin-tool-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.admin-tool-panel h4{margin:0 0 .5rem;color:var(--foreground-1);font-size:1.1rem}.admin-tool-panel .tool-description{color:var(--foreground-2);font-size:.9rem;margin-bottom:1rem}.location-counts{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--background-3)}.location-counts span{font-size:13px;color:var(--foreground-2);background:var(--background-2);padding:4px 10px;border-radius:4px;cursor:default}.location-counts span:hover{background:var(--background-3)}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--foreground-2)}.loading-spinner:before{content:"";width:24px;height:24px;border:3px solid var(--background-3);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--foreground-2)}.loading-state:before{content:"";width:20px;height:20px;border:2px solid var(--background-3);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}.location-counts.loading span{background:linear-gradient(90deg,var(--background-2) 25%,var(--background-3) 50%,var(--background-2) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;color:transparent}.location-card{transition:all .2s ease}.location-card.expanding{opacity:.7;pointer-events:none}.performance-metrics-panel{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;background:var(--background-2);border:1px solid var(--background-4);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;min-width:300px;max-width:350px;font-size:14px;animation:metrics-slide-in .3s ease-out;transition:opacity .3s ease-out,transform .3s ease-out}.performance-metrics-panel.metrics-fade-out{opacity:0;transform:translate(20px)}@media (max-width: 768px){.public-header{padding:10px 16px}.public-header-content{flex-wrap:wrap;gap:8px}.company-logo{height:36px}.public-left-section{gap:12px}.public-nav-link{font-size:15px;padding:6px 10px}.public-login-btn{padding:7px 14px}.header{padding:6px 8px}.header-left{gap:6px;flex-shrink:1;min-width:0}.header-left h1{font-size:14px;white-space:nowrap}.header-right{gap:6px;flex-shrink:0}.performance-toggle-btn{font-size:16px;padding:4px 8px;margin-right:2px}.user-name-btn{font-size:12px;padding:4px 8px}.logout-btn,.login-btn{padding:4px 8px;font-size:12px}.theme-toggle{transform:scale(.7)}.client-tabs{padding:0 8px;gap:2px;flex-wrap:wrap}.client-tab-btn{padding:8px 10px;font-size:12px;white-space:nowrap;flex-shrink:1;min-width:fit-content}.tab-navigation{gap:2px;padding:0}.tab-btn{padding:8px 10px;font-size:12px;white-space:nowrap;flex-shrink:1;min-width:fit-content}.main-content{padding:4px}.stats-grid{grid-template-columns:1fr}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-stat-card{padding:12px;gap:8px}.dashboard-stat-card .stat-icon{font-size:24px}.dashboard-stat-card .stat-number{font-size:20px;margin-bottom:2px}.dashboard-stat-card .stat-label{font-size:11px;letter-spacing:.3px}.data-row{padding:12px;font-size:14px}.inventory-grid,.locations-grid,.suppliers-grid,.clients-grid{grid-template-columns:1fr;gap:8px}.inventory-view-controls{gap:12px}.view-search-row{flex-direction:column;gap:12px}.view-mode-toggle{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.view-mode-select{min-width:unset;width:100%}.inventory-search{max-width:none;width:100%}.inventory-search-input{width:100%}.filters{flex-direction:column;gap:8px}.filters select{min-width:unset;width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.modal-content{width:96%;margin:0;max-height:92vh}.form-actions{flex-direction:column}.toast-container{left:16px;right:16px}.toast{min-width:unset}}@media (max-width: 480px){.public-header{padding:8px 12px}.public-header-content{flex-wrap:wrap;gap:6px}.company-logo{height:28px}.public-left-section{gap:8px}.public-nav-link{font-size:13px;padding:4px 8px}.public-login-btn{padding:6px 12px;font-size:13px}.public-header-actions{gap:8px}}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh}.login-container{text-align:center;padding:48px;background:var(--background-2);border-radius:24px;max-width:480px;margin:0 16px}.login-container h1{font-size:32px;margin-bottom:16px;color:var(--foreground-1)}.login-container p{color:var(--foreground-2);margin-bottom:32px;font-size:18px}.main-app{display:flex;flex-direction:column;height:100vh}.header{background:#000;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:101}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{font-size:24px;font-weight:600;color:#fff}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.role-badge.manager{background:#2d7a3a;color:#fff}.role-badge.client{background:var(--success);color:#fff}.header-right{display:flex;align-items:center;gap:16px}.git-branch-indicator{color:#7ee787;font-weight:500;font-size:13px;background:#7ee7871f;border:1px solid rgba(126,231,135,.25);padding:4px 10px;border-radius:6px;margin-right:8px;font-family:SF Mono,Monaco,Consolas,monospace}.performance-toggle-btn{color:gold;font-weight:600;font-size:18px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-right:4px}.performance-toggle-btn:hover{background:#ffd70040;border-color:#ffd70080;transform:scale(1.05)}.performance-toggle-btn:active{background:#ffd70033;transform:scale(.98)}.user-name-btn{color:#fff;font-weight:600;background:#ffffff1a;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-name-btn:before{content:"👤 ";margin-right:4px}.user-name-btn:hover{background:#fff3}.user-name-btn:active{background:#ffffff26}.preferences-container,.feed-container,.about-container,.dashboard-container{max-width:1400px;margin:0 auto;padding:40px 24px;position:relative;z-index:1}.preferences-container h1,.feed-container h1,.about-container h1{font-size:36px;font-weight:700;margin-bottom:24px;color:var(--foreground-1)}.section-description{font-size:16px;color:var(--foreground-2);margin-bottom:24px}.about-section{background:var(--background-2);border-radius:var(--radius-lg);padding:32px;margin-bottom:24px;border:1px solid var(--background-3)}.about-section h2{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--foreground-1)}.about-section p{font-size:16px;line-height:1.6;color:var(--foreground-2);margin-bottom:12px}.about-section p:last-child{margin-bottom:0}.main-content{flex:1;overflow-y:auto;padding:24px;position:relative;z-index:1}.section{display:none;width:90%;max-width:2400px;margin:0 auto;visibility:hidden;position:relative;z-index:0;transition:none!important}.section.active{display:block;visibility:visible;z-index:1;transition:none!important}.section *{transition-property:background-color,color,border-color,box-shadow,transform,opacity!important}.section h2{font-size:clamp(24px,3.5vw,40px);margin-bottom:24px;color:var(--foreground-1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.nav{background:var(--background-2);padding:0 24px;display:flex;gap:8px;border-bottom:1px solid var(--background-3);overflow-x:auto;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:var(--header-height, 56px);z-index:100}.nav-btn{padding:10px 14px;background:var(--nav-inactive-bg);border:none;color:var(--nav-inactive-text);cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;white-space:nowrap;font-weight:500;font-size:14px;border-bottom:3px solid transparent}.nav-btn:hover{background:var(--nav-hover-bg);color:var(--nav-hover-text)}.nav-btn.active{background:var(--nav-active-bg);color:var(--nav-active-text);border-bottom-color:var(--nav-active-border)}@media (max-width: 768px){.nav{overflow-x:hidden;flex-wrap:wrap;gap:4px;padding:4px 8px}.nav-btn{padding:6px 10px;font-size:12px;flex-shrink:1}}@media (max-width: 480px){.nav{flex-wrap:nowrap;overflow-x:hidden;gap:2px;padding:3px 4px;justify-content:space-evenly}.nav-btn{padding:7px 5px;font-size:18px;line-height:1;flex:1 1 0;min-width:0;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:center;gap:0}.nav-btn .nav-label{display:none}}.client-tabs,.client-detail-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--background-3);padding-bottom:0;overflow-x:auto}.client-tab-btn{background:transparent;border:none;padding:12px 24px;font-size:15px;font-weight:500;color:var(--foreground-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap;position:relative;z-index:1}.client-tab-content.active{display:block;animation:clientTabFadeIn .2s ease}@keyframes clientTabFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.client-tabs,.client-detail-tabs{flex-wrap:wrap;gap:0}.client-tab-btn{flex:1;min-width:0;padding:10px 12px;font-size:13px;text-align:center}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px}.loading-spinner{width:48px;height:48px;border:4px solid var(--background-3);border-top:4px solid var(--accent-2);border-radius:50%;animation:spin 1s linear infinite}.lazy-loading-spinner{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--foreground-2);font-size:14px}.lazy-loading-spinner .spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--background-4);border-top:3px solid var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}button .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:6px}.lazy-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--error);font-size:14px;text-align:center}.lazy-error button{padding:8px 16px;background:var(--accent-2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease}.lazy-error button:hover{background:var(--accent-1)}.loading-state,.empty-state{text-align:center;padding:40px;color:var(--foreground-2);font-size:14px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.btn-small{padding:4px 10px;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin-left:8px}.btn-secondary{background:var(--background-3);color:var(--foreground-1);border-color:var(--background-4)}.btn-secondary:hover{background:var(--background-4);border-color:var(--accent-2)}button,.btn{font-family:IBM Plex Sans,sans-serif;padding:var(--spacing-md) var(--spacing-xl);font-size:14px;border-radius:var(--radius-md);background:var(--background-2);border:1px solid var(--background-3);color:var(--foreground-1);cursor:pointer;transition:all var(--transition-base);font-weight:500;position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}button:hover,.btn:hover{background:var(--background-3);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active,.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled,.btn:disabled{background:var(--background-3);color:var(--foreground-2);cursor:not-allowed;opacity:.6;transform:none}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:12px}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:16px}.btn-primary,button.cta{background:var(--accent-1);border-color:var(--accent-2);color:#fff}.btn-primary:hover,button.cta:hover{background:var(--accent-2)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning);border-color:var(--warning);color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-info{background:var(--info);border-color:var(--info);color:#fff}.btn-info:hover{background:#2563eb}.refresh-btn,.add-btn{font-size:14px;padding:var(--spacing-sm) var(--spacing-lg)}.logout-btn{padding:8px 16px;font-size:12px;background:#dc2626e6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.logout-btn:hover{background:#dc2626}.public-header-actions{display:flex;align-items:center;gap:12px}.action-btn{padding:4px 8px;font-size:12px;margin:0 2px}.icon-btn{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:14px;line-height:1;border-radius:4px;opacity:.7;transition:opacity .2s,background .2s}.icon-btn:hover{opacity:1;background:var(--background-3, rgba(255, 255, 255, .1))}.edit-btn{background:var(--info);border-color:var(--info);color:#fff}.delete-btn{background:var(--error);border-color:var(--error);color:#fff}.upload-image-btn{background:var(--accent-2);border-color:var(--accent-2);color:#fff;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.upload-image-btn:hover{background:var(--accent-3);border-color:var(--accent-3)}.upload-image-btn:disabled{background:var(--background-4);border-color:var(--background-4);color:var(--foreground-2);cursor:not-allowed;opacity:.6}.image-upload-container{display:flex;align-items:center;gap:12px}.upload-status{font-size:14px;color:var(--foreground-2)}.card{background:var(--background-2);border-radius:var(--radius-lg);border:1px solid var(--background-3);padding:var(--spacing-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-3)}.card-sm{padding:var(--spacing-lg);border-radius:var(--radius-md)}.card-lg{padding:var(--spacing-2xl);border-radius:var(--radius-xl)}button,a,input,select,textarea,.card-interactive,.modal,.nav-btn,.theme-toggle-slider{transition:background-color var(--transition-slow),color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.modal,.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:1000}.modal.active,.modal-overlay.active{display:flex;animation:fadeIn .2s ease-out}#adminLoginModal,#registerModal{align-items:flex-start;padding-top:80px}#adminLoginModal .modal-content,#registerModal .modal-content{max-width:450px;animation:slideDown .3s ease-out;box-shadow:0 20px 60px #00000080}#reserveSlabModal,#mapBuilderModal{z-index:1100}#roomMapBuilderModal{z-index:1150}#gridConfigModal,.modal#roomGridConfigModal{z-index:1200}#denLineRangeModal,#editDenLineModal{z-index:1200!important}.den-context-menu{position:fixed;z-index:2000;background:var(--background-2);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:8px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .15s ease-out}.den-context-selection{display:flex;gap:4px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.den-selection-btn{flex:1;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-3);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.den-selection-btn:hover{background:var(--background-4);color:var(--text-color)}.den-selection-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.den-context-actions{display:flex;gap:8px}.den-context-btn{width:40px;height:40px;border:none;border-radius:6px;background:var(--background-3);color:var(--text-color);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.den-context-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.den-context-btn.delete:hover{background:#dc2626}.den-context-btn.move:hover{background:var(--accent-1)}.den-overlay.den-moving{outline:3px dashed var(--primary-color);outline-offset:2px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.den-overlay.grid-highlighted{outline:3px solid #22c55e;outline-offset:2px;background:#22c55e4d!important;z-index:10}#roomNamePromptModal{z-index:1200;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center}#roomNamePromptModal.active{display:flex!important}#roomNamePromptModal .modal-content{position:relative;z-index:1251}.modal-content{background:var(--background-2);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid var(--background-3)}.modal-content img{max-width:100%;height:auto;object-fit:contain}.modal-content.small-modal{max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--background-3)}.modal-header h3{font-size:20px;color:var(--foreground-1)}.close-btn{background:none;border:none;font-size:24px;color:var(--foreground-2);cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--background-3);color:var(--foreground-1)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;background:var(--background-2)}.reorder-modal{max-width:500px}.reorder-instructions{color:var(--foreground-3);font-size:.9rem;margin-bottom:1rem}.reorder-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.reorder-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--background-3);border:1px solid var(--border-color);border-radius:8px;cursor:grab;transition:all .2s ease}.reorder-item:hover{border-color:var(--accent-1);background:var(--background-4)}.reorder-item.dragging{opacity:.5;cursor:grabbing}.reorder-item.drag-over{border-color:var(--accent-2);background:#0079f21a}.drag-handle{color:var(--foreground-3);font-size:1.2rem;cursor:grab;-webkit-user-select:none;user-select:none}.reorder-position{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-1);color:#fff;border-radius:50%;font-size:.8rem;font-weight:600}.reorder-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover}.reorder-thumbnail-placeholder{width:40px;height:40px;border-radius:6px;background:var(--background-4);border:1px dashed var(--border-color)}.reorder-name{flex:1;font-weight:500;color:var(--foreground-1)}.reorder-arrows{display:flex;flex-direction:column;gap:2px}.reorder-arrow-btn{width:24px;height:20px;padding:0;border:1px solid var(--border-color);background:var(--background-2);color:var(--foreground-2);border-radius:4px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.reorder-arrow-btn:hover:not(:disabled){background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.reorder-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.reorder-btn{background:var(--background-3);border:1px solid var(--border-color);color:var(--foreground-2);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.reorder-btn:hover{background:var(--background-4);color:var(--foreground-1);border-color:var(--accent-1)}.large-modal{max-width:900px;max-height:85vh}#personnelDetailModal .modal-body{padding:16px 24px}#personnelDetailModal .tab-navigation{margin-bottom:16px}#personnelDetailModal .personnel-info-grid{gap:12px;margin-bottom:12px}#personnelDetailModal .info-field{padding:12px}#personnelDetailModal .edit-actions{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--background-3)}#personnelDetailModal .edit-actions .action-btn{padding:12px 20px;font-size:14px;min-width:160px}.map-modal-content{max-width:80vw;width:80vw;max-height:80vh;height:80vh;display:flex;flex-direction:column}.map-modal-body{flex:1;padding:0;overflow:hidden;display:flex;flex-direction:column}#slabMapContent{flex:1;display:flex;flex-direction:column;position:relative}.slab-map-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:8px;margin:16px;overflow:hidden;position:relative}#slabMapCanvas{display:block;max-width:100%;max-height:100%;cursor:grab}#slabMapCanvas.panning{cursor:grabbing}.map-zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:10}.map-zoom-btn{width:40px;height:40px;border:none;border-radius:6px;background:var(--background-2);color:var(--foreground-1);font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s ease;line-height:1;padding:0}.map-zoom-btn:hover{background:var(--background-3);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.map-zoom-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000026}.map-reset-btn{font-size:20px}.sublocation-crossfade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:transparent}.den-pulse-marker{position:absolute;width:80px;height:80px;pointer-events:none}.den-pulse-marker.other-den{animation:otherDenFadeIn 3s ease-out forwards}@keyframes otherDenFadeIn{0%{opacity:1}to{opacity:.5}}.den-pulse-marker.other-den .den-marker-dot{background:linear-gradient(135deg,#888,#666);border:2px solid #555;box-shadow:0 2px 8px #0000004d;animation:none}.den-pulse-marker.other-den .den-number{color:#fff}.den-pulse-marker.target-den{animation:denTargetFade 2s ease-in-out infinite}@keyframes denTargetFade{0%,to{opacity:1}50%{opacity:.75}}.den-line-svg{position:absolute;pointer-events:none;z-index:40;background:transparent!important}.den-line-svg.other-line{animation:otherLineFadeIn 3s ease-out forwards}@keyframes otherLineFadeIn{0%{opacity:1}to{opacity:.5}}.den-line-svg.target-line{animation:targetLineFade 2s ease-in-out infinite}@keyframes targetLineFade{0%,to{opacity:1}50%{opacity:.75}}.den-marker-ring{position:absolute;top:50%;left:50%;width:60px;height:60px;border:3px solid #FFA500;border-radius:50%;transform:translate(-50%,-50%);animation:denPulseRing 2s ease-out infinite;opacity:0}.den-marker-ring.delay{animation-delay:.6s}@keyframes denPulseRing{0%{width:30px;height:30px;opacity:1}to{width:100px;height:100px;opacity:0}}.den-marker-dot{position:absolute;top:50%;left:50%;width:36px;height:36px;background:linear-gradient(135deg,gold,orange);border:3px solid #FF8C00;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffa50080}.den-marker-dot .den-number{font-size:14px;font-weight:700;color:#000;text-shadow:0 1px 2px rgba(255,255,255,.5)}@keyframes denPulseDot{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 15px #ffa50080}50%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 25px #ffa500b3}}.in-transit-message{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.in-transit-message p{font-size:24px;font-weight:600;color:var(--foreground-2);text-align:center}.in-transit-message.hidden{display:none}.reassign-header{display:flex;align-items:center;gap:12px}.back-btn{background:var(--background-3);border:none;color:var(--foreground-1);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.back-btn:hover{background:var(--background-4)}.back-btn.hidden{display:none}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:8px}.location-card{background:var(--background-3);border:1px solid var(--background-4);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.location-card:hover{background:var(--background-4);border-color:var(--accent-2);transform:translateY(-2px)}.location-card h4{color:var(--foreground-1);font-size:16px;margin-bottom:8px}.location-card p{color:var(--foreground-2);font-size:13px;line-height:1.4}.reassign-map-container{width:100%;min-height:500px;background:var(--background-3);border-radius:12px;padding:16px;position:relative}.reassign-map-canvas{border:1px solid var(--background-4);border-radius:8px;background:#f0f0f0;display:block!important;position:relative!important}.reassign-map-container .canvas-container{display:block!important;position:relative!important;margin:0 auto}.map-instruction{text-align:center;padding:24px;color:var(--foreground-2);font-size:14px}.large-modal{width:800px;max-width:95vw}.delete-modal{max-width:500px}.delete-warning{text-align:center;padding:1rem 0}.delete-icon{font-size:3rem;margin-bottom:1rem}.delete-warning p{margin:.5rem 0;font-size:1.1rem;color:var(--text-primary)}.delete-note{font-size:.9rem!important;color:var(--text-secondary)!important;font-style:italic}.danger{background:#f44!important;color:#fff!important}.danger:hover{background:#c33!important}.location-detail-modal{max-width:95vw;max-height:90vh;width:1200px;display:flex;flex-direction:column;overflow:hidden}.location-detail-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border);padding:0 1.5rem;background:var(--card-bg)}.location-detail-tabs .tab-btn{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;margin-bottom:-2px}.location-detail-tabs .tab-btn:hover{color:var(--primary);background:var(--primary-light)}.location-detail-tabs .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.location-detail-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg)}.client-detail-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--background-3)}.client-detail-section:last-child{border-bottom:none}.client-detail-section h4{margin-bottom:16px;color:var(--foreground-1);font-size:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:row;align-items:center;gap:12px}.detail-item label{font-weight:600;color:var(--foreground-2);font-size:14px;min-width:120px;flex-shrink:0}.detail-item span{color:var(--foreground-1);font-size:16px;flex:1}.edit-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background-3, var(--background));color:var(--foreground);font-size:.9rem;font-family:inherit;box-sizing:border-box}.edit-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.purchase-history-table{display:flex;flex-direction:column;gap:12px}.purchase-item{background:var(--background-3);padding:16px;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.purchase-item div{color:var(--foreground-2)}.purchase-item strong{color:var(--foreground-1)}.client-transactions-section{grid-column:1 / -1}.transaction-history{display:flex;flex-direction:column;gap:24px}.transaction-summary{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:var(--background-3);border-radius:8px;justify-content:center}.transaction-summary .summary-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--foreground-2)}.transaction-summary .summary-item .count{font-weight:700;font-size:18px;color:var(--foreground-1)}.transaction-group{background:var(--background-2);border-radius:12px;padding:16px;border:1px solid var(--background-3)}.transaction-group-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--background-3)}.transaction-group-header .group-count{color:var(--foreground-3);font-size:14px;font-weight:400}.transaction-slabs-list{display:flex;flex-direction:column;gap:12px}.transaction-summary .summary-item.reserved .count{color:var(--warning-color, #f0ad4e)}.transaction-summary .summary-item.purchased .count{color:var(--success-color, #5cb85c)}.transaction-summary .summary-item.in-transit .count{color:var(--accent-1, #0066cc)}.transaction-summary .summary-item.delivered .count{color:var(--success-color, #5cb85c)}.transaction-summary .summary-item.returned .count{color:var(--error-color, #d9534f)}@media (max-width: 768px){.transaction-summary{gap:12px}.transaction-summary .summary-item{font-size:12px}.transaction-summary .summary-item .count{font-size:16px}}.associations-modal-content{max-width:800px;max-height:80vh;overflow-y:auto}.associations-content{padding:24px}.associations-tree{display:flex;flex-direction:column;gap:24px}.associations-tree h3{color:var(--accent-3);margin-bottom:16px;font-size:20px}.tree-section{background:var(--background-3);border-radius:12px;padding:16px}.tree-section h4{color:var(--foreground-1);margin-bottom:12px;font-size:16px;display:flex;align-items:center;gap:8px}.tree-node{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0;background:var(--background-2);border-radius:8px;border-left:4px solid transparent;transition:all .2s}.tree-node.container{border-left-color:#8b5cf6}.tree-node.bundle{border-left-color:#3b82f6}.tree-node.slab{border-left-color:#10b981}.tree-node.current{background:var(--background-4)}.tree-node:hover{transform:translate(4px);background:var(--background-4)}.current-badge{background:var(--success);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.historical-badge{background:var(--background-4);color:var(--foreground-2);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.node-name{flex:1;color:var(--foreground-1);font-weight:500}.node-period{color:var(--foreground-2);font-size:14px;font-family:monospace}@media (max-width: 768px){.large-modal{width:95vw;height:90vh}}.location-detail-modal .tab-content{min-height:200px;transition:opacity .2s ease}.location-detail-modal .tab-content.loading{opacity:.6}#denCollisionModal{z-index:1300!important}#mapBuilderModal .modal-body,#roomMapBuilderModal .modal-body{padding:0}#mapBuilderModal .map-editor-container,#roomMapBuilderModal .map-editor-container{border-radius:0;padding:20px}#mapBuilderModal .map-upload-section,#roomMapBuilderModal .map-upload-section,#mapBuilderModal .current-map-preview,#roomMapBuilderModal .current-map-preview{margin:0;border-radius:0;padding:24px}#mapBuilderModal #mapUploadSection,#roomMapBuilderModal #roomMapUploadSection{padding:24px;background:var(--background-2)}#mapBuilderModal .map-editor-toolbar,#roomMapBuilderModal .map-editor-toolbar{border-radius:0;margin:0}#mapBuilderModal .modal-content.large-modal,#roomMapBuilderModal .modal-content.large-modal{max-width:1200px!important;width:95vw!important}.location-detail-modal.map-tab-active .location-detail-content{flex:1 1 auto;min-height:0;overflow:auto}.location-detail-modal.map-tab-active{max-height:85vh;height:auto;margin-top:2vh}#mapTab.active{flex:1 1 auto;min-height:0;overflow:auto}#mapTab .map-editor-container{flex:1 1 auto;min-height:0;max-height:100%;background:transparent!important}#mapTab .canvas-wrapper{flex:1 1 auto;min-height:0;max-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background:transparent!important}#mapTab .canvas-wrapper canvas{max-width:100%;max-height:50vh;height:auto;width:auto;object-fit:contain}.location-detail-modal #mapTab.tab-content{min-height:0!important}.location-map-container{display:flex;flex-direction:column;height:100%;position:relative}.map-controls-wrapper{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;z-index:10}.map-controls-left,.map-controls-right{display:flex;flex-direction:column;gap:5px;pointer-events:auto}.map-controls{display:flex;flex-direction:column;gap:5px}.map-control-btn{width:36px;height:36px;border:none;border-radius:6px;background:var(--background-3);color:var(--text-color);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.map-control-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.05)}.map-control-btn svg{width:24px;height:24px;display:block;flex-shrink:0}.map-control-btn.active{background:var(--accent-color);color:#fff;box-shadow:0 0 0 2px var(--accent-color),0 2px 8px #0000004d}.location-map-container.move-mode{cursor:default}.location-map-container.move-mode .den-overlay,.location-map-container.move-mode .grid-overlay,.location-map-container.move-mode .den-line-overlay{cursor:move!important}.grid-overlay.grid-moving{outline:3px dashed var(--accent-color);outline-offset:2px;opacity:.7}.den-line-icon{position:relative;display:block;width:22px;height:2px;background:currentColor}.den-line-icon:before,.den-line-icon:after{content:"";position:absolute;top:50%;width:5px;height:5px;background:#fff;border:1.5px solid currentColor;transform:translateY(-50%)}.den-line-icon:before{left:-5px}.den-line-icon:after{right:-5px}.map-viewport{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background-1);border-radius:8px;min-height:400px}.map-image-wrapper{position:relative;display:inline-block;transform-origin:center center;transition:transform .1s ease-out}.floor-plan-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.sublocation-overlays,.den-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sublocation-overlay{position:absolute;border:2px solid rgba(0,191,255,.7);background:#00bfff26;border-radius:4px;cursor:pointer;pointer-events:auto;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sublocation-overlay:hover{border-color:#00bfff;background:#00bfff4d;box-shadow:0 0 15px #00bfff80}.sublocation-label{background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}.den-overlay{position:absolute;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%) scale(var(--zoom-scale, 1));z-index:10;transform-origin:center center}.den-marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:2px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;font-size:10pt;font-weight:700;box-shadow:0 2px 6px #0000004d;transition:box-shadow .2s ease;overflow:hidden;white-space:nowrap;text-overflow:clip;line-height:1}.den-marker[data-length="4"],.den-marker[data-length="5"]{font-size:8pt}.den-marker[data-length="6"],.den-marker[data-length="7"],.den-marker[data-length="8"]{font-size:6pt}.den-overlay:hover .den-marker{transform:scale(1.15);box-shadow:0 4px 12px #f59e0b80}.den-inventory-popup{position:fixed;z-index:10002;background:var(--background-2);border:1px solid var(--background-4);border-radius:8px;box-shadow:0 8px 24px #0006;min-width:220px;max-width:280px;animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.den-popup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--background-4);background:var(--background-3);border-radius:8px 8px 0 0}.den-popup-title{font-weight:600;font-size:14px;color:var(--text-1)}.den-popup-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.den-popup-close:hover{color:var(--text-1)}.den-popup-content{padding:12px;max-height:300px;overflow-y:auto}.den-popup-empty{color:var(--text-muted);font-size:13px;text-align:center;margin:0}.den-popup-summary{display:flex;flex-direction:column;gap:8px}.den-popup-item{font-size:13px;font-weight:600;color:var(--text-1);padding:4px 0;border-bottom:1px solid var(--background-4)}.den-popup-subitem{font-size:12px;color:var(--text-muted);padding-left:16px;padding-top:2px}.map-legend{padding:8px 12px;background:var(--background-2);border-top:1px solid var(--background-3);text-align:center}.legend-hint{font-size:13px;color:var(--text-muted)}.back-btn{background:var(--accent-color)!important;color:#fff!important}.edit-mode-btn{background:#059669!important;color:#fff!important;margin-top:10px}.edit-mode-btn.active{background:#dc2626!important;animation:pulse-edit 1.5s infinite}.add-sublocation-btn{background:#10b981!important;color:#fff!important;font-size:18px!important;font-weight:700;margin-top:10px}.add-sublocation-btn:hover{background:#059669!important}@keyframes pulse-edit{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.location-map-container.edit-mode .sublocation-overlay{border-color:#ffa500cc;background:#ffa50033}.location-map-container.edit-mode .sublocation-overlay:hover{border-color:orange;background:#ffa50059}.overlay-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;z-index:10}.overlay-action-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.overlay-action-btn.edit-sublocation{background:#3b82f6;color:#fff}.overlay-action-btn.edit-sublocation:hover{background:#2563eb;transform:scale(1.1)}.overlay-action-btn.delete-sublocation{background:#dc2626;color:#fff}.overlay-action-btn.delete-sublocation:hover{background:#b91c1c;transform:scale(1.1)}.edit-mode-hint{color:#f59e0b!important;font-weight:600}.drawing-hint{color:#10b981!important;font-weight:600}.location-map-container.drawing-mode{cursor:crosshair}.location-map-container.drawing-mode .sublocation-overlay{pointer-events:none;opacity:.3}.location-map-container.drawing-mode .map-controls-wrapper{pointer-events:none;opacity:.5}.drawing-rectangle{position:absolute;border:3px dashed #10b981;background:#10b98140;pointer-events:none;z-index:100;box-shadow:0 0 10px #10b98180}.location-map-container.den-drawing-mode{cursor:crosshair}.location-map-container.den-drawing-mode .den-overlays{pointer-events:none;opacity:.3}.location-map-container.den-drawing-mode .map-controls-wrapper,.location-map-container.den-drawing-mode .map-controls-left,.location-map-container.den-drawing-mode .map-controls-right{pointer-events:auto}.drawing-preview-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:100}.location-map-container.item-selection-mode .den-overlay{cursor:pointer;pointer-events:auto;transition:all .2s ease}.location-map-container.item-selection-mode .den-overlay:hover{outline:3px solid #f59e0b;outline-offset:2px;box-shadow:0 0 12px #f59e0b80}.location-map-container.item-selection-mode .den-line-overlay{cursor:pointer;pointer-events:auto;stroke-width:4}.location-map-container.item-selection-mode .den-line-overlay:hover{stroke:#f59e0b!important;filter:drop-shadow(0 0 8px rgba(245,158,11,.7))}.location-map-container.item-selection-mode.delete-mode .den-overlay:hover{outline:3px solid #dc2626;outline-offset:2px;box-shadow:0 0 12px #dc262680}.location-map-container.item-selection-mode.delete-mode .den-line-overlay:hover{stroke:#dc2626!important;filter:drop-shadow(0 0 8px rgba(220,38,38,.7))}#confirmationModal,#promptModal{z-index:10000}.prompt-modal-content,.confirmation-modal-content{max-width:400px;text-align:center;padding:2rem;background:var(--background-2)}.confirmation-icon{font-size:2.5rem;margin-bottom:.75rem}.confirmation-icon[data-icon=warning]:before{content:"⚠️"}.confirmation-icon[data-icon=danger]:before{content:"🗑️"}.confirmation-icon[data-icon=info]:before{content:"ℹ️"}.confirmation-title{margin:0 0 .5rem;font-size:1.25rem;color:var(--foreground-1)}.confirmation-message{margin:0 0 1.5rem;color:var(--foreground-2);font-size:.95rem;line-height:1.5}.confirmation-actions{display:flex;gap:.75rem;justify-content:center}.confirmation-actions .btn{min-width:100px;padding:.625rem 1.25rem}.destructive-prompt-content{max-width:420px;text-align:center;padding:2rem;background:var(--background-2);border-top:4px solid var(--error-color, #e53e3e)}.destructive-prompt-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.destructive-prompt-title{margin:0 0 .75rem;font-size:1.2rem;font-weight:700;color:var(--error-color, #e53e3e)}.destructive-prompt-message{margin:0 0 1.25rem;color:var(--foreground-2);font-size:.9rem;line-height:1.55;text-align:left}.destructive-prompt-input-group{text-align:left;margin-bottom:1.5rem}.destructive-prompt-phrase-hint{display:block;font-size:.85rem;color:var(--foreground-2);margin-bottom:.5rem}.destructive-prompt-input{width:100%;box-sizing:border-box;padding:.55rem .75rem;border:2px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);font-size:.95rem;font-family:inherit;transition:border-color .15s}.destructive-prompt-input:focus{outline:none;border-color:var(--error-color, #e53e3e)}.destructive-prompt-input.phrase-matched{border-color:var(--success-color, #38a169)}.destructive-prompt-actions{display:flex;gap:.75rem;justify-content:center}.destructive-prompt-actions .btn{min-width:110px;padding:.625rem 1.25rem}.destructive-prompt-confirm:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.prompt-title{margin:0 0 .5rem;font-size:1.25rem;color:var(--foreground-1)}.prompt-message{margin:0 0 1.25rem;color:var(--foreground-2);font-size:.95rem}.prompt-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--background-4);border-radius:8px;background:var(--background-3);color:var(--foreground-1);margin-bottom:1.25rem;transition:border-color .2s ease,box-shadow .2s ease}.prompt-input:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.prompt-input::placeholder{color:var(--foreground-2);opacity:.7}.prompt-actions{display:flex;gap:.75rem;justify-content:center}.prompt-actions .btn{min-width:100px;padding:.625rem 1.25rem}.sublocation-den-list{padding:20px;text-align:center}.sublocation-den-list h3{margin-bottom:16px;color:var(--text-color)}.den-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:12px}.den-card{background:var(--background-3);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s ease}.den-card:hover{background:var(--background-2);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.den-number{display:block;font-weight:600;font-size:14px;color:var(--text-color)}.den-status{display:block;font-size:11px;margin-top:4px}.den-status.occupied{color:#22c55e}.den-status.empty{color:var(--text-muted)}.room-map-modal.map-tab-active .modal-body{flex:1 1 auto;min-height:0;overflow:auto}.room-map-modal.map-tab-active{max-height:90vh;height:auto}.admin-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:.5rem}.admin-photo-gallery .background-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.admin-photo-gallery .background-item:hover{border-color:var(--accent-color);transform:scale(1.02)}.admin-photo-gallery .background-item.selected{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 59, 130, 246),.3)}.admin-photo-gallery .background-item img{width:100%;height:100%;object-fit:cover}.admin-photo-gallery .photo-select-checkbox{position:absolute;top:8px;left:8px;width:20px;height:20px;z-index:10;cursor:pointer;accent-color:var(--accent-color)}.admin-photo-gallery .background-label{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(transparent,#000c);color:#fff;font-size:.7rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.admin-photo-gallery .remove-photo-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}.admin-photo-gallery .removable-photo:hover .remove-photo-btn{opacity:1}.admin-photo-gallery .remove-photo-btn:hover{background:#dc2626;transform:scale(1.1)}.location-image-upload .image-upload-container{display:flex;flex-direction:column;gap:.75rem}.location-image-upload .image-preview-area{min-height:120px;max-height:200px;border:2px dashed var(--border-color, #ccc);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--background-2);overflow:hidden}.location-image-upload .image-preview-area img{max-width:100%;max-height:200px;object-fit:contain}.location-image-upload .placeholder-text{color:var(--foreground-3);font-size:.9rem}.location-image-upload .image-upload-actions{display:flex;gap:.5rem;flex-wrap:wrap}.location-image-upload .upload-btn{display:inline-block;padding:.5rem 1rem;background:#06c;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease;border:none}.location-image-upload .upload-btn:hover{background:var(--accent-hover)}.location-image-upload .remove-btn{padding:.5rem 1rem;background:var(--error-color, #e53e3e);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.location-image-upload .remove-btn:hover{opacity:.9}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.edit-location-header-btn{padding:.4rem .75rem;background:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background .2s ease;display:flex;align-items:center;gap:.25rem}.edit-location-header-btn:hover{background:#0052a3}.inactive-items-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-top:2rem;background:var(--background-2);border:1px solid var(--border-1);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.inactive-items-header:hover{background:var(--background-3)}.inactive-items-header h3{margin:0;font-size:1rem;color:var(--foreground-2)}.inactive-badge{background:var(--danger, #e74c3c);color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.inactive-toggle-arrow{margin-left:auto;color:var(--foreground-3);font-size:.85rem;transition:transform .2s}.inactive-subheading{color:var(--foreground-2);font-size:.9rem;margin:1.25rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-1)}.inactive-items-list{display:flex;flex-direction:column;gap:.5rem}.inactive-item-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background-2);border:1px solid var(--border-1);border-radius:8px;gap:1rem}.inactive-item-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.inactive-item-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.inactive-item-thumb-placeholder{width:48px;height:48px;border-radius:6px;background:var(--background-3);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--foreground-3);flex-shrink:0}.inactive-item-name{display:block;font-weight:500;color:var(--foreground-1);font-size:.95rem}.inactive-item-date{display:block;font-size:.8rem;color:var(--foreground-3);margin-top:2px}.inactive-item-actions{display:flex;gap:.5rem;flex-shrink:0}.inactive-item-actions .btn-sm{padding:.35rem .75rem;font-size:.8rem}@media (max-width: 600px){.inactive-item-card{flex-direction:column;align-items:flex-start}.inactive-item-actions{width:100%;justify-content:flex-end}}.materials-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.active-inactive-toggle{display:flex;align-items:center;gap:.5rem}.active-inactive-toggle .toggle-option{background:none;border:none;padding:.25rem .5rem;font-size:.9rem;cursor:pointer;color:var(--foreground-3);font-weight:400;transition:color .2s,font-weight .2s;border-bottom:2px solid transparent}.active-inactive-toggle .toggle-option:hover{color:var(--foreground-1)}.active-inactive-toggle .toggle-option.active{color:var(--foreground-1);font-weight:600;border-bottom-color:var(--accent-3, #0066cc)}.active-inactive-toggle .toggle-divider{color:var(--foreground-3);font-size:.9rem;-webkit-user-select:none;user-select:none}.inactive-stone-type-badge{position:absolute;top:8px;right:8px;background:var(--danger, #e74c3c);color:#fff;font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.inactive-card-actions{display:flex;gap:.5rem;padding:.5rem .75rem;justify-content:center}.inactive-card-actions .btn-sm{padding:.3rem .6rem;font-size:.75rem;border-radius:4px;border:1px solid var(--border-1);background:var(--background-2);color:var(--foreground-1);cursor:pointer;transition:all .2s}.inactive-card-actions .btn-sm:hover{background:var(--background-3)}.inactive-card-actions .btn-danger{color:var(--danger, #e74c3c);border-color:var(--danger, #e74c3c)}.inactive-card-actions .btn-danger:hover{background:var(--danger, #e74c3c);color:#fff}.inactive-materials-count{font-size:.75rem;color:var(--foreground-3);text-align:center;padding:0 .75rem .25rem}@media (max-width: 768px){#adminLoginModal,#registerModal{padding-top:40px}.large-modal{max-height:92vh}.map-modal-content{max-width:98vw;width:98vw;max-height:90vh;height:90vh}}@media (max-width: 600px){.modal-content{width:96%;border-radius:12px;max-height:93vh}.modal-header{padding:14px 16px}.modal-header h3{font-size:16px;line-height:1.3}.modal-body{padding:16px}.modal-footer{padding:12px 16px;flex-wrap:wrap;gap:8px}.modal-footer button,.modal-footer .btn,.modal-footer .submit-btn,.modal-footer .cancel-btn,.modal-footer .primary-btn,.modal-footer .secondary-btn,.modal-footer .danger-btn{flex:1 1 calc(50% - 4px);min-width:100px;text-align:center;justify-content:center}#adminLoginModal,#registerModal{padding-top:12px;align-items:center}#adminLoginModal .modal-content,#registerModal .modal-content{max-width:100%;width:96%}.large-modal{max-width:98vw;max-height:93vh}.modal-content .tab-btn{padding:8px 10px;font-size:12px}.modal-content .info-grid{gap:8px}.modal-body table{display:block;overflow-x:auto;width:100%;white-space:nowrap}.modal-body h4,.modal-body h5{font-size:14px}#personnelDetailModal .modal-body,#clientDetailModal .modal-body{padding:12px 14px}.slab-actions-row,.bundle-action-row{flex-wrap:wrap;gap:6px}.modal-body .form-row{grid-template-columns:1fr;gap:0}.quote-totals-section,.invoice-totals-section{font-size:13px}.reorder-modal{max-width:98vw}.modal-content.small-modal{max-width:96%}}@media (max-width: 480px){.modal-content{width:98%;border-radius:10px;max-height:95vh}.modal-header{padding:12px 14px}.modal-header h3{font-size:15px}.modal-body{padding:12px 14px}.modal-footer{padding:10px 14px;gap:6px}.modal-footer button,.modal-footer .btn,.modal-footer .submit-btn,.modal-footer .cancel-btn,.modal-footer .primary-btn,.modal-footer .secondary-btn,.modal-footer .danger-btn{flex:1 1 100%}#adminLoginModal .modal-content,#registerModal .modal-content{width:100%;border-radius:0 0 12px 12px;border-top:none}#adminLoginModal,#registerModal{padding-top:0;align-items:flex-start}.large-modal{max-width:100vw;max-height:98vh;border-radius:0;border-left:none;border-right:none}.map-modal-content{max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0}}.suppliers-filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:var(--background-2);border-radius:8px;margin-bottom:16px;border:1px solid var(--background-3)}.suppliers-filters-row .filter-group{display:flex;align-items:center;gap:8px}.suppliers-filters-row .filter-group label{font-size:13px;font-weight:500;color:var(--foreground-2)}.suppliers-filters-row .filter-input{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);min-width:250px}.suppliers-filters-row .filter-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px rgba(var(--accent-1-rgb),.2)}.suppliers-filters-row .filter-select{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);cursor:pointer;min-width:120px}.suppliers-filters-row .filter-select:focus{outline:none;border-color:var(--accent-1)}.suppliers-filters-row .filter-results-count{margin-left:auto;font-size:13px;color:var(--foreground-2);font-weight:500}.suppliers-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--background-3);background:var(--background-2)}.suppliers-table{width:100%;border-collapse:collapse;font-size:14px}.suppliers-table thead th{padding:12px 16px;text-align:left;background:var(--background-3);color:var(--foreground-1);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--background-3);white-space:nowrap}.suppliers-table thead th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.suppliers-table thead th.sortable-header:hover{background:var(--background-4)}.suppliers-table tbody tr{border-bottom:1px solid var(--background-3);transition:background-color .15s}.suppliers-table tbody tr:hover{background:var(--background-3)}.suppliers-table tbody td{padding:12px 16px;color:var(--foreground-1);vertical-align:middle}.supplier-name-text{font-weight:500;color:var(--foreground-1)}.suppliers-table .clickable-row{cursor:pointer}.suppliers-table .clickable-row:hover{background:var(--background-3)}.email-link,.phone-link{color:var(--accent-1);text-decoration:none;transition:color .2s}.email-link:hover,.phone-link:hover{color:var(--accent-2);text-decoration:underline}.suppliers-table .slab-count{font-weight:600;color:var(--accent-1)}.suppliers-table .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.suppliers-table .status-active{background:#22c55e26;color:var(--success)}.suppliers-table .status-inactive{background:#ef444426;color:var(--error)}.suppliers-table .actions-cell{white-space:nowrap}.suppliers-table .btn-icon{padding:6px 8px;margin:0 2px;background:transparent;border:1px solid var(--background-3);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.suppliers-table .btn-icon:hover{background:var(--background-3)}.suppliers-table .btn-icon.delete-btn:hover{background:#ef444426;border-color:var(--error)}.suppliers-table .empty-table-message{text-align:center;padding:32px;color:var(--foreground-2);font-style:italic}.supplier-history-row{background:var(--background-1)}.supplier-history-row td{padding:0}.supplier-history-row .supplier-history-container{padding:16px;border-top:2px solid var(--accent-1)}@media (max-width: 768px){.suppliers-filters-row{flex-direction:column;align-items:stretch;gap:12px}.suppliers-filters-row .filter-group{flex-direction:column;align-items:stretch}.suppliers-filters-row .filter-input{min-width:100%}.suppliers-filters-row .filter-results-count{margin-left:0;text-align:center}.suppliers-table{font-size:12px}.suppliers-table thead th,.suppliers-table tbody td{padding:8px 10px}}.activity-table{width:100%;border-collapse:collapse;margin-top:12px}.activity-table th{background:var(--background-3);padding:12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--foreground-2);letter-spacing:.5px}.activity-table td{padding:12px;border-bottom:1px solid var(--background-3);color:var(--foreground-1)}.activity-table tr:hover td{background:var(--background-3)}.users-management{padding:1rem}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--accent-2)}.users-header h2{margin:0;color:var(--accent-2);font-size:1.5rem}.users-filters{display:flex;align-items:center;gap:.5rem}.users-filters label{font-weight:600;color:var(--foreground-1)}.users-table-container{background:var(--background-2);border-radius:8px;box-shadow:0 2px 8px #0000004d;overflow:hidden;overflow-x:auto;border:1px solid var(--background-3)}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th{background:var(--accent-1);color:var(--foreground-1);padding:1rem .75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--accent-2)}.users-table td{padding:.75rem;border-bottom:1px solid var(--background-3);vertical-align:middle}.users-table tr:hover{background:var(--background-3)}.user-name{display:flex;flex-direction:column;gap:.25rem}.user-name .name{font-weight:600;color:var(--foreground-1)}.user-name .phone{font-size:.8rem;color:var(--foreground-2)}.username{color:var(--accent-3);font-family:monospace;font-weight:600}.email{color:var(--foreground-1);word-break:break-word}.role-cell{padding:.5rem .75rem}.role-select{width:100%;padding:.4rem;border:2px solid var(--background-3);border-radius:6px;background:var(--background-2);color:var(--foreground-1);font-size:.9rem;cursor:pointer;transition:border-color .2s}.role-select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #0079f233}.role-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.admin{background:var(--error);color:#fff}.role-badge.sales{background:var(--accent-2);color:#fff}.role-badge.operations{background:var(--warning);color:#fff}.role-badge.client{background:var(--background-4);color:#fff}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:15px;font-size:.8rem;font-weight:600}.status-badge.active{background:#10b98133;color:var(--success)}.status-badge.inactive{background:#ef444433;color:var(--error)}.status-badge.suspended{background:#f59e0b33;color:var(--warning)}.last-active{color:var(--foreground-2);font-size:.9rem}.personnel-table{background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--background-3)}.personnel-grid{grid-template-columns:1fr 1fr 140px 120px 150px 100px}.name-cell{display:flex;align-items:center;gap:6px}.personnel-table .data-row{display:grid;padding:16px;border-bottom:1px solid var(--background-3);transition:background-color .2s;align-items:center}.personnel-table .data-row:hover{background:var(--background-3)}.personnel-table .data-row:last-child{border-bottom:none}.clickable-row{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable-row:hover{background:var(--background-3)}.clickable-row:active{background:var(--background-4)}.actions-cell{display:flex;gap:8px;align-items:center}.personnel-table .btn-view,.personnel-table .btn-edit{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;margin-right:4px}.personnel-table .btn-view{background:#3b82f633;color:var(--info)}.personnel-table .btn-view:hover{background:var(--info);color:var(--foreground-1)}.personnel-table .btn-edit{background:#f59e0b33;color:var(--warning)}.personnel-table .btn-edit:hover{background:var(--warning);color:var(--background-1)}.role-badge-admin{background:var(--error);color:#fff}.role-badge-sales{background:var(--accent-2);color:#fff}.role-badge-operations{background:var(--warning);color:#fff}.role-badge-manager{background:#2d7a3a;color:#fff}.role-badge-default{background:var(--background-4);color:#fff}.status-badge-active{background:#10b98133;color:var(--success)}.status-badge-inactive{background:#ef444433;color:var(--error)}.status-badge-suspended{background:#f59e0b33;color:var(--warning)}.status-badge-default{background:var(--background-4);color:var(--foreground-2)}.actions{display:flex;gap:.5rem;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.action-btn.view-btn{background:#3b82f633;color:var(--info)}.action-btn.view-btn:hover{background:var(--info);color:var(--foreground-1)}.action-btn.edit-btn{background:#f59e0b33;color:var(--warning)}.action-btn.edit-btn:hover{background:var(--warning);color:var(--background-1)}@media (max-width: 768px){.users-table-container{overflow-x:scroll}.users-table{min-width:700px}.users-header{flex-direction:column;align-items:flex-start;gap:1rem}}.orphanage-table{background:var(--background-2);border-radius:12px;padding:24px;margin-top:16px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:var(--background-3)}.data-table th{padding:16px;text-align:left;font-weight:600;color:var(--foreground-1);border-bottom:2px solid var(--background-4)}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table td{padding:16px;color:var(--foreground-2);border-bottom:1px solid var(--background-3)}.data-table tbody tr:hover{background:var(--background-3)}.data-table tbody tr:last-child td{border-bottom:none}.table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr 1fr;gap:12px;padding:16px;background:var(--background-3);border-radius:8px 8px 0 0;font-weight:600;color:var(--foreground-1);border-bottom:2px solid var(--background-4)}.table-header.personnel-grid{grid-template-columns:1fr 1fr 140px 120px 150px 100px}.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1fr 1fr;gap:12px;padding:16px;border-bottom:1px solid var(--background-3);transition:background .2s;cursor:pointer}.table-row:hover{background:var(--background-3)}.table-row:last-child{border-bottom:none;border-radius:0 0 8px 8px}.table-cell{display:flex;align-items:center;color:var(--foreground-2);overflow:hidden;text-overflow:ellipsis}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--background-3);background:var(--background-2);margin-top:16px}@media (max-width: 768px){.table-wrapper{border-radius:var(--radius-md)}}.transaction-spreadsheet{display:flex;flex-direction:column;border:1px solid var(--background-4);border-radius:8px;overflow:hidden}.transaction-spreadsheet-header{display:grid;grid-template-columns:32px 1.5fr .8fr .6fr 1fr 1fr .8fr 1fr;gap:8px;padding:10px 12px;background:var(--background-4);font-weight:600;font-size:12px;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px}.transaction-spreadsheet-row{display:grid;grid-template-columns:32px 1.5fr .8fr .6fr 1fr 1fr .8fr 1fr;gap:8px;padding:10px 12px;background:var(--background-2);border-bottom:1px solid var(--background-4);font-size:13px;color:var(--foreground-1);align-items:center;cursor:pointer;transition:background .15s}.transaction-spreadsheet-row:hover{background:var(--background-3)}.transaction-spreadsheet-row.hold-expiring{background:#f0ad4e1a}.transaction-spreadsheet-row .col-expand{display:flex;align-items:center;justify-content:center}.transaction-spreadsheet-row .expand-icon{font-size:10px;color:var(--foreground-3);transition:transform .2s}.transaction-spreadsheet-row.expanded .expand-icon{transform:rotate(90deg)}.transaction-spreadsheet-row .col-material{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-spreadsheet-row .col-bundle,.transaction-spreadsheet-row .col-slab,.transaction-spreadsheet-row .col-dims,.transaction-spreadsheet-row .col-location{color:var(--foreground-2)}.transaction-spreadsheet-row .col-price{font-weight:600;color:var(--success-color, #5cb85c)}.transaction-spreadsheet-row .col-actions{display:flex;gap:6px;justify-content:flex-end}.transaction-spreadsheet-row .col-actions .view-btn.small,.transaction-spreadsheet-row .col-actions .return-btn.small{padding:4px 8px;font-size:11px;border-radius:4px}.transaction-spreadsheet-row .col-actions .return-btn.small{background:var(--warning);color:var(--background-1);border:none;cursor:pointer;font-weight:500}.transaction-spreadsheet-row .col-actions .return-btn.small:hover{background:var(--warning-hover, #e09900)}.transaction-spreadsheet-details{display:none;background:var(--background-3);border-bottom:1px solid var(--background-4)}.transaction-spreadsheet-row.expanded+.transaction-spreadsheet-details{display:block}.transaction-spreadsheet-details .details-content{display:flex;gap:20px;padding:16px 12px 16px 44px}.transaction-spreadsheet-details .details-image{width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--background-4)}.transaction-spreadsheet-details .details-image img{width:100%;height:100%;object-fit:cover}.transaction-spreadsheet-details .details-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--foreground-4)}.transaction-spreadsheet-details .details-info{flex:1;display:flex;flex-wrap:wrap;gap:8px 24px}.transaction-spreadsheet-details .detail-row{font-size:13px;color:var(--foreground-2)}.transaction-spreadsheet-details .detail-row strong{color:var(--foreground-1)}.transaction-spreadsheet-details .detail-row.expiring-soon{color:var(--warning-color, #f0ad4e)}@media (max-width: 900px){.transaction-spreadsheet-header,.transaction-spreadsheet-row{grid-template-columns:28px 1fr .6fr .5fr .8fr .6fr}.transaction-spreadsheet-header .col-location,.transaction-spreadsheet-row .col-location,.transaction-spreadsheet-header .col-bundle,.transaction-spreadsheet-row .col-bundle{display:none}}@media (max-width: 600px){.transaction-spreadsheet-header,.transaction-spreadsheet-row{grid-template-columns:28px 1fr .5fr .6fr}.transaction-spreadsheet-header .col-dims,.transaction-spreadsheet-row .col-dims,.transaction-spreadsheet-header .col-slab,.transaction-spreadsheet-row .col-slab{display:none}.transaction-spreadsheet-details .details-content{flex-direction:column;padding-left:12px}.transaction-spreadsheet-details .details-image{width:80px;height:80px}}form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:var(--foreground-1);font-size:14px}.forgot-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--background-3)}.forgot-link{color:var(--accent-3);text-decoration:none;font-size:13px;transition:color .2s}.forgot-link:hover{color:var(--accent-2);text-decoration:underline}.link-separator{color:var(--foreground-2);font-size:12px}.form-footer{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--background-3);color:var(--foreground-2);font-size:14px}.form-footer a{color:#5bb5ff;text-decoration:none;font-weight:500;transition:color .2s}.form-footer a:hover{color:#7dcdff;text-decoration:underline}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;padding:12px;background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;color:var(--foreground-1);font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #57abff1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn{background:var(--background-3)}.register-link,.login-link{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--background-3)}.register-link a,.login-link a{color:var(--accent-2);text-decoration:none}.register-link a:hover,.login-link a:hover{color:var(--accent-3);text-decoration:underline}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr;gap:0}}.form-section{margin-top:24px}.form-section h4{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--foreground-1)}.reassign-dropdown-form{max-width:400px}.reassign-dropdown-form .form-group{margin-bottom:1rem}.reassign-dropdown-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--foreground-1)}.reassign-dropdown-form select{width:100%;padding:12px 16px;border:1px solid var(--background-4);border-radius:8px;background:var(--background-2);color:var(--foreground-1);font-size:1rem;cursor:pointer;transition:all .2s}.reassign-dropdown-form select:hover:not(:disabled){border-color:var(--accent-1)}.reassign-dropdown-form select:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #6366f11a}.reassign-dropdown-form select:disabled{background:var(--background-3);color:var(--foreground-3);cursor:not-allowed}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.rotation-toggle-checkbox{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:var(--background-3);border-radius:13px;border:2px solid var(--background-4);transition:all var(--transition-base);flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.rotation-toggle-checkbox:checked+.toggle-slider{background:var(--accent-2);border-color:var(--accent-1)}.rotation-toggle-checkbox:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label:hover .toggle-slider{border-color:var(--accent-2)}.toggle-text{font-weight:500;color:var(--foreground-1);font-size:14px}.theme-toggle{position:relative;display:inline-block;width:70px;height:32px;margin-right:12px;cursor:pointer}.theme-toggle input{opacity:0;width:0;height:0}.theme-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background-3);border:2px solid var(--foreground-2);border-radius:30px;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.theme-toggle-slider:hover{border-color:var(--foreground-1)}.theme-icon-moon,.theme-icon-sun{font-size:16px;z-index:1;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.theme-icon-moon{left:-2px}.theme-icon-sun{right:-2px;top:1px}.theme-toggle-knob{position:absolute;left:3px;top:3px;width:24px;height:24px;background:var(--foreground-1);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.theme-toggle-no-transition .theme-toggle-knob,.theme-toggle-no-transition .theme-icon-moon,.theme-toggle-no-transition .theme-icon-sun{transition:none!important}.theme-toggle input:not(:checked)+.theme-toggle-slider .theme-icon-moon{opacity:1}.theme-toggle input:not(:checked)+.theme-toggle-slider .theme-icon-sun{opacity:.3}.theme-toggle input:checked+.theme-toggle-slider{background-color:var(--accent-2);border-color:var(--accent-2)}.theme-toggle input:checked+.theme-toggle-slider .theme-toggle-knob{transform:translate(35px)}.theme-toggle input:checked+.theme-toggle-slider .theme-icon-moon{opacity:.3}.theme-toggle input:checked+.theme-toggle-slider .theme-icon-sun{opacity:1}.input-section{margin-top:16px}.input-section.hidden{display:none}.cost-input-group{display:flex;gap:5px;align-items:center}.cost-input-group input{flex:1;min-width:0}.cost-unit-selector{flex:0 0 auto;min-width:100px;padding:8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px}.cost-unit-selector:disabled{background:#f5f5f5;color:#666}.reassign-mode-toggle{display:flex;gap:8px;margin-bottom:1.5rem;padding:4px;background:var(--background-3);border-radius:8px;width:fit-content}.reassign-mode-toggle .mode-btn{padding:10px 20px;border:none;border-radius:6px;background:transparent;color:var(--foreground-2);cursor:pointer;font-weight:500;transition:all .2s;font-size:.9rem}.reassign-mode-toggle .mode-btn:hover{background:var(--background-4);color:var(--foreground-1)}.reassign-mode-toggle .mode-btn.active{background:var(--accent-1);color:#fff;box-shadow:0 2px 8px #6366f14d}.slab-view-toggle{display:flex;background:var(--background-3);border-radius:6px;padding:2px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;border:none;background:transparent;color:var(--foreground-3);cursor:pointer;border-radius:4px;transition:all .2s ease}.view-toggle-btn:hover{color:var(--foreground-1);background:var(--background-2)}.view-toggle-btn.active{background:var(--accent);color:#fff}.view-toggle-btn svg{width:16px;height:16px}.material-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground-2);text-align:center;padding:20px}.material-icon{font-size:32px;margin-bottom:8px}.material-text{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.bundle-badge{background:var(--warning);color:var(--background-1)}.status-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.status-badge.available{background:var(--success);color:#fff}.status-badge.reserved{background:var(--warning);color:var(--background-1)}.status-badge.sold{background:var(--error);color:#fff}.status-badge.low_stock{background:var(--warning);color:var(--background-1)}.condition-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-left:4px}.condition-badge.minor_damage,.condition-badge.minor-damage{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.condition-badge.major_damage,.condition-badge.major-damage{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.condition-badge.scrap{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.4)}.item-type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;margin-left:8px;letter-spacing:.5px}.item-badge{background:var(--info);color:#fff}.bundle-slab-badge{position:absolute;bottom:.5rem;right:.5rem;background:#000000bf;color:#fff;padding:.25rem .6rem;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bundle-slab-badge:after{content:" slabs";font-weight:400;font-size:.75rem}.slab-info-row .status-badge{color:#fff!important}.slab-info-row .status-available{background:var(--success)!important;color:#fff!important}.slab-info-row .status-reserved{background:var(--warning)!important;color:#fff!important}.slab-info-row .status-sold{background:var(--error)!important;color:#fff!important}.material-slab-badge{position:absolute;bottom:.5rem;right:.5rem;background:#000000bf;color:#fff;padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.in-gallery-badge{position:absolute;top:.5rem;left:.5rem;background:#10b981f2;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;z-index:5;pointer-events:none}.image-browser-item.in-gallery{border-color:#10b98180}.image-browser-item .image-source-badge{position:absolute;top:.5rem;left:.5rem;background:#00bfa5e6;color:#fff;padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;max-width:calc(100% - 1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:5;pointer-events:none;box-shadow:0 2px 4px #0003}.toast-container{position:fixed;top:24px;right:24px;z-index:100000;display:flex;flex-direction:column;gap:12px}.toast{padding:16px 20px;border-radius:12px;color:#fff;font-weight:500;min-width:300px;max-width:500px;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000004d}.toast.success{background:var(--success)}.toast.error{background:var(--error)}.toast.warning{background:var(--warning)}.toast.info{background:var(--info)}.status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.available{background:var(--success);color:#fff}.status.low_stock{background:var(--warning);color:#fff}.status.out_of_stock{background:var(--error);color:#fff}.status.active{background:var(--success);color:#fff}.status.inactive{background:var(--background-4);color:var(--foreground-2)}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--background-3);overflow-x:auto;padding:0}.tab-btn{padding:14px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--foreground-2);cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s;margin-bottom:-2px;flex-shrink:0}.tab-btn:hover{color:var(--foreground-1);background:var(--background-3)}.tab-btn.active{color:var(--accent-3);border-bottom-color:var(--accent-2);background:transparent}.tab-content{display:none}.tab-content.active{display:block}.personnel-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-field{background:var(--background-3);padding:16px;border-radius:8px}.info-label{font-size:12px;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:500}.info-value{font-size:16px;color:var(--foreground-1);font-weight:500}.status-active{color:var(--success);font-weight:600}.status-inactive{color:var(--error);font-weight:600}.status-suspended{color:var(--warning);font-weight:600}.edit-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px;padding:16px 4px 16px 0;flex-wrap:wrap;width:100%;box-sizing:border-box}.edit-actions .action-btn{flex-shrink:0}.sales-section{margin-top:24px}.sales-section h4{color:var(--accent-3);font-size:16px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--background-3)}.login-success{color:var(--success);font-weight:600}.login-failure{color:var(--error);font-weight:600}.empty-state{text-align:center;padding:48px 24px;color:var(--foreground-2)}.empty-state h3{margin-bottom:8px;color:var(--foreground-1)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--foreground-2)}.loading:after{content:"";width:20px;height:20px;margin-left:12px;border:2px solid var(--background-3);border-top:2px solid var(--accent-2);border-radius:50%;animation:spin 1s linear infinite}.invoice-input-methods{margin-bottom:24px}.pdf-upload-area{border:2px dashed var(--background-4);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.pdf-upload-area:hover,.pdf-upload-area.dragover{border-color:var(--accent-2);background:var(--background-2)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:48px;color:var(--accent-2)}.upload-content h4{font-size:18px;font-weight:600;color:var(--foreground-1)}.upload-content p{color:var(--foreground-2)}.link-btn{background:none;border:none;color:var(--accent-2);text-decoration:underline;cursor:pointer;font-size:14px}.link-btn:hover{color:var(--accent-3)}.upload-status{margin-top:16px}.upload-progress,.upload-success,.upload-error{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;font-weight:500}.upload-progress{background:var(--background-2);border:1px solid var(--info)}.upload-success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.upload-error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.progress-bar{flex:1;height:6px;background:var(--background-3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--info);transition:width .3s ease}.invoice-items{border:1px solid var(--background-3);border-radius:12px;overflow:hidden}.invoice-item-block{background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;padding:12px;margin-bottom:8px}.invoice-item-block:last-child{margin-bottom:0}.item-row-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.item-row-top select{flex:1;background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:8px;color:var(--foreground-1);font-size:14px}.item-row-top select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #57abff1a}.new-material-btn{background:var(--accent-2);border:none;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;transition:background-color .2s}.new-material-btn:hover{background:var(--accent-1)}.new-material-inline{display:flex;gap:8px;align-items:center;margin-bottom:8px;padding:8px;background:var(--background-3);border-radius:6px}.new-material-inline.hidden{display:none}.new-material-inline input{flex:1;background:var(--background-1);border:1px solid var(--background-4);border-radius:6px;padding:6px 8px;color:var(--foreground-1);font-size:13px}.new-material-inline input:focus{outline:none;border-color:var(--accent-2)}.new-material-save-btn{background:var(--success);border:none;color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.new-material-save-btn:hover{background:#059669}.new-material-cancel-btn{background:var(--background-4);border:none;color:var(--foreground-1);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.new-material-cancel-btn:hover{background:var(--background-5, var(--background-4))}.item-row-bottom{display:grid;grid-template-columns:120px 80px 120px 120px 40px;gap:8px;align-items:center}.item-row-bottom input{background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:8px;color:var(--foreground-1);font-size:14px}.item-row-bottom input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #57abff1a}.item-row{display:grid;grid-template-columns:2fr 120px 80px 120px 120px 40px;gap:12px;padding:12px;background:var(--background-2);border-bottom:1px solid var(--background-3);align-items:center}.item-row:last-child{border-bottom:none}.item-row input{background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:8px;color:var(--foreground-1);font-size:14px}.item-row input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #57abff1a}.remove-item-btn{background:var(--error);border:none;color:#fff;border-radius:6px;padding:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.remove-item-btn:hover{background:#dc2626}@media (max-width: 600px){.item-row-top{flex-direction:column}.item-row-top select{width:100%}.item-row-bottom{grid-template-columns:1fr 1fr}.item-row-bottom .remove-item-btn{grid-column:span 2;justify-self:end}}.fees-expenses-section{background:var(--background-2);border-radius:8px;padding:1rem}.fees-expenses-list{display:flex;flex-direction:column;gap:8px}.fee-row{display:grid;grid-template-columns:1fr 120px 40px;gap:8px;align-items:center}.fee-row .fee-description{background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:8px 12px;color:var(--foreground-1);font-size:14px}.fee-row .fee-amount{background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:8px 12px;color:var(--foreground-1);font-size:14px;text-align:right}.fee-row input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 2px #57abff1a}.remove-fee-btn{background:var(--error);border:none;color:#fff;border-radius:6px;padding:6px 8px;cursor:pointer;font-size:12px;transition:background-color .2s}.remove-fee-btn:hover{background:#dc2626}@media (max-width: 600px){.fee-row{grid-template-columns:1fr 100px 36px}}.add-item-btn{background:var(--accent-2);border:none;color:#fff;padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:500;margin-top:12px;transition:background-color .2s}.add-item-btn:hover{background:var(--accent-1)}.parsed-preview{margin-top:20px;padding:20px;background:var(--background-2);border:1px solid var(--background-3);border-radius:12px}.preview-subtitle{color:var(--foreground-2);margin-bottom:16px}.parsed-invoice-header{margin-bottom:20px}.parsed-items{margin-top:16px}.parsed-items h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--foreground-1)}.items-table{background:var(--background-1);border-radius:8px;overflow:hidden;border:1px solid var(--background-3)}.items-header{display:grid;grid-template-columns:2fr 120px 80px 120px 120px;gap:12px;padding:12px;background:var(--background-4);font-weight:600;font-size:13px;color:var(--foreground-1);text-transform:uppercase;letter-spacing:.5px}.item-row-parsed{display:grid;grid-template-columns:2fr 120px 80px 120px 120px;gap:12px;padding:12px;border-bottom:1px solid var(--background-3);align-items:center}.item-row-parsed:last-child{border-bottom:none}.item-row-parsed input{background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;padding:8px;color:var(--foreground-1);font-size:14px}.item-row-parsed input:read-only{background:var(--background-3);cursor:default}.item-row-parsed input.editable{background:var(--background-1);border-color:var(--accent-2)}.parsed-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--background-3)}.edit-btn{background:var(--warning);border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s}.edit-btn:hover{background:#d97706}.confirm-btn{background:var(--success);border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s}.confirm-btn:hover{background:#059669}.success-icon{color:var(--success);font-size:18px}.error-icon{color:var(--error);font-size:18px}.locations-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}@media (max-width: 1200px){.locations-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.locations-list{grid-template-columns:1fr}}.location-card,.supplier-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:0;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.location-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.location-header,.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.5rem}.location-header h3,.supplier-header h3{margin:0;font-size:1.25rem;color:var(--text-primary);flex:1}.view-history-btn{background:var(--background-3);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:var(--foreground-1);white-space:nowrap}.view-history-btn:hover{background:var(--accent-3);color:#fff;border-color:var(--accent-3)}.supplier-contact-info{margin-bottom:1rem}.supplier-contact-info p{margin:.25rem 0;color:var(--foreground-2);font-size:.9rem}.supplier-contact-info a{color:var(--accent-3);text-decoration:none}.supplier-contact-info a:hover{text-decoration:underline}.supplier-history-container{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.supplier-history-loading,.supplier-history-error,.supplier-history-empty{padding:1rem;text-align:center;color:var(--foreground-2);font-style:italic}.supplier-history-error{color:var(--danger)}.supplier-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--background-2);border-radius:8px}.supplier-summary .summary-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;min-width:70px}.supplier-summary .stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground-1)}.supplier-summary .stat-label{font-size:.75rem;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px}.supplier-summary .summary-stat.available .stat-value{color:var(--success)}.supplier-summary .summary-stat.sold .stat-value{color:var(--accent-3)}.supplier-containers-list h4{font-size:1rem;font-weight:600;color:var(--foreground-1);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.supplier-container-item{margin-bottom:.5rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.supplier-container-item .container-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--background-2);cursor:pointer;transition:background .2s ease}.supplier-container-item .container-header:hover{background:var(--background-3)}.supplier-container-item .container-toggle{font-size:.75rem;transition:transform .2s ease;color:var(--foreground-2)}.supplier-container-item.expanded .container-toggle{transform:rotate(90deg)}.supplier-container-item .container-name{font-weight:600;color:var(--foreground-1);flex:1}.supplier-container-item .container-meta{font-size:.8rem;color:var(--foreground-2)}.location-reorder-controls{display:flex;flex-direction:column;gap:.25rem;margin-right:.5rem}.location-reorder-btn{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:1rem;line-height:1;transition:all .2s ease;min-width:28px;min-height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.location-reorder-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary);transform:scale(1.05)}.location-reorder-btn:active:not(:disabled){transform:scale(.95)}.location-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.location-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.location-card.clickable:hover{border-color:var(--primary)}.location-shorthand-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-1) 25%,transparent);border-radius:4px;padding:1px 6px;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;margin-left:6px}.location-default-order-badge{display:inline-block;font-size:11px;font-weight:600;color:#b45309;background:color-mix(in srgb,#f59e0b 15%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);border-radius:4px;padding:1px 6px;vertical-align:middle;letter-spacing:.4px;margin-left:6px}.location-actions,.supplier-actions{display:flex;gap:.5rem}.edit-location-btn,.delete-location-btn,.edit-supplier-btn,.delete-supplier-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:.5rem;cursor:pointer;font-size:1rem;transition:all .2s ease;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.edit-location-btn:hover,.edit-supplier-btn:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-1px)}.delete-location-btn:hover,.delete-supplier-btn:hover{background:#fee;border-color:#f44;transform:translateY(-1px)}.location-details,.supplier-details{display:grid;gap:.5rem}.location-details p,.supplier-details p{margin:0;color:var(--text-secondary);line-height:1.4}.location-details strong,.supplier-details strong{color:var(--text-primary);font-weight:600}.status.active{color:var(--success);font-weight:600}.status.inactive{color:#f44;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem;text-align:center}.stat-card h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-secondary);font-weight:500}.stat-number{margin:0;font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary)}.recent-activity{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.recent-activity h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-text{flex:1;color:var(--text-primary)}.activity-time{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.error-state{color:#f44}.upload-zone{border:2px dashed var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--background-3)}.upload-zone:hover{border-color:var(--accent-1);background:var(--background-4)}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--foreground-2)}.upload-zone .upload-icon{font-size:2rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-preview-item .remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1}.image-preview-item .remove-image-btn:hover{background:#b91c1c}.image-source-choice{display:flex;gap:1.5rem;margin-bottom:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease}.radio-option:hover{border-color:var(--accent-1);background:var(--background-3)}.radio-option input[type=radio]{cursor:pointer;margin:0}.radio-option input[type=radio]:checked+span{color:var(--accent-1);font-weight:600}.image-input-section{margin-top:.75rem;transition:all .3s ease}.image-input-section.hidden{display:none}.image-input-section input[type=text],.image-input-section input[type=file]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-3);color:var(--foreground-1);font-size:.95rem}.image-input-section input[type=file]{cursor:pointer}.image-input-section small{display:block;margin-top:.5rem;color:var(--foreground-3);font-size:.85rem}.gallery-preview{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.gallery-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color)}.gallery-preview-item img{width:100%;height:100%;object-fit:cover}.gallery-preview-item .remove-preview{position:absolute;top:4px;right:4px;background:#f00c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all .2s ease}.gallery-preview-item .remove-preview:hover{background:red;transform:scale(1.1)}.image-browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.image-browser-item{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all .3s ease}.image-browser-item:hover{border-color:var(--accent-1);transform:scale(1.05);box-shadow:0 4px 12px #0003}.image-browser-item.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #0079f24d}.image-browser-item img{width:100%;height:100%;object-fit:cover;display:block}.image-browser-item .image-path{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-browser-item .image-checkbox{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;cursor:pointer;z-index:10;display:none}.image-browser-grid.multi-select .image-browser-item .image-checkbox{display:block}.image-browser-grid.multi-select .image-browser-item.selected:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0079f233;pointer-events:none}.gallery-preview-item{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);background:var(--background-2)}.gallery-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-preview-item .remove-gallery-image{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;z-index:10}.gallery-preview-item .remove-gallery-image:hover{background:#dc2626;transform:scale(1.1)}.gallery-preview-item .image-path{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:.25rem .5rem;font-size:.7rem;white-space:nowrap;overflow:hidden}.section-image-selector{margin-top:.75rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.section-image-selector:hover{opacity:.9;transform:translateY(-1px)}.section-image-display{position:relative;width:100%;max-width:300px;height:180px;border:2px dashed var(--border-color);border-radius:8px;overflow:hidden;background:var(--background-2);transition:all .2s ease}.section-image-selector:hover .section-image-display{border-color:var(--accent-color);box-shadow:0 4px 12px #00bfa526}.section-image-display img{width:100%;height:100%;object-fit:cover}.section-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--foreground-3);font-size:.95rem;text-align:center;padding:1rem}.section-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.section-image-grid-item{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease;background:var(--background-2)}.section-image-grid-item:hover{border-color:var(--accent-color);transform:scale(1.02);box-shadow:0 4px 12px #00bfa533}.section-image-grid-item.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.section-image-grid-item img{width:100%;height:100%;object-fit:cover}.section-image-grid-item .image-path{position:absolute;bottom:0;left:0;right:0;background:#000000bf;color:#fff;padding:.5rem;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-image-grid-item .image-source-label{position:absolute;top:.5rem;left:.5rem;background:#00bfa5e6;color:#fff;padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;max-width:calc(100% - 1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #0003}.section-image-preview{margin-top:.75rem;display:flex;align-items:center;gap:1rem}.section-image-preview img{max-width:200px;max-height:150px;border-radius:8px;border:2px solid var(--border-color);object-fit:cover}.section-image-preview .remove-btn{padding:.5rem 1rem;background:#dc2626e6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.section-image-preview .remove-btn:hover{background:#dc2626;transform:scale(1.05);text-overflow:ellipsis}.browse-image-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-1);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s ease}.browse-image-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.selected-image-preview{margin-top:.75rem;padding:.75rem;background:var(--background-3);border-radius:6px;border:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.selected-image-preview img{width:60px;height:60px;object-fit:cover;border-radius:4px}.selected-image-preview .image-info{flex:1;min-width:0}.selected-image-preview .image-info .path{font-size:.85rem;color:var(--foreground-1);word-break:break-all}.selected-image-preview .remove-btn{background:var(--danger-color);color:#fff;border:none;border-radius:4px;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:all .2s ease}.selected-image-preview .remove-btn:hover{background:#c0392b}#imageBrowserGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem;max-height:60vh;overflow-y:auto}.image-card{background:var(--background-3);border:2px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.image-card:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-card.selectable:hover{cursor:pointer}.image-card img{width:100%;height:200px;object-fit:cover;display:block;background:var(--background-2)}.image-card-actions{padding:.75rem;background:var(--background-2);border-top:1px solid var(--border-color);display:flex;gap:.5rem;align-items:center;justify-content:center}.image-card-actions .select-btn{background:var(--accent-1);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.image-card-actions .select-btn:hover{background:var(--accent-2)}.image-card-actions .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.image-card-actions input[type=checkbox]{width:18px;height:18px;cursor:pointer}.current-gallery-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:var(--background-2);border-radius:8px;border:1px solid var(--border-color)}.current-gallery-images .no-images{grid-column:1 / -1;text-align:center;color:var(--foreground-2);padding:2rem;font-style:italic}.gallery-image-item{position:relative;background:var(--background-3);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;transition:all .2s ease}.gallery-image-item:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.gallery-image-item img{width:100%;height:150px;object-fit:cover;display:block;background:var(--background-1)}.gallery-image-item .gallery-image-info{padding:.5rem;background:var(--background-2)}.gallery-image-item .gallery-image-info .path{font-size:.75rem;color:var(--foreground-2);word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-image-item .remove-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;background:#dc2626e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;transition:all .2s ease;z-index:10;line-height:1}.gallery-image-item .remove-btn:hover{background:#dc2626;transform:scale(1.1)}.gallery-image-item.pending-upload{border:2px dashed var(--accent-1);opacity:.85}.gallery-image-item.pending-upload:hover{opacity:1}.pending-badge{display:inline-block;margin-top:.25rem;padding:.15rem .5rem;background:var(--warning-color, #f59e0b);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.gallery-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.gallery-actions .browse-gallery-btn,.gallery-actions .upload-gallery-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-1);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;text-decoration:none}.gallery-actions .browse-gallery-btn:hover,.gallery-actions .upload-gallery-btn:hover{background:var(--accent-2);transform:translateY(-1px)}.confirm-selection-btn{width:100%;margin-top:1rem;padding:1rem;background:var(--success-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.confirm-selection-btn:hover{background:#27ae60;transform:translateY(-1px)}.image-upload-container{border:2px dashed var(--border-color);border-radius:8px;padding:16px;text-align:center;transition:border-color .3s ease}.image-upload-container:hover{border-color:var(--accent-color)}.image-upload-btn{background:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.image-upload-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.image-upload-btn:disabled{background:var(--muted-color);cursor:not-allowed;transform:none}.image-preview{position:relative;display:inline-block;margin-top:12px}.image-preview img{border:2px solid var(--border-color);box-shadow:0 4px 8px #0000001a}.remove-image-btn{position:absolute;top:-8px;right:-8px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:all .3s ease}.remove-image-btn:hover{background:#c53030;transform:scale(1.1)}.upload-progress{margin-top:12px}.progress-bar{width:100%;height:8px;background:var(--background-secondary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease;width:0%}.progress-text{font-size:12px;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--background-2);padding:24px;border-radius:16px;border:1px solid var(--background-3)}.stat-card h3{font-size:16px;color:var(--foreground-2);margin-bottom:8px;font-weight:500}.stat-number{font-size:32px;font-weight:600;color:var(--accent-3)}.filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filters select{padding:8px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;color:var(--foreground-1);font-size:14px;min-width:150px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px}.pagination-btn{padding:8px 16px;background:var(--accent-2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--accent-3);transform:translateY(-2px)}.pagination-btn:disabled{background:var(--background-3);color:var(--foreground-3);cursor:not-allowed}.pagination-info{color:var(--foreground-2);font-size:14px;font-weight:500}.data-grid{background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--background-3)}.data-row{display:grid;padding:16px;border-bottom:1px solid var(--background-3);transition:background-color .2s;align-items:center}.data-row:hover{background:var(--background-3)}.data-row:last-child{border-bottom:none}.data-header{background:var(--background-4);font-weight:600;color:var(--foreground-1)}.data-header:hover{background:var(--background-4)}.locations-grid{grid-template-columns:2fr 1fr 1fr 1fr 120px}.suppliers-grid{grid-template-columns:1fr 1fr 150px 150px 120px 120px}.clients-grid{grid-template-columns:1fr 1fr 180px 120px}.has-actions .clients-grid{grid-template-columns:1fr 1fr 180px 120px 100px}.actions-cell{display:flex;align-items:center;justify-content:center}.actions-cell{gap:6px}.btn-icon.toggle-status-btn{background:#2ecc711a;border:1px solid rgba(46,204,113,.3);color:#2ecc71;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:15px;transition:color .2s,background .2s,border-color .2s}.btn-icon.toggle-status-btn.is-inactive{background:#95a5a61a;border-color:#95a5a64d;color:#95a5a6}.btn-icon.toggle-status-btn:hover{color:#fff;background:#2ecc71;border-color:#2ecc71}.btn-icon.toggle-status-btn.is-inactive:hover{background:#2ecc71;border-color:#2ecc71;color:#fff}.btn-icon.delete-client-btn{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:15px;transition:color .2s,background .2s,border-color .2s}.btn-icon.delete-client-btn:hover{color:#fff;background:#e74c3c;border-color:#e74c3c}.sortable-header .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.sortable-header .sortable:hover{background:var(--background-3);color:var(--accent-1)}.sortable-header .table-cell{display:flex;align-items:center;justify-content:flex-start;gap:4px}.personnel-filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--background-2);border-radius:8px;border:1px solid var(--background-3)}.personnel-filters-row .filter-group{display:flex;align-items:center;gap:8px}.personnel-filters-row .filter-group label{font-size:14px;color:var(--foreground-2);white-space:nowrap}.personnel-filters-row .filter-input{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);min-width:250px}.personnel-filters-row .filter-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px rgba(var(--accent-1-rgb),.2)}.personnel-filters-row .filter-select{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);cursor:pointer;min-width:120px}.personnel-filters-row .filter-select:focus{outline:none;border-color:var(--accent-1)}.personnel-filters-row .filter-results-count{margin-left:auto;font-size:13px;color:var(--foreground-2);font-weight:500}.activity-list{background:var(--background-2);border-radius:12px;border:1px solid var(--background-3);max-height:400px;overflow-y:auto}.activity-item{padding:16px;border-bottom:1px solid var(--background-3);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.activity-item:last-child{border-bottom:none}.activity-content{flex:1}.activity-action{font-weight:600;margin-bottom:4px}.activity-action.create{color:var(--success)}.activity-action.update{color:var(--warning)}.activity-action.delete{color:var(--error)}.activity-details{color:var(--foreground-2);font-size:14px}.activity-time{color:var(--foreground-2);font-size:12px;white-space:nowrap}.global-search-bar{background:var(--background-2, #1a1a1a);border-bottom:1px solid var(--background-3, #333);padding:8px 24px;position:sticky;top:var(--header-nav-height, 100px);z-index:98;transition:opacity .2s ease,transform .2s ease}.global-search-bar.hidden{display:none}.global-search-inner{display:flex;align-items:center;background:#000;border:1px solid var(--border-color, #444);border-radius:8px;padding:0 12px;max-width:800px;transition:border-color .2s ease}[data-theme=light] .global-search-inner{background:var(--background-2, #F0ECE6);border-color:var(--background-4, #D5CFC6)}.global-search-inner:focus-within{border-color:var(--accent-primary, #4fc3f7)}.global-search-icon{font-size:14px;flex-shrink:0;opacity:.6}.global-search-input{flex:1;background:transparent;border:none;color:var(--text-primary, #fff);padding:10px 12px;font-size:14px;outline:none;width:100%}.global-search-input::placeholder{color:var(--text-secondary, #888)}.global-search-clear{background:transparent;border:none;color:var(--text-secondary, #888);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0;transition:color .2s}.global-search-clear:hover{color:var(--text-primary, #fff)}.global-search-clear.hidden{display:none}.global-search-filters{display:flex;align-items:center;gap:8px;margin-left:8px;flex-shrink:0}.global-search-filters:empty{display:none}.global-search-filters select{background:var(--background-2, #1a1a1a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #444);border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s ease}.global-search-filters select:focus{border-color:var(--accent-primary, #4fc3f7)}.global-search-filters .filter-results-count{font-size:12px;color:var(--text-secondary, #888);white-space:nowrap;padding:0 4px}.global-search-filters .filter-group-label{font-size:12px;color:var(--text-primary, #ccc);font-weight:500;white-space:nowrap;margin-right:2px}.global-search-filters .filter-toggle-group{display:flex;gap:0;border-radius:6px;overflow:hidden;border:1px solid var(--border-color, #555)}.global-search-filters .filter-toggle-btn{background:var(--background-1, #111);color:var(--text-secondary, #aaa);border:none;padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.global-search-filters .filter-toggle-btn:not(:last-child){border-right:1px solid var(--border-color, #555)}.global-search-filters .filter-toggle-btn.active{background:#2042d8;color:#fff;font-weight:600}.global-search-filters .filter-toggle-btn:hover:not(.active){background:var(--background-3, #3a3a3a);color:var(--text-primary, #fff)}.global-search-filters .filter-separator{width:1px;height:20px;background:var(--border-color, #555);margin:0 6px;flex-shrink:0}@media (max-width: 768px){.global-search-bar{padding:6px 12px}.global-search-inner{max-width:none}.global-search-input{padding:8px;font-size:13px}.global-search-filters{gap:6px;margin-left:6px}.global-search-filters select{padding:5px 6px;font-size:12px}.global-search-filters .filter-results-count{font-size:11px}}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--foreground-1)}.dashboard-subtitle{font-size:16px;color:var(--foreground-2)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.dashboard-stat-card{background:var(--background-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;border:1px solid var(--background-3);box-shadow:0 4px 16px #0000004d;transition:all .2s}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:var(--accent-3)}:root[data-theme=light] .dashboard-stat-card{background:#d7d5d4;border:1px solid var(--background-4, #D5CFC6);box-shadow:0 4px 16px #0000000f,0 2px 4px #00000008}:root[data-theme=light] .dashboard-stat-card:hover{box-shadow:0 8px 24px #0000001f,0 4px 8px #0000000f}.dashboard-stat-card .stat-icon{font-size:36px;line-height:1}.dashboard-stat-card .stat-content{flex:1}.dashboard-stat-card .stat-number{font-size:32px;font-weight:700;color:var(--foreground-1);line-height:1;margin-bottom:4px}.dashboard-stat-card .stat-label{font-size:14px;color:var(--foreground-2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dashboard-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:32px}.dashboard-section[data-column="1"]{grid-column:1}.dashboard-section[data-column="2"]{grid-column:2}@media (max-width: 1100px){.dashboard-two-column{grid-template-columns:1fr}.dashboard-section[data-column="1"],.dashboard-section[data-column="2"]{grid-column:auto}}.dashboard-section{background:var(--background-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--background-3);box-shadow:0 4px 16px #0000004d;overflow:hidden;transition:transform .2s,box-shadow .2s}.dashboard-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.dashboard-section-header{padding:20px 24px;border-bottom:1px solid var(--background-3);background:var(--background-3)}.dashboard-section-header h2{font-size:20px;font-weight:600;color:var(--foreground-1);margin:0}.dashboard-section-content{padding:20px 24px;background:var(--background-2)}:root[data-theme=light] .dashboard-section{background:var(--background-2, #F0ECE6);border:1px solid var(--background-4, #D5CFC6);box-shadow:0 4px 16px #0000000f,0 2px 4px #00000008}:root[data-theme=light] .dashboard-section:hover{box-shadow:0 8px 24px #00000014,0 4px 8px #0000000a}:root[data-theme=light] .dashboard-section-content{background:var(--background-2, #F0ECE6)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--background-3);border-radius:var(--radius-md);transition:all .2s}.activity-item:hover{background:var(--background-4);transform:translate(4px)}.activity-icon{font-size:20px;line-height:1;flex-shrink:0}.activity-details{flex:1;min-width:0}.activity-title{font-size:15px;font-weight:600;color:var(--foreground-1);margin-bottom:4px}.activity-subtitle{font-size:13px;color:var(--foreground-2)}.slab-status-list{display:flex;flex-direction:column;gap:8px}.slab-status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-3);border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.slab-status-item:hover{background:var(--background-4);transform:translate(4px)}.slab-status-info{flex:1;min-width:0}.slab-status-number{font-size:15px;font-weight:600;color:var(--foreground-1);margin-bottom:2px}.slab-status-type{font-size:13px;color:var(--foreground-2)}.slab-status-badge{padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.status-hold{background:#f59e0b;color:#fff}.status-in_transit{background:#8b5cf6;color:#fff}.status-delivered{background:#06b6d4;color:#fff}.status-returned{background:#ec4899;color:#fff}.status-damaged{background:#6b7280;color:#fff}.hold-expiring-soon{animation:pulse-warning 2s infinite}.hold-expiration-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:.5rem}.hold-expiration-badge.expiring-soon{background:#fef3c7;color:#92400e}.hold-expiration-badge.expired{background:#fee2e2;color:#b91c1c}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md);transition:all .2s}.notification-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.notification-placeholder{background:var(--background-3);border:1px solid var(--background-4)}.notification-icon{font-size:24px;line-height:1;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:var(--foreground-1);margin-bottom:4px}.notification-subtitle{font-size:13px;color:var(--foreground-2)}.empty-state{text-align:center;padding:40px 20px}.empty-state p{font-size:16px;color:var(--foreground-2);margin-bottom:8px}.empty-state-hint{font-size:14px;color:var(--foreground-2);opacity:.8}.view-more{margin-top:16px;text-align:center}.view-more-btn{padding:10px 20px;background:var(--accent-2);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-more-btn:hover{background:var(--accent-1);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.error-state{text-align:center;padding:40px 20px}.error-state p{font-size:16px;color:var(--error);margin-bottom:16px}.retry-btn{padding:12px 24px;background:var(--accent-2);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--accent-1);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.material-preferences-section{background:var(--background-2);border-radius:var(--radius-lg);padding:32px;margin-bottom:40px;border:1px solid var(--background-3)}.material-preferences-section h2{font-size:24px;font-weight:600;margin-bottom:16px;color:var(--foreground-1)}.material-preferences-list{display:flex;flex-direction:column;gap:12px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--background-3);border-radius:var(--radius-md);transition:all .2s}.preference-item:hover{background:var(--background-4);transform:translate(4px)}.preference-material{font-size:18px;font-weight:600;color:var(--foreground-1)}.preference-count{font-size:16px;color:var(--foreground-2)}.liked-slabs-section{margin-bottom:40px}.liked-slabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.liked-slabs-section h2{font-size:24px;font-weight:600;margin:0;color:var(--foreground-1)}.sort-controls{display:flex;align-items:center;gap:12px}.sort-controls label{font-size:14px;font-weight:500;color:var(--foreground-2)}.sort-dropdown{padding:8px 16px;border:1px solid var(--background-3);border-radius:var(--radius-md);background:var(--background-2);color:var(--foreground-1);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.sort-dropdown:hover{border-color:var(--accent)}.sort-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-transparent)}.liked-slabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}@media (max-width: 768px){.liked-slabs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}.liked-slab-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;background:var(--background-2);border:1px solid var(--background-3)}.liked-slab-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.liked-slab-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--background-3)}.liked-slab-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.liked-slab-card:hover .liked-slab-image{transform:scale(1.05)}.liked-slab-card .slab-like-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#fffffff2;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s;box-shadow:0 2px 8px #00000026}.liked-slab-card .slab-like-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.slab-status-badge{position:absolute;bottom:12px;left:12px;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:5}.status-available{background:#22c55ef2;color:#fff}.status-reserved{background:#fb923cf2;color:#fff}.status-sold{background:#9ca3aff2;color:#fff}.liked-slab-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:16px;transform:translateY(0);transition:transform .3s}.liked-slab-info{color:#fff}.slab-name{font-size:14px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.slab-area{font-size:12px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.liked-slab-image-container.no-image{background:linear-gradient(135deg,var(--background-3) 0%,var(--background-4) 100%)}.no-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.no-image-icon{font-size:48px;opacity:.4}.no-image-text{font-size:13px;font-weight:500;color:var(--foreground-3);opacity:.6}.preferences-empty-state,.feed-empty-state{text-align:center;padding:80px 24px}.empty-state-icon{font-size:80px;margin-bottom:24px}.empty-state-message{font-size:18px;color:var(--foreground-2);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:14px 32px;background:var(--accent-2);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.cta-button:hover{background:var(--accent-1);transform:translateY(-2px);box-shadow:0 4px 12px #0079f24d}.dash-charts-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}@media (max-width: 1100px){.dash-charts-row{grid-template-columns:1fr}}.dash-chart-card{background:var(--card-bg, #1a1a2e);border-radius:12px;padding:20px;border:1px solid var(--border-color, #2a2a4a);margin-bottom:20px}.dash-chart-card--full{margin-bottom:20px}[data-theme=light] .dash-chart-card{background:var(--background-2, #F0ECE6);border-color:var(--background-4, #D5CFC6);box-shadow:0 4px 16px #0000000f}.dash-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.dash-chart-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #e0e0e0)}[data-theme=light] .dash-chart-header h3{color:var(--foreground-1, #2C2519)}.dash-chart-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dash-chart-filters select{padding:5px 8px;border-radius:6px;border:1px solid var(--border-color, #2a2a4a);background:var(--input-bg, #0f0f23);color:var(--text-primary, #e0e0e0);font-size:12px;cursor:pointer}[data-theme=light] .dash-chart-filters select{background:var(--background-3, #E8E2DA);color:var(--foreground-1, #2C2519);border-color:var(--background-4, #D5CFC6)}.dash-chart-body{position:relative;height:280px}.dash-chart-body canvas{max-height:280px}.dash-chart-body--stock{height:220px}.dash-chart-body--stock canvas{max-height:220px}.referral-stats-section{margin-top:24px;background:var(--card-bg, #1a1a2e);border-radius:12px;padding:20px;border:1px solid var(--border-color, #2a2a4a)}.referral-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.referral-stats-header h3{margin:0;color:var(--text-primary, #e0e0e0)}.referral-filter-controls{display:flex;gap:8px;align-items:center}.referral-filter-controls select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #2a2a4a);background:var(--input-bg, #0f0f23);color:var(--text-primary, #e0e0e0);font-size:13px}.referral-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.referral-stat-card{background:var(--bg-secondary, #0f0f23);border-radius:8px;padding:16px;text-align:center;border:1px solid var(--border-color, #2a2a4a);transition:transform .2s}.referral-stat-card:hover{transform:translateY(-2px)}.referral-stat-card .referral-source-name{font-size:13px;color:var(--text-secondary, #a0a0c0);margin-bottom:8px}.referral-stat-card .referral-source-count{font-size:28px;font-weight:700;color:var(--accent, #4fc3f7)}.referral-no-data{grid-column:1 / -1;text-align:center;color:var(--text-secondary, #a0a0c0);padding:20px}[data-theme=light] .referral-stat-card{background:#d7d5d4;border-color:var(--background-4, #D5CFC6)}[data-theme=light] .referral-stat-card .referral-source-name{color:var(--foreground-2, #5C5347)}[data-theme=light] .referral-stat-card .referral-source-count{color:var(--accent-1, #2042d8)}[data-theme=light] .referral-filter-controls select{background:var(--background-2, #F0ECE6);color:var(--foreground-1, #2C2519);border-color:var(--background-4, #D5CFC6)}.settings-container{max-width:1400px;margin:0 auto;padding:40px 24px;position:relative;z-index:1}.settings-container h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--foreground-1)}.background-controls{background:var(--background-2);border:1px solid var(--background-4);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px}.control-group{margin-bottom:24px}.control-group:last-child{margin-bottom:0}.control-label{display:block;font-weight:500;color:var(--foreground-1);margin-bottom:8px;font-size:14px}.control-hint{display:block;font-size:12px;color:var(--foreground-2);font-weight:400;margin-top:4px}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-input{width:80px;height:40px;border:2px solid var(--background-4);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base)}.color-picker-input:hover{border-color:var(--accent-2)}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-input::-moz-color-swatch{border:none;border-radius:6px}.clear-color-btn{background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:var(--radius-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all var(--transition-base)}.clear-color-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.opacity-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#0079f21a,#0079f280,#0079f2);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-2);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d;transition:all var(--transition-base)}.opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--accent-1)}.opacity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-2);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px #0000004d;transition:all var(--transition-base)}.opacity-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--accent-1)}.rotation-mode-controls{margin-top:16px;padding:16px;background:var(--background-3);border-radius:var(--radius-md);border:1px solid var(--accent-3);display:flex;align-items:center;justify-content:space-between;gap:16px}.selection-count{font-size:14px;color:var(--foreground-1);font-weight:500;margin:0}.selection-count span{color:var(--accent-2);font-weight:600}.save-selection-btn{padding:10px 24px;font-size:14px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.background-checkbox{position:absolute;top:8px;left:8px;width:24px;height:24px;cursor:pointer;z-index:10;accent-color:var(--accent-2);opacity:0;transition:opacity var(--transition-base)}.rotation-mode .background-checkbox{opacity:1}.background-item.checkbox-selected{border-color:var(--success);box-shadow:0 0 0 4px #10b9814d,0 8px 24px #0000004d}.background-category{margin-bottom:48px;padding:24px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.category-title{font-size:20px;font-weight:600;color:var(--foreground-1);margin-bottom:8px;display:flex;align-items:center;gap:8px}.category-description{font-size:14px;color:var(--foreground-2);margin-bottom:20px;opacity:.8}:root[data-theme=light] .background-category{background:#00000005;border:1px solid rgba(0,0,0,.08)}.background-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:24px}.background-item{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.background-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-2)}.background-item.selected{border-color:var(--accent-1);box-shadow:0 0 0 4px #0079f24d,0 8px 24px #0000004d}.background-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.background-item:hover img{transform:scale(1.05)}.background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.background-item:hover .background-overlay{opacity:1}.background-item.selected .background-overlay{opacity:.9;background:#0079f2cc}.set-background-btn{background:var(--accent-1);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003}.set-background-btn:hover{background:var(--accent-2);transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.background-item.selected .set-background-btn{background:#fff;color:var(--accent-1);pointer-events:none}.background-item.selected .set-background-btn:before{content:"✓ ";font-weight:700}.background-label{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:8px 12px;font-size:13px;font-weight:500;text-align:center}:root[data-theme=light] .background-item{box-shadow:0 4px 12px #0000001a}:root[data-theme=light] .background-item:hover{box-shadow:0 8px 24px #0003}:root[data-theme=light] .background-item.selected{box-shadow:0 0 0 4px #0079f233,0 8px 24px #0003}:root[data-theme=light] .background-label{background:#f0ece6d9;color:#2c2519;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-settings-section{margin-bottom:24px}.account-settings-section h4{color:var(--foreground-1);font-size:16px;margin-bottom:16px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.action-btn{padding:14px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-width:fit-content}.warning-btn{background:var(--warning);color:#fff;font-weight:600;text-shadow:none}.warning-btn:hover{background:#d97706;color:#fff;transform:translateY(-2px)}.info-btn{background:var(--info);color:#fff}.info-btn:hover{background:var(--accent-2);transform:translateY(-2px)}.danger-btn{background:var(--error);color:#fff}.danger-btn:hover{background:#dc2626;transform:translateY(-2px)}.trusted-devices-section{margin-top:24px;padding-top:24px;border-top:2px solid var(--background-3)}.trusted-devices-section h4{color:var(--foreground-1);font-size:16px;margin-bottom:16px}.device-item{background:var(--background-3);padding:16px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.device-info{flex:1}.device-name{font-size:14px;font-weight:600;color:var(--foreground-1);margin-bottom:4px}.device-meta{font-size:12px;color:var(--foreground-2)}.remove-device-btn{background:var(--error);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.remove-device-btn:hover{background:#dc2626;transform:translateY(-2px)}.delete-options{display:flex;flex-direction:column}.delete-option h4{margin-bottom:.5rem;color:var(--foreground-1)}.delete-option p{margin-bottom:1rem;color:var(--foreground-2);font-size:.9rem;line-height:1.5}.training-materials-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-1)}.training-files-list{display:flex;flex-direction:column;gap:.75rem}.training-download-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--background-2);border:1px solid var(--border-1);border-radius:var(--radius-md);text-decoration:none;color:var(--foreground-1);transition:background .15s ease,border-color .15s ease}.training-download-btn:hover{background:var(--background-3);border-color:var(--accent-1)}.training-icon{font-size:1.4rem;flex-shrink:0}.training-label{flex:1;font-weight:500;font-size:.95rem}.training-download-arrow{font-size:.85rem;color:var(--accent-1);font-weight:600;white-space:nowrap}.tutorials-section{margin-bottom:2.5rem}.tutorials-section h3{font-size:1.5rem;font-weight:600;margin-bottom:.4rem;color:var(--foreground-1)}.tutorials-subtitle{color:var(--foreground-2);margin-bottom:1.5rem;font-size:.95rem}.tutorials-admin-panel{background:var(--background-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:1.2rem 1.4rem;margin-bottom:1.5rem}.tutorials-admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tutorials-admin-header h4{font-size:1rem;font-weight:600;color:var(--foreground-1);margin:0}.tutorials-upload-toggle-btn{background:var(--accent-1);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.tutorials-upload-toggle-btn:hover{opacity:.85}.tutorials-upload-form{margin-top:1.2rem;border-top:1px solid var(--border-1);padding-top:1.2rem}.tut-form-row{margin-bottom:1rem}.tut-form-row label{display:block;font-size:.85rem;font-weight:600;color:var(--foreground-2);margin-bottom:.4rem}.tut-input{width:100%;background:var(--background-3);border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--foreground-1);padding:.55rem .8rem;font-size:.9rem;box-sizing:border-box;transition:border-color .15s}.tut-input:focus{outline:none;border-color:var(--accent-1)}.tut-textarea{resize:vertical;min-height:56px}.tut-file-input{width:100%;font-size:.88rem;color:var(--foreground-1);padding:.4rem 0}.tut-hint{font-size:.78rem;color:var(--foreground-3);font-weight:400}.tut-roles-grid{display:flex;flex-wrap:wrap;gap:.6rem}.tut-role-check{display:flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--foreground-1);cursor:pointer;-webkit-user-select:none;user-select:none}.tut-role-check input[type=checkbox]{accent-color:var(--accent-1);width:15px;height:15px}.tut-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.tut-cancel-btn{background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--foreground-2);padding:.5rem 1.1rem;font-size:.88rem;cursor:pointer;transition:background .15s}.tut-cancel-btn:hover{background:var(--background-3)}.tut-submit-btn{background:var(--accent-1);border:none;border-radius:var(--radius-sm);color:#fff;padding:.5rem 1.3rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s}.tut-submit-btn:hover{opacity:.85}.tut-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tut-progress{margin-top:.8rem;height:6px;background:var(--background-3);border-radius:3px;overflow:hidden}.tut-progress-bar{height:100%;background:var(--accent-1);width:0%;transition:width .2s ease}.tutorials-list{display:flex;flex-direction:column;gap:.75rem}.tutorial-card{background:var(--background-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:1rem 1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;transition:border-color .15s}.tutorial-card:hover{border-color:var(--accent-1)}.tutorial-card-left{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:0}.tutorial-ext-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:.25rem .45rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;margin-top:2px}.tutorial-badge-pdf{background:#dc354526;color:#dc3545;border:1px solid rgba(220,53,69,.35)}.tutorial-badge-doc{background:#0d6efd1f;color:#0d6efd;border:1px solid rgba(13,110,253,.3)}.tutorial-card-info{min-width:0}.tutorial-card-title{font-weight:600;font-size:.97rem;color:var(--foreground-1);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-card-desc{font-size:.85rem;color:var(--foreground-2);margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tutorial-card-roles{font-size:.78rem;color:var(--foreground-3)}.tutorial-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tut-view-btn{background:var(--accent-1);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.tut-view-btn:hover{opacity:.85}.tut-edit-btn,.tut-delete-btn{background:transparent;border:1px solid var(--border-1);border-radius:var(--radius-sm);color:var(--foreground-2);padding:.4rem .7rem;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.tut-edit-btn:hover{background:var(--background-3);color:var(--foreground-1)}.tut-delete-btn:hover{background:#dc35451a;color:#dc3545;border-color:#dc354566}.tut-inline-edit{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-1);width:100%}.tut-empty{color:var(--foreground-3);font-size:.9rem;font-style:italic;padding:1rem 0}.tutorial-viewer-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:stretch;justify-content:stretch}.tutorial-viewer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;cursor:pointer}.tutorial-viewer-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;background:var(--background-1)}.tutorial-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.2rem;background:var(--background-2);border-bottom:1px solid var(--border-1);flex-shrink:0}.tutorial-viewer-title{font-size:.95rem;font-weight:600;color:var(--foreground-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-viewer-close{background:transparent;border:none;font-size:1.1rem;color:var(--foreground-2);cursor:pointer;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:background .15s;flex-shrink:0}.tutorial-viewer-close:hover{background:var(--background-3);color:var(--foreground-1)}.tutorial-viewer-frame{flex:1;width:100%;border:none;background:#f0f0f0}@media (max-width: 600px){.tutorial-card{flex-direction:column}.tutorial-card-actions{width:100%;justify-content:flex-start}.tutorials-admin-header{flex-direction:column;align-items:flex-start}}.inventory-view-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.view-search-row{display:flex;gap:16px;align-items:stretch;flex-wrap:nowrap}.view-mode-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-2);border-radius:12px;border:1px solid var(--background-3)}.view-mode-toggle label{color:var(--foreground-2);font-weight:500;font-size:14px;white-space:nowrap}.view-mode-select{padding:10px 16px;background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;color:var(--foreground-1);font-size:14px;font-weight:500;cursor:pointer;min-width:280px;transition:all .2s ease}.view-mode-select:hover{border-color:var(--accent-2)}.view-mode-select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #0079f233}.inventory-search{position:relative;flex:1;max-width:400px}.inventory-search-input{width:100%;padding:12px 16px;background:var(--background-2);border:1px solid var(--background-3);border-radius:12px;color:var(--foreground-1);font-size:14px;transition:all .2s ease}.inventory-search-input:hover{border-color:var(--background-4)}.inventory-search-input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #0079f233}.inventory-search-input::placeholder{color:var(--foreground-3)}.search-result-count{font-size:12px;color:var(--foreground-3);margin-top:4px;padding-left:4px}.search-highlight{background-color:#ffd70066;padding:1px 2px;border-radius:2px}.search-match-highlight>.hierarchy-header{border-left:3px solid var(--accent-1, #2196f3);background:#2196f314}.inventory-group.filtered-out{display:none!important}.search-results-info{padding:12px 16px;background:var(--background-2);border-radius:8px;border-left:4px solid var(--accent-2);margin-bottom:16px;font-size:14px;color:var(--foreground-2)}.search-results-info .clear-search{margin-left:12px;color:var(--accent-2);cursor:pointer;text-decoration:underline}.search-results-info .clear-search:hover{color:var(--accent-3)}.inventory-view-controls .filters{margin-bottom:0}.material-section-header{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px;padding:16px 20px;background:linear-gradient(135deg,var(--background-2),var(--background-3));border-radius:12px;border-left:4px solid var(--accent-2)}.material-title{color:var(--accent-3);font-weight:600;font-size:20px;display:flex;align-items:center;gap:8px;margin:0}.material-count{background:var(--accent-1);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.inventory-group{margin-bottom:8px;border-radius:8px;overflow:hidden}.group-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;cursor:pointer;transition:all .2s ease}.group-header:hover{background:var(--background-3)}.group-header.expandable{cursor:pointer}.expand-icon{color:var(--accent-3);font-size:12px;transition:transform .2s ease;flex-shrink:0}.group-name{font-weight:600;color:var(--foreground-1);flex:1}.group-count{font-size:13px;color:var(--foreground-2);background:var(--background-3);padding:4px 10px;border-radius:12px}.group-content{padding:8px 0 8px 24px;max-height:20000px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:1}.group-content.collapsed{max-height:0;padding:0;opacity:0}.stone-type-header{background:linear-gradient(135deg,var(--background-2),var(--background-3));border-left:3px solid var(--accent-2)}.material-group{margin-left:8px}.empty-location .group-header{opacity:.7}.empty-badge{background:var(--background-4);color:var(--foreground-3);padding:4px 10px;border-radius:12px;font-size:12px;font-style:italic}.empty-location-message{padding:16px 20px;background:var(--background-2);border-radius:8px;border:1px dashed var(--background-4);margin:8px 0}.empty-location-message p{margin:0;color:var(--foreground-3);font-size:14px;font-style:italic}.material-header{background:var(--background-2);border-left:3px solid var(--accent-3)}.location-header{background:linear-gradient(135deg,var(--background-2),var(--background-3));border-left:3px solid var(--success)}.orphan-header{background:linear-gradient(135deg,var(--background-2),rgba(239,68,68,.1));border-left:3px solid var(--warning)}.bundles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:1rem 0!important}.bundle-grid-card{position:relative;background:var(--card-bg, var(--background-2));border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--card-border, var(--background-3));display:flex;flex-direction:column}.bundle-grid-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--accent-1)}.bundle-grid-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--background-3)}.bundle-grid-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-grid-card:hover .bundle-grid-image{transform:scale(1.05)}.bundle-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--foreground-3);background:linear-gradient(135deg,var(--background-3) 0%,var(--background-4, var(--background-3)) 100%)}.bundle-grid-info{padding:.75rem}.bundle-grid-info h3{font-size:.95rem;font-weight:600;color:var(--foreground-1);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-grid-slab-count{font-size:.8rem;color:var(--foreground-2);margin:0}.bundle-grid-location{font-size:.75rem;color:var(--foreground-3);margin:.25rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.bundles-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}}@media (max-width: 480px){.bundles-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.inventory-bundle-card{background:var(--background-2);border-radius:12px;border:1px solid var(--background-3);overflow:hidden;transition:all .2s ease;cursor:pointer;display:flex;flex-direction:row;align-items:stretch}.inventory-bundle-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #57abff26;border-color:var(--accent-3)}.bundle-card-image{width:200px;min-width:200px;height:120px;background:var(--background-3);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.bundle-card-image img{width:100%;height:100%;object-fit:cover}.bundle-placeholder{font-size:36px;opacity:.5}.bundle-card-content{padding:12px;flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width: 600px){.inventory-bundle-card{flex-direction:column}.bundle-card-image{width:100%;height:auto;aspect-ratio:16 / 9}}.bundle-card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.bundle-card-title{font-weight:600;font-size:15px;color:var(--foreground-1)}.inventory-bundle-card .bundle-expand-icon{font-size:12px;color:var(--foreground-2);transition:transform .2s ease}.inventory-bundle-card.bundle-expanded .bundle-expand-icon{transform:rotate(90deg)}.bundle-card-subtitle{font-size:13px;color:var(--foreground-2);margin-bottom:8px}.bundle-card-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slab-count{font-size:13px;color:var(--accent-3);font-weight:500}.bundle-status{font-size:11px;padding:2px 8px;border-radius:10px;text-transform:capitalize}.bundle-status.status-available{background:#10b98126;color:var(--success)}.bundle-status.status-reserved{background:#f59e0b26;color:var(--warning)}.bundle-status.status-sold{background:#ef444426;color:var(--error)}.bundle-card-location{font-size:12px;color:var(--foreground-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-map-btn{margin-top:8px;padding:6px 12px;background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.bundle-map-btn:hover{background:#1e40af;color:#fff;border-color:#1e40af}.bundle-card-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.bundle-move-btn{padding:6px 12px;background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.bundle-move-btn:hover{background:#059669;color:#fff;border-color:#059669}.bulk-reserve-btn,.bulk-sell-btn{padding:6px 12px;background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.bulk-reserve-btn:hover{background:#f59e0b;color:#fff;border-color:#f59e0b}.bulk-sell-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.bundle-like-btn{padding:6px 12px;background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.bundle-like-btn:hover{background:#ef444426;border-color:#ef4444}.bundle-like-btn.liked{background:#ef444433;border-color:#ef4444}.bundle-like-btn .heart-icon{font-size:16px;line-height:1}.container-move-btn{margin-left:8px;padding:4px 10px;background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.container-move-btn:hover{background:#059669;color:#fff;border-color:#059669}.bundle-orphan-info{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.orphan-tag{font-size:11px;padding:2px 8px;background:#f59e0b26;color:var(--warning);border-radius:10px}.orphanage-summary{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.orphan-stat-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:12px;padding:16px 24px;text-align:center;min-width:150px}.orphan-stat-number{font-size:28px;font-weight:700;color:var(--warning)}.orphan-stat-label{font-size:13px;color:var(--foreground-2);margin-top:4px}.success-state{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:32px;text-align:center}.success-state h3{color:var(--success);margin-bottom:8px}.material-cards-grid{display:grid;gap:20px;margin-bottom:32px;width:100%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width: 1600px){.material-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}}@media (min-width: 1200px) and (max-width: 1599px){.material-cards-grid{grid-template-columns:repeat(4,1fr);gap:22px}}@media (min-width: 900px) and (max-width: 1199px){.material-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.inventory-card{background:var(--background-2);border-radius:12px;border:1px solid var(--background-3);overflow:hidden;transition:all .3s ease;position:relative}.inventory-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #57abff26;border-color:var(--accent-3)}.inventory-card.highlighted{border-color:var(--accent-2);box-shadow:0 0 0 2px #57abff4d;transform:translateY(-2px)}.bundle-card{border-left:4px solid var(--warning);cursor:pointer;transition:all .3s ease}.bundle-card:hover{border-left-color:var(--accent-2);transform:translateY(-6px);box-shadow:0 12px 28px #57abff2e}.hierarchical-container-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;margin-bottom:20px;overflow:hidden}.container-header{background:linear-gradient(135deg,var(--background-3),var(--background-2));border-left:4px solid var(--accent-2);padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.container-header:hover{background:linear-gradient(135deg,var(--background-3),var(--accent-1));transform:translate(2px)}.container-info{flex:1;min-width:0}.container-info strong{color:var(--foreground-1);font-size:16px;font-weight:600;display:block;margin-bottom:4px}.container-meta{color:var(--foreground-2);font-size:13px;display:block}.bundles-container{padding:0 16px 16px;background:var(--background-1)}.hierarchical-bundle-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;margin-top:12px;overflow:hidden}.bundle-header{background:linear-gradient(135deg,var(--background-2),var(--background-3));border-left:3px solid var(--warning);padding:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease}.bundle-header:hover{background:linear-gradient(135deg,var(--background-3),var(--warning));transform:translate(2px)}.expand-icon-small{color:var(--warning);font-size:12px;transition:transform .2s ease;flex-shrink:0}.bundle-info{flex:1;min-width:0}.bundle-info strong{color:var(--foreground-1);font-size:14px;font-weight:600;display:block;margin-bottom:3px}.bundle-meta{color:var(--foreground-2);font-size:12px;display:block}.slabs-container{padding:8px 12px;background:var(--background-1)}.hierarchical-slab-card{background:var(--background-2);border:1px solid var(--background-3);border-left:2px solid var(--success);border-radius:4px;padding:10px 12px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.hierarchical-slab-card:hover{background:var(--background-3);border-left-color:var(--accent-3);transform:translate(2px)}.slab-info{flex:1;min-width:0}.slab-info strong{color:var(--foreground-1);font-size:13px;font-weight:600;display:block;margin-bottom:2px}.slab-meta{color:var(--foreground-2);font-size:11px;display:block}.slab-location{display:inline-flex;align-items:center;gap:4px}.map-btn{background:none;border:none;font-size:14px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;line-height:1;display:inline-flex;align-items:center;vertical-align:middle}.map-btn:hover{background:var(--background-4);transform:scale(1.1)}.map-btn:active{transform:scale(.95)}.empty-message{color:var(--foreground-2);font-size:13px;font-style:italic;padding:12px;text-align:center}.card-content{padding:0}.card-image{height:160px;background:var(--background-3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.inventory-card:hover .card-img{transform:scale(1.05)}.card-details{padding:16px}.card-title-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.card-title{font-size:16px;font-weight:600;color:var(--foreground-1);margin:0;line-height:1.3;flex:1}.card-material{color:var(--accent-3);font-style:italic;margin-bottom:8px;font-size:14px;font-weight:500}.card-quantity{margin-bottom:12px;font-size:14px;line-height:1.4}.quantity-label,.available-label{color:var(--foreground-2);font-weight:500}.available-label{color:var(--success)}.card-status-location{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.location-info{color:var(--foreground-2);font-size:12px;text-align:right;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.card-price{font-size:18px;font-weight:600;color:var(--accent-3);margin-bottom:12px;text-align:center;padding:8px;background:var(--background-3);border-radius:8px}.card-actions{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--background-3)}.card-action-btn{flex:1;padding:6px 12px;font-size:12px;border-radius:6px;border:1px solid var(--background-4);background:var(--background-3);color:var(--foreground-1);cursor:pointer;transition:all .2s ease;font-weight:500}.card-action-btn:hover{background:var(--background-4);transform:translateY(-1px)}.card-action-btn.view-btn{background:var(--info);border-color:var(--info);color:#fff}.card-action-btn.view-btn:hover{background:var(--accent-2)}.card-action-btn.edit-btn{background:var(--warning);border-color:var(--warning);color:var(--background-1)}.card-action-btn.delete-btn{background:var(--error);border-color:var(--error);color:#fff}@media (min-width: 600px) and (max-width: 899px){.material-cards-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 599px){.material-cards-grid{grid-template-columns:repeat(2,1fr);gap:16px}.material-section-header{margin:24px 0 12px;padding:12px 16px}.material-title{font-size:18px}.card-image{height:140px}.card-details{padding:12px}.card-actions{flex-direction:column;gap:8px}.card-action-btn{padding:8px 12px}}@media (max-width: 380px){.material-cards-grid{grid-template-columns:1fr;gap:12px}.card-image{height:120px}.card-title-container,.card-status-location{flex-direction:column;align-items:flex-start;gap:4px}.location-info{text-align:left}}.inventory-grid{grid-template-columns:1fr 150px 120px 100px 120px 100px 140px}.section-header{grid-column:1 / -1;margin:24px 0 12px;padding:0 16px}.section-header h3{color:var(--accent-2);font-weight:600;font-size:18px;display:flex;align-items:center;gap:8px}.text-label{color:var(--foreground-2);font-weight:500}.material-label{color:var(--accent-3);font-style:italic}.availability-label{color:var(--success)}.bundle-row{background:linear-gradient(135deg,var(--background-2),var(--background-3));border-left:4px solid var(--warning)}.bundle-row:hover{background:linear-gradient(135deg,var(--background-3),var(--background-4))}.bundle-details{grid-column:1 / -1;background:var(--background-2);border-radius:12px;margin:8px 16px;overflow:hidden;transition:all .3s ease}.bundle-details.collapsed{max-height:0;opacity:0;padding:0;margin:0 16px}.bundle-details.expanded{max-height:1000px;opacity:1;padding:20px}.bundle-details h4{color:var(--accent-3);margin-bottom:16px;font-weight:600}.public-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:90%;max-width:2400px;margin:0 auto}@media (max-width: 768px){.inventory-grid,.locations-grid,.suppliers-grid,.clients-grid{grid-template-columns:1fr;gap:8px}.inventory-view-controls{gap:12px}.view-search-row{flex-direction:column;gap:12px}.view-mode-toggle{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.view-mode-select{min-width:unset;width:100%}.inventory-search{max-width:none;width:100%}.inventory-search-input{width:100%}.public-inventory-grid{grid-template-columns:1fr;gap:16px}}.supplier-container-item .container-bundles{display:none;padding:.5rem 1rem 1rem 2rem;background:var(--background-1);border-top:1px solid var(--border)}.supplier-container-item.expanded .container-bundles{display:block}.container-bundles .bundle-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.container-bundles .bundle-item:last-child{border-bottom:none}.container-bundles .bundle-name{font-weight:500;color:var(--foreground-1);flex:0 0 auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-bundles .bundle-material{flex:1;color:var(--foreground-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container-bundles .bundle-slabs{display:flex;gap:.5rem;font-size:.8rem;flex-shrink:0}.container-bundles .bundle-slabs .available{color:var(--success);font-weight:500}.container-bundles .bundle-slabs .sold{color:var(--accent-3)}.container-bundles .bundle-slabs .reserved{color:var(--warning)}.container-bundles .bundle-slabs .total{color:var(--foreground-3)}.container-bundles .no-bundles{color:var(--foreground-3);font-style:italic;margin:0}@media (max-width: 600px){.container-bundles .bundle-item{flex-wrap:wrap}.container-bundles .bundle-name{max-width:none;flex:1 1 100%}.container-bundles .bundle-material{flex:1}.container-bundles .bundle-slabs{flex:1 1 100%;flex-wrap:wrap}}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.inventory-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.inventory-totals{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-secondary)}.inventory-totals span{padding:.5rem 1rem;background:var(--card-bg);border-radius:6px;border:1px solid var(--border)}.inventory-tree{display:flex;flex-direction:column;gap:.5rem}.tree-item{border:1px solid var(--border);border-radius:6px;background:var(--card-bg);overflow:hidden}.tree-header{display:grid;grid-template-columns:12px 1.2rem 1fr 70px minmax(150px,auto);gap:.75rem;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease}.tree-header:hover{background:var(--primary-light)}.item-icon{font-size:1.2rem}.item-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-den{font-size:.9rem;font-weight:600;color:#0079f2;background:#0079f21a;padding:.25rem .75rem;border-radius:4px;text-align:center}.item-count{font-size:.85rem;color:var(--text-secondary);background:var(--bg);padding:.25rem .75rem;border-radius:12px;white-space:nowrap}.item-details{font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.tree-children{padding:.5rem 0;background:var(--bg)}.tree-children .tree-item{margin-bottom:.5rem;background:var(--card-bg);border:none;border-radius:0}.tree-children .tree-item:last-child{margin-bottom:0}.tree-children>.tree-item .item-name{padding-left:2rem}.tree-children .tree-children>.tree-item .item-name{padding-left:4rem}.tree-children .tree-children .tree-children>.tree-item .item-name{padding-left:6rem}.sublocation-item{border:2px solid var(--primary);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(0,121,242,.05) 100%);margin-bottom:1rem}.sublocation-item>.tree-header{background:#0079f214;font-weight:600;padding:1rem}.sublocation-item>.tree-header:hover{background:#0079f226}.den-item{border-left:3px solid var(--primary);background:var(--card-bg);margin-bottom:.75rem}.den-item>.tree-header{background:#0079f208;font-weight:600}.den-item>.tree-header:hover{background:#0079f214}.slab-item .tree-header{cursor:default}.slab-item .tree-header:hover{background:transparent}.empty-item{padding:1rem;text-align:center;color:var(--text-secondary);font-style:italic}.cost-summary-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:center;font-size:16px;box-shadow:0 2px 4px #0000001a}.bundle-cost-summary{margin-top:16px;border-top:1px solid #dee2e6;padding-top:16px}.container-cost-summary{margin-top:24px}.container-summary{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;color:#1565c0;font-size:18px;font-weight:600}.bundle-cost-summary .cost-summary-box{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0;color:#7b1fa2}.slab-total-cost{font-weight:600;color:#2e7d32}.cost-display{margin-top:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.cost-row{display:flex;justify-content:space-between;align-items:center;gap:16px}@media (max-width: 768px){.cost-input-group{flex-direction:column;gap:8px;align-items:stretch}.cost-unit-selector{min-width:unset}.cost-row{flex-direction:column;gap:8px;text-align:center}.cost-summary-box{font-size:14px;padding:10px 12px}.container-summary{font-size:16px}}.bundle-expand-icon{font-size:14px;color:var(--accent-3);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px;-webkit-user-select:none;user-select:none;flex-shrink:0}.bundle-expand-icon:hover{background:var(--background-3);color:var(--foreground-1)}.bundle-card.bundle-expanded{box-shadow:0 12px 32px #57abff33;border-color:var(--accent-2);transform:translateY(-2px)}.bundle-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--background-3);border-radius:8px;margin:16px;color:var(--foreground-2);font-size:14px}.bundle-loading-state .loading-spinner{width:20px;height:20px;border:2px solid var(--background-4);border-top:2px solid var(--accent-2)}.bundle-expansion-container{grid-column:1 / -1;background:var(--background-1);border:2px solid var(--accent-3);border-radius:12px;margin:16px 0;animation:expandDown .3s ease-out;box-shadow:0 8px 24px #57abff26}.slab-mini-cards-container{background:var(--background-1);border-radius:0 0 8px 8px}.bundle-actions-header{display:flex;gap:12px;padding:16px;background:var(--background-2);border-bottom:1px solid var(--background-3);align-items:center;justify-content:flex-start}.bundle-action{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:6px}.bundle-action.edit-btn{background:var(--accent-2);color:#fff}.bundle-action.edit-btn:hover{background:var(--accent-1);transform:translateY(-1px);box-shadow:0 4px 12px #57abff40}.bundle-action.delete-btn{background:var(--error);color:#fff}.bundle-action.delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.empty-slabs-message{padding:24px;text-align:center;color:var(--foreground-2);font-style:italic}.slab-mini-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:16px}.bundle-list-section{margin:16px 0;background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--background-3)}.bundle-list-header{background:linear-gradient(135deg,var(--background-3) 0%,var(--background-4) 100%);padding:14px 20px;font-weight:600;color:var(--foreground-2);font-size:.95rem;border-bottom:1px solid var(--background-4);display:flex;align-items:center;gap:8px}.inventory-hierarchy{display:flex;flex-direction:column;gap:8px}.inventory-hierarchy.lazy-hierarchy{gap:4px}.hierarchy-group{margin-bottom:4px;border-radius:12px;overflow:hidden;background:var(--background-2);border:1px solid var(--background-3);transition:all .2s ease}.hierarchy-group:hover{border-color:var(--accent-3);box-shadow:0 2px 8px #0000001a}.hierarchy-group.stone-type-group .hierarchy-header{border-left:4px solid var(--accent-2)}.hierarchy-group.location-group .hierarchy-header{border-left:4px solid var(--success)}.hierarchy-group.container-group .hierarchy-header{border-left:4px solid var(--info)}.hierarchy-group.material-child-group .hierarchy-header{border-left:4px solid var(--accent-3)}.hierarchy-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,var(--background-2) 0%,var(--background-3) 100%);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hierarchy-header:hover{background:linear-gradient(135deg,var(--background-3) 0%,var(--background-4) 100%)}.hierarchy-header.expanded{background:linear-gradient(135deg,var(--accent-1) 0%,var(--background-3) 100%)}.hierarchy-header .expand-icon{color:var(--accent-3);font-size:12px;transition:transform .2s ease;flex-shrink:0;width:12px;text-align:center}.hierarchy-header.expanded .expand-icon{transform:rotate(90deg)}.hierarchy-title{font-weight:600;color:var(--foreground-1);font-size:15px;flex:1}.hierarchy-count{font-size:13px;color:var(--foreground-2);background:var(--background-4);padding:4px 12px;border-radius:16px;font-weight:500}.hierarchy-children{padding:12px 16px 16px 28px;background:var(--background-1);border-top:1px solid var(--background-3)}.hierarchy-children .hierarchy-group{margin-left:0}.hierarchy-header-clickable{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.inventory-reorder-controls{display:flex;flex-direction:column;gap:2px;margin-right:8px}.inventory-reorder-btn{background:var(--background-4);border:1px solid var(--background-5);color:var(--foreground-2);width:24px;height:18px;border-radius:4px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.inventory-reorder-btn:hover:not(:disabled){background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.inventory-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.hierarchy-loading{padding:20px;text-align:center;color:var(--foreground-2);font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.hierarchy-loading .spinner{width:16px;height:16px;border:2px solid var(--background-4);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}.hierarchy-children .hierarchy-children{background:var(--background-2);padding-left:20px}.material-child-group{margin-bottom:4px}.material-child-group .hierarchy-header{padding:12px 16px}.material-child-group .hierarchy-title{font-size:14px}.hierarchy-bundles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-top:12px}.hierarchy-location{font-size:12px;color:var(--foreground-3);margin-left:8px;flex-shrink:0}.container-map-btn{padding:4px 8px;background:var(--background-3);border:1px solid var(--background-4);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;margin-left:8px;flex-shrink:0}.container-map-btn:hover{background:#1e40af;border-color:#1e40af}.bundle-card.has-image{display:flex;flex-direction:column}.bundle-thumbnail{width:100%;height:100px;overflow:hidden;border-radius:8px 8px 0 0;background:var(--background-3)}.bundle-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-card:hover .bundle-thumbnail img{transform:scale(1.05)}.bundle-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bundle-avg-dimensions{font-size:11px;color:var(--foreground-3);background:var(--background-3);padding:2px 6px;border-radius:4px}.bundle-location-breadcrumb{font-size:11px;color:var(--foreground-3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:auto;align-items:start;gap:12px;padding:10px 0;max-width:100%;box-sizing:border-box}.slabs-table{width:100%;min-width:520px;border-collapse:collapse;margin-top:10px;font-size:14px}.slabs-table th{text-align:left;padding:8px 12px;background:var(--background-3);color:var(--foreground-2);font-weight:600;border-bottom:2px solid var(--background-4);white-space:nowrap}.slabs-table td{padding:8px 12px;border-bottom:1px solid var(--background-3);white-space:nowrap}.slabs-table th:nth-child(1),.slabs-table td:nth-child(1){width:80px;min-width:80px}.slabs-table th:nth-child(2),.slabs-table td:nth-child(2){width:130px;min-width:130px;font-weight:600;color:var(--accent-2)}.slabs-table th:nth-child(3),.slabs-table td:nth-child(3){width:56px;min-width:56px}.slabs-table th:nth-child(4),.slabs-table td:nth-child(4){max-width:240px;overflow:hidden;text-overflow:ellipsis}.slabs-table th:nth-child(5),.slabs-table td:nth-child(5){width:150px;min-width:150px}.slabs-table .slab-table-row{cursor:pointer;transition:background .15s ease}.slabs-table .slab-table-row:hover{background:var(--background-3)}.slabs-table .slab-table-row.status-available td:first-child{border-left:3px solid var(--success)}.slabs-table .slab-table-row.status-hold td:first-child{border-left:3px solid var(--warning)}.slabs-table .slab-table-row.status-sold{opacity:.7}.slabs-table .slab-table-row.status-sold td:first-child{border-left:3px solid var(--error)}.slabs-table .slab-table-row.status-transit td:first-child{border-left:3px solid var(--accent-2)}.slabs-table .thumbnail-cell{width:50px;padding:4px 8px}.slabs-table .slab-thumbnail{width:45px;height:35px;object-fit:cover;border-radius:4px;cursor:pointer}.slabs-table .no-thumbnail{display:inline-block;width:45px;text-align:center;color:var(--foreground-3)}@media (max-width: 600px){.slabs-table{display:block}.slabs-table thead{display:none}.slabs-table tbody{display:flex;flex-direction:column;gap:12px}.slabs-table .slab-table-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;background:var(--background-2);border-radius:6px;border:1px solid var(--background-3);border-left:3px solid var(--success)}.slabs-table .slab-table-row.status-hold{border-left-color:var(--warning)}.slabs-table .slab-table-row.status-sold{border-left-color:var(--error)}.slabs-table .slab-table-row.status-transit{border-left-color:var(--accent-2)}.slabs-table .slab-table-row td{display:block;padding:0;border:none}.slabs-table .slab-table-row td:first-child{border-left:none;order:0}.slabs-table .slab-table-row td:nth-child(2){font-weight:600;order:1}.slabs-table .slab-table-row td.thumbnail-cell{width:70px;order:2;margin-left:auto}.slabs-table .slab-table-row .slab-thumbnail{width:65px;height:50px}.slabs-table .slab-table-row td:nth-child(4){width:100%;order:4;font-size:.75em;color:var(--foreground-2);margin-top:2px}.slabs-table .slab-table-row td:nth-child(5){order:5;width:100%;display:flex;justify-content:center;gap:8px;margin-top:4px}.slabs-table .slab-btn{min-width:36px;min-height:36px;font-size:1em;padding:6px}}.slabs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:10px 0;max-width:100%;box-sizing:border-box}.slab-card{display:flex;flex-direction:column;background:var(--background-2);border-radius:8px;border:1px solid var(--background-3);cursor:pointer;box-sizing:border-box;transition:all .2s ease;position:relative}.slab-card:hover{background:var(--background-3);transform:translateY(-2px);box-shadow:0 4px 12px #57abff1a}.slab-card .slab-img{width:90%;max-width:90%;margin:5% auto 0;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:6px;flex-shrink:0}.slab-card .slab-details{position:static!important;padding:8px 12px 12px;color:var(--foreground-1);background:var(--background-2);opacity:1!important;transform:none!important;display:flex;flex-direction:column;gap:6px}.slab-card .slab-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.slab-card .slab-title{font-size:14px;font-weight:600;color:var(--foreground-1);margin-bottom:4px}.slab-card .slab-dimensions{font-size:.85em;color:var(--foreground-2);font-weight:400}.slab-card .slab-dimensions.outlier{color:var(--warning);font-weight:500}.slab-card .slab-loc{font-size:12px;color:var(--foreground-2);margin-bottom:4px;word-break:break-word;display:block!important}.slab-card .slab-actions{position:static!important;display:flex!important;gap:6px;flex-wrap:wrap;opacity:1!important;margin-top:4px}.slab-btn{padding:4px 8px;background:var(--background-3);border:none;border-radius:4px;cursor:pointer;font-size:14px}.slab-btn:hover{background:var(--background-4)}.slab-card.status-available{border-top:4px solid var(--success)}.slab-card.status-hold{border-top:4px solid var(--warning)}.slab-card.status-sold{border-top:4px solid var(--error);opacity:.7}.slab-card.status-transit{border-top:4px solid var(--accent-2)}.bundle-card{display:flex;flex-direction:column;margin-bottom:10px;border:1px solid var(--background-3);border-radius:8px;overflow:hidden;max-width:100%;box-sizing:border-box}.bundle-card .bundle-header{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px;background:var(--background-2);cursor:pointer}.bundle-card .bundle-header:hover{background:var(--background-3)}.bundle-card .bundle-img{width:120px;height:90px;flex-shrink:0;border-radius:6px;object-fit:cover}@media (max-width: 600px){.bundle-card .bundle-header{flex-direction:column;align-items:stretch}.bundle-card .bundle-img{width:100%;height:auto;aspect-ratio:16 / 9}}.bundle-card .bundle-details{padding:0 4px}.bundle-card .bundle-title{font-size:16px;font-weight:700;color:var(--foreground-1);margin-bottom:4px}.bundle-card .bundle-count{font-weight:400;color:var(--foreground-2)}.bundle-card .bundle-loc{font-size:13px;color:var(--foreground-3);margin-bottom:8px;word-break:break-word}.bundle-card .bundle-actions{display:flex;gap:6px;flex-wrap:wrap}.bundle-btn{padding:4px 8px;background:var(--background-3);border:none;border-radius:4px;cursor:pointer;font-size:14px}.bundle-btn:hover{background:var(--background-4)}.bundle-slabs{padding:10px 0 12px;background:var(--background-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.history-modal{max-width:500px;max-height:80vh}.history-modal .modal-body{overflow-y:auto;max-height:60vh;padding:16px}.history-timeline{display:flex;flex-direction:column;gap:12px}.history-entry{display:flex;gap:12px;padding:12px;background:var(--background-2);border-radius:8px;border-left:3px solid var(--accent-positive)}.history-entry.location-change{border-left-color:var(--accent-primary)}.history-entry.status-change{border-left-color:var(--accent-positive)}.history-icon{font-size:20px;flex-shrink:0}.history-details{flex:1;min-width:0}.history-event{font-weight:600;color:var(--foreground-1);margin-bottom:4px}.history-location-change,.history-status-change{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.history-location-change .from,.history-status-change .from,.history-location-change .arrow,.history-status-change .arrow{color:var(--foreground-3)}.history-location-change .to,.history-status-change .to{color:var(--foreground-1);font-weight:500}.history-client{font-size:13px;color:var(--foreground-2);margin-bottom:4px}.history-notes{font-size:13px;color:var(--foreground-3);font-style:italic;margin-bottom:4px}.history-meta{font-size:12px;color:var(--foreground-3)}.empty-state{text-align:center;color:var(--foreground-3);padding:32px 16px}@media (max-width: 600px){.history-modal{max-width:100%;margin:0;border-radius:0;min-height:100vh}.history-modal .modal-body{max-height:calc(100vh - 60px)}}.supplier-detail-page{padding:0}.supplier-detail-page .section-header{display:flex;align-items:center;gap:16px}.supplier-detail-page .back-btn{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);color:var(--text-primary, #fff);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.supplier-detail-page .back-btn:hover{background:var(--bg-hover, #333)}.supplier-detail-info{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;padding:20px;margin-bottom:24px}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.detail-info-item{display:flex;flex-direction:column;gap:4px}.detail-info-item.full-width{grid-column:1 / -1}.detail-info-item label{font-size:12px;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px}.supplier-detail-tabs{margin-top:8px}.supplier-detail-tabs .tab-nav{display:flex;gap:0;border-bottom:2px solid var(--border-color, #444);margin-bottom:20px}.supplier-detail-tabs .tab-btn{padding:10px 24px;background:none;border:none;color:var(--text-secondary, #aaa);cursor:pointer;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.supplier-detail-tabs .tab-btn.active{color:var(--accent-primary, #4fc3f7);border-bottom-color:var(--accent-primary, #4fc3f7)}.supplier-detail-tabs .tab-btn:hover{color:var(--text-primary, #fff)}.supplier-detail-tabs .tab-content{display:none}.supplier-detail-tabs .tab-content.active{display:block}.materials-actions{margin-bottom:16px}.supplier-materials-catalog .stone-type-group{margin-bottom:24px}.supplier-materials-catalog .stone-type-header{font-size:16px;color:var(--text-primary, #fff);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #444)}.supplier-materials-catalog .materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.supplier-materials-catalog .material-card{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;overflow:hidden;transition:border-color .2s}.supplier-materials-catalog .material-card:hover{border-color:var(--accent-primary, #4fc3f7)}.supplier-materials-catalog .material-card-image{height:120px;overflow:hidden}.supplier-materials-catalog .material-card-image img{width:100%;height:100%;object-fit:cover}.supplier-materials-catalog .material-card-image.no-image{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #1a1a1a);color:var(--text-secondary, #aaa);font-size:12px}.supplier-materials-catalog .material-card-info{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.supplier-materials-catalog .material-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-materials-catalog .remove-material-btn{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color, #444);background:transparent;color:var(--text-secondary, #aaa);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0}.supplier-materials-catalog .remove-material-btn:hover{background:var(--danger-color, #e74c3c);color:#fff;border-color:var(--danger-color, #e74c3c)}.supplier-history-summary{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.supplier-history-summary .stat-card{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;padding:16px 24px;display:flex;flex-direction:column;align-items:center;min-width:100px}.supplier-history-summary .stat-value{font-size:24px;font-weight:700;color:var(--accent-primary, #4fc3f7)}.supplier-history-summary .stat-label{font-size:12px;color:var(--text-secondary, #aaa);text-transform:uppercase}.history-material-group{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:8px;margin-bottom:12px;overflow:hidden}.history-material-header{padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color, #444)}.history-material-header h4{margin:0;font-size:14px}.history-counts{font-size:12px;color:var(--text-secondary, #aaa);margin-left:auto}.history-bundle-item{display:flex;align-items:center;gap:16px;padding:8px 16px;font-size:13px;border-bottom:1px solid var(--border-subtle, #333)}.history-bundle-item:last-child{border-bottom:none}.bundle-number{font-weight:500;min-width:100px}.bundle-location{color:var(--text-secondary, #aaa);min-width:120px}.bundle-slabs{min-width:120px}.bundle-date{color:var(--text-secondary, #aaa);margin-left:auto}.slab-generation-controls{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:var(--background-3, #F0ECE6);border-radius:8px}.slab-generation-controls .form-group{margin-bottom:0;flex:0 0 auto}.slab-generation-controls label{font-size:.8rem;font-weight:500;margin-bottom:.25rem;display:block}.slab-count-input{width:80px;padding:.4rem .5rem;border:1px solid #1e3654;border-radius:6px;background:#0d1f38;color:#e2e8f0;font-size:.9rem;font-weight:600;text-align:center;box-shadow:inset 0 1px 2px #0003}[data-theme=light] .slab-count-input{background:#fff;color:#1e3a5f;border-color:#93c5fd}.input-currency-wrap{position:relative;display:flex;align-items:center}.input-currency-symbol{position:absolute;left:.6rem;color:var(--foreground-3, #888);font-size:.9rem;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.input-currency-wrap input{padding-left:1.5rem;width:100%}.slab-generate-btn{white-space:nowrap;padding:.4rem 1rem;background:var(--primary, #2042d8);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s}.slab-generate-btn:hover{opacity:.9}.slab-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:.5rem}.slab-edit-card{position:relative;background:#0a1628;border:1px solid #1e3654;border-radius:8px;padding:.5rem .7rem .6rem;transition:box-shadow .2s,border-color .2s}[data-theme=light] .slab-edit-card{background:#f0f7ff;border-color:#bfdbfe}.slab-edit-card:hover{border-color:var(--primary, #2042d8);box-shadow:0 2px 8px #2042d826}.slab-card-remove{position:absolute;top:-8px;right:-8px;background:#ff5252;border:2px solid #fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;cursor:pointer;padding:0;line-height:1;box-shadow:0 2px 4px #0003;z-index:10;transition:transform .2s,background .2s}[data-theme=light] .slab-card-remove{border-color:#bfdbfe}.slab-card-remove:hover{background:#ff1744;transform:scale(1.1)}.slab-card-header{margin-bottom:.6rem;padding-right:12px}.slab-card-number{width:100%;box-sizing:border-box;border:1px solid #1e3654;border-radius:4px;padding:.3rem .4rem;font-size:.85rem;font-weight:700;background:#162d4a;color:#b8d4ee;text-align:left;box-shadow:inset 0 1px 2px #0003}[data-theme=light] .slab-card-number{background:#dbeafe;color:#1e3a5f;border-color:#93c5fd}.slab-card-dims{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:flex-end;gap:.15rem;margin-bottom:.4rem}.slab-card-field{min-width:0;overflow:hidden}.slab-card-field label{display:block;font-size:.65rem;font-weight:600;color:#7eb3d8;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.02em}[data-theme=light] .slab-card-field label{color:#3b6ca0}.slab-dim-input,.slab-cost-input{width:100%;border:1px solid #1e3654;border-radius:4px;padding:.25rem .3rem;font-size:.8rem;font-weight:600;background:#0d1f38;color:#e2e8f0;text-align:center;box-sizing:border-box;box-shadow:inset 0 1px 3px #0000004d}[data-theme=light] .slab-dim-input,[data-theme=light] .slab-cost-input{background:#fff;color:#1e3a5f;border-color:#93c5fd;box-shadow:inset 0 1px 2px #0000000d}.slab-dim-input:focus,.slab-cost-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.slab-card-dims .slab-dim-input{flex:1;min-width:0;width:0}.slab-dim-unit-select{flex-shrink:0;width:42px;min-width:38px;max-width:48px;padding:4px 2px!important;border-radius:4px;border:1px solid #1e3654;background:var(--background-2);color:var(--foreground-1);font-size:.72rem;text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align-last:center}[data-theme=light] .slab-dim-unit-select{border-color:#93c5fd}.slab-dim-unit-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.slab-card-x{color:#4a6080;font-size:.75rem;padding-bottom:.3rem;flex-shrink:0}[data-theme=light] .slab-card-x{color:#94a3b8}.slab-card-cost-row{display:flex;gap:.4rem;margin-bottom:.4rem}.slab-card-cost-row .slab-card-field{flex:1}.slab-cost-input[disabled]{opacity:.45;background:#0a1628;cursor:not-allowed}[data-theme=light] .slab-cost-input[disabled]{background:#f1f5f9;opacity:.65;color:#64748b}.slab-card-computed{display:flex;justify-content:space-between;font-size:.75rem;color:#7eb3d8;border-top:1px solid #1e3654;padding-top:.35rem;margin-top:.1rem}[data-theme=light] .slab-card-computed{color:#4b6280;border-top-color:#bfdbfe}.slab-calc-area,.slab-calc-cost{font-weight:700}.slab-calc-cost{color:#60a5fa}[data-theme=light] .slab-calc-cost{color:#1d4ed8}.slab-add-one-btn{background:none;border:none;color:var(--primary, #2042d8);cursor:pointer;font-size:.85rem;padding:.4rem 0;text-decoration:underline;text-underline-offset:2px}.slab-add-one-btn:hover{opacity:.8}@media (max-width: 480px){.slab-cards-grid{grid-template-columns:1fr}.slab-generation-controls{flex-direction:column;align-items:stretch}}.slab-generation-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.manual-slab-section{background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.manual-slab-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--foreground-1);padding-bottom:.5rem;border-bottom:1px solid var(--background-3)}.req{color:var(--error-color, #e03);font-weight:700}.msl-bundle-toggle{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:.875rem}.msl-toggle-option{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--foreground-2)}.msl-toggle-option input[type=radio]{cursor:pointer}.bundle-tabs-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.bundle-tab-btn{background:var(--background-2);border:1px solid var(--background-3);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;color:var(--foreground-2);white-space:nowrap;min-width:auto;text-align:center;transition:all .15s ease}.bundle-tab-btn:hover{background:var(--background-3);color:var(--foreground-1);transform:none;box-shadow:none}.bundle-tab-btn.active{background:var(--primary, #2042d8);color:#fff;border-color:var(--primary, #2042d8);box-shadow:0 2px 6px #2042d84d}.bundle-tab-close{margin-left:8px;color:var(--foreground-3);font-weight:700;cursor:pointer;padding:2px 6px;border-radius:50%;transition:all .2s ease}.bundle-tab-close:hover{background:var(--error-color);color:#fff}.bundle-tabs-content{background:var(--background-1);border:1px solid var(--background-3);border-radius:8px;padding:20px;min-height:300px}.bundle-tab-content{display:none}.bundle-tab-content.active{display:block}.empty-bundles-message{text-align:center;color:var(--foreground-3);font-style:italic;padding:2rem}@media (max-width: 767.98px){#addInventoryModal .modal-content.large-modal{width:98vw;max-width:98vw;height:92vh;max-height:92vh;margin:0;border-radius:12px}#addInventoryModal .modal-body{padding:14px}#addInventoryModal .form-row{grid-template-columns:1fr;gap:10px}#addInventoryModal .bundle-tab-btn{padding:10px 16px;font-size:14px;min-height:40px}#addInventoryModal .bundle-tabs-content{padding:12px;min-height:200px}}@media (max-width: 600px){#addInventoryModal .modal-content.large-modal{width:100vw;max-width:100vw;height:96vh;max-height:96vh;border-radius:8px 8px 0 0;align-self:flex-end}#addInventoryModal .modal-body,#addInventoryModal .bundle-tabs-content{padding:10px}#addInventoryModal .input-method-selection>div{flex-direction:column;gap:.75rem}#addInventoryModal .slab-generation-controls{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:8px;align-items:end}#addInventoryModal .slab-generation-controls>div:nth-child(1){grid-column:1;grid-row:1;min-width:0;max-width:none}#addInventoryModal .slab-generation-controls>div:nth-child(2){grid-column:1;grid-row:2}#addInventoryModal .slab-generation-controls>div:nth-child(3){grid-column:2;grid-row:2}#addInventoryModal .slab-generation-controls>div:nth-child(4){grid-column:3;grid-row:2}#addInventoryModal .slab-generation-controls>div:nth-child(5){grid-column:3;grid-row:1;min-width:0;max-width:none}#addInventoryModal .slab-generate-btn{grid-column:1 / -1;grid-row:3;width:100%;padding:10px;font-size:clamp(.85rem,4vw,.95rem)}#addInventoryModal .slab-generation-controls>div input,#addInventoryModal .slab-generation-controls>div select{width:100%!important;min-height:40px;font-size:clamp(.75rem,3.5vw,.9rem);box-sizing:border-box}#addInventoryModal .slab-generation-controls>div:nth-child(2)>div,#addInventoryModal .slab-generation-controls>div:nth-child(3)>div,#addInventoryModal .slab-generation-controls>div:nth-child(4)>div{display:grid;grid-template-columns:1fr auto;gap:2px;align-items:center}#addInventoryModal .slab-edit-card{padding:.75rem}#addInventoryModal .slab-card-number{width:100%;min-height:38px;font-size:.9rem;box-sizing:border-box}#addInventoryModal .slab-card-dims{flex-direction:column;gap:.4rem;align-items:stretch}#addInventoryModal .slab-card-dims .slab-card-x{display:none}#addInventoryModal .slab-card-dims .slab-card-field{width:100%}#addInventoryModal .slab-dim-input{min-height:38px;font-size:.9rem;padding:.4rem .5rem}#addInventoryModal .slab-dim-unit-select{min-height:38px;font-size:.85rem!important;padding:4px 6px!important}#addInventoryModal .slab-cost-input{min-height:38px;font-size:.9rem;padding:.4rem .5rem}}@media (max-width: 480px){#addInventoryModal .slab-cards-grid{grid-template-columns:1fr}#addInventoryModal .fee-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:6px}#addInventoryModal .fee-row .fee-description{grid-column:1 / -1;width:100%;box-sizing:border-box}#addInventoryModal .fee-row .fee-amount{grid-column:1;width:100%;box-sizing:border-box}#addInventoryModal .fee-row .remove-fee-btn{grid-column:2;grid-row:2;align-self:center}}@media (max-height: 500px) and (orientation: landscape){#addInventoryModal .slab-generation-controls{display:flex;flex-wrap:nowrap;flex-direction:row;gap:6px;align-items:flex-end}#addInventoryModal .slab-generation-controls>div:nth-child(1),#addInventoryModal .slab-generation-controls>div:nth-child(2),#addInventoryModal .slab-generation-controls>div:nth-child(3),#addInventoryModal .slab-generation-controls>div:nth-child(4),#addInventoryModal .slab-generation-controls>div:nth-child(5){grid-column:auto;grid-row:auto;flex:1 1 0;min-width:0;max-width:none}#addInventoryModal .slab-generate-btn{grid-column:auto;grid-row:auto;flex:0 0 auto;align-self:flex-end;padding:8px 12px;font-size:.82rem;white-space:nowrap}#addInventoryModal .slab-generation-controls>div input,#addInventoryModal .slab-generation-controls>div select{min-height:34px;font-size:clamp(.7rem,2vw,.85rem)}#addInventoryModal .slab-generation-controls>div:nth-child(2)>div,#addInventoryModal .slab-generation-controls>div:nth-child(3)>div,#addInventoryModal .slab-generation-controls>div:nth-child(4)>div{display:flex;flex-direction:row;gap:2px}#addInventoryModal .modal-content.large-modal{height:96vh;max-height:96vh}}@media (max-width: 360px){#addInventoryModal .slab-generation-controls{gap:5px}#addInventoryModal .slab-generation-controls>div input,#addInventoryModal .slab-generation-controls>div select{font-size:.72rem;padding:6px 3px;min-height:36px}#addInventoryModal .slab-generation-controls label{font-size:.7rem}}.public-app{min-height:100vh;display:flex;flex-direction:column}.public-header h1{font-size:28px;margin:0;color:var(--foreground-1)}.tagline{font-size:14px;color:var(--foreground-2);margin:4px 0 0}.admin-login-btn{background:var(--background-3);border:1px solid var(--background-4);color:var(--foreground-2);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.admin-login-btn:hover{background:var(--background-4);color:var(--foreground-1)}.public-filters{background:var(--background-1);padding:16px 24px;border-bottom:1px solid var(--background-3)}.filters-container{display:flex;gap:12px;width:90%;max-width:2400px;margin:0 auto;flex-wrap:wrap}.public-main{flex:1;padding:24px;background:var(--background-1)}.product-card{background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--background-3);transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.product-image{width:100%;height:200px;object-fit:cover}.product-details{padding:16px}.public-footer{background:var(--background-2);padding:16px 24px;text-align:center;border-top:1px solid var(--background-3)}.public-footer p{margin:0;font-size:14px;color:var(--foreground-2)}.public-app{display:flex;flex-direction:column;min-height:100vh;background:var(--background-1)}.public-header{background:var(--background-2);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}.public-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.public-left-section{display:flex;align-items:center;gap:24px}.public-logo h1{font-size:24px;font-weight:600;color:var(--foreground-1)}.company-logo{height:50px;width:auto;display:block;transition:filter .3s ease}.public-nav{display:flex;gap:24px;align-items:center}.public-nav-link{color:#fff;text-decoration:none;font-weight:600;font-size:19px;padding:8px 16px;border-radius:6px;transition:all .2s}.public-nav-link:hover{color:var(--foreground-1);background-color:var(--background-3)}.public-nav-link.active{color:var(--accent-1);background-color:#4a9eff1a}.public-login-btn{padding:10px 24px;border-radius:8px;font-weight:500;font-size:14px}.secondary-btn{background:transparent;border:2px solid var(--accent-2);color:var(--accent-3);cursor:pointer}.secondary-btn:hover{background:var(--accent-2);color:#fff}.section-container{width:90%;max-width:2400px;margin:0 auto;padding:60px 24px}#stoneTypesGridView.section-container{padding-top:2rem;margin-top:0}#materialDetailView .section-container{padding-top:24px}.section-title{font-size:clamp(28px,4vw,48px);font-weight:600;text-align:center;margin-bottom:16px;color:var(--foreground-1)}.section-subtitle{font-size:clamp(16px,2vw,22px);text-align:center;color:var(--foreground-2);margin-bottom:48px}.showcase-section{background:var(--background-1)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.showcase-card{background:var(--background-2);border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.showcase-image{width:100%;height:200px;object-fit:cover;background:var(--background-3)}.showcase-content{padding:20px}.showcase-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--foreground-1)}.showcase-description{font-size:14px;color:var(--foreground-2);line-height:1.5}.showcase-placeholder,.materials-placeholder{text-align:center;padding:60px 20px;color:var(--foreground-2);grid-column:1 / -1}.materials-section{background:var(--background-1)}.public-filters{display:flex;gap:16px;margin-bottom:32px;justify-content:center;flex-wrap:wrap}.public-filter-select{padding:10px 16px;background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;color:var(--foreground-1);font-size:14px;min-width:200px;cursor:pointer}.public-filter-select:focus{outline:none;border-color:var(--accent-2)}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.material-card{background:var(--card-bg);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.material-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.material-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.material-type{font-size:18px;font-weight:600;color:var(--foreground-1);text-transform:capitalize}.material-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.material-status.available{background:var(--success);color:#fff}.material-status.low{background:var(--warning);color:#fff}.material-status.out{background:var(--error);color:#fff}.material-details{display:flex;flex-direction:column;gap:8px;margin-top:16px}.material-detail{display:flex;justify-content:space-between;font-size:14px}.material-detail-label{color:var(--foreground-2)}.material-detail-value{color:var(--foreground-1);font-weight:500}.public-footer{background:var(--background-2);border-top:1px solid var(--background-3);padding:32px 24px;margin-top:auto}.footer-content{width:90%;max-width:2400px;margin:0 auto;text-align:center;color:var(--foreground-2);font-size:14px}@media (max-width: 768px){.section-title{font-size:28px}.showcase-grid,.materials-grid{grid-template-columns:1fr}.public-filters{flex-direction:column;align-items:stretch}.public-filter-select{width:100%}.public-header{padding:16px;flex-direction:column;gap:12px}.public-header h1{font-size:24px}.public-filters{padding:12px 16px}.filters-container{flex-direction:column;gap:8px}.public-main{padding:16px}.public-inventory-grid{grid-template-columns:1fr;gap:16px}.product-card{max-width:none}}html{scroll-behavior:smooth}.parallax-container{width:100%;position:relative}.parallax-section{position:relative;height:100vh;min-height:600px;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}.parallax-content{position:relative;z-index:2;padding:40px 20px;background-color:transparent;border-radius:0;max-width:75%;will-change:transform}.parallax-background{position:absolute;z-index:1;left:0;top:0;padding:0;margin:auto;background-color:#ffffffb3;opacity:1;border-radius:0;width:100%;height:100%;will-change:transform;pointer-events:none}.parallax-content>*:not(.parallax-background){position:relative;z-index:2}.parallax-content h1,.parallax-content h2{margin-bottom:20px;font-family:"IBM Plex Sans","Lato",Helvetica,Arial,Sans-Serif;font-size:clamp(32px,5vw,54px);font-weight:700;letter-spacing:0px;line-height:1.2;color:#000}.parallax-content .paratext,.parallax-content p{margin-bottom:25px;font-family:"IBM Plex Sans","Lato",Helvetica,Arial,Sans-Serif;font-size:clamp(16px,2vw,18px);font-weight:400;color:#000;text-transform:none;text-decoration:none;letter-spacing:0px;line-height:1.6;text-align:center;white-space:normal;overflow:visible;padding:0;background:transparent}.parallax-content a.parallax-button,.parallax-content .parallax-button{display:inline-block;background-color:var(--accent-2);color:#fff;padding:14px 32px;margin:10px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none}.parallax-content a.parallax-button:hover,.parallax-content .parallax-button:hover{background-color:var(--accent-3);transform:translateY(-2px);box-shadow:0 10px 25px #0003}@media (max-width: 768px){.parallax-content{max-width:90%;padding:30px 15px}.parallax-content h1,.parallax-content h2{font-size:clamp(28px,6vw,40px)}.parallax-section{min-height:500px}}@media (max-width: 480px){.parallax-content{max-width:95%;padding:20px 10px}.parallax-section{background-attachment:scroll}}.materials-page{min-height:calc(100vh - 200px);padding:0 24px 40px;margin:0;background:var(--background-1);position:relative;z-index:1}.materials-header{text-align:center;margin-bottom:40px;background-image:url(/assets/luxury_marble_stone__a0f25a1b-B_b_SJ1M.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:120px 40px;border-radius:12px;position:relative;overflow:hidden}.materials-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#00000080);z-index:1}.materials-header h1{position:relative;z-index:2;font-size:clamp(32px,5vw,56px);font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.materials-header p{position:relative;z-index:2;font-size:clamp(16px,2vw,20px);color:#ffffffe6;max-width:800px;margin:0 auto;line-height:1.6}.materials-tabs{display:flex;gap:8px;margin:1.5rem 0;border-bottom:2px solid var(--background-3);padding-bottom:0}.materials-tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--foreground-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.materials-tab-btn:hover{color:var(--foreground-1);background:var(--background-3)}.materials-tab-btn.active{color:var(--accent-2);border-bottom-color:var(--accent-2);background:transparent}.materials-tab-panel{display:none;padding:1.5rem 0}.materials-tab-panel.active{display:block}.page-title{font-size:42px;font-weight:600;color:#fff;margin-bottom:12px;position:relative;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.page-subtitle{font-size:18px;color:#ffffffe6;position:relative;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.3)}.materials-filters{display:flex;gap:16px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.filter-select{padding:10px 16px;border-radius:8px;border:1px solid var(--background-3);background:var(--background-2);color:var(--foreground-1);font-size:14px;min-width:180px;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--accent-1)}.filter-select:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #4a9eff1a}.filter-reset-btn{padding:10px 20px;border-radius:8px;background:var(--background-3);color:var(--foreground-1);border:none;cursor:pointer;font-weight:500;transition:all .2s}.filter-reset-btn:hover{background:var(--accent-1);color:#fff}.material-image{width:100%;height:200px;overflow:hidden;background:var(--background-3)}.material-image img{width:100%;height:100%;object-fit:cover}.material-info{padding:20px}.material-name{font-size:20px;font-weight:600;color:var(--foreground-1);margin-bottom:8px}.material-description{font-size:14px;color:var(--foreground-2);margin-bottom:16px;line-height:1.5}.material-sku,.material-type,.material-location{font-size:13px;padding:4px 10px;border-radius:6px;background:var(--background-3);color:var(--foreground-2)}.material-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.material-quantity{font-size:14px;color:var(--foreground-2)}.status-available{background:#22c55e26;color:#22c55e}.status-low_stock{background:#fbbf2426;color:#fbbf24}.status-out_of_stock{background:#ef444426;color:#ef4444}.material-price{font-size:24px;font-weight:600;color:var(--accent-1)}.stone-detail-header{margin-bottom:1.5rem}.stone-detail-header .back-link{color:var(--accent-1, #4a9eff);text-decoration:none;font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:4px;transition:color .2s,transform .2s}.stone-detail-header .back-link:hover{color:var(--accent-2, #6db3ff);transform:translate(-4px)}.stone-hero-image{width:100%;max-height:400px;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.stone-hero-image img{width:100%;height:100%;max-height:400px;object-fit:cover;display:block}.stone-detail-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:.75rem}.stone-detail-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--foreground-1);margin:0}.material-page-copy-btn{padding:6px 14px;font-size:.85rem;flex-shrink:0}.stone-type-name-public{padding:.4rem .6rem!important}.stone-type-name-public h3{text-align:left!important}.stone-description{font-size:1.1rem;line-height:1.7;color:var(--foreground-2);margin-bottom:2rem;max-width:800px}.public-materials-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--background-3)}.stone-detail-tab-content .public-materials-section{margin-top:0;padding-top:0;border-top:none}.public-materials-section h2{font-size:1.5rem;font-weight:600;color:var(--foreground-1);margin-bottom:1.5rem}.public-materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.public-material-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.public-material-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040}.public-material-image{position:relative;aspect-ratio:4 / 3;background:var(--background-3);overflow:hidden}.public-material-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.public-material-card:hover .public-material-image img{transform:scale(1.05)}.public-material-placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.4}.public-material-info{padding:16px;display:flex;flex-direction:column;gap:8px}.public-material-info h4{font-size:1rem;font-weight:600;color:var(--foreground-1);margin:0}.public-slab-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;width:fit-content}.public-slab-badge.in-stock{background:#22c55e26;color:#22c55e}.public-slab-badge.out-of-stock{background:#ef444426;color:#ef4444}.public-materials-empty{text-align:center;padding:48px 20px;color:var(--foreground-2);font-size:1rem}.public-materials-toggle{margin-top:1.5rem;margin-bottom:1rem}.public-materials-toggle label{display:inline-flex;align-items:center;gap:8px;color:var(--foreground-2);font-size:.9rem;cursor:pointer}.public-materials-toggle input[type=checkbox]{accent-color:var(--accent-1, #4a9eff)}.public-bundles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.public-bundle-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.public-bundle-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000040}.public-bundle-info{padding:16px;display:flex;flex-direction:column;gap:8px}.public-bundle-info h4{font-size:1rem;font-weight:600;color:var(--foreground-1);margin:0}.public-bundle-total{font-size:.85rem;color:var(--foreground-2)}.public-bundle-location{font-size:.8rem;color:var(--foreground-3, var(--foreground-2));opacity:.8}@media (max-width: 768px){#stoneTypeDetailView.section-container{width:98%;padding-left:6px;padding-right:6px}.public-materials-grid{grid-template-columns:repeat(3,1fr);gap:8px}.public-material-info{padding:8px;gap:4px}.public-material-info h4{font-size:.75rem}.public-slab-badge{font-size:.65rem;padding:2px 6px}.public-bundles-grid{grid-template-columns:repeat(3,1fr);gap:8px}.public-bundle-info{padding:8px;gap:4px}.public-bundle-info h4{font-size:.75rem}.public-bundle-total,.public-bundle-location{font-size:.65rem}}.client-filters-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--background-2);border-radius:8px;border:1px solid var(--background-3)}.client-filters-row .filter-group{display:flex;align-items:center;gap:8px}.client-filters-row .filter-group label{font-size:14px;color:var(--foreground-2);white-space:nowrap}.client-filters-row .filter-input{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);min-width:250px}.client-filters-row .filter-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px rgba(var(--accent-1-rgb),.2)}.client-filters-row .filter-select{padding:8px 12px;font-size:14px;border:1px solid var(--background-3);border-radius:6px;background:var(--background-1);color:var(--foreground-1);cursor:pointer;min-width:120px}.client-filters-row .filter-select:focus{outline:none;border-color:var(--accent-1)}.client-filters-row .filter-results-count{margin-left:auto;font-size:13px;color:var(--foreground-2);font-weight:500}.client-detail-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--background-3);padding-bottom:0}.client-tab-btn{background:transparent;border:none;padding:12px 24px;font-size:15px;font-weight:500;color:var(--foreground-2);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.client-tab-btn:hover{color:var(--foreground-1);background:var(--background-2)}.client-tab-btn.active{color:var(--accent-1);border-bottom-color:var(--accent-1);background:transparent}.client-tab-content{display:none}.client-tab-content.active{display:block;animation:fadeIn .2s ease}@media (max-width: 600px){.client-detail-tabs{flex-wrap:wrap;gap:0}.client-tab-btn{flex:1;min-width:33%;padding:10px 12px;font-size:13px;text-align:center}}.rep-list{display:flex;flex-direction:column;gap:10px}.rep-item{background:var(--background-3);padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:12px}.rep-item strong{color:var(--foreground-1);flex:1}.rep-role{background:var(--accent-1);color:var(--accent-3);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.preference-score{color:var(--foreground-2);font-size:14px;background:var(--background-2);padding:4px 10px;border-radius:4px}.rep-preferences-container{display:flex;flex-direction:column;gap:24px}.rep-preferences-section{background:var(--background-2);border-radius:8px;border:1px solid var(--background-3);overflow:hidden}.rep-preferences-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--background-3);border-bottom:1px solid var(--background-3)}.rep-preferences-header h3{margin:0;font-size:16px;color:var(--foreground-1)}.rep-stats{color:var(--foreground-2);font-size:13px}.rep-preferences-content{padding:20px}.rep-preferences-content .client-detail-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--background-3)}.rep-preferences-content .client-detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.rep-preferences-content h4{margin:0 0 12px;font-size:14px;color:var(--foreground-2);font-weight:600}.preferences-table{display:flex;flex-direction:column;gap:8px}.preferences-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:var(--background-3);border-radius:6px;font-weight:600;color:var(--foreground-1)}.preferences-table .table-row{background:var(--background-3);padding:12px 16px;border-radius:6px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;align-items:center;transition:all .2s ease}.preferences-table .table-row:hover{background:var(--background-4);transform:translate(4px)}.preferences-table .table-cell{color:var(--foreground-1);font-size:14px}.material-link{color:var(--accent-3);text-decoration:none;font-weight:500;transition:color .2s}.material-link:hover{color:var(--accent-2);text-decoration:underline}.like-count-badge{background:var(--accent-1);color:var(--accent-3);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.liked-slabs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.liked-slabs-grid .slab-card{position:relative;background:var(--background-3);border-radius:8px;overflow:hidden;border:1px solid var(--background-4);transition:all .2s ease}body[data-role=admin] .liked-slabs-grid .slab-card,body[data-role=sales] .liked-slabs-grid .slab-card{cursor:pointer}.liked-slabs-grid .slab-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #57abff33;border-color:var(--accent-3)}body[data-role=admin] .liked-slabs-grid .slab-card:after,body[data-role=sales] .liked-slabs-grid .slab-card:after{content:"✏️ Click to edit";position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:5}body[data-role=admin] .liked-slabs-grid .slab-card:hover:after,body[data-role=sales] .liked-slabs-grid .slab-card:hover:after{opacity:1}.slab-image-container{width:100%;height:180px;background:var(--background-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.slab-image{width:100%;height:100%;object-fit:cover}.slab-image-placeholder{color:var(--foreground-2);font-size:14px}.slab-info{padding:12px;display:flex;flex-direction:column;gap:8px}.slab-number{font-weight:500;color:#fff;font-size:13px;margin-top:2px}:root[data-theme=light] .slab-number{color:#fff}.slab-material{color:var(--foreground-1);font-size:15px;font-weight:600}:root[data-theme=light] .slab-material{color:#000}.slab-details{color:var(--foreground-2);font-size:13px;display:flex;gap:12px}:root[data-theme=light] .slab-details{color:#000}.slab-details span{white-space:nowrap}.slab-status{margin-top:4px}.liked-date{color:var(--foreground-2);font-size:12px;font-style:italic;margin-top:4px}:root[data-theme=light] .liked-date{color:#000}.liked-slabs-grid .slab-location{color:var(--foreground-2);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:6px}:root[data-theme=light] .liked-slabs-grid .slab-location{color:#333}.slab-location .location-label{font-weight:600}.slab-location .location-value{font-weight:500}.find-on-map-btn{margin-top:8px;padding:8px 12px;background:var(--accent-2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease;width:100%}.find-on-map-btn:hover{background:var(--accent-3);transform:translateY(-2px);box-shadow:0 4px 12px #57abff4d}.find-on-map-btn:active{transform:translateY(0)}:root[data-theme=light] .find-on-map-btn{background:#06c}:root[data-theme=light] .find-on-map-btn:hover{background:#0080ff}.assignment-container{display:flex;flex-direction:column;gap:12px}.assignment-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;background:var(--background-3);border-radius:8px}.assignment-row select{padding:8px 12px;border-radius:6px;border:1px solid var(--background-4);background:var(--background-2);color:var(--foreground-1);font-size:14px}.assignment-row input[type=number]{width:100px;padding:8px 12px;border-radius:6px;border:1px solid var(--background-4);background:var(--background-2);color:var(--foreground-1);font-size:14px}.remove-row-btn{background:var(--error);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.remove-row-btn:hover{background:#ef4444}.item-like-btn{position:absolute;top:8px;right:8px;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5;line-height:1}.item-like-btn:hover{background:#000000b3;transform:scale(1.15)}.item-like-btn.liked{background:#dc2626cc}.public-material-card,.public-bundle-card{position:relative}.liked-materials-grid,.liked-bundles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.liked-item-card{background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:transform .3s ease,opacity .3s ease;cursor:pointer}.liked-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.liked-item-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--background-3)}.liked-item-image img{width:100%;height:100%;object-fit:cover}.liked-item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;opacity:.4}.liked-item-details{padding:12px}.liked-item-name{font-weight:600;font-size:14px;color:var(--foreground-1);margin-bottom:4px}.liked-item-sub{font-size:12px;color:var(--foreground-2);margin-bottom:2px}.liked-item-date{font-size:11px;color:var(--foreground-3);margin-top:4px}.liked-materials-section,.liked-bundles-section{margin-top:32px}.liked-materials-section h2,.liked-bundles-section h2{margin-bottom:0}.liked-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.favorites-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--background-3);border:1px solid var(--background-4, rgba(128,128,128,.25));border-radius:6px;cursor:pointer;font-size:.78rem;color:var(--foreground-2);white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.favorites-copy-btn:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.public-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.public-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--background-3);border:1px solid var(--background-4, rgba(128,128,128,.25));border-radius:6px;cursor:pointer;font-size:.78rem;color:var(--foreground-2);transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.public-copy-btn:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.history-container{max-width:900px;margin:0 auto;padding:32px 20px 48px}.history-title{font-size:1.5rem;font-weight:700;margin-bottom:28px;color:var(--foreground-1)}.history-section{margin-bottom:40px}.history-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;border-bottom:2px solid var(--background-3);padding-bottom:8px}.history-section-header h2{font-size:1.1rem;font-weight:600;color:var(--foreground-1);margin:0}.history-count-badge{background:var(--accent-1);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 9px;line-height:1.4}.history-count-muted{background:var(--background-3);color:var(--foreground-2)}.history-empty{color:var(--foreground-2);font-size:.95rem;padding:20px 0}.history-loading,.history-error{padding:40px 20px;text-align:center;color:var(--foreground-2);font-size:.95rem}.history-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.history-card{background:var(--background-2);border:1px solid var(--background-3);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.history-card-past{opacity:.7}.history-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.history-card-title{font-size:1rem;font-weight:600;color:var(--foreground-1);line-height:1.3}.history-card-meta{font-size:.83rem;color:var(--foreground-2)}.history-card-notes{font-size:.83rem;color:var(--foreground-2);font-style:italic;background:var(--background-3);border-radius:6px;padding:6px 10px;margin-top:4px}.history-status-badge{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap;flex-shrink:0}.status-badge-success{background:#22c55e26;color:#22c55e}.status-badge-warning{background:#eab30826;color:#eab308}.status-badge-danger{background:#ef444426;color:#ef4444}.status-badge-info{background:#3b82f626;color:#3b82f6}.status-badge-muted{background:var(--background-3);color:var(--foreground-2)}.history-card-slabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.history-slab-chip{display:flex;align-items:center;gap:5px;background:var(--background-3);border-radius:6px;padding:3px 8px;font-size:.8rem;color:var(--foreground-1)}.history-slab-thumb{width:22px;height:22px;object-fit:cover;border-radius:3px}.history-slab-thumb-placeholder{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.history-slab-more{color:var(--foreground-2);font-style:italic}.history-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--background-3)}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table th{background:var(--background-2);padding:10px 14px;text-align:left;font-weight:600;color:var(--foreground-2);border-bottom:1px solid var(--background-3);white-space:nowrap}.history-table td{padding:10px 14px;color:var(--foreground-1);border-bottom:1px solid var(--background-3);vertical-align:middle}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:var(--background-2)}.history-table-notes{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--foreground-2);font-size:.83rem}@media (max-width: 600px){.history-cards{grid-template-columns:1fr}.history-container{padding:20px 12px 40px}}.map-builder-modal-btn{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;width:100%}.map-builder-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0079f24d}.large-modal .modal-content{max-width:2400px;width:95%}.current-map-preview{margin-bottom:24px;padding:16px;background:var(--background-2);border-radius:8px}.current-map-preview p{margin-bottom:12px;color:var(--foreground-2);font-size:14px}.current-map-preview img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:4px;object-fit:contain}.map-upload-section{padding:16px;background:var(--background-2);border-radius:8px}.map-upload-section h4{margin-bottom:16px;color:var(--foreground-1);font-size:16px}.file-upload-area{text-align:center;padding:32px;background:var(--background-3);border:2px dashed var(--background-4);border-radius:8px;margin-bottom:20px}.upload-btn{background:var(--accent-2);color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:12px}.upload-btn:hover{background:var(--accent-3);transform:translateY(-2px)}.upload-hint{color:var(--foreground-2);font-size:12px;margin:0}.map-preview-area{padding:20px;background:var(--background-3);border-radius:8px;margin-bottom:20px}.map-preview-area p{margin-bottom:12px;color:var(--foreground-2);font-size:14px}.map-preview-area img{display:block;margin:0 auto 16px}.upload-actions{display:flex;gap:12px;justify-content:center}.upload-progress{padding:20px;background:var(--background-3);border-radius:8px}.progress-bar{width:100%;height:8px;background:var(--background-4);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));transition:width .3s ease}.upload-progress p{text-align:center;color:var(--foreground-2);font-size:14px;margin:0}.map-editor-toolbar{display:flex;gap:8px;padding:12px;background:var(--background-3);border-radius:8px 8px 0 0;border-bottom:2px solid var(--background-4);align-items:center;flex-wrap:wrap}.tool-btn{background:var(--background-2);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;transition:all .2s ease}.tool-btn:hover{background:var(--background-4);transform:translateY(-1px)}.tool-btn.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.toolbar-divider{width:1px;height:30px;background:var(--background-4);margin:0 4px}.map-editor-container{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--background-2);border-radius:0 0 8px 8px}.canvas-wrapper{background:var(--background-3);border-radius:8px;padding:10px;display:flex;justify-content:center;align-items:center}#mapCanvas{border:2px solid var(--background-4);border-radius:4px;box-shadow:0 4px 12px #0000004d}.sidebars-container{display:flex;flex-direction:row;gap:16px}.rooms-sidebar,.dens-sidebar{flex:1;background:var(--background-3);border-radius:8px;padding:16px;display:flex;flex-direction:column;min-height:200px;max-height:300px}.rooms-sidebar h4,.dens-sidebar h4{margin:0 0 16px;color:var(--foreground-1);font-size:16px;padding-bottom:12px;border-bottom:2px solid var(--background-4)}.rooms-list,.dens-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.empty-state-text{color:var(--foreground-2);font-size:14px;text-align:center;margin:20px 0}.room-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--background-2);border-radius:6px;border:1px solid var(--background-4);transition:all .2s ease}.room-item:hover{background:var(--background-4);transform:translate(2px)}.room-number{color:var(--foreground-2);font-size:14px;font-weight:600;min-width:25px}.room-name{flex:1;color:var(--foreground-1);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-name.clickable-room{cursor:pointer;color:var(--accent-blue);text-decoration:underline;transition:color .2s ease}.room-name.clickable-room:hover{color:var(--accent-blue-hover);text-decoration:underline}.room-delete-btn{background:transparent;border:none;color:var(--foreground-2);cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.room-delete-btn:hover{color:var(--error);transform:scale(1.2)}.den-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--background-2);border-radius:6px;border:1px solid var(--background-4);transition:all .2s ease}.den-item:hover{background:var(--background-4);transform:translate(2px)}.den-item .den-marker{font-size:18px;min-width:24px;text-align:center}.den-name{flex:1;color:var(--foreground-1);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.den-delete-btn{background:transparent;border:none;color:var(--foreground-2);cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.den-delete-btn:hover{color:var(--error);transform:scale(1.2)}.map-container{padding:20px}.map-builder-section,.map-viewer-section{background:var(--background-3);border-radius:8px;padding:24px;text-align:center}.map-builder-section h3,.map-viewer-section h3{margin:0 0 12px;color:var(--foreground-1);font-size:20px}.map-builder-section p,.map-viewer-section p{color:var(--foreground-2);margin:0 0 20px}.map-status{margin-top:12px!important;font-size:14px;font-weight:500}.map-builder-btn{background:var(--accent-2);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0079f24d}.map-builder-btn:hover{background:var(--accent-3);transform:translateY(-2px);box-shadow:0 4px 12px #0079f266}.map-viewer-section{background:var(--background-2);border-radius:8px;padding:20px;margin-top:20px}.map-viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--background-4)}.map-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb a{color:#fbbf24;text-decoration:none;transition:all .2s ease}.breadcrumb a:hover{text-decoration:underline;opacity:.8}:root[data-theme=light] .breadcrumb a{color:#d97706}.breadcrumb-item{color:var(--foreground-2);transition:all .2s ease}.breadcrumb-item.active{color:var(--accent-2);font-weight:600}.breadcrumb-separator{color:var(--foreground-3)}.map-back-btn{background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.map-back-btn:hover{background:var(--background-4);transform:translate(-2px)}.map-viewer-canvas-container{position:relative;background:var(--background-3);border-radius:8px;padding:10px;display:flex;justify-content:center;align-items:center;margin-bottom:16px}#mapViewerCanvas{border:2px solid var(--background-4);border-radius:4px;box-shadow:0 4px 12px #0000004d}.map-viewer-info{text-align:center;color:var(--foreground-2);font-size:14px}.map-viewer-info p{margin:0}.den-hover-info{position:absolute;top:1rem;right:1rem;max-width:280px;background:var(--background-2);border:1px solid var(--background-4);border-radius:8px;padding:0;overflow:hidden;box-shadow:0 4px 16px #00000080;z-index:10}.den-hover-header{background:linear-gradient(135deg,var(--accent-2) 0%,var(--accent-1) 100%);padding:.75rem 1rem;border-bottom:1px solid var(--background-4);font-weight:600;color:var(--foreground-1);font-size:.95rem}.den-hover-content{padding:1rem;background:var(--background-2)}.den-inventory-summary{display:flex;flex-direction:column;gap:.5rem}.den-item-type{padding:.5rem .75rem;background:var(--background-3);border-left:3px solid var(--accent-3);border-radius:4px;font-size:.9rem;color:var(--foreground-1);display:flex;align-items:center;gap:.5rem}.slab-action-btn.map-btn{background:var(--background-3);color:var(--foreground-1)}.slab-action-btn.map-btn:hover{background:#1e40af;color:#fff!important}.location-map-container.grid-drawing-mode{-webkit-user-select:none;user-select:none}.location-map-container.grid-drawing-mode .map-image-wrapper{cursor:crosshair!important}.location-map-container.grid-drawing-mode .floor-plan-image{pointer-events:none}.grid-preview-rect{position:absolute;background:#3b82f659;border:3px solid #2563eb;pointer-events:none;z-index:9999;box-sizing:border-box;transition:transform .2s ease;box-shadow:0 0 0 2px #2563eb66,0 4px 12px #2563eb4d}.grid-anchor-marker{position:absolute;width:20px;height:20px;background:#2563eb;border:3px solid #fff;border-radius:50%;pointer-events:none;z-index:10000;box-shadow:0 0 0 3px #2563eb80,0 4px 12px #0006;animation:pulse-anchor 1.5s ease-in-out infinite}@keyframes pulse-anchor{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.grid-overlay{position:absolute;background:#4f46e514;border:calc(2px * var(--zoom-scale, 1)) dashed rgba(79,70,229,.4);border-radius:calc(4px * var(--zoom-scale, 1));pointer-events:none;z-index:5;transform-origin:top left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,opacity .2s ease;display:none}.edit-mode .grid-overlay{display:block}.grid-overlay:hover{background:#4f46e526;border-color:#4f46e599}.grid-overlay.grid-selected{background:#4f46e533;border:2px solid #4f46e5;box-shadow:0 0 0 3px #4f46e54d,0 4px 12px #4f46e533}.grid-label{position:absolute;top:calc(-8px * var(--zoom-scale, 1));left:calc(8px * var(--zoom-scale, 1));background:#4f46e5;color:#fff;font-size:calc(10px * var(--zoom-scale, 1));font-weight:600;padding:calc(2px * var(--zoom-scale, 1)) calc(8px * var(--zoom-scale, 1));border-radius:calc(4px * var(--zoom-scale, 1));white-space:nowrap;pointer-events:none;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;transform:scale(var(--zoom-scale, 1));transform-origin:top left}.den-line-overlay{position:absolute;height:calc(4px * var(--zoom-scale, 1));background:linear-gradient(90deg,#10b981,#059669);border-radius:calc(2px * var(--zoom-scale, 1));pointer-events:none;z-index:4;transform-origin:0 50%;transition:opacity .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000004d;display:block}.edit-mode .den-line-overlay{pointer-events:auto;cursor:pointer}.den-line-overlay:hover{height:calc(6px * var(--zoom-scale, 1));margin-top:calc(-1px * var(--zoom-scale, 1));background:linear-gradient(90deg,#34d399,#10b981);box-shadow:0 0 0 2px #10b9814d,0 2px 6px #0000004d}.line-endpoint-label{position:absolute;top:50%;background:#059669;color:#fff;font-size:calc(9px * var(--zoom-scale, 1));font-weight:600;padding:calc(3px * var(--zoom-scale, 1)) calc(6px * var(--zoom-scale, 1));border-radius:calc(3px * var(--zoom-scale, 1));white-space:nowrap;pointer-events:none;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000004d;transform-origin:center center}.line-start-label{left:0;transform-origin:center center}.line-end-label{right:0;transform-origin:center center}.endpoint-grab-handle{cursor:grab!important;pointer-events:auto!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.endpoint-grab-handle:hover{transform:scale(1.15);background:#34d399!important;box-shadow:0 0 8px #fff9,0 0 14px #34d399b3}.edit-mode .line-endpoint-label,.item-selection-mode .line-endpoint-label{pointer-events:auto;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.edit-mode .line-endpoint-label:hover,.item-selection-mode .line-endpoint-label:hover{background:#34d399;box-shadow:0 0 6px #10b98180,0 2px 6px #0006}.grid-context-menu{position:fixed;background:var(--background-2);border:1px solid var(--background-4);border-radius:8px;box-shadow:0 4px 16px #0006;z-index:10001;padding:8px;min-width:180px;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.grid-context-header{font-weight:600;color:var(--foreground-1);padding:6px 8px 10px;border-bottom:1px solid var(--background-4);margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:6px}.grid-context-header:before{content:"⊞";font-size:14px;color:#4f46e5}.grid-context-actions{display:flex;gap:6px}.grid-context-btn{flex:1;background:var(--background-3);border:1px solid var(--background-4);color:var(--foreground-1);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.grid-context-btn:hover{background:var(--background-4);transform:translateY(-1px)}.grid-context-btn.edit:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.grid-context-btn.delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.grid-context-btn.cancel{flex:0;padding:8px;min-width:32px}.grid-context-btn.cancel:hover{background:var(--background-4)}.slab-list-container{margin:0 20px 20px;background:var(--background-2);border-radius:12px;overflow:hidden;border:1px solid var(--background-3)}.slab-list-header{background:var(--background-3);padding:12px 16px;font-weight:600;color:var(--foreground-2);font-size:.9rem;border-bottom:1px solid var(--background-4)}.slab-list{display:flex;flex-direction:column}.slab-list-row{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(140px,1fr) minmax(150px,1.2fr) minmax(80px,.8fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--background-3);transition:background .15s ease;cursor:pointer}.slab-list-row:last-child{border-bottom:none}.slab-list-row:hover{background:var(--background-3)}.slab-list-name{display:flex;align-items:center;gap:10px;font-weight:500}.slab-list-name .slab-number{color:var(--foreground-1);font-size:.95rem}.slab-list-name .status-badge{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.slab-list-name .status-badge.available{background:#10b98126;color:#10b981}.slab-list-name .status-badge.sold{background:#ef444426;color:#ef4444}.slab-list-name .status-badge.reserved{background:#f59e0b26;color:#f59e0b}.slab-list-name .status-badge.pending{background:#6366f126;color:#6366f1}.slab-list-dimensions{display:flex;align-items:center;gap:8px;color:var(--foreground-2);font-size:.9rem}.slab-list-dimensions .dimension-value{font-weight:500;color:var(--foreground-1)}.slab-list-dimensions .area-value{color:var(--foreground-3);font-size:.85rem}.slab-list-location{color:var(--accent-3);font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slab-list-price{font-weight:600;color:var(--accent-1);font-size:.95rem}.slab-list-actions{display:flex;gap:6px}.slab-list-actions .slab-action-btn{width:30px;height:30px;padding:0;font-size:.85rem;background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.slab-list-actions .slab-action-btn:hover{background:var(--accent-3);border-color:var(--accent-3)}@media (max-width: 1024px){.slab-list-row{grid-template-columns:minmax(100px,1.5fr) minmax(120px,1fr) minmax(100px,1fr) auto;gap:10px}.slab-list-location{display:none}}@media (max-width: 768px){.slab-list-container{margin:0 16px 16px}.slab-list-row{grid-template-columns:1fr auto auto;gap:8px;padding:12px 14px}.slab-list-dimensions{flex-direction:column;align-items:flex-end;gap:2px}.slab-list-dimensions .area-value{font-size:.75rem}.slab-list-actions{justify-content:flex-end}}@media (max-width: 480px){.slab-list-row{grid-template-columns:1fr auto;gap:6px;padding:10px 12px}.slab-list-price{display:none}.slab-list-name .slab-number{font-size:.85rem}}.slab-spreadsheet-wrapper{margin:0 16px 16px;overflow-x:auto;border-radius:12px;border:1px solid var(--background-3);background:var(--background-2)}.slab-spreadsheet{min-width:700px;width:100%}.slab-spreadsheet-header{display:grid;grid-template-columns:60px 1fr 1fr .8fr .8fr 1.2fr .8fr auto;gap:8px;padding:12px 16px;background:var(--background-3);border-bottom:2px solid var(--background-4);font-weight:600;font-size:.85rem;color:var(--foreground-2);position:sticky;top:0;z-index:1}.slab-spreadsheet-body{display:flex;flex-direction:column}.slab-spreadsheet-row{display:grid;grid-template-columns:60px 1fr 1fr .8fr .8fr 1.2fr .8fr auto;gap:8px;padding:10px 16px;align-items:center;border-bottom:1px solid var(--background-3);transition:background .15s ease;cursor:pointer}.slab-spreadsheet-row:hover{background:var(--background-3)}.slab-spreadsheet-row.slab-selected{background:var(--accent-1);border-left:3px solid var(--accent-2)}.slab-spreadsheet-row:last-child{border-bottom:none}.slab-cell{display:flex;align-items:center;font-size:.9rem;color:var(--foreground-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slab-cell-thumb{justify-content:center}.slab-thumb-img{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--background-4)}.slab-no-thumb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--background-3);border-radius:6px;color:var(--foreground-3);font-size:.8rem}.slab-cell-number{font-weight:600;color:var(--accent-2)}.slab-cell-dimensions,.slab-cell-area{color:var(--foreground-2)}.slab-cell-location{font-size:.8rem;color:var(--foreground-3)}.slab-cell-price{font-weight:600;color:#4ade80}[data-theme=dark] .slab-cell-price,.dark-mode .slab-cell-price{color:#4ade80}[data-theme=light] .slab-cell-price{color:#059669}.slab-cell-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:nowrap}.slab-cell-actions .slab-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:.9rem;white-space:nowrap;min-width:40px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;background:var(--background-3);color:var(--foreground-1)}.slab-cell-actions .slab-action-btn:hover{transform:translateY(-1px)}.slab-cell-actions .slab-action-btn.info-btn:hover{background:var(--accent-1);color:var(--accent-2)}.slab-cell-actions .slab-action-btn.edit-btn:hover{background:#f59e0b;color:#fff}.slab-spreadsheet-header:not(:has(.slab-cell-location)),.slab-spreadsheet-row:not(:has(.slab-cell-location)){grid-template-columns:60px 1fr 1fr .8fr .8fr .8fr auto}@media (max-width: 768px){.slab-spreadsheet-wrapper{margin:0 12px 12px}.slab-spreadsheet{min-width:600px}.slab-spreadsheet-header,.slab-spreadsheet-row{padding:10px 12px;gap:6px}.slab-thumb-img,.slab-no-thumb{width:40px;height:40px}.slab-cell{font-size:.85rem}.slab-cell-location{display:none}.slab-spreadsheet-header,.slab-spreadsheet-row{grid-template-columns:50px 1fr 1fr .8fr .8fr .8fr auto}}.expansion-cost-summary{background:var(--background-2);border:2px solid var(--accent-3);border-radius:12px;margin:20px;padding:20px;box-shadow:0 4px 12px #57abff1a}.expansion-cost-header{margin-bottom:16px;border-bottom:1px solid var(--background-3);padding-bottom:12px}.expansion-cost-header h4{margin:0;color:var(--accent-3);font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:8px}.expansion-cost-header h4:before{content:"💰";font-size:1.1rem}.expansion-cost-details{display:flex;flex-direction:column;gap:12px}.cost-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.cost-detail-row.summary-row{border-top:1px solid var(--background-3);padding-top:12px;margin-top:8px}.cost-label{font-weight:500;color:var(--foreground-1);font-size:.95rem}.cost-value{font-weight:600;color:var(--accent-3);font-size:1rem}@media (max-width: 768px){.expansion-cost-summary{margin:16px;padding:16px}.expansion-cost-header h4{font-size:1.1rem}.cost-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.cost-value{font-size:1.1rem;font-weight:700}}.slab-mini-card{background:var(--background-3);border-radius:8px;border:1px solid var(--background-4);transition:all .3s ease;position:relative;cursor:pointer}.slab-mini-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #57abff1a;border-color:var(--accent-3)}.slab-mini-card.slab-selected{border-color:var(--accent-2);box-shadow:0 6px 16px #57abff33;background:var(--background-2);transform:translateY(-2px)}.slab-mini-card:has(.slab-notes-collapsed):after{content:"📝";position:absolute;top:8px;right:8px;font-size:12px;opacity:.7}.slab-detail-panel{background:var(--background-2);border:2px solid var(--accent-3);border-radius:12px;margin:16px;animation:slideDown .3s ease-out;box-shadow:0 8px 24px #57abff26}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--background-4);background:var(--background-3);border-radius:10px 10px 0 0}.detail-panel-title{display:flex;align-items:center;gap:16px}.detail-panel-title h3{margin:0;color:var(--foreground-1);font-size:18px;font-weight:600}.detail-panel-close{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:700}.detail-panel-close:hover{background:#ef444433;transform:scale(1.1)}.detail-panel-content{display:flex;gap:24px;padding:24px}.detail-panel-main{flex:1}.detail-panel-image{width:300px;flex-shrink:0}.detail-panel-img{width:100%;height:auto;border-radius:8px;border:1px solid var(--background-4);object-fit:contain;max-height:300px}.expanded-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.detail-section{background:var(--background-3);border-radius:8px;padding:16px;border:1px solid var(--background-4)}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{color:var(--accent-2);margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--background-4);padding-bottom:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--foreground-2);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.detail-value{color:var(--foreground-1);font-weight:500;text-align:right}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.available{background:#22c55e33;color:#22c55e}.status-badge.sold{background:#ef444433;color:#ef4444}.status-badge.reserved{background:#f9731633;color:#f97316}.detail-notes{background:var(--background-4);border-radius:6px;padding:12px;color:var(--foreground-1);font-style:italic;line-height:1.4;border-left:3px solid var(--accent-3)}.slab-title{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--background-4);background:var(--background-2)}.slab-title strong{font-size:14px;color:var(--foreground-1)}.slab-content{display:flex;padding:12px 16px;gap:16px;align-items:center;flex:1}.slab-info{flex:1;display:flex;flex-direction:column;gap:6px}.slab-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.slab-mini-image{width:140px;height:120px;background:var(--background-4);display:flex;align-items:center;justify-content:center;position:relative;border-radius:6px;flex-shrink:0}.slab-mini-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.slab-mini-card:hover .slab-mini-img{transform:scale(1.05)}.slab-mini-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground-2);text-align:center;padding:8px}.slab-icon{font-size:24px;margin-bottom:4px}.slab-number{font-size:10px;font-weight:600;background:var(--accent-1);color:#fff;padding:2px 6px;border-radius:4px}.slab-mini-details{padding:12px}.slab-mini-title{font-size:12px;font-weight:600;color:var(--foreground-1);margin-bottom:6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slab-mini-dimensions{font-size:11px;color:var(--foreground-2);margin-bottom:4px;font-family:monospace}.slab-mini-area{font-size:11px;color:var(--accent-3);font-weight:600;margin-bottom:6px}.slab-mini-status{margin-bottom:6px}.slab-mini-status .status-badge{font-size:9px;padding:2px 6px}.slab-mini-price{font-size:12px;font-weight:600;color:var(--accent-2);text-align:center;background:var(--background-2);padding:4px 8px;border-radius:4px;margin-top:6px}.slab-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.slab-mini-card:hover .slab-actions{opacity:1}.slab-action-btn{background:#ffffffe6;border:1px solid var(--background-4);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slab-action-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.slab-action-btn.edit-btn:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-2)}.slab-action-btn.delete-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.slab-detail-view{position:absolute;top:0;left:0;right:0;background:var(--background-2);border:2px solid var(--accent-2);border-radius:8px;z-index:10;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000004d}.slab-detail-view.expanded{max-height:600px}.slab-detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--accent-1);color:#fff}.slab-detail-header h4{margin:0;font-size:14px;font-weight:600}.slab-detail-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.slab-detail-close:hover{background:#fff3}.slab-detail-content{padding:16px;max-height:500px;overflow-y:auto}.slab-detail-image{height:auto;max-height:500px;background:var(--background-3);border-radius:8px;overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.slab-detail-img{width:100%;height:100%;object-fit:cover}.slab-detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground-2);text-align:center;padding:20px}.slab-icon-large{font-size:32px;margin-bottom:8px}.slab-detail-section{margin-bottom:16px}.slab-detail-section:last-child{margin-bottom:0}.slab-detail-section h5{font-size:12px;font-weight:600;color:var(--accent-3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.slab-detail-section>div{font-size:12px;margin-bottom:4px;line-height:1.4}.slab-dimensions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slab-defects{background:var(--background-3);padding:8px;border-radius:6px;border-left:3px solid var(--warning);font-size:11px;line-height:1.4}.slab-qr-code{text-align:center}.qr-code-img{max-width:80px;height:auto;border-radius:4px}@media (max-width: 768px){.slab-mini-cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:12px}.slab-content{flex-direction:column;gap:12px}.slab-mini-image{width:100%;height:120px;align-self:center;max-width:200px}.detail-panel-content{flex-direction:column;gap:16px;padding:16px}.detail-panel-image{width:100%;order:-1}.detail-panel-img{max-height:200px}.expanded-details-grid{grid-template-columns:1fr;gap:16px}.slab-mini-details{padding:8px}.slab-detail-view.expanded{max-height:400px}.slab-detail-content{padding:12px;max-height:320px}.slab-detail-image{height:auto;max-height:400px;margin-bottom:12px}.slab-dimensions-grid{grid-template-columns:1fr;gap:4px}}@media (max-width: 400px){.slab-mini-cards-grid{grid-template-columns:1fr;gap:12px;padding:8px}.slab-mini-card{border-radius:6px}.slab-mini-image{width:100%;height:100px;max-width:180px}.slab-mini-details{padding:6px}.slab-mini-title{font-size:11px}.slab-mini-dimensions,.slab-mini-area{font-size:10px}.slab-detail-view.expanded{max-height:350px}.slab-detail-content{padding:8px;max-height:270px}.slab-detail-image{height:auto;max-height:300px;margin-bottom:8px}.bundle-expand-icon{font-size:12px;padding:2px}}.slab-gallery-section{margin:3rem 0;padding:2rem 0}.slab-gallery-section h2{color:var(--accent-1);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.gallery-description{text-align:center;color:var(--foreground-2);font-size:1rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.slab-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0}.slab-gallery-item{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer;background:var(--background-2)}.slab-gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 28px #0000004d}.slab-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.slab-gallery-item:hover .slab-image{transform:scale(1.05)}.slab-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:1rem .75rem .75rem;font-size:.9rem;font-weight:500;text-align:center}@media (max-width: 768px){.slab-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 480px){.slab-gallery-grid{grid-template-columns:1fr;gap:1rem}}.bundle-gallery-section{margin:3rem 0;padding:2rem 0}.bundle-gallery-section h2{color:var(--accent-1);font-size:1.8rem;margin-bottom:.5rem;text-align:center}.bundle-gallery-section .gallery-description{color:var(--foreground-2);text-align:center;margin-bottom:2rem;font-size:1rem;max-width:600px;margin-left:auto;margin-right:auto}.bundle-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.slab-image-card{border:1px solid var(--background-4)}.slab-accordion-list{display:flex;flex-direction:column;border-left:3px solid var(--accent-3);margin-left:20px}.slab-accordion-item{border-bottom:1px solid var(--background-3)}.slab-accordion-item:last-child{border-bottom:none}.slab-accordion-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease;background:var(--background-2)}.slab-accordion-header:hover{background:var(--background-3)}.slab-accordion-item.expanded>.slab-accordion-header{background:var(--background-3)}.slab-accordion-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slab-accordion-toggle .toggle-icon{font-size:.7rem;color:var(--foreground-2)}.slab-accordion-info{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.slab-accordion-number{font-weight:600;font-size:.95rem;color:var(--foreground-1);min-width:60px}.slab-accordion-dims{color:var(--foreground-2);font-size:.85rem;font-family:monospace}.slab-accordion-sqft{color:var(--accent-3);font-size:.85rem;font-weight:500}.slab-accordion-price{font-weight:600;color:var(--accent-1);font-size:.95rem;margin-left:auto}.slab-accordion-content{background:var(--background-1);padding:16px 20px;border-top:1px solid var(--background-3)}.slab-detail-grid{display:flex;flex-direction:column;gap:16px}.slab-detail-image img{width:100%;height:auto;object-fit:contain;cursor:pointer;transition:transform .2s ease}.slab-detail-image img:hover{transform:scale(1.02)}.slab-detail-info{display:flex;flex-direction:column;gap:8px}.slab-detail-pair{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.slab-detail-item{display:flex;align-items:center;gap:8px;min-width:140px}.slab-detail-item.slab-detail-full{flex:1 1 100%}.slab-detail-row.slab-row-location{justify-content:space-between}.slab-detail-label{font-weight:500;color:var(--foreground-2);font-size:.85rem;white-space:nowrap}.slab-detail-value{color:var(--foreground-1);font-size:.9rem}.slab-detail-value.slab-price-highlight{font-weight:600;color:var(--accent-1);font-size:1rem}.slab-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.slab-detail-actions .slab-action-btn{padding:8px 14px!important;font-size:.9rem!important;background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;cursor:pointer;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:all .15s ease;color:var(--foreground-1);white-space:nowrap!important;width:auto!important;height:auto!important;min-width:fit-content!important;overflow:visible!important}.slab-detail-actions .slab-action-btn:hover{background:var(--accent-3);border-color:var(--accent-3);color:#fff}.slab-detail-actions .slab-action-btn.like-btn.liked{background:#ef444426;border-color:#ef4444;color:#ef4444}@media (max-width: 768px){.slab-accordion-list{margin-left:12px}.slab-accordion-header{padding:10px 12px}.slab-accordion-info{gap:8px}.slab-detail-image{max-width:100%}.slab-detail-image img{max-height:200px}}@media (max-width: 480px){.slab-accordion-info{flex-direction:column;align-items:flex-start;gap:4px}.slab-accordion-price{margin-left:0}.slab-detail-actions{flex-direction:column}.slab-detail-actions .slab-action-btn{width:100%;justify-content:center}}.bundle-slab-indicator{position:absolute;top:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.bundle-slab-indicator.slab-photo{background:#3b82f6e6}.slab-row{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:var(--background-3);cursor:pointer}.slab-row:last-child{margin-bottom:0}.slab-row-main{position:relative;width:100%;height:100%}.slab-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.slab-row:hover .slab-thumbnail{transform:scale(1.05)}.slab-no-image{width:100%;height:100%;background:var(--background-3);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--foreground-3)}.slab-details{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:.1rem;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}.slab-row:hover .slab-details{opacity:1;transform:translateY(0)}.slab-row.selected{outline:3px solid rgba(59,130,246,.8);outline-offset:-3px}.slab-row.selected .slab-details{opacity:1;transform:translateY(0);background:linear-gradient(transparent,#3b82f6e6)}.slab-dimensions{font-size:.8rem;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.slab-row .slab-like-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:#00000080;border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:2}.slab-row:hover .slab-like-btn{opacity:1}.slab-row .slab-like-btn .heart-icon{width:18px;height:18px}.slab-notes{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:#ffc107e6;border-radius:4px;font-size:.7rem;color:#333;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.bundle-gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){.slab-list{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.slab-details{opacity:1;transform:translateY(0);padding:.3rem}.slab-number{font-size:.85rem}.slab-dimensions{font-size:.7rem}.slab-row .slab-like-btn{opacity:1}}.bundle-header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.selected-slab-info{background:var(--background-2);border:1px solid var(--accent);border-radius:8px;padding:1rem;margin:0 1rem 1rem}.selected-slab-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.selected-slab-label{font-size:.85rem;color:var(--foreground-3)}.selected-slab-number{font-size:1.1rem;font-weight:600;color:var(--accent)}.selected-slab-details{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.slab-info-row{display:flex;align-items:center;gap:.5rem}.slab-info-label{font-size:.85rem;color:var(--foreground-3)}.slab-info-value{font-size:.9rem;color:var(--foreground-1);font-weight:500}.slab-info-value.slab-price-value{color:#4ade80!important;font-weight:600}[data-theme=light] .slab-info-value.slab-price-value{color:#059669!important}.slab-info-actions{display:flex;gap:1rem;margin-top:.75rem;flex-basis:100%;flex-wrap:wrap}.slab-info-actions .slab-action-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1.1rem!important;font-size:.9rem!important;white-space:nowrap!important;width:auto!important;height:auto!important;min-width:fit-content!important;overflow:visible!important;background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;cursor:pointer;color:var(--foreground-1);transition:all .15s ease}.slab-info-actions .slab-action-btn:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.slab-info-actions .slab-action-btn.edit-btn:hover{background:#f59e0b;border-color:#f59e0b}.slab-container{padding:.75rem}.slab-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.slab-grid-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--background-3);transition:transform .2s ease,box-shadow .2s ease}.slab-grid-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;z-index:1}.slab-grid-item.selected{outline:3px solid var(--accent);outline-offset:-3px}.slab-grid-img{width:100%;height:100%;object-fit:cover}.slab-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-3)}.slab-grid-placeholder .slab-icon{font-size:1.5rem;opacity:.5}.slab-grid-overlay{position:absolute;bottom:0;left:0;right:0;padding:.25rem;background:linear-gradient(transparent,#000c);text-align:center}.slab-grid-number{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.slab-list-view{display:flex;flex-direction:column;gap:.5rem}.slab-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--background-2);border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease}.slab-list-item:hover{background:var(--background-3)}.slab-list-item.selected{background:#3b82f61a;outline:2px solid var(--accent);outline-offset:-2px}.slab-list-thumb{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--background-3)}.slab-list-thumb img{width:100%;height:100%;object-fit:cover}.slab-list-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:.5}.slab-list-info{flex:1;min-width:0}.slab-list-primary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.slab-list-number{font-weight:600;color:var(--foreground-1)}.slab-list-dims{font-size:.85rem;color:var(--foreground-2)}.slab-list-secondary{display:flex;align-items:center;gap:1rem;margin-top:.25rem;flex-wrap:wrap}.slab-list-cost{font-size:.8rem;color:var(--foreground-3)}.slab-list-actions .slab-action-btn{padding:.4rem .6rem;font-size:.9rem}.slab-action-btn.reserve-btn{background:var(--background-3);color:var(--foreground-1)}.slab-action-btn.reserve-btn:hover{background:#3b82f6;color:#fff}.slab-action-btn.sell-btn{background:var(--background-3);color:var(--foreground-1)}.slab-action-btn.sell-btn:hover{background:#10b981;color:#fff}.slab-action-btn.release-btn{background:var(--background-3);color:var(--foreground-1)}.slab-action-btn.release-btn:hover{background:#f97316;color:#fff}@media (max-width: 768px){.bundle-header-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.selected-slab-info{margin:0 .5rem .5rem;padding:.75rem}.selected-slab-details{flex-direction:column;gap:.5rem}.slab-grid-view{grid-template-columns:repeat(4,1fr)}.slab-list-item{flex-wrap:wrap}.slab-list-actions{width:100%;margin-top:.5rem;justify-content:flex-end}}@media (max-width: 480px){.slab-grid-view{grid-template-columns:repeat(3,1fr)}.slab-list-thumb{width:40px;height:40px}.slab-list-primary{gap:.5rem}.slab-list-secondary{flex-direction:column;align-items:flex-start;gap:.25rem}}.slab-display-row{display:flex;gap:1rem;padding:0 1rem 1rem;align-items:stretch}.slab-display-image{position:relative;width:200px;height:150px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--background-3)}.slab-display-img{width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.slab-display-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-3)}.slab-display-placeholder .placeholder-icon{font-size:2.5rem;opacity:.4}.slab-display-indicator{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slab-display-indicator.slab-photo{background:#3b82f6e6}.slab-info-sidebar{flex:1;min-width:0;background:var(--background-2);border-radius:10px;padding:.75rem 1rem;min-height:360px;display:flex;flex-direction:column;justify-content:flex-start}.slab-info-sidebar-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;flex:1;min-height:100%}.slab-info-sidebar-placeholder .placeholder-text{color:var(--foreground-3);font-size:.9rem;opacity:.6}.slab-info-sidebar-content{flex:1;display:flex;flex-direction:column}.slab-info-sidebar-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-3)}.slab-info-sidebar-number{font-size:1.25rem;font-weight:700;color:var(--accent)}.slab-info-sidebar-details{display:flex;flex-direction:column;gap:.75rem}.slab-info-sidebar-details .slab-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.slab-info-sidebar-details .slab-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--foreground-3)}.slab-info-sidebar-details .slab-info-value{font-size:.95rem}.slab-location-tree{display:flex;flex-direction:column;gap:.15rem}.location-level{font-size:.9rem;line-height:1.3;color:var(--foreground)}.location-level.location-main{font-weight:600}.location-level.location-sub{padding-left:1rem;color:var(--foreground-2);font-size:.85rem}.location-level.location-den{padding-left:2rem;color:var(--foreground-2);font-size:.85rem}.slab-info-sidebar-placeholder .slab-info-sidebar-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--background-3)}.slab-info-sidebar-placeholder .slab-info-sidebar-details{display:flex;flex-direction:column;gap:.75rem}.placeholder-value{opacity:.4}.placeholder-btn{opacity:.4;cursor:not-allowed}.placeholder-hint{margin-top:auto;padding-top:1rem;text-align:center;font-size:.85rem;color:var(--foreground-3);font-style:italic}.slab-info-sidebar-details .slab-info-actions{margin-top:.5rem;flex-direction:column;gap:.5rem}.slab-info-sidebar-details .slab-action-btn{width:100%;justify-content:center;padding:.6rem 1rem}@media (max-width: 767px){.slab-display-row{flex-direction:column;align-items:center}.slab-display-image{width:100%;max-width:280px;height:200px}.bundle-card.image-only.expanded .slab-info-sidebar{display:none!important}.bundle-card.image-only.expanded .bundle-image-sidebar-row{justify-content:center}.bundle-card.image-only.expanded .bundle-image-wrapper{width:100%;max-width:280px;aspect-ratio:3 / 4}}.mobile-slab-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.mobile-slab-overlay.active{pointer-events:auto}.mobile-slab-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .3s ease}.mobile-slab-overlay.active .mobile-slab-overlay-backdrop{background:#00000080}.mobile-slab-overlay-panel{position:absolute;top:0;right:0;bottom:0;width:85%;max-width:360px;background:var(--background-1);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000004d;overflow-y:auto}.mobile-slab-overlay.active .mobile-slab-overlay-panel{transform:translate(0)}.mobile-slab-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--background-3);background:var(--background-2);position:sticky;top:0;z-index:1}.mobile-slab-overlay-title{font-size:1.25rem;font-weight:700;color:var(--accent);margin:0}.mobile-slab-overlay-close{width:36px;height:36px;border:none;background:var(--background-3);color:var(--foreground-1);border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-slab-overlay-close:hover{background:var(--accent);color:#fff}.mobile-slab-overlay-image{width:100%;aspect-ratio:4 / 3;overflow:hidden}.mobile-slab-overlay-image img{width:100%;height:100%;object-fit:cover}.mobile-slab-overlay-details{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mobile-slab-overlay-details .slab-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.mobile-slab-overlay-details .slab-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.mobile-slab-overlay-details .slab-info-actions{flex-direction:column;gap:.5rem;margin-top:.5rem}.mobile-slab-overlay-details .slab-action-btn{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.95rem}.mobile-slab-overlay-panel:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:4px;height:40px;background:var(--foreground-3);opacity:.3;border-radius:2px}.slab-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-3);color:var(--foreground-2);font-size:1rem;font-weight:500}.slab-like-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;padding:0}.slab-like-btn:hover{background:#000c;transform:scale(1.1)}.slab-like-btn:active{transform:scale(.95)}.heart-icon{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;transition:all .1s ease}.heart-icon.liked{fill:#ef4444;stroke:#ef4444}.slab-like-btn:hover .heart-icon{stroke-width:2.5}.slab-like-btn:hover .heart-icon.liked{fill:#dc2626;stroke:#dc2626}.stone-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stone-header-actions{display:flex;align-items:center;gap:.75rem}.detail-like-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000000d;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .15s ease}.detail-like-btn:hover{background:#ef44441a;border-color:#ef4444}.detail-like-btn.liked{background:#ef444426;border-color:#ef4444}.detail-like-btn .heart-icon{font-size:1.1rem}.detail-like-btn .like-text{font-weight:500;color:var(--text-primary, #333)}.detail-like-btn.liked .like-text{color:#ef4444}.image-card-like-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10;padding:0}.image-card-like-btn:hover{background:#000000b3;transform:scale(1.1)}.image-card-like-btn.liked{background:#ef4444e6}.image-card-like-btn .heart-icon{font-size:1.2rem;line-height:1}.favorites-container{max-width:1400px;margin:0 auto;padding:2rem}.favorites-header{margin-bottom:2rem}.favorites-header h1{font-size:2.5rem;color:var(--foreground-1);margin-bottom:.5rem}.favorites-count{color:var(--foreground-2);font-size:1rem;margin-top:.5rem}.favorites-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.empty-state-message{font-size:1.2rem;color:var(--foreground-2);max-width:600px;margin-bottom:2rem;line-height:1.6}.cta-button{display:inline-block;padding:.75rem 2rem;background:var(--accent-2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.cta-button:hover{background:var(--accent-3);transform:translateY(-2px);box-shadow:0 4px 12px #0079f24d}.slab-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.6),transparent);padding:1rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;transition:opacity .3s ease}.slab-gallery-item:hover .slab-info-overlay{opacity:1}.slab-material{color:#fff;font-weight:600;font-size:.9rem}.slab-stone-type{color:#ffffffe6;font-size:.85rem}.slab-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.25rem}.status-available{background:var(--success);color:#fff}.status-reserved{background:var(--warning);color:#fff}.status-sold{background:var(--error);color:#fff}.slab-detail-content{display:flex;flex-direction:column;gap:1.5rem}.slab-detail-image{width:100%;border-radius:8px;background:var(--background-3)}.slab-detail-image img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block}.slab-detail-info{display:flex;flex-direction:column;gap:1rem}.slab-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--background-3)}.slab-detail-row:last-child{border-bottom:none}.slab-detail-row strong{color:var(--foreground-2);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.slab-detail-row span{color:var(--foreground-1);font-size:1rem;font-weight:400}@media (max-width: 768px){.slab-detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.slab-detail-image img{max-height:300px}}.slab-action-btn.price-btn{background:var(--accent-1, #3b82f6)!important;color:#fff!important}.slab-price-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center}.slab-price-popup-content{background:var(--background-1);border:1px solid var(--border-1);border-radius:12px;width:320px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.slab-price-popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-1);color:var(--foreground-1)}.slab-price-popup-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--foreground-3);padding:0;line-height:1}.slab-price-popup-close:hover{color:var(--foreground-1)}.slab-price-popup-body{padding:16px}.slab-price-popup-body label{display:block;font-size:13px;font-weight:500;color:var(--foreground-2);margin-bottom:6px}.slab-price-popup-input{width:100%;padding:10px 12px;font-size:16px;border:2px solid var(--border-1);border-radius:6px;background:var(--background-2);color:var(--foreground-1);outline:none;box-sizing:border-box}.slab-price-popup-input:focus{border-color:var(--accent-1, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.slab-price-popup-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-1)}.slab-price-popup-footer .btn-secondary{padding:8px 16px;border:1px solid var(--border-1);border-radius:6px;background:var(--background-2);color:var(--foreground-1);cursor:pointer;font-size:14px}.slab-price-popup-footer .btn-primary{padding:8px 20px;border:none;border-radius:6px;background:var(--accent-1, #3b82f6);color:#fff;cursor:pointer;font-size:14px;font-weight:500}.slab-price-popup-footer .btn-primary:hover{opacity:.9}.stone-type-detail-section{min-height:100vh;background:var(--background-1);padding:2rem 0}.detail-container{width:90%;max-width:2400px;margin:0 auto;padding:0 1rem}.back-to-home-btn{background:transparent;border:2px solid var(--accent-1);color:var(--accent-1);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem}.back-to-home-btn:hover{background:var(--accent-1);color:#fff;transform:translate(-4px)}.stone-type-content{color:var(--foreground-1)}.detail-section{margin-bottom:3rem}.summary-content{font-size:1.2rem;line-height:1.8;color:var(--foreground-2)}.summary-content p{margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem 0}.detail-card{background:var(--background-2);border:1px solid var(--border-color);border-radius:12px;padding:2rem;width:100%;transition:transform .3s ease,box-shadow .3s ease}.detail-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.detail-card h3{color:var(--accent-1);font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid var(--accent-1);padding-bottom:.5rem}.gallery-section{margin:3rem 0}.gallery-section h3{color:var(--accent-1);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.gallery-item{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.material-images-section{margin-bottom:2rem}.material-images-section h2{font-size:1.5rem;font-weight:700;color:var(--foreground-1);margin-bottom:.5rem}.material-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.material-image-card{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--background-3);transition:transform .2s ease,box-shadow .2s ease}.material-image-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.material-image-card img{width:100%;height:100%;object-fit:cover}.material-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:2rem .75rem .75rem;display:flex;flex-direction:column;gap:4px}.material-image-label{color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.material-image-badge{background:var(--accent-3);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;width:fit-content}.material-image-dims{color:#ffffffd9;font-size:.8rem;font-family:monospace}.bundle-image-card{border:2px solid var(--accent-3)}@media (max-width: 768px){.material-images-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.material-image-label{font-size:.8rem}.material-image-badge,.material-image-dims{font-size:.7rem}}@media (max-width: 480px){.material-images-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.bundle-card.image-only{background:var(--card-bg, var(--background-2));border:1px solid var(--card-border, var(--background-3));border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease}.bundle-card.image-only:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-4px)}.bundle-card.image-only.expanded{grid-column:1 / -1;max-width:1000px}.bundle-card.image-only.expanded .bundle-image-sidebar-row{display:flex;gap:1rem;padding:0 1rem 1rem;align-items:stretch}.bundle-card.image-only.expanded .bundle-image-wrapper{width:100%;max-width:600px;flex-shrink:0;border-radius:10px;overflow:hidden}.bundle-image-wrapper{position:relative;aspect-ratio:4 / 3;background:var(--background-3);overflow:hidden;transition:width .3s ease,max-width .3s ease}.bundle-image-wrapper .bundle-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-card.image-only:hover .bundle-image{transform:scale(1.05)}.bundle-card.image-only.expanded:hover .bundle-image{transform:none}.bundle-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-3)}.bundle-placeholder .placeholder-icon{font-size:3rem;opacity:.4}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lightbox.hidden{display:none}.lightbox-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000eb;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;z-index:10001}.lightbox-image{max-width:100%;max-height:85vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px #00000080;object-fit:contain;animation:zoomIn .3s ease}.lightbox-close{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer;padding:.5rem;transition:all .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.lightbox-close:hover{background:#ffffff1a;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:3rem;line-height:1;cursor:pointer;padding:1rem;transition:all .2s ease;border-radius:8px;width:60px;height:80px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-nav:hover{background:#000c;border-color:#fff9;transform:translateY(-50%) scale(1.05)}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav:disabled:hover{background:#00000080;transform:translateY(-50%) scale(1)}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-caption{position:absolute;bottom:-60px;left:0;right:0;color:#fff;text-align:center;font-size:1.1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lightbox-counter{position:absolute;top:-50px;left:0;color:#fff;font-size:.95rem;font-weight:500;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1024px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{width:50px;height:70px;font-size:2.5rem}}@media (max-width: 768px){.lightbox-image{max-height:80vh}.lightbox-close{top:10px;right:10px;font-size:2.5rem;background:#000000b3}.lightbox-counter{top:10px;left:10px;font-size:.85rem}.lightbox-caption{bottom:10px;font-size:1rem;background:#000000b3;padding:.5rem 1rem;border-radius:8px}.lightbox-nav{width:45px;height:60px;font-size:2rem}}.detail-cta{text-align:center;margin:4rem 0}.cta-btn{background:var(--accent-1);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.cta-btn:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.summary-content{font-size:1rem}}.materials-card{margin-bottom:2.5rem!important;background:var(--background-2);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #00000026;transition:all .3s ease;overflow:hidden}.materials-card:hover{border-color:var(--accent-1);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.materials-card .card-header{background:linear-gradient(135deg,var(--background-3) 0%,var(--background-2) 100%);padding:1.5rem;border-bottom:3px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.materials-card .card-header h3{color:var(--foreground-1);font-size:1.25rem;font-weight:700;margin:0;min-width:150px}.materials-card .card-body{padding:1.5rem;background:var(--background-2)}.materials-card .description{margin:0;line-height:1.7;color:var(--foreground-2);font-size:.95rem}.card-gallery-preview{display:flex;gap:.5rem;flex-wrap:nowrap}.gallery-thumb{width:120px;height:120px;border-radius:10px;overflow:hidden;background:var(--background-3);border:2px solid var(--border-color);transition:all .2s ease;flex-shrink:0}.gallery-thumb:hover{transform:scale(1.05);border-color:var(--accent-1);box-shadow:0 6px 12px #0006;z-index:10}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-more{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--background-3);border:2px solid var(--border-color);border-radius:10px;color:var(--foreground-2);font-weight:600;font-size:.9rem;flex-shrink:0}.card-meta{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid var(--border-color)}.stone-type-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;padding:.5rem 1.25rem;border-radius:25px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #00000040}.stone-types-fullwidth{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--background-1);height:calc(100vh - 200px);max-height:calc(100vh - 200px);overflow:hidden}.panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--foreground-1);padding-bottom:.4rem;border-bottom:2px solid var(--accent-1);flex-shrink:0}.materials-search-wrapper{position:relative;margin-bottom:.5rem;flex-shrink:0}.materials-search-input{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--background-3);border-radius:8px;background:var(--background-2);color:var(--foreground-1);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.materials-search-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px rgba(var(--accent-1-rgb),.15)}.materials-search-input::placeholder{color:var(--foreground-3)}.materials-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none;opacity:.6}#stoneTypesList{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:1rem;padding:0;background:transparent;flex:1;min-height:0;overflow-y:auto}#materialsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;background:transparent}.stone-types-column{display:flex;flex-direction:column;gap:1rem}#materialsList{display:flex;flex-direction:column;gap:0;padding:1rem 0;background:var(--background-1);border:none;outline:none}.stone-type-card{background:var(--card-bg, #FAFAFA);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--card-border, #E5E7EB);width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.stone-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--accent-1)}.stone-type-image-wrapper{position:relative;width:100%;flex:1 1 auto;min-height:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--background-3)}.stone-type-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stone-type-card:hover .stone-type-image{transform:scale(1.05)}.stone-type-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-3) 0%,var(--background-4) 100%);color:var(--foreground-3);font-size:1.1rem;font-weight:600}.stone-type-admin-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.stone-type-card:hover .stone-type-admin-actions,.material-type-card:hover .stone-type-admin-actions{opacity:1}.stone-admin-btn{background:#000c;border:2px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stone-admin-btn:hover{background:#000000f2;transform:scale(1.1);border-color:var(--accent-1)}.stone-admin-btn.delete-btn:hover{border-color:var(--error);background:#dc3545e6}.stone-type-name{padding:.35rem .5rem;background:var(--card-bg, #FAFAFA);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stone-type-name h3{margin:0;color:var(--card-text, #1E293B);font-size:1rem;font-weight:700;letter-spacing:.2px;text-align:center;line-height:1.2}.stone-type-arrow{color:var(--accent-1);font-size:2rem;font-weight:300;transition:transform .3s ease}.stone-type-card:hover .stone-type-arrow{transform:translate(4px)}.materials-search-bar{margin-bottom:1.5rem}.materials-search-bar input{width:100%;padding:.75rem 1rem;border:2px solid var(--card-border, #E5E7EB);border-radius:8px;font-size:1rem;background:var(--card-bg, #FAFAFA);color:var(--card-text, #1E293B);transition:border-color .2s ease,box-shadow .2s ease}.materials-search-bar input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px rgba(var(--accent-1-rgb, 0, 122, 204),.15)}.materials-search-bar input::placeholder{color:var(--foreground-3, #9CA3AF)}.material-search-card{display:flex;flex-direction:column;background:var(--card-bg, #FAFAFA);border-radius:12px;overflow:hidden;border:2px solid var(--card-border, #E5E7EB);box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.material-search-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--accent-1)}.material-search-image-wrapper{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.material-search-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.material-search-card:hover .material-search-image{transform:scale(1.05)}.material-search-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--background-2) 0%,var(--background-3) 100%);display:flex;align-items:center;justify-content:center;color:var(--foreground-3, #9CA3AF);font-size:.9rem}.material-search-stone-type{position:absolute;bottom:.5rem;left:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.material-search-info{padding:.75rem;text-align:center}.material-search-info h3{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:var(--card-text, #1E293B);line-height:1.3}.material-search-count{font-size:.75rem;color:var(--accent-1);font-weight:500}.search-no-results{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--foreground-2, #6B7280)}.search-no-results p{margin:.5rem 0}.search-no-results strong{color:var(--accent-1)}.search-hint{font-size:.9rem;opacity:.8}.project-gallery-column{display:flex;flex-direction:column;height:100%;position:sticky;top:80px}.project-gallery{background:var(--card-bg, #FAFAFA);border-radius:12px;overflow:hidden;border:2px solid var(--card-border, #E5E7EB);box-shadow:0 4px 16px #0000001a}.gallery-header{padding:1.5rem;background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;text-align:center}.gallery-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.gallery-header p{margin:0;font-size:.95rem;opacity:.95;font-weight:400}.gallery-slideshow{position:relative;width:100%;min-height:500px;overflow:hidden}.gallery-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;display:flex;flex-direction:column}.gallery-slide.active{position:relative;opacity:1}.gallery-image-placeholder{width:100%;height:400px;background:linear-gradient(135deg,var(--background-2) 0%,var(--background-3) 100%);display:flex;align-items:center;justify-content:center;color:var(--foreground-3);font-size:1.25rem;font-weight:600}.gallery-image{width:100%;height:400px;object-fit:cover;display:block}.gallery-caption{padding:1.5rem;background:var(--card-bg, #FAFAFA)}.gallery-caption h4{margin:0 0 .5rem;color:var(--foreground-1);font-size:1.25rem;font-weight:700}.gallery-caption p{margin:0;color:var(--foreground-2);font-size:1rem}.gallery-dots{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:var(--card-bg, #FAFAFA)}.gallery-dot{width:10px;height:10px;border-radius:50%;background:var(--foreground-4);cursor:pointer;transition:all .3s ease}.gallery-dot.active{background:var(--accent-1);transform:scale(1.3)}.gallery-dot:hover{background:var(--accent-2)}@media (max-width: 1200px){#stoneTypesList{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 1024px){#stoneTypesList{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}#materialsGrid{grid-template-columns:repeat(4,1fr);gap:.5rem}.stone-types-fullwidth{height:auto;max-height:none;overflow:visible}}@media (max-width: 768px){.stone-types-fullwidth{padding:.75rem}#stoneTypesList{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}#materialsGrid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stone-type-name{padding:.3rem .4rem}.stone-type-name h3{font-size:.75rem}}@media (max-width: 480px){#stoneTypesList{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}#materialsGrid{grid-template-columns:repeat(2,1fr);gap:.4rem}.stone-type-name{padding:.25rem .35rem}.stone-type-name h3{font-size:.7rem}}.stone-type-detail-section{background:var(--background-1);min-height:100vh}.back-to-home-btn{background:none;border:none;color:var(--accent-1);font-size:1rem;cursor:pointer;padding:1.5rem 2rem;display:inline-block;transition:all .2s ease}.back-to-home-btn:hover{opacity:.7}.tcf-hero{position:relative;width:100%;height:500px;overflow:hidden;margin-bottom:0}.tcf-hero img{width:100%;height:100%;object-fit:cover;display:block}.tcf-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 60%,transparent 100%);display:flex;align-items:center;padding:3rem}.tcf-hero-overlay h1{color:#fff;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:600;margin:0;text-align:left;max-width:2400px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.4)}.tcf-text-section{width:90%;max-width:2400px;margin:4rem auto;padding:0 4rem;text-align:left}.tcf-section-content{width:100%}.tcf-text-section h2{font-size:clamp(1.5rem,3.5vw,2.75rem);font-weight:600;color:var(--foreground-1);margin-bottom:1.5rem;line-height:1.3}.tcf-text-content{font-size:clamp(1rem,1.5vw,1.375rem);line-height:1.8;color:var(--foreground-2);margin-bottom:2rem}.tcf-text-content p{margin-bottom:1.25rem}.tcf-inventory-btn{display:inline-block;padding:.875rem 2.5rem;background:var(--accent-1);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #57abff4d}.tcf-inventory-btn:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:0 6px 16px #57abff66}.tcf-gallery-section{width:100%;margin:4rem 0;padding:0 2rem}.tcf-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tcf-gallery-grid>div{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026;transition:all .3s ease;cursor:pointer;background:var(--background-2)}.tcf-gallery-grid>div:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 28px #0000004d}.tcf-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.tcf-gallery-grid>div:hover img{transform:scale(1.05)}.tcf-product-details{width:90%;max-width:2400px;margin:4rem auto;padding:0 4rem}.tcf-product-details h2{font-size:2rem;font-weight:600;color:var(--foreground-1);margin-bottom:.75rem}.tcf-product-details h5{font-size:1.25rem;font-weight:400;color:var(--foreground-2);font-style:italic;margin-bottom:2rem;line-height:1.5}.tcf-three-column{display:grid;grid-template-columns:repeat(1,1fr);gap:4rem;width:90%;max-width:2400px;margin:5rem auto;padding:4rem;background:var(--background-2);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.tcf-full-width-sections{width:90%;max-width:2400px;margin:5rem auto;padding:0}.tcf-full-section{width:100%;margin-bottom:4rem;padding:3rem 4rem;background:var(--background-2);border-radius:12px}.tcf-full-section h3{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:var(--foreground-1);margin-bottom:1.5rem;border-bottom:3px solid var(--accent-1);padding-bottom:.75rem}.tcf-section-text{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8;color:var(--foreground-2);width:100%}.tcf-section-text p{margin-bottom:1.25rem;width:100%}.tcf-section-text ul{list-style:none;padding:0;margin:0;width:100%}.tcf-section-text li{padding:.5rem 0 .5rem 1.5rem;position:relative}.tcf-section-text li:before{content:"•";position:absolute;left:0;color:var(--accent-1);font-weight:700;font-size:1.2rem}#stoneTypeDetail{width:100%;max-width:100%}#stoneTypeDetailContent{width:90%;max-width:900px;margin:0 auto;padding:2rem 0}.stone-detail-wrapper{grid-column:1 / -1;width:100%;display:block}.stone-detail-page{width:100%;max-width:100%}.stone-detail-header,.material-detail-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.stone-detail-page h1{font-size:clamp(2rem,4vw,3rem);margin:1.5rem 0 1rem;color:var(--foreground-1)}.stone-detail-page h2{font-size:clamp(1.5rem,3vw,2rem);margin:2rem 0 1rem;color:var(--foreground-1)}.stone-detail-page p,.stone-detail-page ul,.stone-detail-page ol{font-size:clamp(1rem,2vw,1.125rem);line-height:1.7;margin:1rem 0;color:var(--foreground-2)}.stone-detail-page ul{padding-left:1.5rem}.stone-detail-page li{margin:.5rem 0}.stone-detail-page img{width:100%;max-width:800px;height:auto;border-radius:8px;margin:1.5rem 0;display:block}.stone-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:2rem 0 1rem;flex-wrap:wrap}.stone-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-decoration:none;line-height:1.2;margin:0;color:var(--foreground-1);flex:1}.stone-header .edit-btn{flex-shrink:0;padding:.75rem 1.5rem;font-size:1rem;white-space:nowrap}.stone-content{width:100%;max-width:2400px;margin:0 auto}.stone-detail-top-bar{margin-bottom:.5rem}.stone-detail-title-row{display:flex;align-items:center;gap:1rem}.stone-detail-title-row h1{margin:.5rem 0;font-size:clamp(1.75rem,3.5vw,2.5rem);color:var(--foreground-1)}.stone-detail-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color, #e0e0e0);margin:1rem 0 0}.stone-detail-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--foreground-2, #888);transition:all .2s ease}.stone-detail-tab:hover{color:var(--foreground-1, #333);background:var(--background-2, rgba(0,0,0,.03))}.stone-detail-tab.active{color:var(--accent-1, #2196F3);border-bottom-color:var(--accent-1, #2196F3)}.stone-detail-tab-content{padding:1rem 0}.content-section{width:100%;max-width:2400px;margin:2rem auto;padding:0}.content-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--foreground-1)}.section-content{font-size:1rem;line-height:1.7;color:var(--foreground-2);margin-bottom:1.5rem}.section-image{width:100%;margin-top:1.5rem}.section-image img{width:100%;height:auto;border-radius:8px;object-fit:cover;max-height:500px}.editorial-section{width:100%;margin:.5rem 0;padding:.5rem 0;display:flex;gap:3rem;align-items:flex-start}.editorial-section.image-right{flex-direction:row}.editorial-section.image-left{flex-direction:row-reverse}.editorial-text,.editorial-image{flex:1;min-width:0}.editorial-image img{width:100%;height:auto;border-radius:8px;object-fit:cover}.materials-types-section{width:100%;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--background-3)}.stone-detail-tab-content .materials-types-section{margin-top:0;padding-top:0;border-top:none}.materials-types-section h2{font-size:clamp(1.75rem,3vw,2.25rem);margin-bottom:2rem;color:var(--foreground-1)}.material-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.material-type-card{position:relative;background:var(--background-2);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--background-3)}.material-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.material-type-image{width:100%;height:200px;overflow:hidden}.material-type-image img{width:100%;height:100%;object-fit:cover}.material-type-placeholder{width:100%;height:200px;background:var(--background-3);display:flex;align-items:center;justify-content:center;color:var(--foreground-3)}.material-type-info{padding:1.25rem}.material-type-info h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--foreground-1)}.material-slab-count{font-size:.9rem;color:var(--foreground-2);margin:0}.material-type-info-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:.25rem}.bundle-grid-location-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.bundle-grid-location-row .bundle-grid-location{margin:0}.material-card-copy-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--background-3);border:1px solid var(--background-4, rgba(128,128,128,.25));border-radius:6px;cursor:pointer;font-size:.75rem;color:var(--foreground-2);transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.material-card-copy-btn:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-1)}@media (max-width: 768px){.detail-container{width:100%;max-width:100vw;padding:0 1rem;overflow-x:hidden}.stone-detail-page{width:100%;max-width:100%;padding:0;overflow-x:hidden}.editorial-section{flex-direction:column!important;gap:1rem;margin:.5rem 0;padding:0;width:100%;max-width:100%;overflow-x:hidden}.editorial-text,.editorial-image{width:100%;max-width:100%;box-sizing:border-box}.editorial-image img{width:100%;height:auto;max-width:100%;display:block}.stone-header{flex-direction:row;align-items:center;gap:.75rem;margin:1rem 0}.stone-title{font-size:1.75rem;flex:1;min-width:0}.stone-header .edit-btn{padding:.5rem 1rem;font-size:.875rem}.tcf-full-section{padding:2rem 1rem;margin-bottom:2rem}.tcf-product-details{width:100%;padding:0 1rem;margin:2rem auto}.tcf-gallery-section{padding:0 1rem;margin:2rem 0}.tcf-gallery-grid{grid-template-columns:1fr;gap:1rem}.tcf-three-column{width:100%;padding:2rem 1rem;gap:2rem;margin:2rem auto}.tcf-full-width-sections{width:100%;padding:0;margin:2rem auto}.stone-content{padding:0 1rem}}.available-materials{margin-top:4rem;width:100%}.available-materials .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.available-materials h2{font-size:clamp(1.75rem,4vw,2.5rem);margin:0;color:var(--foreground-1)}.empty-state-text{color:var(--foreground-2);font-size:1.1rem;text-align:center;padding:3rem 0}.materials-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.materials-section-header h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);color:var(--foreground-1)}.materials-header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.add-material-btn{padding:.5rem 1rem;font-size:.9rem;white-space:nowrap}.no-materials-message{color:var(--foreground-3);font-style:italic;padding:2rem;text-align:center;background:var(--background-2);border-radius:8px;border:1px dashed var(--background-4)}.materials-sort-wrapper{display:flex;align-items:center;gap:.5rem}.materials-sort-wrapper label{font-size:.9rem;color:var(--foreground-2);white-space:nowrap}.materials-sort-select{padding:.5rem 2rem .5rem .75rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-2);color:var(--foreground-1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s ease,box-shadow .2s ease}.materials-sort-select:hover{border-color:var(--accent-1)}.materials-sort-select:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px #3b82f626}@media (max-width: 480px){.materials-section-header{flex-direction:column;align-items:flex-start}.materials-sort-wrapper{width:100%}.materials-sort-select{flex:1}}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%}.material-card{background:var(--card-bg);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--border-color)}.material-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:var(--accent-1)}.material-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:var(--background-3)}.material-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.material-card:hover .material-image{transform:scale(1.05)}.material-card-content{padding:1.5rem}.material-card-content h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--foreground-1)}.material-card-content p{font-size:.95rem;color:var(--foreground-2);margin:0;line-height:1.5}.editorial-text h2{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:600;color:var(--foreground-1);margin-top:.5rem;margin-bottom:1.5rem}.editorial-content{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8;color:var(--foreground-2);width:100%;max-width:100%}.editorial-content p{margin-bottom:1.25rem}.editorial-image{width:100%;margin-top:2rem;border-radius:12px;overflow:hidden}.editorial-image img{width:100%;height:auto;display:block}@media (max-width: 1024px){.tcf-three-column{gap:2rem;padding:3rem 2rem}.tcf-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}@media (max-width: 768px){.tcf-hero{height:350px}.tcf-hero-overlay{padding:2rem}.tcf-hero-overlay h1{font-size:1.75rem}.tcf-text-section{margin:3rem auto;padding:0 1.5rem}.tcf-text-section h2{font-size:1.5rem}.tcf-text-content{font-size:1rem}.tcf-product-details{padding:0 1.5rem}.tcf-three-column{grid-template-columns:1fr;gap:2.5rem;padding:2rem 1.5rem}.tcf-gallery-grid{grid-template-columns:1fr;gap:1rem}.tcf-gallery-section{padding:0 1rem}}.material-pricing-display{margin-top:.5rem}.pricing-table{border-collapse:collapse;background:#00000059;border-radius:8px;overflow:hidden;font-size:.9rem;min-width:160px}.pricing-table thead th{color:#ffffffb3;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.4rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.15)}.pricing-table tbody td{color:#fffffff2;font-weight:500;padding:.35rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-table tbody tr:hover{background:#ffffff0d}.reserve-slabs-btn{background:linear-gradient(135deg,#e67e22,#d35400)!important;color:#fff!important;border:none!important;padding:.6rem 1.4rem!important;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.reserve-slabs-btn:hover{background:linear-gradient(135deg,#d35400,#c0392b)!important;transform:translateY(-1px);box-shadow:0 4px 12px #d3540066}.reserve-modal-content{background:var(--background-1);border:1px solid var(--background-3);border-radius:12px;max-width:600px;width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.reserve-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--background-3)}.reserve-modal-header h2{margin:0;font-size:18px;color:var(--foreground-1);font-weight:600}.reserve-modal-header .close-btn{background:none;border:none;color:var(--foreground-2);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:all .15s}.reserve-modal-header .close-btn:hover{background:var(--background-3);color:var(--foreground-1)}.reserve-modal-body{padding:24px;overflow-y:auto;flex:1}.reserve-form-group{margin-bottom:18px}.reserve-form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px}.reserve-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reserve-toggle-group{display:flex;gap:0;border:1px solid var(--background-3);border-radius:8px;overflow:hidden}.reserve-toggle-btn{flex:1;padding:10px 16px;border:none;background:var(--background-2);color:var(--foreground-2);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.reserve-toggle-btn.active{background:var(--accent-1);color:#fff}.reserve-toggle-btn:hover:not(.active){background:var(--background-3)}.reserve-select,.reserve-input,.reserve-textarea{width:100%;padding:10px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;color:var(--foreground-1);font-size:14px;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.reserve-select:focus,.reserve-input:focus,.reserve-textarea:focus{outline:none;border-color:var(--accent-1)}.reserve-textarea{resize:vertical;min-height:70px}.reserve-client-search-wrapper{position:relative}.reserve-client-input{width:100%;padding:10px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;color:var(--foreground-1);font-size:14px;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.reserve-client-input:focus{outline:none;border-color:var(--accent-1)}.reserve-client-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--background-1);border:1px solid var(--background-3);border-radius:8px;box-shadow:0 8px 24px #0003;max-height:220px;overflow-y:auto;z-index:3000}.reserve-slab-count-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background:var(--background-3);color:var(--foreground-2);transition:background .15s,color .15s}.reserve-slab-checkbox-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--background-3);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.reserve-slab-checkbox-card:hover{background:var(--background-2);border-color:var(--accent-1)}.reserve-slab-checkbox-card.selected{border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 8%,var(--background-1))}.reserve-slab-checkbox{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent-1);cursor:pointer}.reserve-bundle-grid{display:grid;grid-template-columns:1fr;gap:8px;max-height:240px;overflow-y:auto;padding:4px}.reserve-bundle-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;cursor:grab;transition:all .15s;-webkit-user-select:none;user-select:none}.reserve-bundle-card:hover{border-color:var(--accent-1);background:var(--background-3)}.reserve-bundle-card.dragging{opacity:.5;border-color:var(--accent-1);box-shadow:0 4px 12px #0000004d}.reserve-bundle-card.drag-over{border-color:var(--accent-1);background:var(--background-3);box-shadow:0 0 0 2px var(--accent-1)}.reserve-bundle-drag-handle{color:var(--foreground-2);font-size:16px;opacity:.5;flex-shrink:0}.reserve-bundle-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.reserve-bundle-thumb-placeholder{width:48px;height:48px;border-radius:6px;background:var(--background-3);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--foreground-2);flex-shrink:0}.reserve-bundle-info{flex:1;min-width:0}.reserve-bundle-name{font-size:14px;font-weight:500;color:var(--foreground-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reserve-bundle-slabs{font-size:12px;color:var(--foreground-2);margin-top:2px}.reserve-bundle-prices{font-size:11px;color:var(--accent-1);margin-top:2px}.reserve-loading{padding:20px;text-align:center;color:var(--foreground-2);font-size:14px}.reserve-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--background-3)}.reserve-cancel-btn{padding:10px 20px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;color:var(--foreground-2);font-size:14px;cursor:pointer;transition:all .15s}.reserve-cancel-btn:hover{background:var(--background-3);color:var(--foreground-1)}.reserve-submit-btn{padding:10px 24px;background:var(--accent-1);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.reserve-submit-btn:hover{filter:brightness(1.1)}.reserve-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reserve-pricing-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.9rem}.reserve-pricing-table thead th{text-align:left;padding:.5rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-2);border-bottom:1px solid var(--border-color)}.reserve-pricing-table tbody td{padding:.45rem .75rem;border-bottom:1px solid var(--border-color);color:var(--foreground)}.reserve-pricing-table tbody tr:last-child td{border-bottom:none}.reserve-pricing-qty{width:70px;padding:.3rem .5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-2);color:var(--foreground);font-size:.9rem;text-align:center}.reserve-pricing-qty:focus{outline:none;border-color:var(--primary)}.reserve-pricing-total{margin-top:.5rem;padding:.5rem .75rem;font-weight:600;font-size:.95rem;color:var(--foreground);text-align:right}@media (max-width: 600px){.reserve-modal-content{width:100%;max-height:100vh;border-radius:0}.reserve-form-row{grid-template-columns:1fr}}.materials-search-results{padding:0 0 2rem}.search-results-summary{padding:12px 16px;background:var(--background-2);border-radius:8px;border-left:4px solid var(--accent-2, #2196f3);margin-bottom:20px;font-size:14px;color:var(--foreground-2)}.search-results-summary strong{color:var(--foreground-1)}.search-no-results{text-align:center;padding:3rem 1rem;color:var(--foreground-3);font-size:1rem}.search-no-results strong{color:var(--foreground-1)}.search-section{margin-bottom:24px}.search-section-title{font-size:1rem;font-weight:600;color:var(--foreground-1);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--background-3)}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.materials-results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-result-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.search-result-card:hover{background:var(--background-3);border-color:var(--accent-1, #2196f3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.search-result-icon{font-size:1.5rem;flex-shrink:0}.search-result-thumb{width:56px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-result-info{display:flex;flex-direction:column;min-width:0}.search-result-name{font-size:.9rem;font-weight:600;color:var(--foreground-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:.8rem;color:var(--foreground-3);margin-top:2px}.search-result-admin-actions{display:flex;gap:4px;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .15s ease}.search-result-card:hover .search-result-admin-actions{opacity:1}.stone-type-admin-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.material-detail-admin-actions{display:flex;align-items:center;gap:6px;padding-left:12px;margin-left:4px;border-left:1px solid rgba(255,255,255,.35)}.material-detail-btn{width:auto!important;height:auto!important;padding:7px 14px!important;font-size:.85rem!important;border-radius:6px!important;display:inline-flex!important;align-items:center;justify-content:center!important;gap:5px;white-space:nowrap}@media (max-width: 600px){.search-results-grid,.materials-results-grid{grid-template-columns:1fr}.search-result-admin-actions{opacity:1}}.mat-suppliers-section{padding:24px 0 16px}.mat-suppliers-section h2{font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--foreground)}.mat-suppliers-empty{color:var(--foreground-3);font-style:italic}.mat-suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.mat-supplier-card{background:var(--background-2, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:10px;overflow:hidden}.mat-supplier-header{background:var(--background-3, rgba(255,255,255,.08));padding:10px 14px;border-bottom:1px solid var(--border)}.mat-supplier-name{font-weight:700;font-size:1rem;color:var(--foreground)}.mat-supplier-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.mat-supplier-row{display:flex;align-items:center;gap:8px;font-size:.9rem;flex-wrap:wrap}.mat-supplier-label{font-weight:600;color:var(--foreground-2);min-width:80px;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.mat-supplier-lead-time{font-weight:600;color:var(--foreground)}.mat-supplier-lead-time.lt-custom{color:var(--primary, #3498db)}.mat-supplier-lead-time.lt-default{color:var(--foreground-3);font-style:italic}.mat-edit-lt-btn{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:.85rem;opacity:.5;transition:opacity .15s;line-height:1}.mat-edit-lt-btn:hover{opacity:1}.mat-supplier-row a{color:var(--primary, #3498db);text-decoration:none}.mat-supplier-row a:hover{text-decoration:underline}@media (max-width: 600px){.mat-suppliers-grid{grid-template-columns:1fr}}.color-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 8px;border-bottom:1px solid var(--border);margin-bottom:16px}.color-filter-label{font-size:.8rem;font-weight:600;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;margin-right:2px}.color-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--foreground);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.color-filter-chip:hover{border-color:var(--primary, #3498db);background:var(--background-2)}.color-filter-chip.active{border-color:var(--primary, #3498db);background:var(--primary, #3498db);color:#fff}.color-filter-clear{margin-left:4px;border-color:var(--foreground-3);color:var(--foreground-2)}.color-filter-clear:hover{border-color:var(--danger, #e74c3c);color:var(--danger, #e74c3c)}.color-chip-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.color-chip-multi{background:linear-gradient(135deg,#b54040,#c9a227 40%,#3a6ea5)!important}.material-type-card{position:relative}.material-color-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;padding:3px 8px 3px 5px;z-index:2;pointer-events:none}.material-color-badge-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.material-color-badge-label{font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.2px}.color-analysis-group{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--background-2, rgba(255,255,255,.03))}.color-analysis-group>label{font-weight:700;margin-bottom:8px;display:block}.color-analysis-display{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;color:var(--foreground)}.color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.color-analyzed-at{font-size:.75rem;color:var(--foreground-3);font-style:italic}.color-override-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.color-override-field{flex:1;min-width:140px}.color-override-field label{font-size:.78rem;font-weight:600;color:var(--foreground-2);margin-bottom:4px;display:block;text-transform:uppercase;letter-spacing:.3px}.color-override-field select{width:100%;font-size:.88rem}.mat-reanalyze-btn{white-space:nowrap;flex-shrink:0;align-self:flex-end;font-size:.85rem;padding:6px 12px}.color-manual-badge{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:10px;background:rgba(var(--accent-rgb, 251,146,60),.18);color:var(--accent, #f97316);border:1px solid rgba(var(--accent-rgb, 251,146,60),.35);letter-spacing:.2px;text-transform:uppercase;vertical-align:middle;cursor:default}.color-reanalyze-controls{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-shrink:0}.color-normalize-label{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--foreground-2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.color-normalize-label input[type=checkbox]{accent-color:var(--accent, #f97316);cursor:pointer}@media (max-width: 600px){.color-filter-bar{gap:6px}.color-filter-chip{font-size:.75rem;padding:3px 8px 3px 5px}.color-override-row{flex-direction:column}}.browse-tabs-bar{display:flex;gap:4px;padding:0;margin-bottom:20px;border-bottom:2px solid var(--border)}.browse-tab-btn{padding:10px 22px;font-size:.92rem;font-weight:600;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--foreground-2);transition:color .15s,border-color .15s;white-space:nowrap}.browse-tab-btn:hover{color:var(--foreground)}.browse-tab-btn.active{color:var(--primary, #3498db);border-bottom-color:var(--primary, #3498db)}.browse-tab-panel{display:block}.browse-tab-panel.hidden{display:none!important}.color-browse-container{padding-top:4px}.color-mode-tabs{display:flex;gap:8px;margin-bottom:18px}.color-mode-btn{padding:6px 20px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--foreground-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.color-mode-btn:hover{border-color:var(--primary, #3498db);color:var(--foreground)}.color-mode-btn.active{background:var(--primary, #3498db);border-color:var(--primary, #3498db);color:#fff}.color-mode-panel{display:block}.color-mode-panel.hidden{display:none!important}.color-mode-hint{font-size:.85rem;color:var(--foreground-3);margin-bottom:14px}.color-picker-row{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:8px}.color-picker-col{flex:1;min-width:200px}.color-picker-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--foreground-2);margin-bottom:10px}.color-family-chips{display:flex;flex-wrap:wrap;gap:7px}.cfb-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--foreground);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.cfb-chip:hover{border-color:var(--primary, #3498db)}.cfb-chip.active{border-color:var(--primary, #3498db);background:var(--primary, #3498db);color:#fff}.cfb-dot{width:13px;height:13px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.cfb-dot-multi{background:linear-gradient(135deg,#b54040,#c9a227 40%,#3a6ea5)!important}.custom-color-layout{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}.color-wheel-section{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}#colorWheelCanvas{border-radius:50%;cursor:crosshair;display:block;touch-action:none;width:240px;height:240px}.color-wheel-labels{font-size:.75rem;color:var(--foreground-3);text-align:center}.color-controls-section{flex:1;min-width:220px;display:flex;flex-direction:column;gap:16px;padding-top:4px}.color-preview-row{display:flex;align-items:center;gap:14px}.color-preview-swatch{width:52px;height:52px;border-radius:10px;border:2px solid var(--border);flex-shrink:0;transition:background .1s}.color-preview-info{display:flex;flex-direction:column;gap:4px}.color-preview-hex{font-family:monospace;font-size:1rem;font-weight:700;color:var(--foreground)}.color-preview-family{font-size:.8rem;color:var(--foreground-2)}.color-slider-group{display:flex;flex-direction:column;gap:6px}.color-slider-label{font-size:.8rem;font-weight:600;color:var(--foreground-2)}.color-slider{width:100%;accent-color:var(--primary, #3498db);cursor:pointer}.color-match-toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.color-toggle-label{font-size:.8rem;font-weight:600;color:var(--foreground-2);white-space:nowrap}.color-match-btns{display:flex;gap:6px}.color-match-btn{padding:4px 12px;border-radius:14px;border:1.5px solid var(--border);background:transparent;color:var(--foreground-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.color-match-btn:hover{border-color:var(--primary, #3498db)}.color-match-btn.active{background:var(--primary, #3498db);border-color:var(--primary, #3498db);color:#fff}.color-results-header{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;padding-top:18px;border-top:1px solid var(--border)}.color-results-count{font-size:.85rem;color:var(--foreground-2);font-weight:500}.color-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.cbr-card{border-radius:10px;border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;background:var(--card-bg, var(--background))}.cbr-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.cbr-img-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--background-2)}.cbr-img{width:100%;height:100%;object-fit:cover;display:block}.cbr-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--foreground-3);font-size:.8rem}.cbr-color-dot{position:absolute;bottom:6px;left:6px;width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:block;box-shadow:0 1px 3px #0000004d}.cbr-admin-actions{position:absolute;top:5px;right:5px;display:flex;gap:3px}.cbr-info{padding:9px 10px 10px}.cbr-name{font-size:.85rem;font-weight:600;color:var(--foreground);line-height:1.3;margin-bottom:2px}.cbr-meta{font-size:.75rem;color:var(--foreground-3)}.color-browse-empty{text-align:center;padding:40px 20px;color:var(--foreground-2)}.color-browse-empty-hint{font-size:.85rem;color:var(--foreground-3);margin-top:6px}.color-browse-error{color:var(--danger, #e74c3c);padding:20px;text-align:center}@media (max-width: 600px){.custom-color-layout{flex-direction:column}#colorWheelCanvas{width:200px;height:200px}.color-results-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.browse-tab-btn{padding:8px 14px;font-size:.85rem}}.rooms-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.room-card{background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;position:relative}.room-card-header{display:flex;justify-content:space-between;align-items:center}.room-card-title{font-size:14px;font-weight:600;color:var(--foreground-1)}.remove-room-btn{background:var(--error);color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;transition:all .2s ease}.remove-room-btn:hover{background:#dc2626;transform:scale(1.05)}.room-card-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.room-card-fields .form-group{margin:0}.room-card-fields label{font-size:12px;color:var(--foreground-2);margin-bottom:4px;display:block}.room-card-fields input{width:100%;padding:8px 12px;background:var(--background-2);border:1px solid var(--background-4);border-radius:4px;color:var(--foreground-1);font-size:14px}.room-card-fields input:focus{outline:none;border-color:var(--accent-2)}#orphanageNavBtn{position:relative;background:#f59e0b1a;border-bottom-color:var(--warning)}#orphanageNavBtn:hover{background:#f59e0b33;color:var(--warning)}#orphanageNavBtn.active{background:#f59e0b33;color:var(--warning);border-bottom-color:var(--warning)}:root[data-theme=light] #orphanageNavBtn{background:#ff8c00;color:#000;border:2px solid #FF6600;border-bottom:none;font-weight:600}:root[data-theme=light] #orphanageNavBtn:hover{background:#f60;color:#fff;border-color:#f60}:root[data-theme=light] #orphanageNavBtn.active{background:#f60;color:#fff;border:2px solid #FF6600;border-bottom:2px solid #FF6600;box-shadow:0 0 15px #f609}.orphan-badge{display:inline-block;background:var(--warning);color:var(--background-1);font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px;min-width:20px;text-align:center}.view-btn{background:var(--accent-2);color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.view-btn:hover{background:var(--accent-3);transform:translateY(-1px);box-shadow:0 4px 12px #57abff4d}.section-description{color:var(--foreground-2);font-size:14px;margin-bottom:12px;font-style:italic}.type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.type-container{background:#57abff33;color:var(--accent-3)}.type-bundle{background:#10b98133;color:var(--success)}.type-slab{background:#f59e0b33;color:var(--warning)}.last-location{font-family:monospace;color:var(--foreground-1);font-weight:500}.orphanage-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start}.view-history-btn{background:var(--background-3);color:var(--foreground-1);border:1px solid var(--background-4);padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;font-size:.875rem}.view-history-btn:hover{background:var(--accent-1);color:#fff;border-color:var(--accent-1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.reassign-btn{background:var(--accent-2);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.reassign-btn:hover{background:var(--accent-3);transform:translateY(-1px);box-shadow:0 4px 12px #57abff4d}.den-availability-panel{margin-top:32px;padding:20px;background:var(--background-2, #1e1e1e);border:1px solid var(--background-4, #333);border-radius:12px}.den-availability-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.den-availability-header h3{margin:0;font-size:1rem;font-weight:600}.den-availability-filters{display:flex;gap:8px;flex-wrap:wrap}.den-filter-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--background-4, #444);background:var(--background-3, #2a2a2a);color:var(--text-primary, #eee);cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:6px}.den-filter-btn.active{background:var(--accent, #57abff);color:#fff;border-color:var(--accent, #57abff)}.den-filter-count{background:#fff3;border-radius:10px;padding:1px 6px;font-size:.75rem}.den-availability-table-wrap{overflow-x:auto}.den-availability-table{width:100%;border-collapse:collapse;font-size:.85rem}.den-availability-table th,.den-availability-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--background-4, #333)}.den-availability-table th{background:var(--background-3, #2a2a2a);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted, #aaa)}.den-notes-cell{max-width:200px;color:var(--text-muted, #aaa);font-size:.8rem}.den-actions-cell{white-space:nowrap}.den-actions-cell button{margin-right:4px}.badge-green{background:#1a5a2a;color:#4ade80;padding:2px 8px;border-radius:12px;font-size:.78rem;font-weight:600}.badge-red{background:#5a1a1a;color:#f87171;padding:2px 8px;border-radius:12px;font-size:.78rem;font-weight:600}.badge-gray{background:var(--background-4, #333);color:var(--text-muted, #aaa);padding:2px 8px;border-radius:12px;font-size:.78rem;font-weight:600}.badge-orange{background:#5a3a1a;color:#fb923c;padding:2px 8px;border-radius:12px;font-size:.78rem;font-weight:600}.btn-sm{padding:3px 10px;font-size:.78rem;border-radius:6px;border:none;cursor:pointer;font-weight:500}.btn-green{background:#1a5a2a;color:#4ade80}.btn-green:hover{background:#1e7a38}.btn-orange{background:#7a3d10;color:#fb923c}.btn-orange:hover{background:#924a15}.btn-gray{background:var(--background-4, #444);color:var(--text-muted, #aaa)}.btn-gray:hover{background:var(--background-5, #555)}.btn-danger{background:#7a1a1a;color:#f87171}.btn-danger:hover{background:#952020}.btn-secondary{background:var(--background-4, #444);color:var(--text-primary, #eee)}.btn-secondary:hover{background:var(--background-5, #555)}.modal-sm{max-width:420px}.required{color:#f87171}.input-error{border-color:#f87171!important}.notif-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:12px}.notif-table th,.notif-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--background-4, #333)}.notif-table th{background:var(--background-3, #2a2a2a);font-weight:600;font-size:.78rem;text-transform:uppercase;color:var(--text-muted, #aaa)}.notif-unread{background:#57abff0d}.notif-section-title{margin:0 0 8px;font-size:1rem}.notif-actions-cell{white-space:nowrap}.notif-actions-cell button{margin-right:4px}.den-cascade-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:14px 16px;background:var(--background-3, #252525);border:1px solid var(--background-4, #333);border-radius:8px}.den-cascade-group{display:flex;flex-direction:column;gap:4px;min-width:160px;flex:1}.den-cascade-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #999)}.den-filter-select{padding:7px 10px;border-radius:6px;border:1px solid var(--background-4, #444);background:var(--background-2, #1e1e1e);color:var(--text-primary, #eee);font-size:.85rem;cursor:pointer;width:100%}.den-filter-select:disabled{opacity:.45;cursor:not-allowed}.den-filter-select:focus{outline:none;border-color:var(--accent, #57abff)}.den-clear-filters-btn{align-self:flex-end;white-space:nowrap;flex-shrink:0}.filter-controls{display:flex;gap:8px;align-items:center}.filter-btn{padding:8px 16px;border-radius:6px;background:var(--background-3);color:var(--foreground-2);border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{background:var(--background-4);color:var(--foreground-1)}.filter-btn.active{background:var(--accent-2);color:#fff}.filter-btn.active:hover{background:var(--accent-3)}.setup-steps{margin-top:2rem}.setup-step{display:none}.setup-step.active{display:block;animation:fadeIn .3s ease-in}.qr-code-container{text-align:center;padding:2.5rem;background:var(--background-2);border-radius:12px;margin:1.5rem 0;border:2px solid var(--background-3)}.qr-code-container #qrCode{margin-bottom:.5rem}.manual-entry-text{margin-top:1.5rem;margin-bottom:.75rem;color:var(--foreground-2);font-size:14px}.manual-code{display:block;padding:16px 24px;background:var(--background-3);border-radius:8px;font-family:Courier New,monospace;font-size:15px;letter-spacing:1.5px;color:var(--accent-2);font-weight:600;word-break:break-all;max-width:100%;margin:0 auto;text-align:center}.success-message{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;animation:scaleIn .5s ease-out}.loading-state,.empty-state,.error-state{text-align:center;padding:60px 20px;color:var(--foreground-2);grid-column:1 / -1}.loading-spinner{width:40px;height:40px;border:4px solid var(--background-3);border-top-color:var(--accent-1);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.empty-state button,.error-state button{margin-top:20px;padding:10px 24px;border-radius:8px;background:var(--accent-1);color:#fff;border:none;cursor:pointer;font-weight:500}@media (max-width: 768px){.materials-page{padding:24px 16px}.page-title{font-size:32px}.materials-filters{flex-direction:column;align-items:stretch}.filter-select{width:100%}.materials-grid{grid-template-columns:1fr}.public-nav{gap:12px}.public-nav-link{font-size:14px;padding:6px 12px}}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,var(--background-1) 0%,var(--background-2) 100%);display:flex;flex-direction:column}.reset-password-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.reset-password-card{background:var(--background-2);border:1px solid var(--border);border-radius:12px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0000004d}.reset-password-card h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.75rem}.reset-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}@media (max-width: 768px){.reset-password-card{padding:1.5rem}}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0}.notification-category-card{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;position:relative}.notification-category-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:var(--primary)}.notification-category-icon{font-size:2.5rem;line-height:1}.notification-category-info h3{margin:0 0 4px;font-size:1.1rem;color:var(--foreground)}.notification-category-count{font-size:.85rem;color:var(--primary);font-weight:600}.notification-category-empty{font-size:.85rem;color:var(--foreground-3)}.notification-count-badge{position:absolute;top:12px;right:12px;background:var(--error, #e74c3c);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.notification-badge{background:var(--error, #e74c3c);color:#fff;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center;margin-left:6px;display:inline-block}.notification-badge.hidden{display:none}.notification-detail-header{display:flex;align-items:center;gap:16px;padding:12px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px}.notification-back-btn{background:var(--background-2);border:1px solid var(--border);color:var(--foreground);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.notification-back-btn:hover{background:var(--background-3)}.notification-detail-header h3{margin:0;font-size:1.3rem}.notification-placeholder,.notification-empty,.notification-error,.notification-loading{text-align:center;padding:60px 20px;color:var(--foreground-3);font-size:1rem}.notification-detail-list{display:flex;flex-direction:column;gap:8px}.notification-detail-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--card-bg, var(--background-2));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:10px;transition:border-color .15s ease;flex-wrap:wrap;gap:10px}.notification-detail-item:hover{border-color:var(--primary)}.notification-detail-main{display:flex;flex-direction:column;gap:4px;min-width:0}.notification-detail-title{font-weight:600;font-size:1rem;color:var(--foreground)}.notification-detail-subtitle{font-size:.85rem;color:var(--foreground-2)}.slab-approval-notes{display:block;font-size:.82rem;color:var(--foreground-2);background:#fac83214;border-left:3px solid #f0b429;border-radius:4px;padding:5px 10px;margin:4px 0;line-height:1.4}.slab-approval-notes-label{font-weight:600;color:#f0b429;margin-right:4px}.notification-detail-meta{display:flex;align-items:center;gap:16px;font-size:.9rem;color:var(--foreground-2)}.notification-detail-actions{display:flex;gap:8px;align-items:center}.notification-detail-actions .btn-sm,.notification-detail-actions button{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s;border:none}.notification-detail-actions .primary-btn,.notification-detail-actions [data-action*=approve]{background:var(--success, #27ae60);color:#fff}.notification-detail-actions [data-action*=reject]{background:var(--error, #e74c3c);color:#fff!important}.notification-detail-actions [data-action*=view]{background:var(--background-3, rgba(255, 255, 255, .1));color:var(--foreground);border:1px solid var(--border)}.notification-detail-actions [data-action*=edit],.notification-detail-actions [data-action*=resubmit]{background:var(--primary, #2042d8);color:#fff}.notification-detail-actions [data-action*=dismiss]{background:var(--background-3, rgba(255, 255, 255, .1));color:var(--foreground-2);border:1px solid var(--border)}.notification-detail-actions button:hover{opacity:.85}.notification-rejection-comment{width:100%;margin-top:8px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:.85rem;color:var(--foreground-2)}.notification-rejection-comment strong{color:var(--foreground);font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.reservation-requests-list{display:flex;flex-direction:column;gap:8px}.reservation-request-card{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.reservation-request-card:hover{border-color:var(--primary)}.reservation-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.reservation-card-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.reservation-material-name{font-weight:600;color:var(--foreground);font-size:1rem}.reservation-slab-count{background:var(--primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.reservation-client{color:var(--foreground-2);font-size:.9rem}.reservation-date{color:var(--foreground-3);font-size:.85rem}.reservation-card-actions{display:flex;align-items:center;gap:8px}.reservation-approve-btn{background:var(--success, #27ae60);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.reservation-approve-btn:hover{opacity:.85}.reservation-reject-btn{background:var(--error, #e74c3c);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.reservation-reject-btn:hover{opacity:.85}.reservation-expand-icon{color:var(--foreground-3);transition:transform .2s;font-size:.8rem;margin-left:8px}.reservation-request-card.expanded .reservation-expand-icon{transform:rotate(180deg)}.reservation-card-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.reservation-request-card.expanded .reservation-card-details{max-height:1200px}.reservation-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 20px 20px;border-top:1px solid var(--border)}.reservation-detail-item{display:flex;flex-direction:column;gap:4px}.reservation-detail-item.full-width{grid-column:1 / -1}.reservation-detail-item label{font-size:.75rem;text-transform:uppercase;color:var(--foreground-3);font-weight:600;letter-spacing:.5px}.reservation-detail-item span{font-size:.9rem;color:var(--foreground)}.reject-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease}.reject-modal-overlay.visible{opacity:1}.reject-modal{background:var(--card-bg, var(--background-2));border:2px solid rgba(255,255,255,.15);border-radius:12px;width:90%;max-width:460px;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff0d;transform:scale(.95);transition:transform .2s ease}.reject-modal-overlay.visible .reject-modal{transform:scale(1)}.reject-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.reject-modal-header h3{margin:0;font-size:1.1rem;color:var(--foreground)}.reject-modal-close{background:none;border:none;color:var(--foreground-3);font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.reject-modal-close:hover{color:var(--foreground)}.reject-modal-body{padding:20px}.reject-modal-body label{display:block;font-size:.9rem;color:var(--foreground-2);margin-bottom:8px}.reject-reason-input{width:100%;background:var(--background);border:2px solid rgba(255,255,255,.2);border-radius:8px;color:var(--foreground);font-size:.95rem;padding:10px 12px;resize:vertical;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.reject-reason-input:focus{outline:none;border-color:var(--primary)}.reject-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.reject-modal-cancel{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--foreground-2);font-size:.9rem;cursor:pointer;transition:all .15s}.reject-modal-cancel:hover{background:var(--background);color:var(--foreground)}.reject-modal-confirm{padding:8px 18px;border-radius:8px;border:none;background:#e53935;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.reject-modal-confirm:hover{background:#c62828}.reject-modal-confirm:disabled,.approve-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.approve-modal-confirm{padding:8px 18px;border-radius:8px;border:none;background:#43a047;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.approve-modal-confirm:hover{background:#2e7d32}.reservation-status-badge{padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block}.reservation-status-badge.active{background:#27ae6026;color:#27ae60}.reservation-status-badge.expiring{background:#f59e0b26;color:#f59e0b}.reservation-status-badge.sold{background:#43a04726;color:#43a047}.notification-category-card.informational .notification-category-count{color:var(--foreground-2)}.notification-category-card.historical{border-color:var(--border);opacity:.85}.notification-category-card.historical .notification-category-count{color:var(--foreground-2)}.reservation-slabs-section{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.reservation-slabs-title{font-size:.85rem;font-weight:600;color:var(--foreground-2, #aaa);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.reservation-slabs-list{display:flex;flex-direction:column;gap:6px}.reservation-slab-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.reservation-slab-info{flex:1;min-width:0}.reservation-slab-name{font-weight:500;font-size:.9rem;color:var(--foreground, #fff)}.reservation-slab-meta{display:flex;gap:12px;margin-top:3px;font-size:.8rem;color:var(--foreground-3, #888)}.reservation-slab-meta span{white-space:nowrap}.reservation-slab-status{flex-shrink:0}.reservation-slab-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.reservation-slab-status-badge.hold{background:#ffc10726;color:#ffc107}.reservation-slab-status-badge.reserved{background:#2196f326;color:#2196f3}.reservation-slab-status-badge.available{background:#4caf5026;color:#4caf50}.reservation-slab-status-badge.sold{background:#9c27b026;color:#ce93d8}.reservation-remove-slab-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.reservation-remove-slab-btn:hover{background:#f4433640;border-color:#f4433666}.shipped-items-list{display:flex;flex-direction:column;gap:16px;padding:8px 0}.shipped-order-card{background:var(--surface-2, #1a1a2e);border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.08)}.shipped-order-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.shipped-order-icon{font-size:1.5rem}.shipped-order-title-block{display:flex;flex-direction:column}.shipped-order-title{font-weight:600;font-size:1rem;color:var(--foreground, #fff)}.shipped-order-count{font-size:.8rem;color:var(--foreground-3, #888);margin-top:2px}.shipped-method-display{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;background:#ffffff08;border-radius:8px}.shipped-method-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.shipped-method-badge.delivery{background:#2196f326;color:#42a5f5}.shipped-method-badge.pickup{background:#4caf5026;color:#66bb6a}.shipped-address{font-size:.85rem;color:var(--foreground-2, #aaa)}.shipped-material-group{margin-bottom:12px}.shipped-material-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.shipped-material-image{width:40px;height:40px;border-radius:8px;object-fit:cover}.shipped-image-placeholder{background:#ffffff0f}.shipped-material-title{display:flex;flex-direction:column}.shipped-material-name{font-weight:500;font-size:.9rem;color:var(--foreground, #fff)}.shipped-material-count{font-size:.75rem;color:var(--foreground-3, #888)}.shipped-material-slabs{padding-left:50px}.shipped-slab-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.shipped-slab-row:last-child{border-bottom:none}.shipped-slab-info{display:flex;align-items:center;justify-content:space-between}.shipped-slab-name{font-size:.85rem;color:var(--foreground-2, #ccc)}.shipped-status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.7rem;font-weight:600;background:#2196f326;color:#42a5f5}.shipped-actions{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.shipped-mark-delivered-btn{width:100%;padding:10px 16px;background:#4caf5026;color:#66bb6a;border:1px solid rgba(76,175,80,.3);border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.shipped-mark-delivered-btn:hover{background:#4caf5040;border-color:#4caf5080}.sale-delivery-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize}.sale-delivery-status-badge.delivered{background:#4caf5026;color:#4caf50}.sale-delivery-status-badge.in_transit{background:#2196f326;color:#42a5f5}.sale-delivery-status-badge.ready{background:#ffc10726;color:#ffc107}.sale-delivery-status-badge.processing{background:#9c27b026;color:#ce93d8}.sale-source-badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:500}.sale-source-badge.sell-request{background:#2196f31f;color:#64b5f6}.sale-source-badge.direct{background:#4caf501f;color:#81c784}.sale-source-badge.invoice{background:#9c27b01f;color:#ce93d8}.sale-delivery-status-badge.sent{background:#ff98001f;color:#ffb74d}.sale-delivery-status-badge.paid{background:#4caf501f;color:#81c784}.invoice-tracking-sections{display:flex;flex-direction:column;gap:24px}.invoice-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #e0e0e0);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.btn-view-invoice{padding:4px 12px;border-radius:6px;border:1px solid rgba(33,150,243,.3);background:#2196f31a;color:#64b5f6;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-view-invoice:hover{background:#2196f333;border-color:#2196f380}[data-theme=light] .invoice-section-title{color:var(--text-primary, #333);border-bottom-color:#0000001a}[data-theme=light] .sale-source-badge.invoice{background:#9c27b01a;color:#7b1fa2}[data-theme=light] .sale-delivery-status-badge.sent{background:#ff98001a;color:#e65100}[data-theme=light] .sale-delivery-status-badge.paid{background:#4caf501a;color:#2e7d32}.container-approval-item{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.container-approval-item .notification-detail-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.container-approval-item .notification-detail-count{font-size:.85rem;color:var(--foreground-2)}.container-approval-item .notification-detail-date{font-size:.8rem;color:var(--foreground-3)}.container-review-form{padding:16px 0}.review-section{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.review-section h4{margin:0 0 16px;font-size:1.1rem;color:var(--foreground);border-bottom:1px solid var(--border);padding-bottom:8px}.review-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.review-field{display:flex;flex-direction:column;gap:4px}.review-field.full-width{grid-column:1 / -1}.review-field label{font-size:.8rem;font-weight:600;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px}.review-field input,.review-field textarea{background:var(--background-3);border:1px solid var(--background-4);border-radius:8px;padding:8px 12px;color:var(--foreground-1);font-size:.9rem;font-family:inherit;transition:border-color .15s}.review-field input:focus,.review-field textarea:focus{outline:none;border-color:var(--accent-1);background:var(--background-4)}.review-field input:disabled,.review-field textarea:disabled{opacity:.5;cursor:not-allowed;border-color:transparent;background:transparent}.review-slabs-table{margin-top:12px;overflow-x:auto}.review-slabs-table table{width:100%;border-collapse:collapse;font-size:.85rem}.review-slabs-table th{text-align:left;padding:8px;font-weight:600;color:var(--foreground-2);border-bottom:2px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.review-slabs-table td{padding:4px}.review-slabs-table input{width:100%;background:var(--background-3);border:1px solid var(--background-4);border-radius:6px;padding:6px 8px;color:var(--foreground-1);font-size:.85rem;transition:border-color .15s}.review-slabs-table input:focus{outline:none;border-color:var(--accent-1);background:var(--background-4)}.review-slabs-table input[type=number]{max-width:110px}.review-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 0}.btn-lg{padding:12px 32px;font-size:1rem;font-weight:600}.btn-success{background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-success:hover{background:#43a047}.btn-danger{background:#ef5350;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-danger:hover{background:#e53935}.notif-date-filter-bar{display:flex;align-items:center;gap:6px;padding:12px 0;flex-wrap:wrap}.notif-date-filter-btn{padding:5px 16px;border:1px solid var(--background-4, #444);border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;color:var(--foreground-2);background:var(--background-2);font-family:inherit;transition:all .15s ease}.notif-date-filter-btn:hover{color:var(--foreground-1);border-color:var(--accent-1);background:var(--background-3)}.notif-date-filter-btn.active{background:var(--accent-1, #3b82f6);color:#fff;border-color:var(--accent-1, #3b82f6)}.notif-date-filter-picker{display:none;align-items:center;gap:6px;margin-left:8px}.notif-date-filter-picker.visible{display:flex}.notif-date-filter-year,.notif-date-filter-month{padding:4px 10px;border:1px solid var(--background-4, #444);border-radius:20px;background:var(--background-2);color:var(--foreground-1);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none}.notif-date-filter-year:focus,.notif-date-filter-month:focus{border-color:var(--accent-1, #3b82f6)}.audit-tracking-card{border-left:3px solid #f59e0b}.audit-reason-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.audit-reason-missing{background:#f59e0b2e;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.audit-reason-loss{background:#ef44442e;color:#ef4444;border:1px solid rgba(239,68,68,.35)}.audit-disposed-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;background:#7f1d1d2e;color:#991b1b;border:1px solid rgba(127,29,29,.35)}.audit-disposed-card{opacity:.85;border-left:3px solid #7f1d1d}.back-btn{background:var(--background-2);border:1px solid var(--border);color:var(--foreground);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;margin-bottom:12px;display:inline-block}.back-btn:hover{background:var(--background-3)}.den-history-table-wrap{overflow-x:auto;border:1px solid var(--background-3);border-radius:8px;margin-top:12px}.den-history-table{width:100%;border-collapse:collapse;font-size:14px}.den-history-table th{text-align:left;padding:12px 16px;background:var(--background-2);color:var(--foreground-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--background-3);white-space:nowrap}.den-history-table td{padding:12px 16px;border-bottom:1px solid var(--background-3);color:var(--foreground-1);vertical-align:middle}.den-history-table tr:last-child td{border-bottom:none}.den-history-table tr:hover td{background:var(--background-2)}.den-history-table tr.notif-unread td:first-child{border-left:3px solid var(--accent)}.den-history-section-label{font-size:.9rem;color:var(--foreground-2);margin:8px 0 10px 2px}.den-history-cards{display:flex;flex-direction:column;gap:8px}.den-history-unread{border-left:3px solid var(--accent, var(--primary))}.low-stock-unread{border-left:3px solid var(--warning, #f39c12)}.low-stock-count{font-weight:700;color:var(--error, #e74c3c)}.low-stock-threshold{font-weight:600;color:var(--foreground)}.low-stock-read-badge{font-size:.75rem;color:var(--foreground-3);padding:4px 10px;border-radius:6px;background:var(--background-3, rgba(255,255,255,.06))}.low-stock-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#fff;background:var(--error, #e74c3c);padding:2px 8px;border-radius:4px;margin-top:4px}.low-stock-type-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;margin-left:6px}.low-stock-type-badge.static{background:var(--warning, #f39c12);color:#000}.low-stock-type-badge.dynamic{background:var(--info, #3498db);color:#fff}.low-stock-section-label{font-size:.85rem;font-weight:600;color:var(--foreground-2);padding:12px 0 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.ls-status-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:1px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px;vertical-align:middle;margin-left:5px}.ls-status-unread{background:#e74c3c;color:#fff}.ls-status-read{background:var(--background-3, rgba(255,255,255,.1));color:var(--foreground-2);border:1px solid var(--border)}.ls-status-ordered{background:#3498db;color:#fff}.ls-status-complete{background:#27ae60;color:#fff}.ls-status-dismissed{background:#7f8c8d;color:#fff}.ls-search-bar{margin:8px 0 0}.ls-search-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background-2, rgba(255,255,255,.04));color:var(--foreground);font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .15s}.ls-search-input::placeholder{color:var(--foreground-3)}.ls-search-input:focus{border-color:var(--primary)}.ls-status-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;background:var(--background-2, rgba(255,255,255,.04));border:1px solid var(--border);border-radius:8px;margin:8px 0 4px;font-size:.85rem}.ls-status-filter-label{font-weight:600;color:var(--foreground-2);margin-right:4px}.ls-status-filter-check{display:flex;align-items:center;gap:4px;cursor:pointer;color:var(--foreground);-webkit-user-select:none;user-select:none}.ls-status-filter-check input[type=checkbox]{cursor:pointer}.ls-status-filter-all{margin-left:auto;font-size:.8rem;color:var(--primary, #3498db);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0}.ls-hidden-note{font-size:.8rem;color:var(--foreground-3);padding:2px 0 4px;font-style:italic}.ls-clickable-row .ls-nav-target{cursor:pointer;border-radius:6px;padding:4px 6px 4px 2px;margin:-4px -6px -4px -2px;transition:background .15s}.ls-clickable-row .ls-nav-target:hover{background:var(--background-3, rgba(255,255,255,.07))}.ls-nav-hint{display:block;font-size:.75rem;color:var(--primary, #3498db);margin-top:3px;opacity:0;transition:opacity .15s}.ls-clickable-row .ls-nav-target:hover .ls-nav-hint{opacity:1}.btn-sm.btn-sm-ghost{background:transparent;border:1px solid var(--border);color:var(--foreground-2)}.btn-sm.btn-sm-ghost:hover{background:var(--background-3, rgba(255,255,255,.08));color:var(--foreground)}.reorder-insights-panel{background:var(--background-2, #f8f9fa);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:12px}.reorder-insights-panel h4{margin:0 0 12px;font-size:.95rem;color:var(--foreground)}.reorder-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reorder-stat{display:flex;flex-direction:column;gap:2px}.reorder-stat-label{font-size:.75rem;color:var(--foreground-3);text-transform:uppercase;letter-spacing:.5px}.reorder-stat-value{font-size:1.1rem;font-weight:700;color:var(--foreground)}.reorder-status-indicator{margin-top:12px;text-align:center}.reorder-status{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.reorder-green{background:#d4edda;color:#155724}.reorder-yellow{background:#fff3cd;color:#856404}.reorder-red{background:#f8d7da;color:#721c24}.reorder-none{background:var(--background-3, #eee);color:var(--foreground-3)}.trend-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem}.trend-modal{background:var(--background-2, #1a1a2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:16px;width:min(860px,96vw);max-height:min(88vh,800px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000080}.trend-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1));flex-shrink:0}.trend-modal-title{display:flex;align-items:center;gap:.6rem}.trend-modal-title h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--foreground-1, #fff)}.trend-modal-icon{font-size:1.4rem}.trend-modal-close{background:none;border:none;font-size:1.2rem;color:var(--foreground-3, #888);cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .2s,background .2s}.trend-modal-close:hover{color:var(--foreground-1, #fff);background:#ffffff14}.trend-modal-subheader{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08));flex-shrink:0}.trend-modal-desc{font-size:.85rem;color:var(--foreground-3, #888);margin:0 0 .8rem}.trend-modal-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.trend-filter-pills{display:flex;gap:.4rem;flex-wrap:wrap}.trend-pill{padding:5px 14px;border-radius:20px;border:1px solid var(--border-color, rgba(255,255,255,.15));background:transparent;color:var(--foreground-2, #ccc);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.trend-pill:hover{background:#ffffff12}.trend-pill.active{background:#6366f133;border-color:#6366f1;color:#a5b4fc}.trend-run-btn{display:flex;align-items:center;gap:.4rem;padding:6px 14px;border-radius:8px;border:1px solid rgba(99,102,241,.4);background:#6366f11a;color:#a5b4fc;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;margin-left:auto}.trend-run-btn:hover:not(:disabled){background:#6366f133;border-color:#818cf8}.trend-run-btn:disabled{opacity:.6;cursor:not-allowed}.trend-modal-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.trend-section{margin-bottom:1.5rem}.trend-section-header{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--foreground-3, #888);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.trend-section-count{background:#ffffff14;border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:700}.trend-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:10px;margin-bottom:.5rem;gap:1rem;transition:background .15s}.trend-row:hover{background:#ffffff0a}.trend-row.trend-spike{background:#22c55e0f;border-left:3px solid #22c55e}.trend-row.trend-drop{background:#ef44440f;border-left:3px solid #ef4444}.trend-row.trend-stable{background:#ffffff08;border-left:3px solid rgba(255,255,255,.1)}.trend-row-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.trend-direction-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:700;white-space:nowrap;flex-shrink:0}.trend-direction-badge.trend-spike{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.trend-direction-badge.trend-drop{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.trend-direction-badge.trend-stable{background:#ffffff0f;color:var(--foreground-3, #888);border:1px solid rgba(255,255,255,.1)}.trend-row-names{display:flex;flex-direction:column;min-width:0}.trend-material-name{font-weight:600;font-size:.9rem;color:var(--foreground-1, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-stone-type{font-size:.75rem;color:var(--foreground-3, #888)}.trend-row-stats{display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.trend-stat{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.trend-stat-label{font-size:.7rem;color:var(--foreground-3, #888);text-transform:uppercase;letter-spacing:.05em}.trend-stat-value{font-size:.85rem;font-weight:600;color:var(--foreground-1, #fff)}.trend-change{font-weight:700}.trend-change-up{color:#4ade80}.trend-change-down{color:#f87171}.trend-loading,.trend-empty{text-align:center;padding:3rem 1rem;color:var(--foreground-3, #888);font-size:.9rem}.trend-alerts-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;flex-wrap:wrap}.trend-open-analysis-btn{padding:8px 18px;border-radius:8px;border:1px solid rgba(99,102,241,.4);background:#6366f11a;color:#a5b4fc;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.trend-open-analysis-btn:hover{background:#6366f133}.trend-alert-row-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;flex-wrap:wrap}.trend-inline-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:700;flex-shrink:0}.trend-inline-badge.trend-spike{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.trend-inline-badge.trend-drop{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.trend-alert-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--foreground-2, #ccc);flex-wrap:wrap}.trend-alert-date{font-size:.75rem;color:var(--foreground-3, #888);margin-top:.3rem}.trend-mark-read-btn{background:none;border:1px solid var(--border-color, rgba(255,255,255,.15));color:var(--foreground-3, #888);border-radius:6px;padding:4px 10px;font-size:.8rem;cursor:pointer;flex-shrink:0;transition:background .2s,color .2s}.trend-mark-read-btn:hover{background:#ffffff12;color:var(--foreground-1, #fff)}@media (max-width: 640px){.trend-row{flex-direction:column;align-items:flex-start}.trend-row-stats{flex-wrap:wrap;gap:.75rem}.trend-stat{align-items:flex-start;min-width:70px}.trend-run-btn{margin-left:0}}.btn-sm.btn-sm-danger{background:#dc35451f;border:1px solid rgba(220,53,69,.4);color:#dc3545}.btn-sm.btn-sm-danger:hover{background:#dc354538;border-color:#dc3545;color:#dc3545}.ls-status-snoozed{background:#e67e22;color:#fff}.ls-status-discontinued{background:#5d6d7e;color:#fff}.ls-remind-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:var(--background-2, rgba(255,255,255,.05));border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-top:-2px;margin-bottom:4px}.ls-remind-label{font-size:.8rem;color:var(--foreground-2);font-weight:600;white-space:nowrap;margin-right:4px}.ls-remind-options{display:flex;flex-wrap:wrap;gap:6px}.ls-remind-option{background:var(--background-3, rgba(255,255,255,.08));border:1px solid var(--border);border-radius:6px;color:var(--foreground-1);font-size:.8rem;font-weight:500;padding:4px 12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.ls-remind-option:hover{background:var(--accent-1);border-color:var(--accent-1);color:#fff}.ls-remind-cancel{background:transparent;border:none;color:var(--foreground-3);font-size:.9rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s;margin-left:auto}.ls-remind-cancel:hover{color:var(--foreground-1)}.operations-actions-list{display:flex;flex-direction:column;gap:8px}.ops-task-card{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.ops-task-card:hover{border-color:var(--primary)}.ops-task-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.ops-task-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ops-task-icon{font-size:1.4rem}.ops-task-title-block{display:flex;flex-direction:column;gap:2px}.ops-task-title{font-weight:600;color:var(--foreground);font-size:.95rem}.ops-task-date{font-size:.78rem;color:var(--foreground-3)}.ops-task-count{background:var(--primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.ops-task-location{color:var(--foreground-2);font-size:.85rem}.ops-task-actions{display:flex;align-items:center;gap:8px}.ops-mark-moved-btn{background:var(--success, #27ae60);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.ops-mark-moved-btn:hover{opacity:.85}.ops-task-expand{color:var(--foreground-3);transition:transform .2s;font-size:.8rem;margin-left:8px}.ops-task-card.expanded .ops-task-expand{transform:rotate(180deg)}.ops-task-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.ops-task-card.expanded .ops-task-details{max-height:600px}.ops-slab-list{border-top:1px solid var(--border);padding:12px 20px 16px;display:flex;flex-direction:column;gap:0}.ops-slab-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-bottom:none;background:var(--background-3, var(--background))}.ops-slab-row:first-child{border-radius:8px 8px 0 0}.ops-slab-row:last-child{border-bottom:1px solid var(--border);border-radius:0 0 8px 8px}.ops-slab-row:only-child{border-radius:8px;border-bottom:1px solid var(--border)}.ops-slab-image{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.ops-slab-image-placeholder{background:#ffffff0d}.ops-slab-info{flex:1;min-width:0}.ops-slab-name{font-weight:600;color:var(--foreground);font-size:.88rem;margin-bottom:4px}.ops-slab-material{font-size:.85rem;color:#fff9;margin-bottom:4px}.ops-slab-current{font-size:.8rem;color:var(--foreground-3);margin-bottom:2px}.ops-slab-goal{font-size:.8rem;color:var(--primary)}.ops-slab-label{font-weight:600;margin-right:4px}.ops-slab-empty{color:var(--foreground-3);font-size:.85rem;font-style:italic;padding:8px 0}.ops-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 20px 20px;border-top:1px solid var(--border)}.ops-detail-item{display:flex;flex-direction:column;gap:4px}.ops-detail-item label{font-size:.75rem;text-transform:uppercase;color:var(--foreground-3);font-weight:600;letter-spacing:.5px}.ops-detail-item span{font-size:.9rem;color:var(--foreground)}.ops-mark-all-btn{background:var(--success, #27ae60);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.ops-mark-all-btn:hover{opacity:.85}.ops-task-goal-path{padding:10px 20px;border-top:1px solid var(--border);font-size:.85rem;color:var(--primary)}.ops-material-group{margin-bottom:2px}.ops-material-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--background-2);border:1px solid var(--border);border-radius:8px 8px 0 0}.ops-material-image{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.ops-material-title{display:flex;flex-direction:column;gap:2px}.ops-material-name{font-weight:600;color:var(--foreground);font-size:.88rem}.ops-material-count{font-size:.78rem;color:var(--foreground-3)}.ops-material-slabs{border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 0 8px 8px;overflow:hidden}.ops-material-slabs .ops-slab-row{border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.ops-material-slabs .ops-slab-row:last-child{border-bottom:none;border-radius:0}.ops-mark-slab-btn{background:var(--success, #27ae60);color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;flex-shrink:0;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center}.ops-mark-slab-btn:hover{opacity:.85;transform:scale(1.05)}.ops-mark-slab-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.delivery-tracking-list{display:flex;flex-direction:column;gap:12px}.delivery-order-card{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:10px;overflow:hidden}.delivery-order-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.delivery-order-icon{font-size:1.4rem}.delivery-order-title-block{display:flex;flex-direction:column;gap:2px;flex:1}.delivery-order-title{font-weight:600;color:var(--foreground);font-size:.95rem}.delivery-order-count{font-size:.8rem;color:var(--foreground-3)}.delivery-method-display{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--background-3, var(--background));border-bottom:1px solid var(--border)}.delivery-method-badge{padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600;text-transform:uppercase}.delivery-method-badge.delivery{background:#3498db26;color:#3498db}.delivery-method-badge.pickup{background:#2ecc7126;color:#2ecc71}.delivery-address-display{font-size:.85rem;color:var(--foreground-2)}.delivery-order-details{padding:12px 20px;display:flex;flex-direction:column;gap:8px}.delivery-material-group{margin-bottom:2px}.delivery-material-header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--background-2);border:1px solid var(--border);border-radius:8px 8px 0 0}.delivery-material-image{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.delivery-image-placeholder{background:#ffffff0d}.delivery-material-title{display:flex;flex-direction:column;gap:2px}.delivery-material-name{font-weight:600;color:var(--foreground);font-size:.85rem}.delivery-material-count{font-size:.75rem;color:var(--foreground-3)}.delivery-material-slabs{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.delivery-slab-row{padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--background-3, var(--background))}.delivery-slab-row:last-child{border-bottom:none}.delivery-slab-info{display:flex;align-items:center;gap:10px;flex:1}.delivery-slab-name{font-size:.85rem;color:var(--foreground)}.delivery-status-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase}.delivery-status-badge.ready{background:#2ecc7126;color:#2ecc71}.delivery-status-badge.shipped{background:#3498db26;color:#3498db}.delivery-address-section{padding:0 0 12px}.delivery-address-label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;color:var(--foreground-3);margin-bottom:6px;letter-spacing:.5px}.delivery-address-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--background-3, var(--background));color:var(--foreground);font-size:.88rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.delivery-address-input:focus{outline:none;border-color:var(--primary)}.delivery-actions{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap}.delivery-method-buttons{display:flex;gap:8px;width:100%}.delivery-method-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .2s}.delivery-method-btn.delivery{background:#3498db;color:#fff}.delivery-method-btn.pickup{background:#2ecc71;color:#fff}.delivery-method-btn:hover{opacity:.85}.delivery-ship-btn,.delivery-delivered-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:opacity .2s;color:#fff}.delivery-ship-btn{background:#3498db}.delivery-delivered-btn{background:var(--success, #27ae60)}.delivery-ship-btn:hover,.delivery-delivered-btn:hover{opacity:.85}.delivery-awaiting-payment{margin-top:12px;padding:10px 14px;background:#43a0471f;border:1px solid rgba(67,160,71,.35);border-radius:8px;color:#43a047;font-size:.85rem;font-weight:600;text-align:center}.mr-section{margin-bottom:28px}.mr-section-heading{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.mr-heading-icon{font-size:1rem}.mr-heading-approval{color:var(--warning, #F59E0B)}.mr-heading-pending{color:var(--primary, #3b82f6)}.mr-heading-history{color:var(--foreground-3)}.mr-section-count{font-size:.72rem;background:var(--background-3);color:var(--foreground-2);padding:1px 8px;border-radius:10px;margin-left:auto}.mr-history-section{margin-top:8px}.mr-requests-list{display:flex;flex-direction:column;gap:8px}.mr-task-card{background:var(--card-bg, var(--background-2));border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.mr-task-card:hover{border-color:var(--primary)}.mr-task-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.mr-task-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mr-task-icon{font-size:1.4rem}.mr-task-title-block{display:flex;flex-direction:column;gap:2px}.mr-task-title{font-weight:600;color:var(--foreground);font-size:.95rem}.mr-task-date{font-size:.78rem;color:var(--foreground-3)}.mr-task-count{font-size:.8rem;font-weight:600;color:var(--primary);background:rgba(var(--primary-rgb, 59, 130, 246),.1);padding:2px 10px;border-radius:12px}.mr-task-actions{display:flex;align-items:center;gap:8px}.mr-task-expand{color:var(--foreground-3);transition:transform .2s;font-size:.8rem;margin-left:8px}.mr-task-card.expanded .mr-task-expand{transform:rotate(180deg)}.mr-task-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.mr-task-card.expanded .mr-task-details{max-height:600px}.mr-location-paths{border-top:1px solid var(--border);padding:12px 20px;display:flex;flex-direction:column;gap:8px}.mr-location-path{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--foreground)}.mr-path-label{font-weight:600;color:var(--foreground-3);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;min-width:80px}.mr-path-value{color:var(--primary)}.mr-requester-info{padding:8px 20px;font-size:.85rem;color:var(--foreground-2);display:flex;align-items:center;gap:8px}.mr-notes{padding:8px 20px;font-size:.85rem;color:var(--foreground-2);display:flex;align-items:flex-start;gap:8px}.mr-detail-actions{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.mr-action-btn{border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .2s}.mr-action-btn:hover{opacity:.85}.mr-complete-btn{background:var(--success, #27ae60);color:#fff}.mr-cancel-btn{background:var(--danger, #e74c3c);color:#fff}.mr-action-btn:disabled{opacity:.5;cursor:not-allowed}.mr-bulk-complete-btn{background:var(--success, #27ae60);color:#fff}.mr-sale-prep{border-left:3px solid var(--warning, #F59E0B)}.mr-slab-list{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:0 20px 12px}.mr-slab-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-radius:6px}.mr-slab-info{display:flex;flex-direction:column;gap:2px}.mr-slab-name{font-weight:500;color:var(--foreground);font-size:.9rem}.mr-slab-current{font-size:.8rem;color:var(--foreground-3)}.mr-slab-label{font-weight:600;color:var(--foreground-2);margin-right:4px}.mr-mark-slab-btn{min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--success, #27ae60);color:#fff;border:none;border-radius:6px;cursor:pointer}.mr-mark-slab-btn:hover{opacity:.85}.mr-history-section{margin-top:32px;border-top:1px solid var(--border);padding-top:20px}.mr-history-heading{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--foreground-3);margin:0 0 14px}.mr-task-card--completed{opacity:.75;border-left:3px solid var(--success, #27ae60)}.mr-task-card--completed:hover{opacity:1;border-color:var(--success, #27ae60)}.mr-task-card--completed .mr-task-icon{color:var(--success, #27ae60)}.mr-status-badge{font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.4px}.mr-status-completed{background:#27ae6026;color:var(--success, #27ae60)}.mr-status-approval{background:#f59e0b26;color:var(--warning, #F59E0B)}.mr-status-rejected{background:#e74c3c26;color:var(--danger, #e74c3c)}.mr-status-cancelled{background:#80808026;color:var(--foreground-3)}.mr-task-card--approval{border-left:3px solid var(--warning, #F59E0B)}.mr-task-card--rejected{opacity:.75;border-left:3px solid var(--danger, #e74c3c)}.mr-task-card--rejected:hover{opacity:1}.mr-task-card--cancelled{opacity:.65;border-left:3px solid var(--foreground-4, #666)}.mr-task-card--cancelled:hover{opacity:1}.mr-approve-btn{background:var(--success, #27ae60);color:#fff}.mr-reject-btn{background:var(--danger, #e74c3c);color:#fff}.location-assignment-section{padding:8px 0}.location-assignment-header h4{margin:0 0 8px;color:var(--foreground);font-size:1.1rem}.location-assignment-desc{color:var(--foreground-3);font-size:.85rem;margin:0 0 20px;line-height:1.5}.location-assignment-controls{display:flex;gap:8px;margin-bottom:12px}.location-assignment-controls .small-btn{padding:4px 12px;font-size:.8rem}.location-assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px}.location-assignment-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card-bg, var(--background-2));border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.location-assignment-item:hover{border-color:var(--primary)}.location-assignment-item.assigned{border-color:var(--success, #27ae60);background:#27ae6014}.location-assignment-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--success, #27ae60);cursor:pointer;flex-shrink:0}.location-assignment-info{display:flex;flex-direction:column;gap:2px}.location-assignment-name{font-weight:600;color:var(--foreground);font-size:.95rem}.location-assignment-address{color:var(--foreground-3);font-size:.8rem}.location-assignment-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.move-request-modal{width:90%;max-width:500px;display:flex;flex-direction:column}.move-request-form{padding:20px;display:flex;flex-direction:column;gap:16px}.move-request-current-location label{display:block;font-size:13px;font-weight:600;color:var(--foreground-2);margin-bottom:6px;text-transform:uppercase}.move-request-current-location .current-location-display{background:var(--background-2);border:1px solid var(--background-3);border-radius:8px;padding:12px 16px;color:var(--foreground-1);font-weight:500;font-size:14px}.move-request-field label{display:block;font-size:13px;font-weight:600;color:var(--foreground-2);margin-bottom:6px}.move-request-field select,.move-request-field textarea{width:100%;padding:10px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;color:var(--foreground-1);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.move-request-field select:focus,.move-request-field textarea:focus{border-color:var(--accent-1)}.move-request-field select:disabled{opacity:.5;cursor:not-allowed}.move-request-field textarea{resize:vertical;min-height:60px}.move-request-den-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}.move-request-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--background-3)}.move-request-btn{display:flex;align-items:center;justify-content:center;gap:6px}.safety-waiver-page{max-width:800px;margin:0 auto;padding:24px}.safety-waiver-page .section-header{margin-bottom:24px}.waiver-card{background:var(--background-2);border-radius:12px;padding:32px;border:1px solid var(--border-1)}.waiver-title{font-size:22px;font-weight:700;color:var(--foreground-1);text-align:center;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.waiver-text{font-size:14px;line-height:1.7;color:var(--foreground-2);margin-bottom:24px}.waiver-text p{margin-bottom:12px}.waiver-text .waiver-important-heading{font-weight:700;color:var(--foreground-1);font-size:15px;margin-top:20px;margin-bottom:8px;text-transform:uppercase}.waiver-text .waiver-release-heading{font-weight:700;color:var(--foreground-1);font-size:15px;margin-top:24px;margin-bottom:8px;text-transform:uppercase}.waiver-guidelines-list{list-style:none;padding:0;margin:0 0 20px}.waiver-guidelines-list li{position:relative;padding:6px 0 6px 24px;font-size:14px;line-height:1.6;color:var(--foreground-2)}.waiver-guidelines-list li:before{content:"⚠️";position:absolute;left:0;top:6px;font-size:12px}.waiver-warning{font-weight:700;color:var(--error);text-transform:uppercase}.waiver-form-section{border-top:1px solid var(--border-1);padding-top:24px;margin-top:24px}.waiver-agreement-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:var(--foreground-1);margin-bottom:20px;line-height:1.5;font-style:italic}.waiver-agreement-checkbox input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent-1);cursor:pointer}.waiver-field-group{display:flex;gap:16px;margin-bottom:20px}.waiver-field{flex:1;display:flex;flex-direction:column;gap:6px}.waiver-field-name{flex:2}.waiver-field label{font-size:13px;font-weight:600;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px}.waiver-field input{padding:10px 14px;border:1px solid var(--border-1);border-radius:8px;font-size:14px;background:var(--background-1);color:var(--foreground-1);transition:border-color .2s}.waiver-field input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px #2042d826}.waiver-name-input-wrapper{position:relative}.waiver-client-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-1);border:1px solid var(--border-1);border-top:none;border-radius:0 0 8px 8px;max-height:260px;overflow-y:auto;z-index:50;box-shadow:0 4px 12px #00000026}.waiver-client-dropdown.hidden{display:none}.waiver-client-option{padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border-1)}.waiver-client-option:last-child{border-bottom:none}.waiver-client-option:hover{background:var(--background-3)}.waiver-client-option-name{display:block;font-size:14px;color:var(--foreground-1);font-weight:500}.waiver-client-option-email{display:block;font-size:12px;color:var(--foreground-3);margin-top:2px}.waiver-client-option-manual{background:var(--background-2)}.waiver-client-option-manual .waiver-client-option-name{color:var(--foreground-2);font-style:italic}.waiver-client-option-create{background:var(--background-2)}.waiver-client-option-create .waiver-client-option-name{color:var(--accent-1);font-weight:600}.waiver-client-empty{padding:12px 14px;color:var(--foreground-3);font-size:13px;text-align:center}.waiver-name-meta{font-size:12px;color:var(--foreground-3);margin-top:4px;font-style:italic}.waiver-name-meta.hidden{display:none}.signature-section{margin-bottom:20px}.signature-section label{display:block;font-size:13px;font-weight:600;color:var(--foreground-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.signature-canvas-wrapper{position:relative;border:2px dashed var(--border-1);border-radius:8px;background:#fff;overflow:hidden}.signature-canvas-wrapper.has-signature{border-style:solid;border-color:var(--accent-1)}.signature-canvas{display:block;width:100%;height:150px;cursor:crosshair;touch-action:none}.signature-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--foreground-3);font-size:14px;pointer-events:none;transition:opacity .2s}.signature-canvas-wrapper.has-signature .signature-placeholder{opacity:0}.signature-actions{display:flex;justify-content:flex-end;margin-top:8px}.clear-signature-btn{background:none;border:1px solid var(--border-1);color:var(--foreground-2);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.clear-signature-btn:hover{background:var(--background-3);color:var(--foreground-1)}.waiver-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-1);margin-top:20px}.waiver-save-btn,.waiver-download-btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.waiver-save-btn{background:var(--accent-1);color:#fff}.waiver-save-btn:hover{opacity:.9}.waiver-save-btn:disabled{opacity:.5;cursor:not-allowed}.waiver-download-btn{background:var(--background-3);color:var(--foreground-1);border:1px solid var(--border-1)}.waiver-download-btn:hover{background:var(--background-4, var(--background-3))}.waiver-download-btn:disabled{opacity:.5;cursor:not-allowed}.waiver-download-btn.hidden{display:none}.waiver-history-section{margin-top:32px}.waiver-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.waiver-history-header h3{font-size:18px;font-weight:600;color:var(--foreground-1);margin:0}.waiver-history-filters{display:flex;gap:8px}.waiver-filter-select{padding:6px 10px;border:1px solid var(--border-1);border-radius:6px;font-size:13px;background:var(--background-1);color:var(--foreground-1);cursor:pointer}.waiver-filter-select:focus{outline:none;border-color:var(--accent-1)}.waiver-history-list{display:flex;flex-direction:column;gap:8px}.waiver-history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--background-2);border:1px solid var(--border-1);border-radius:8px}.waiver-history-info{display:flex;flex-direction:column;gap:2px}.waiver-history-name{font-weight:600;color:var(--foreground-1);font-size:14px}.waiver-history-date{font-size:12px;color:var(--foreground-3)}.waiver-history-actions{display:flex;gap:8px}.waiver-history-download-btn{background:none;border:1px solid var(--border-1);color:var(--foreground-2);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.waiver-history-download-btn:hover{background:var(--background-3);color:var(--foreground-1)}.waiver-empty-state{text-align:center;padding:24px;color:var(--foreground-3);font-size:14px}@media (max-width: 768px){.safety-waiver-page{padding:16px}.waiver-card{padding:20px}.waiver-field-group,.waiver-form-actions{flex-direction:column}.waiver-save-btn,.waiver-download-btn{width:100%;text-align:center}}.qi-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.qi-page-header h2{margin:0;font-size:1.5rem;color:var(--foreground-1)}.qi-sub-tabs{display:flex;gap:4px;background:var(--background-2);border-radius:8px;padding:4px}.qi-sub-tab{padding:8px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--foreground-2);background:transparent;transition:all .15s ease}.qi-sub-tab:hover{color:var(--foreground-1);background:var(--background-3);transform:none;box-shadow:none}.qi-sub-tab.active{background:var(--primary, #2042d8);color:#fff;box-shadow:0 2px 6px #2042d84d}.qi-period-filter{display:flex;gap:6px;margin-top:12px}.qi-period-btn{padding:5px 16px;border:1px solid var(--background-4, #444);border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;color:var(--foreground-2);background:var(--background-2);transition:all .15s ease}.qi-period-btn:hover{color:var(--foreground-1);border-color:var(--accent-1);background:var(--background-3)}.qi-period-btn.active{background:var(--accent-1, #3b82f6);color:#fff;border-color:var(--accent-1, #3b82f6)}.qi-month-picker{display:none;align-items:center;gap:6px;margin-left:8px}.qi-picker-select{padding:4px 10px;border:1px solid var(--background-4, #444);border-radius:20px;background:var(--background-2);color:var(--foreground-1);font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s ease}.qi-picker-select:focus{border-color:var(--accent-1, #3b82f6)}.qi-actions{display:flex;gap:8px}.qi-list{display:flex;flex-direction:column;gap:8px}.qi-list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--background-1);border:1px solid var(--background-3);border-radius:10px;transition:border-color .15s ease;flex-wrap:wrap;gap:10px;cursor:pointer}.qi-list-item:hover{border-color:var(--accent-1, var(--primary, #2042d8))}.qi-list-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.qi-list-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--foreground-2)}.qi-list-actions{display:flex;gap:6px}.qi-action-btn{padding:4px 10px;border:1px solid var(--background-3);border-radius:5px;background:var(--background-2);color:var(--foreground-2);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s ease}.qi-action-btn:hover{background:var(--background-3);color:var(--foreground-1);transform:none;box-shadow:none}.qi-action-btn.primary{background:var(--primary, #2042d8);color:#fff;border-color:var(--primary, #2042d8)}.qi-action-btn.primary:hover{opacity:.9}.qi-action-btn.danger{color:#ef4444;border-color:#ef44444d}.qi-action-btn.danger:hover{background:#ef44441a}.qi-number{font-weight:600;color:var(--primary, #2042d8);cursor:pointer;font-size:15px}.qi-number:hover{text-decoration:underline}.qi-client-name{color:var(--foreground-2);font-size:14px}.qi-empty{text-align:center;padding:3rem 1rem;color:var(--foreground-3);font-size:15px}.qi-table-wrapper{overflow-x:auto;border:1px solid var(--background-3);border-radius:8px}.qi-table{width:100%;border-collapse:collapse;font-size:14px}.qi-table th{text-align:left;padding:12px 16px;background:var(--background-2);color:var(--foreground-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--background-3);white-space:nowrap}.qi-table td{padding:12px 16px;border-bottom:1px solid var(--background-3);color:var(--foreground-1);vertical-align:middle}.qi-table tr:last-child td{border-bottom:none}.qi-table tr:hover td{background:var(--background-2)}.qi-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.qi-status-badge.draft{background:var(--background-3);color:var(--foreground-2)}.qi-status-badge.sent{background:#3b82f626;color:#3b82f6}.qi-status-badge.accepted{background:#22c55e26;color:#22c55e}.qi-status-badge.rejected{background:#ef444426;color:#ef4444}.qi-status-badge.expired{background:#f59e0b26;color:#f59e0b}.qi-status-badge.converted{background:#8b5cf626;color:#8b5cf6}.qi-status-badge.paid{background:#22c55e26;color:#22c55e}.qi-status-badge.overdue{background:#ef444426;color:#ef4444}.qi-status-badge.cancelled{background:#6b728026;color:#6b7280}.qi-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease}.qi-modal-overlay.active{opacity:1;visibility:visible}.qi-modal{background:var(--background-1);border:1px solid var(--background-3);border-radius:12px;width:90%;max-width:750px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.qi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--background-3)}.qi-modal-header h3{margin:0;font-size:18px;color:var(--foreground-1)}.qi-modal-body{padding:24px;overflow-y:auto;flex:1}.qi-modal-footer{padding:20px 0 0;margin-top:16px;border-top:1px solid var(--background-3);display:flex;justify-content:flex-end;gap:8px}.qi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.qi-form-group{display:flex;flex-direction:column;gap:6px}.qi-form-group.full-width{grid-column:1 / -1}.qi-form-group label{font-size:13px;font-weight:600;color:var(--foreground-2)}.qi-form-group input,.qi-form-group select,.qi-form-group textarea{padding:10px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;color:var(--foreground-1);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.qi-form-group input:focus,.qi-form-group select:focus,.qi-form-group textarea:focus{border-color:var(--accent-1)}.qi-client-type-toggle{display:flex;gap:6px;margin-bottom:8px}.qi-client-type-btn{flex:1;padding:6px 14px;border:1px solid var(--background-3);border-radius:20px;background:var(--background-2);color:var(--foreground-2);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.qi-client-type-btn:hover{border-color:var(--accent-1);color:var(--foreground-1)}.qi-client-type-btn.active{background:var(--accent-1);border-color:var(--accent-1);color:#fff}.qi-client-search-wrapper{position:relative}.qi-client-search-input{width:100%;padding:10px 12px;background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;color:var(--foreground-1);font-size:14px;font-family:inherit;outline:none;transition:border-color .2s;box-sizing:border-box}.qi-client-search-input:focus{border-color:var(--accent-1)}.qi-client-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-1);border:1px solid var(--background-3);border-radius:8px;box-shadow:0 8px 24px #0003;z-index:1001;max-height:250px;overflow-y:auto;margin-top:4px}.qi-client-option{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-size:14px;color:var(--foreground-1);border-bottom:1px solid var(--background-3);transition:background .1s ease}.qi-client-option:last-child{border-bottom:none}.qi-client-option:hover{background:var(--background-2)}.qi-client-option-create{color:var(--primary, #2042d8);font-weight:600}.qi-client-option-name-only{color:var(--foreground-2);font-style:italic}.qi-client-email{font-size:12px;color:var(--foreground-3)}.qi-line-items-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.qi-line-items-header h4{margin:0;font-size:15px;color:var(--foreground-1)}.qi-line-items-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.qi-line-items-table th{text-align:left;padding:8px 10px;background:var(--background-2);color:var(--foreground-2);font-weight:600;font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--background-3)}.qi-line-items-table td{padding:6px 10px;border-bottom:1px solid var(--background-3);vertical-align:middle}.qi-line-items-table select,.qi-line-items-table input{width:100%;padding:6px 8px;background:var(--background-2);border:1px solid var(--background-3);border-radius:4px;color:var(--foreground-1);font-size:13px;font-family:inherit;outline:none}.qi-line-items-table select:focus,.qi-line-items-table input:focus{border-color:var(--accent-1)}.qi-line-items-table select{min-width:200px}.qi-line-items-table .qi-price-input{width:90px;text-align:right}.qi-line-items-table .qi-qty-input{width:60px;text-align:center}.qi-line-items-table .qi-qty-input[readonly]{opacity:.7;cursor:not-allowed;background:var(--background-3, rgba(255, 255, 255, .05))}.qi-li-total{font-weight:600;white-space:nowrap;color:var(--foreground-1)}.qi-remove-line-btn{background:none;border:none;color:var(--foreground-3);cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .15s ease}.qi-remove-line-btn:hover{background:#ef444426;color:#ef4444;transform:none;box-shadow:none}.qi-totals-section{display:flex;justify-content:flex-end;margin-top:16px}.qi-totals-table{width:300px}.qi-totals-table .qi-totals-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:var(--foreground-2)}.qi-totals-table .qi-totals-row.total{font-weight:700;font-size:16px;color:var(--foreground-1);border-top:2px solid var(--background-3);padding-top:10px;margin-top:4px}.qi-totals-table .qi-totals-row input{width:80px;padding:4px 8px;background:var(--background-2);border:1px solid var(--background-3);border-radius:4px;color:var(--foreground-1);font-size:14px;text-align:right;outline:none}.qi-discount-row{color:#22c55e}.qi-discount-input-wrap{display:flex;align-items:center;gap:6px}.qi-discount-input-wrap input{width:70px;padding:4px 8px;background:var(--background-2);border:1px solid var(--background-3);border-radius:4px;color:var(--foreground-1);font-size:14px;text-align:right;outline:none}.qi-discount-max{font-size:11px;color:var(--foreground-3);white-space:nowrap}.qi-deposit-input-wrap{display:flex;align-items:center;gap:6px}.qi-deposit-input-wrap input{width:100px;padding:4px 8px;background:var(--background-2);border:1px solid var(--background-3);border-radius:4px;color:var(--foreground-1);font-size:14px;text-align:right;outline:none}.qi-deposit-row{color:var(--foreground-2)}.qi-balance-row{font-weight:700;font-size:15px;color:var(--foreground-1);border-top:1px dashed var(--background-3);padding-top:8px;margin-top:2px}.qi-status-badge.pending_approval{background:#f59e0b26;color:#f59e0b}.qi-status-badge.approved{background:#22c55e26;color:#22c55e}.qi-material-search-wrapper{position:relative;min-width:200px}.qi-li-material-input{width:100%;padding:6px 8px;background:var(--background-2);border:1px solid var(--background-3);border-radius:4px;color:var(--foreground-1);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}.qi-li-material-input:focus{border-color:var(--accent-1)}.qi-material-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-1);border:1px solid var(--background-3);border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:1002;max-height:200px;overflow-y:auto;margin-top:2px}.qi-material-option{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--foreground-1);border-bottom:1px solid var(--background-3);transition:background .1s ease}.qi-material-option:last-child{border-bottom:none}.qi-material-option:hover{background:var(--background-2)}.qi-material-stone-type{font-size:11px;color:var(--foreground-3);margin-left:8px;white-space:nowrap}.qi-detail-view{background:var(--background-1);border:1px solid var(--background-3);border-radius:12px;padding:24px}.qi-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.qi-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:var(--background-2);border-radius:8px}.qi-detail-meta-item label{display:block;font-size:12px;font-weight:600;color:var(--foreground-3);text-transform:uppercase;margin-bottom:4px}.qi-detail-meta-item span{font-size:14px;color:var(--foreground-1);font-weight:500}.qi-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.qi-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--background-2);border:1px solid var(--background-3);border-radius:6px;color:var(--foreground-2);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;margin-bottom:16px}.qi-back-btn:hover{background:var(--background-3);color:var(--foreground-1);transform:none;box-shadow:none}@media (max-width: 768px){.qi-form-row{grid-template-columns:1fr}.qi-page-header{flex-direction:column;align-items:flex-start}.qi-line-items-table{font-size:12px}.qi-line-items-table select{min-width:150px}.qi-detail-meta{grid-template-columns:1fr}.qi-list-item{flex-direction:column;align-items:flex-start}.qi-list-meta{width:100%;justify-content:space-between}}.qi-attachments-section{margin-top:16px;padding:16px;background:var(--background-2);border-radius:8px}.qi-attachments-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.qi-attachments-header h4{margin:0;font-size:14px;color:var(--foreground-1)}.qi-attach-btn{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;background:var(--accent-1);color:var(--background-1);border-radius:4px;cursor:pointer;font-weight:500;transition:opacity .2s}.qi-attach-btn:hover{opacity:.85}.qi-attachments-list,.qi-pending-files{display:flex;flex-direction:column;gap:6px}.qi-attachments-empty,.qi-attachments-loading{font-size:13px;color:var(--foreground-3);padding:8px 0}.qi-attachment-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--background-1);border-radius:6px;font-size:13px}.qi-attachment-item.qi-pending-item{border:1px dashed var(--border-1)}.qi-attachment-icon{font-size:16px;flex-shrink:0}.qi-attachment-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-1)}a.qi-attachment-name{color:var(--accent-1);text-decoration:none}a.qi-attachment-name:hover{text-decoration:underline}.qi-attachment-size{font-size:11px;color:var(--foreground-3);flex-shrink:0}.qi-attachment-remove{background:none;border:none;color:var(--foreground-3);font-size:16px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.qi-attachment-remove:hover{color:var(--error-color, #e74c3c)}.qi-detail-attachments{margin-top:20px;padding:16px;background:var(--background-2);border-radius:8px}.qi-detail-attachments h4{margin:0 0 10px;font-size:14px;color:var(--foreground-1)}.qi-slab-search-wrapper{position:relative}.qi-li-slab-input{width:100%;padding:6px 8px;border:1px solid var(--border-1);border-radius:4px;background:var(--background-1);color:var(--foreground-1);font-size:13px;box-sizing:border-box}.qi-slab-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--background-1);border:1px solid var(--border-1);border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1001;box-shadow:0 4px 12px #00000026}.qi-slab-option{padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border-1);font-size:13px}.qi-slab-option:last-child{border-bottom:none}.qi-slab-option:hover{background:var(--background-2)}.qi-slab-opt-name{color:var(--foreground-1);font-weight:500}.qi-slab-opt-dims{color:var(--foreground-3);font-size:11px}.calc-toggle-btn{background:none;border:1px solid var(--border-1);border-radius:8px;padding:6px 10px;font-size:18px;cursor:pointer;color:var(--foreground-1);line-height:1;transition:background .2s}.calc-toggle-btn:hover{background:var(--background-2)}.calc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:10000;display:flex;align-items:center;justify-content:center;animation:calcFadeIn .15s ease}@keyframes calcFadeIn{0%{opacity:0}to{opacity:1}}.calc-popup{background:var(--background-1);border:1px solid var(--border-1);border-radius:16px;width:300px;box-shadow:0 12px 40px #0000004d;overflow:hidden;animation:calcSlideIn .2s ease}@keyframes calcSlideIn{0%{transform:scale(.9) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.calc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-1);font-weight:600;font-size:14px;color:var(--foreground-1)}.calc-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--foreground-3);padding:0 4px;line-height:1}.calc-close-btn:hover{color:var(--foreground-1)}.calc-display{padding:16px 20px;text-align:right;font-size:32px;font-weight:300;color:var(--foreground-1);background:var(--background-2);min-height:56px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,Fira Code,monospace}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:4px}.calc-btn{padding:16px;font-size:18px;border:none;background:var(--background-1);color:var(--foreground-1);cursor:pointer;border-radius:8px;transition:background .1s;font-weight:400}.calc-btn:hover{background:var(--background-2)}.calc-btn:active{background:var(--border-1)}.calc-btn.calc-fn{color:var(--foreground-2);background:var(--background-2)}.calc-btn.calc-fn:hover{background:var(--border-1)}.calc-btn.calc-op{background:var(--accent-1, #3b82f6);color:#fff}.calc-btn.calc-op:hover{opacity:.85}.calc-btn.calc-eq{background:var(--accent-1, #3b82f6);color:#fff}.calc-btn.calc-eq:hover{opacity:.85}.calc-btn.calc-zero{grid-column:span 2}.rpt-wrapper{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1400px}.rpt-type-bar{display:flex;flex-wrap:wrap;gap:.5rem}.rpt-type-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color, #2a2f45);background:var(--card-bg, #1a1f35);color:var(--foreground-1, #e0e6f0);cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.rpt-type-btn:hover{background:var(--hover-bg, #252b42);border-color:var(--accent, #3b82f6)}.rpt-type-btn.active{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.rpt-type-icon{font-size:1rem}.rpt-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;color:var(--foreground-3, #6b7a99);text-align:center;border:2px dashed var(--border-color, #2a2f45);border-radius:12px}.rpt-placeholder-icon{font-size:3rem}.rpt-placeholder p{font-size:1rem;margin:0}.rpt-config-inner{display:flex;flex-direction:column;gap:1.5rem}.rpt-section{background:var(--card-bg, #1a1f35);border:1px solid var(--border-color, #2a2f45);border-radius:10px;padding:1.25rem 1.5rem}.rpt-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--foreground-2, #a0aec0);margin:0 0 1rem}.rpt-date-row{display:flex;gap:1.5rem;flex-wrap:wrap}.rpt-date-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--foreground-2, #a0aec0)}.rpt-date-row input[type=date]{padding:.45rem .75rem;border-radius:6px;border:1px solid var(--border-color, #2a2f45);background:var(--input-bg, #0e1220);color:var(--foreground-1, #e0e6f0);font-size:.875rem}.rpt-col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.rpt-col-check{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--foreground-1, #e0e6f0);cursor:pointer;padding:.3rem .5rem;border-radius:6px;transition:background .1s}.rpt-col-check:hover{background:var(--hover-bg, #252b42)}.rpt-col-check input[type=checkbox]{accent-color:var(--accent, #3b82f6);width:15px;height:15px;cursor:pointer}.rpt-col-actions{display:flex;gap:1rem;margin-top:.75rem}.rpt-link-btn{background:none;border:none;color:var(--accent, #3b82f6);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.rpt-link-btn:hover{color:var(--accent-hover, #60a5fa)}.rpt-filter-row{display:flex;gap:1.5rem;flex-wrap:wrap}.rpt-filter-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--foreground-2, #a0aec0);min-width:150px}.rpt-filter-row select{padding:.45rem .75rem;border-radius:6px;border:1px solid var(--border-color, #2a2f45);background:var(--input-bg, #0e1220);color:var(--foreground-1, #e0e6f0);font-size:.875rem}.rpt-no-filters{color:var(--foreground-3, #6b7a99);font-size:.875rem;margin:0}.rpt-actions{display:flex;gap:1rem;align-items:center}.rpt-preview-btn,.rpt-download-btn{padding:.6rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;border:none}.rpt-preview-btn{background:var(--accent, #3b82f6);color:#fff}.rpt-preview-btn:hover:not(:disabled){background:#2563eb}.rpt-download-btn{background:#16a34a;color:#fff}.rpt-download-btn:hover:not(:disabled){background:#15803d}.rpt-preview-btn:disabled,.rpt-download-btn:disabled{opacity:.45;cursor:not-allowed}.rpt-preview-area{background:var(--card-bg, #1a1f35);border:1px solid var(--border-color, #2a2f45);border-radius:10px;overflow:hidden}.rpt-preview-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color, #2a2f45);font-size:.8rem;color:var(--foreground-2, #a0aec0)}.rpt-table-wrap{overflow-x:auto;max-height:480px;overflow-y:auto}.rpt-table{width:100%;border-collapse:collapse;font-size:.82rem}.rpt-table th{position:sticky;top:0;background:var(--table-header-bg, #111827);color:var(--foreground-2, #a0aec0);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;padding:.6rem .85rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color, #2a2f45)}.rpt-table td{padding:.5rem .85rem;color:var(--foreground-1, #e0e6f0);border-bottom:1px solid var(--border-color, #2a2f45);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}.rpt-table tr:hover td{background:var(--hover-bg, #252b42)}.rpt-loading{padding:2rem;text-align:center;color:var(--foreground-3, #6b7a99)}.rpt-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.rpt-filter-block{display:flex;flex-direction:column;gap:.4rem}.rpt-filter-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--foreground-2, #a0aec0);display:flex;align-items:center;gap:.4rem}.rpt-filter-hint{font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent, #3b82f6);opacity:.85}.rpt-check-group{display:flex;flex-direction:column;gap:.35rem}.rpt-check-label{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--foreground-1, #e0e6f0);cursor:pointer}.rpt-check-label input{accent-color:var(--accent, #3b82f6);cursor:pointer}.rpt-sms{position:relative}.rpt-sms-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;min-height:36px;padding:.3rem .5rem;border:1px solid var(--border-color, #2a2f45);border-radius:6px;background:var(--input-bg, #0e1220);cursor:text}.rpt-sms-input{border:none;outline:none;background:transparent;color:var(--foreground-1, #e0e6f0);font-size:.85rem;min-width:80px;flex:1;padding:.1rem .2rem}.rpt-sms-input::placeholder{color:var(--foreground-3, #6b7a99)}.rpt-sms-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--card-bg, #1a1f35);border:1px solid var(--border-color, #2a2f45);border-radius:6px;max-height:200px;overflow-y:auto;z-index:200;box-shadow:0 4px 16px #0000004d}.rpt-sms-opt{padding:.45rem .75rem;font-size:.85rem;color:var(--foreground-1, #e0e6f0);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.rpt-sms-opt:hover{background:var(--hover-bg, #252b42)}.rpt-sms-empty{color:var(--foreground-3, #6b7a99);cursor:default;font-style:italic}.rpt-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem .15rem .6rem;background:var(--accent, #3b82f6);color:#fff;border-radius:9999px;font-size:.78rem;font-weight:500;white-space:nowrap}.rpt-chip-rm{background:none;border:none;color:#fffc;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.1rem;display:flex;align-items:center}.rpt-chip-rm:hover{color:#fff}.act-date-filter-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.act-date-filter-btn{height:32px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--foreground-2, #cbd5e1);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.act-date-filter-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--foreground-1, #e5e7eb)}.act-date-filter-btn.active{background:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6);color:#fff;font-weight:600}.act-date-filter-picker{display:none;align-items:center;gap:6px;margin-left:4px}.act-date-filter-picker.visible{display:flex}.act-date-filter-month,.act-date-filter-year{height:32px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#1e293b;color:var(--foreground-1, #e5e7eb);font-size:13px;cursor:pointer;outline:none}.act-date-filter-month:focus,.act-date-filter-year:focus{border-color:var(--primary, #3b82f6)}.activity-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.activity-toolbar .filter-input,.activity-toolbar .filter-select{height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#1e293b;color:var(--foreground-1, #e5e7eb);font-size:13px;min-width:0}.activity-toolbar .filter-input::placeholder{color:var(--foreground-3, #888)}.activity-toolbar .filter-input{flex:1;min-width:160px}.activity-toolbar .filter-select{min-width:120px}.act-filter-group{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;height:36px;cursor:default}.act-filter-label{font-size:12px;font-weight:600;color:var(--foreground-3, #888);white-space:nowrap;-webkit-user-select:none;user-select:none}.act-filter-group .filter-select{border:none!important;background:#1e293b!important;padding:0 2px!important;height:auto!important;font-size:13px;color:var(--foreground-1, #e5e7eb)}.activity-toolbar .filter-select,.act-filter-group .filter-select,.act-date-filter-month,.act-date-filter-year{color-scheme:dark}.activity-toolbar .filter-select option,.act-filter-group .filter-select option,.act-date-filter-month option,.act-date-filter-year option{background:#1e293b;color:#e5e7eb}.activity-count{font-size:12px;color:var(--foreground-3, #888);margin-left:auto;white-space:nowrap}.activity-list{display:flex;flex-direction:column;gap:4px}.act-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;gap:12px;transition:background .15s;border-left:3px solid transparent}.act-row:hover{background:#ffffff0a!important}.act-create{background:#22c55e0f;border-left-color:#22c55e}.act-update{background:#3b82f60f;border-left-color:#3b82f6}.act-delete{background:#ef44440f;border-left-color:#ef4444}.act-sell{background:#eab30814;border-left-color:#eab308}.act-reserve{background:#a855f712;border-left-color:#a855f7}.act-return{background:#f9731612;border-left-color:#f97316}.act-approve{background:#22c55e0f;border-left-color:#22c55e}.act-reject{background:#ef44440f;border-left-color:#ef4444}.act-move{background:#0ea5e90f;border-left-color:#0ea5e9}.act-neutral{background:#ffffff08;border-left-color:#ffffff1a}.act-row-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.act-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:700;white-space:nowrap;flex-shrink:0;letter-spacing:.2px}.act-badge-create{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.act-badge-update{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.act-badge-delete{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.act-badge-sell{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.act-badge-reserve{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.act-badge-return{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.act-badge-approve{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.act-badge-reject{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.act-badge-move{background:#0ea5e926;color:#38bdf8;border:1px solid rgba(14,165,233,.3)}.act-badge-neutral{background:#ffffff0f;color:var(--foreground-3,#888);border:1px solid rgba(255,255,255,.1)}.act-row-names{display:flex;flex-direction:column;min-width:0}.act-desc{font-size:.88rem;font-weight:600;color:var(--foreground-1, #e5e7eb);line-height:1.35;word-break:break-word}.act-desc strong{font-weight:700;color:#fff}.act-type-label{font-size:.72rem;color:var(--foreground-3, #888);margin-top:1px}.act-row-right{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap}.act-username{font-size:.78rem;font-weight:600;color:var(--foreground-2, #cbd5e1);font-family:ui-monospace,Courier New,monospace}.act-role-tag{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.role-admin{background:#eab30826;color:#facc15;border:1px solid rgba(234,179,8,.3)}.role-manager{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.role-sales{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.role-operations{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-client,.role-neutral{background:#ffffff0f;color:var(--foreground-3,#888);border:1px solid rgba(255,255,255,.1)}.act-time{font-size:.72rem;color:var(--foreground-3, #888)}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:8px;color:var(--foreground-3, #9ca3af)}.activity-empty span{font-size:32px}.activity-empty p{font-size:14px;margin:0}@media (max-width: 700px){.act-row{flex-direction:column;align-items:flex-start}.act-row-right{margin-top:4px;flex-wrap:wrap}.act-date-filter-bar{gap:6px}.act-date-filter-picker{flex-wrap:wrap}.activity-toolbar{flex-direction:column;align-items:stretch}.act-filter-group{width:100%;height:auto;padding:6px 10px}.act-filter-group .filter-select{flex:1}.activity-toolbar .filter-input,.activity-toolbar .filter-select{width:100%;min-width:0}.activity-count{margin-left:0;text-align:right}}.issue-picker-fab{position:fixed;bottom:28px;right:28px;z-index:99990;width:48px;height:48px;border-radius:50%;background:#1a1a2e;border:2px solid #444;color:#e0e0e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;transition:all .2s;-webkit-user-select:none;user-select:none}.issue-picker-fab:hover{background:#2a2a3e;border-color:#666;transform:scale(1.08)}.issue-picker-fab-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #1a1a2e}.issue-picker-fab-badge.hidden{display:none}body.issue-picker-active,body.issue-picker-active *{cursor:crosshair!important}body.issue-picker-active .issue-picker-fab{background:#dc2626;border-color:#ef4444;color:#fff;animation:picker-pulse 1.5s ease-in-out infinite}@keyframes picker-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.issue-picker-highlight{outline:3px solid #3b82f6!important;outline-offset:2px!important;background-color:#3b82f614!important}.issue-highlight-flash{animation:issue-flash 2.5s ease-out forwards}@keyframes issue-flash{0%{outline:4px solid #f59e0b;outline-offset:3px;background-color:#f59e0b26}30%{outline:4px solid #f59e0b;outline-offset:3px;background-color:#f59e0b26}to{outline:none;background-color:transparent}}.issue-picker-banner{position:fixed;top:0;left:0;right:0;z-index:99991;background:#1d4ed8;color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:16px}.issue-picker-banner-cancel{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 14px;border-radius:4px;font-size:13px;cursor:pointer;transition:background .15s}.issue-picker-banner-cancel:hover{background:#ffffff4d}.issue-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99995;background:#0000008c;display:flex;align-items:center;justify-content:center;animation:picker-overlay-in .15s ease}@keyframes picker-overlay-in{0%{opacity:0}to{opacity:1}}.issue-picker-modal{background:#1a1a2e;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080;overflow:hidden}.issue-picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a3e}.issue-picker-modal-header h3{margin:0;font-size:16px;color:#fff}.issue-picker-modal-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;line-height:1;padding:0 2px;transition:color .15s}.issue-picker-modal-close:hover{color:#fff}.issue-picker-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.issue-picker-field{display:flex;flex-direction:column;gap:6px}.issue-picker-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.issue-picker-field textarea,.issue-picker-field select{background:#0f0f1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:8px 10px;font-size:13px;font-family:inherit;transition:border-color .15s;resize:vertical}.issue-picker-field textarea:focus,.issue-picker-field select:focus{outline:none;border-color:#3b82f6}.issue-picker-field textarea{min-height:80px}.issue-picker-captured{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:6px;padding:10px 12px;font-size:12px;color:#93c5fd;line-height:1.5}.issue-picker-captured strong{color:#bfdbfe;display:block;margin-bottom:2px}.issue-picker-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #2a2a3e}.issue-picker-btn{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.issue-picker-btn-cancel{background:transparent;border:1px solid #444;color:#aaa}.issue-picker-btn-cancel:hover{background:#2a2a3e;color:#fff}.issue-picker-btn-submit{background:#2563eb;color:#fff}.issue-picker-btn-submit:hover{background:#1d4ed8}.issue-picker-btn-submit:disabled{opacity:.5;cursor:not-allowed}