.dashboard-container{display:flex;flex-direction:column;gap:24px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-updated{color:var(--text-muted);font-size:12px;white-space:nowrap}.action-btn{display:flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-default);padding:12px 20px;border-radius:12px;color:var(--text-brand);font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #14204a05}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px #14204a14;border-color:var(--brand-gold-500);color:var(--text-brand)}.action-btn svg{color:var(--brand-gold-500);transition:transform .3s}.action-btn:hover svg{transform:scale(1.1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.kpi-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #14204a08;position:relative;overflow:hidden;transition:all .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #14204a0f;border-color:var(--brand-gold-400)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-gold-400),var(--brand-navy-700));opacity:0;transition:opacity .3s ease}.kpi-card:hover:before{opacity:1}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-title{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:600;font-size:13px}.kpi-title svg{color:var(--text-muted)}.kpi-link{color:var(--text-brand-soft);background:var(--surface-subtle);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;transition:all .2s;padding:0;border:0;cursor:pointer}.kpi-link:hover{background:var(--brand-gold-100);color:var(--text-brand)}.kpi-value-row{display:flex;align-items:flex-end;gap:12px}.kpi-value{font-size:32px;font-weight:700;color:var(--text-brand);line-height:1}.kpi-trend{font-size:13px;font-weight:600;display:flex;align-items:center;gap:4px;padding-bottom:2px}.kpi-trend.positive{color:var(--success-text)}.kpi-trend.negative{color:var(--danger-text)}.kpi-trend.neutral{color:var(--text-muted)}.kpi-sparkline{height:40px;margin-top:8px;width:100%}.sparkline-unavailable{display:flex;align-items:center;height:100%;color:var(--text-muted);font-size:11px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.chart-panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;padding:24px;box-shadow:0 4px 12px #14204a08;display:flex;flex-direction:column}.chart-panel h3{margin:0 0 20px;color:var(--text-brand);font-size:16px;font-weight:700}.dashboard-chart{height:300px}.lists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.list-panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;padding:20px;box-shadow:0 4px 12px #14204a08}.list-panel h3{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-default);color:var(--text-brand);font-size:15px;font-weight:700}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-default);transition:background .2s}.list-item-button{width:100%;background:transparent;color:inherit;text-align:right;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit}.list-item:last-child{border-bottom:none;padding-bottom:0}.list-item:hover{background:var(--surface-subtle);border-radius:8px;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px}.list-item-content{display:flex;align-items:center;gap:12px}.list-item-icon{width:32px;height:32px;border-radius:8px;background:var(--surface-subtle);color:var(--text-brand-soft);display:grid;place-items:center}.list-item-title{font-size:14px;font-weight:600;color:var(--text-primary);display:block}.list-item-subtitle{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.list-item-value{font-size:14px;font-weight:700;color:var(--text-brand)}.task-urgent .list-item-icon{background:var(--brand-red-100);color:var(--danger-text)}.task-warning .list-item-icon{background:var(--brand-gold-100);color:var(--brand-gold-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container>*{animation:fadeIn .4s ease-out forwards}.dashboard-container>*:nth-child(2){animation-delay:.1s}.dashboard-container>*:nth-child(3){animation-delay:.2s}.dashboard-container>*:nth-child(4){animation-delay:.3s}@media(max-width:720px){.dashboard-toolbar{align-items:flex-start;flex-direction:column}.charts-grid{grid-template-columns:1fr}.chart-panel{padding:18px 12px}.dashboard-chart{height:260px}.list-item{gap:12px}.list-item-value{white-space:nowrap}}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--brand-navy-950: #14204a;--brand-navy-900: #1e2e68;--brand-navy-800: #293d85;--brand-navy-700: #354b98;--brand-gold-500: #f4c400;--brand-gold-400: #ffd426;--brand-gold-100: #fff7cc;--brand-red-700: #9f2028;--brand-red-600: #b62830;--brand-red-100: #fdebed;--chart-primary: #1e2e68;--chart-secondary: #f4c400;--chart-tertiary: #354b98;--chart-success: #16a34a;--surface-page: #f6f7fb;--surface-card: #ffffff;--surface-subtle: #f9fafc;--surface-control: #ffffff;--surface-hover: #f1f4f9;--surface-overlay: rgba(255, 255, 255, .96);--surface-inverse: #14204a;--border-default: #e2e6ef;--border-strong: #cbd2df;--text-primary: #182033;--text-secondary: #657086;--text-muted: #8992a5;--text-brand: #1e2e68;--text-brand-soft: #293d85;--text-on-accent: #ffffff;--success-bg: #ecfdf3;--success-border: #bbf7d0;--success-text: #166534;--warning-bg: #fff7df;--warning-border: #efd69b;--warning-text: #8a5b12;--danger-bg: #fdebed;--danger-border: #f1b5ba;--danger-text: #b62830;--neutral-bg: #f3f4f6;--neutral-border: #d1d5db;--neutral-text: #6b7280;--chart-grid: #e2e6ef;--chart-axis: #657086;--chart-tooltip: #ffffff;--shadow-soft: 0 4px 14px rgba(20, 32, 74, .05);--shadow-popup: 0 16px 40px rgba(10, 18, 44, .18);font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;color:var(--text-primary);background:var(--surface-page);font-synthesis:none}:root[data-theme=dark]{--brand-gold-100: #3a3008;--brand-red-100: #36171c;color-scheme:dark;--chart-primary: #8da2ff;--chart-secondary: #ffd426;--chart-tertiary: #a8b8ff;--chart-success: #55d98a;--surface-page: #090f1e;--surface-card: #111a2c;--surface-subtle: #172238;--surface-control: #131d31;--surface-hover: #1d2940;--surface-overlay: rgba(17, 26, 44, .96);--surface-inverse: #070c18;--border-default: #283650;--border-strong: #3a4a68;--text-primary: #f2f5fc;--text-secondary: #b7c1d5;--text-muted: #8794ad;--text-brand: #dbe4ff;--text-brand-soft: #b9c7f4;--text-on-accent: #ffffff;--success-bg: #0c2d22;--success-border: #175c42;--success-text: #72e6a7;--warning-bg: #33280d;--warning-border: #6c5516;--warning-text: #ffd86a;--danger-bg: #36171c;--danger-border: #713039;--danger-text: #ff929c;--neutral-bg: #202a3d;--neutral-border: #3b4961;--neutral-text: #c0c8d7;--chart-grid: #293750;--chart-axis: #9aa7bd;--chart-tooltip: #172238;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .22);--shadow-popup: 0 20px 50px rgba(0, 0, 0, .42)}*{box-sizing:border-box}body{margin:0;min-width:320px;transition:background-color .2s ease,color .2s ease}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh;transition:grid-template-columns .3s}.app.collapsed{grid-template-columns:80px 1fr}.sidebar{background:var(--brand-navy-950);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:50;transition:transform .3s}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#14204a99;z-index:40}.sidebar-overlay.open{display:block}.brand{display:flex;gap:12px;align-items:center;padding:0 4px 22px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.brand-mark{display:grid;place-items:center;min-width:42px;width:42px;height:42px;background:#fff;border-radius:10px}.brand strong{white-space:nowrap}.brand small{display:block;color:var(--text-muted);white-space:nowrap}.collapse-btn{background:transparent;border:0;color:var(--text-muted);cursor:pointer;padding:4px;display:grid;place-items:center;border-radius:6px;position:absolute;left:0}.collapse-btn:hover{background:#ffffff1a;color:#fff}.close-btn{background:transparent;border:0;color:var(--text-muted);cursor:pointer;position:absolute;left:8px;display:none}.menu-btn{background:transparent;border:0;cursor:pointer;color:var(--text-brand);padding:0;display:none;place-items:center}.nav-group{margin-top:22px}.nav-label{font-size:12px;color:var(--text-muted);padding:0 10px 8px;white-space:nowrap}.nav-button{width:100%;border:0;color:#ffffffb3;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;margin:2px 0;transition:all .2s;font-weight:500;white-space:nowrap}.nav-button:hover{background:#ffffff1a;color:#fff}.nav-button.active{background:var(--brand-gold-500);color:var(--brand-navy-950)}.nav-icon{min-width:20px}.main{min-width:0;display:flex;flex-direction:column;height:100vh;overflow:auto}.topbar{height:72px;background:var(--surface-card);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:12px}.breadcrumb{color:var(--text-muted);font-size:14px;font-weight:500}.topbar-search{position:relative;display:flex;align-items:center}.topbar-search .search-icon{position:absolute;right:12px;color:var(--text-muted)}.topbar-search input{border:1px solid var(--border-default);background:var(--surface-subtle);border-radius:99px;padding:9px 36px 9px 16px;width:240px;font-size:13px;color:var(--text-primary);transition:.2s}.topbar-search input:focus{width:300px;background:var(--surface-card);outline:2px solid var(--brand-navy-700);outline-offset:-1px}.topbar-icon{position:relative;background:transparent;border:1px solid var(--border-default);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:var(--text-secondary);transition:.2s;cursor:pointer;text-decoration:none}.topbar-icon:hover{background:var(--surface-subtle);color:var(--text-brand)}.theme-toggle svg{transition:transform .2s ease}.theme-toggle:hover svg{transform:rotate(12deg)}.theme-toggle[aria-pressed=true]{background:var(--surface-subtle);color:var(--chart-secondary)}.notification-badge{position:absolute;top:-5px;right:-7px;background:var(--brand-red-600);color:#fff;font-size:9px;font-weight:800;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:999px;border:2px solid var(--surface-card);line-height:1;direction:ltr}.notification-bell-container{position:relative}.notification-dropdown{position:absolute;z-index:80;top:calc(100% + 10px);left:0;width:min(380px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-overlay);box-shadow:var(--shadow-popup);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border-default)}.notification-dropdown-header>div{display:flex;gap:4px}.notification-utility-button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}.notification-utility-button:hover{background:var(--surface-hover);color:var(--text-brand)}.notification-dropdown-list{max-height:390px;overflow:auto}.notification-dropdown-list>button{width:100%;display:grid;gap:4px;padding:11px 14px;border:0;border-bottom:1px solid var(--border-default);background:var(--surface-card);color:inherit;text-align:right;cursor:pointer}.notification-dropdown-list>button.unread{background:color-mix(in srgb,var(--brand-gold-100) 45%,var(--surface-card));box-shadow:inset -3px 0 0 var(--brand-gold-500)}.notification-dropdown-list>button:hover{background:var(--surface-hover)}.notification-dropdown-list strong{color:var(--text-brand);font-size:12px}.notification-dropdown-list span{overflow:hidden;color:var(--text-secondary);font-size:11px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}.notification-dropdown-list time{color:var(--text-muted);font-size:9px}.notification-dropdown-empty,.notification-dropdown-error{margin:0;padding:28px 14px;color:var(--text-muted);text-align:center;font-size:12px}.notification-dropdown-error{padding:8px 14px;background:var(--danger-bg);color:var(--danger-text)}.notification-dropdown-skeleton{display:grid;gap:9px;padding:14px}.notification-dropdown-skeleton span{height:52px;border-radius:8px;background:linear-gradient(90deg,var(--surface-subtle),var(--surface-hover),var(--surface-subtle));background-size:200% 100%;animation:notification-shimmer 1.2s infinite}@keyframes notification-shimmer{to{background-position:-200% 0}}.notification-show-all{width:100%;padding:11px;border:0;border-top:1px solid var(--border-default);background:var(--surface-subtle);color:var(--text-brand);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.notification-toast-stack{position:fixed;z-index:200;left:18px;bottom:18px;width:min(390px,calc(100vw - 36px));display:grid;gap:10px;pointer-events:none}.notification-toast{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:11px;padding:14px;border:1px solid var(--border-default);border-right:4px solid var(--brand-gold-500);border-radius:13px;background:var(--surface-overlay);box-shadow:var(--shadow-popup);pointer-events:auto;animation:notification-toast-in .2s ease-out}@keyframes notification-toast-in{0%{opacity:0;transform:translateY(8px)}}.notification-toast>svg{margin-top:2px;color:var(--text-brand)}.notification-toast strong{display:block;color:var(--text-brand);font-size:13px}.notification-toast p{margin:3px 0 8px;color:var(--text-secondary);font-size:11px;line-height:1.7}.notification-toast div>button{padding:0;border:0;background:transparent;color:var(--text-brand);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.notification-toast-close{padding:2px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.user-dropdown-container{position:relative;margin-right:8px}.user-menu-btn{background:transparent;border:0;display:flex;align-items:center;gap:10px;padding:4px;border-radius:99px;cursor:pointer;transition:.2s;color:var(--text-brand);font-weight:600;font-size:14px}.user-menu-btn:hover{background:var(--surface-subtle)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-gold-500);color:var(--brand-navy-950);display:grid;place-items:center;font-weight:700;font-size:14px;border:2px solid white;box-shadow:0 2px 5px #00000014}.user-dropdown{position:absolute;top:110%;left:0;min-width:200px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:8px;z-index:20;display:grid;gap:4px}.dropdown-header{padding:8px 12px 12px;border-bottom:1px solid var(--border-default);margin-bottom:4px}.dropdown-header strong{display:block;color:var(--text-brand)}.dropdown-header .muted{font-size:12px;margin-top:2px}.dropdown-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-align:right;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:.2s}.dropdown-item:hover{background:var(--surface-subtle);color:var(--text-brand)}.dropdown-item.text-danger{color:var(--danger-text)}.dropdown-item.text-danger:hover{background:var(--brand-red-100)}.content{padding:28px;max-width:1500px;margin:0 auto}.content.content-fluid{max-width:none;margin:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-head h1{margin:0;font-size:28px;color:var(--text-brand)}.page-head p{margin:6px 0 0;color:var(--text-secondary)}.button{border:0;background:var(--brand-navy-800);color:#fff;padding:10px 16px;border-radius:9px;font-weight:700;transition:background .2s}.button:hover{background:var(--brand-navy-900)}.button.secondary{background:var(--surface-subtle);border:1px solid var(--border-default);color:var(--text-brand-soft)}.button.secondary:hover{background:var(--border-default)}.button.danger{background:var(--brand-red-600);color:#fff}.button.danger:hover{background:var(--brand-red-700)}.button.small{padding:7px 10px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:18px;box-shadow:0 6px 18px #14204a0a}.metric strong{display:block;font-size:30px;margin-top:8px;color:var(--brand-gold-500)}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid var(--border-default);vertical-align:top}th{background:var(--surface-subtle);font-size:13px;color:var(--text-secondary);font-weight:600}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--surface-subtle);border:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:700}.badge.new{background:var(--brand-gold-100);color:var(--text-brand);border-color:var(--brand-gold-400)}.badge.closed{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:700;color:var(--text-primary)}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid var(--border-strong);border-radius:9px;padding:10px;background:var(--surface-card);min-width:0;color:var(--text-primary)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand-navy-700);outline-offset:-1px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1 / -1}.panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:20px;margin-bottom:20px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14204a99;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:var(--surface-page);border-radius:16px;max-width:950px;width:100%;max-height:92vh;overflow:auto;padding:24px;box-shadow:0 25px 50px #00000026}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0;color:var(--text-brand)}.close{border:0;background:var(--border-default);width:36px;height:36px;border-radius:50%;color:var(--text-primary);display:grid;place-items:center;transition:background .2s}.close:hover{background:var(--border-strong)}.product-dialog{max-width:1180px;padding-bottom:0}.product-dialog>.dialog-head{position:sticky;top:-24px;z-index:5;background:var(--surface-page);padding:20px 0 12px}.editor-section{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:18px;margin:14px 0}.editor-section h3{margin:0 0 14px;color:var(--text-brand-soft)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-actions{position:sticky;bottom:0;z-index:4;display:flex;gap:10px;padding:16px 0;background:var(--surface-page);border-top:1px solid var(--border-default);margin-top:18px}.field.check{display:flex;align-items:center;flex-direction:row;gap:8px;padding-top:28px}.row-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0}.row-editor input,.image-editor input{border:1px solid var(--border-strong);border-radius:8px;padding:9px}.icon-danger,.mini-actions button{border:0;border-radius:7px;background:var(--surface-subtle);border:1px solid var(--border-default);color:var(--text-primary);padding:7px 9px;cursor:pointer}.icon-danger:hover,.mini-actions button:hover{background:var(--border-default)}.icon-danger{color:var(--danger-text)}.danger-text{color:var(--danger-text)!important}.image-manager{display:grid;gap:10px}.image-editor{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid var(--border-default);border-radius:12px;padding:12px;background:var(--surface-card)}.image-editor.primary{border:2px solid var(--brand-gold-500)}.image-editor img{width:150px;height:125px;object-fit:cover;border-radius:8px}.image-editor>div{display:grid;gap:7px}.image-preview{min-height:125px;place-items:center;background:var(--surface-subtle);border-radius:8px;color:var(--text-muted);border:1px dashed var(--border-strong)}.image-alt-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.mini-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-list{border:1px solid var(--border-default);border-radius:10px;max-height:220px;overflow:auto;background:var(--surface-card)}.choice-list label{display:block;padding:6px;cursor:pointer;border-bottom:1px solid var(--surface-subtle)}.choice-list label:hover{background:var(--surface-subtle)}.choice-list input{margin-left:7px;accent-color:var(--brand-gold-500)}.range-fields{margin-top:14px}.nested-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#14204ab3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.media-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14204acc;z-index:60;display:grid;place-items:center;padding:20px}.media-picker{background:var(--surface-card);border-radius:16px;padding:20px;max-width:900px;width:100%;max-height:80vh;overflow:auto}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.media-picker-grid button{border:2px solid transparent;border-radius:10px;background:var(--surface-subtle);padding:6px}.media-picker-grid button:hover,.media-picker-grid button:focus-visible{border-color:var(--text-brand-soft)}.media-picker-grid img{width:100%;height:110px;object-fit:cover;border-radius:7px}.media-picker-grid span{display:block;padding:5px;overflow-wrap:anywhere;font-size:12px}.upload-drop{display:grid;place-items:center;border:2px dashed var(--border-strong);border-radius:14px;padding:30px;margin:20px 0;background:var(--surface-subtle);color:var(--text-secondary)}.upload-drop input{margin-bottom:12px}.import-dialog{max-width:650px}.catalog-dialog{max-width:1100px}.asset-field{display:flex;align-items:center;gap:8px}.asset-field img{width:72px;height:58px;object-fit:cover;border-radius:8px}.asset-field input{flex:1}.value-list{display:grid;gap:8px;margin:16px 0}.value-list>div{display:grid;grid-template-columns:1fr 120px auto;align-items:center;border-bottom:1px solid var(--border-default);padding:9px}.values-dialog{max-width:750px}.category-specifications{grid-column:1 / -1;border:1px solid var(--border-default);border-radius:12px;padding:12px;overflow:auto}.category-specifications legend{font-weight:700;padding:0 6px;color:var(--text-brand)}.category-specification-head,.category-specification-row{display:grid;grid-template-columns:minmax(190px,1.4fr) 90px minmax(170px,1fr) minmax(170px,1fr) 90px;gap:10px;align-items:center;min-width:820px;padding:9px}.category-specification-head{font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--surface-subtle);border-radius:8px}.category-specification-row{border-bottom:1px solid var(--border-default);opacity:.65}.category-specification-row.active{opacity:1;background:var(--surface-card)}.category-specification-row select,.category-specification-row>input{border:1px solid var(--border-strong);border-radius:8px;padding:8px;min-width:0;background:var(--surface-card);color:var(--text-primary)}.category-specification-name,.compact-check{display:flex;align-items:center;gap:8px}.category-specification-name span{display:grid}.category-specification-name small{color:var(--text-muted);font-size:11px}.specification-text-pair{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-card)}.model-row-controls{display:flex;align-items:center;gap:8px}.drag-handle{border:0;background:transparent;color:var(--text-muted);font-weight:900;font-size:18px;cursor:grab;padding:5px}.drag-handle:active{cursor:grabbing}tr.dragging{opacity:.45}tr.drag-target{outline:2px solid var(--brand-navy-700);outline-offset:-2px;background:var(--surface-subtle)}.empty.compact{padding:20px}.notice{background:var(--brand-gold-100);color:var(--text-brand);border:1px solid var(--brand-gold-400);border-radius:8px;padding:12px}.empty{text-align:center;padding:48px;color:var(--text-muted)}.error{background:var(--brand-red-100);color:var(--danger-text);border:1px solid rgba(182,40,48,.2);padding:10px;border-radius:8px;margin:10px 0}.success{background:var(--success-bg);color:var(--success-text);border:1px solid #bbf7d0;padding:10px;border-radius:8px;margin:10px 0}.login-page{min-height:100vh;background:var(--surface-page)}.request-items{display:grid;gap:10px}.request-item{display:flex;gap:12px;border:1px solid var(--border-default);border-radius:10px;padding:10px;background:var(--surface-card)}.request-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border-default)}.timeline{border-right:2px solid var(--border-strong);padding-right:18px}.timeline-item{margin-bottom:16px;position:relative}.timeline-item:before{content:"";width:12px;height:12px;background:var(--brand-gold-500);border:2px solid var(--surface-card);border-radius:50%;position:absolute;right:-25px;top:4px}.timeline-item strong{color:var(--text-brand-soft)}@media(max-width:900px){.app,.app.collapsed{grid-template-columns:1fr!important}.sidebar{position:fixed;top:0;bottom:0;right:0;width:280px;transform:translate(100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.collapse-btn{display:none}.close-btn,.menu-btn{display:grid}.topbar{padding:0 16px;position:sticky}.topbar-left,.topbar-right{gap:8px}.user-menu-btn{padding:0}.user-dropdown{left:auto;right:0}.desktop-only{display:none!important}.content{padding:18px}.image-editor{grid-template-columns:1fr}.image-editor img{width:100%;height:180px}.row-editor{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.asset-field{align-items:stretch;flex-direction:column}}.editor-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--border-default);padding-bottom:10px;margin-bottom:18px}.editor-tabs button{white-space:nowrap;border:1px solid var(--border-default);background:var(--surface-subtle);color:var(--text-secondary);border-radius:999px;padding:9px 16px;font-weight:600}.editor-tabs button:hover{background:var(--border-default);color:var(--text-primary)}.editor-tabs button.active{background:var(--brand-navy-800);color:#fff;border-color:var(--text-brand-soft)}.model-dialog{width:min(820px,100vw);max-width:820px;max-height:100vh;height:100vh;overflow:auto;border-radius:0;padding-bottom:0}.table-image{width:58px;height:50px;border-radius:8px;object-fit:cover;border:1px solid var(--border-default)}.image-row{grid-template-columns:64px minmax(180px,1fr) minmax(120px,.7fr) auto auto}.image-row img{width:58px;height:50px;border-radius:8px;object-fit:cover;border:1px solid var(--border-default)}.choice-list.full{grid-column:1 / -1}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.image-row,.selection-grid{grid-template-columns:1fr}.image-row img{width:100%;height:180px}.editor-tabs{position:sticky;top:0;background:var(--surface-page);z-index:2;padding-top:10px;margin-top:-10px}}.product-add-button,.product-editor-actions .button,.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.product-list-controls{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(145px,.8fr));gap:10px;align-items:center;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:14px}.product-list-controls select,.product-search input{width:100%;border:1px solid var(--border-strong);border-radius:9px;padding:10px;background:var(--surface-card);color:var(--text-primary)}.product-search{position:relative;display:flex;align-items:center}.product-search svg{position:absolute;right:12px;color:var(--text-muted)}.product-search input{padding-right:38px}.incomplete-filter{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:700}.product-results-summary{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:13px;margin:13px 2px}.bulk-action-bar{position:sticky;top:82px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;margin-bottom:10px;border:1px solid var(--brand-gold-400);background:var(--brand-gold-100);border-radius:11px;color:var(--text-brand)}.bulk-action-bar strong{margin-left:auto}.bulk-action-bar button{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(20,32,74,.15);background:var(--surface-card);color:var(--text-brand);padding:7px 10px;border-radius:8px;font-weight:700}.products-table{min-width:1220px}.products-table th,.products-table td{vertical-align:middle}.products-table tbody tr:hover{background:var(--surface-hover)}.select-column{width:44px}.product-identity{display:grid;grid-template-columns:58px minmax(170px,1fr);align-items:center;gap:10px}.product-identity img,.product-image-placeholder{width:58px;height:58px;border-radius:10px;object-fit:cover;border:1px solid var(--border-default)}.product-image-placeholder{display:grid;place-items:center;background:var(--surface-subtle);color:var(--text-muted)}.product-title-link{border:0;padding:0;background:transparent;color:var(--text-brand);font-weight:800;text-align:right}.product-title-link:hover{color:var(--brand-gold-500)}.requested-count{display:block;color:var(--text-muted);margin-top:3px}.completion-cell{min-width:120px;display:grid;gap:6px;font-size:12px;color:var(--text-secondary)}.completion-track{width:100%;height:6px;background:var(--border-default);border-radius:99px;overflow:hidden}.completion-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-gold-500),#38a169)}.product-status{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid;white-space:nowrap}.product-status.draft{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-border)}.product-status.published{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.product-status.archived{color:var(--neutral-text);background:var(--neutral-bg);border-color:var(--neutral-border)}.date-cell{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;color:var(--text-secondary);font-size:12px}.actions-menu{position:relative}.actions-menu summary{list-style:none;width:34px;height:32px;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);color:var(--text-secondary);cursor:pointer}.actions-menu summary::-webkit-details-marker{display:none}.actions-menu>div{position:absolute;left:0;top:38px;z-index:10;display:grid;min-width:190px;padding:6px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 12px 32px #14204a29}.actions-menu button,.actions-menu a{border:0;background:transparent;color:var(--text-primary);display:flex;align-items:center;gap:8px;padding:9px;text-decoration:none;border-radius:7px;text-align:right;white-space:nowrap}.actions-menu button:hover,.actions-menu a:hover{background:var(--surface-subtle)}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0}.pagination button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-brand);border-radius:9px;padding:8px 12px;font-weight:700}.pagination button:disabled{opacity:.45;cursor:default}.product-editor-page{padding-bottom:78px}.product-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.product-editor-header h1{margin:8px 0 3px;color:var(--text-brand);font-size:28px}.product-editor-header p{margin:0}.back-link{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--text-secondary);font-weight:700}.editor-save-state{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);border-radius:99px;padding:7px 11px;background:var(--surface-card);color:var(--text-secondary);font-size:12px;white-space:nowrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-summary{display:flex;align-items:flex-start;gap:10px}.error-summary strong{display:block;margin-bottom:4px}.error-summary ul{margin:6px 0 0;padding-right:18px}.error-summary li button{border:0;padding:2px;background:transparent;color:inherit;text-decoration:underline}.publication-errors p{margin:0}.publication-errors li button{cursor:pointer;text-align:right;text-decoration:underline;text-underline-offset:3px}.publication-field-error{color:var(--danger-text);font-size:12px;margin-top:4px}.publication-invalid{border-color:var(--danger-text)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--danger-text) 14%,transparent)}.publication-target-flash{animation:publication-target-flash 1.8s ease}@keyframes publication-target-flash{0%,to{background:transparent}35%{background:var(--warning-bg)}}.product-editor-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}.product-editor-sidebar{position:sticky;top:92px;display:grid;gap:5px;padding:8px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px}.product-editor-sidebar button{border:0;background:transparent;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-secondary);text-align:right}.product-editor-sidebar button:hover{background:var(--surface-subtle)}.product-editor-sidebar button.active{background:var(--brand-navy-800);color:#fff}.product-editor-sidebar button span{display:grid;gap:3px;font-weight:800}.product-editor-sidebar small{font-size:10px;font-weight:600}.product-editor-sidebar small.complete{color:var(--success-text)}.product-editor-sidebar small.needs{color:var(--warning-text)}.product-editor-sidebar small.optional{color:var(--text-muted)}.product-editor-sidebar button.active small{color:#ffffffb8}.product-editor-content{min-width:0}.product-editor-content .editor-section{margin:0;padding:22px}.section-title h2{color:var(--text-brand);margin:0 0 4px;font-size:20px}.section-title p{color:var(--text-secondary);margin:0 0 20px}.required-mark{color:var(--danger-text)}.slug-field{display:grid;grid-template-columns:1fr 42px}.slug-field input{border-radius:9px 0 0 9px}.slug-field button{border:1px solid var(--border-strong);border-left:0;border-radius:0 9px 9px 0;background:var(--surface-subtle);color:var(--text-brand-soft)}.upload-button{cursor:pointer}.notice.dismissible{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.notice.dismissible button{border:0;background:transparent;color:inherit}.upload-progress-list{display:grid;gap:8px;margin:12px 0}.upload-progress-list>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 80px;gap:8px;align-items:center;font-size:12px}.upload-progress-list>div>div{height:6px;background:var(--border-default);border-radius:99px;overflow:hidden}.upload-progress-list i{display:block;height:100%;background:var(--brand-gold-500)}.sortable-images .image-editor{position:relative;grid-template-columns:160px minmax(0,1fr);padding-right:42px}.image-drag-handle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--text-muted);cursor:grab}.image-preview{position:relative;display:grid}.image-preview b{position:absolute;right:7px;bottom:7px;background:var(--brand-gold-500);color:var(--brand-navy-950);padding:4px 7px;border-radius:6px;font-size:10px}.image-meta{display:flex!important;flex-wrap:wrap;gap:6px!important;color:var(--text-muted);font-size:11px}.image-meta span{background:var(--surface-subtle);padding:3px 6px;border-radius:5px}.google-preview{margin-top:22px;border:1px solid var(--border-default);border-radius:12px;background:#fff;padding:18px;max-width:680px;direction:rtl}.google-preview small{color:#3c4043}.google-preview h3{color:#1a0dab;font-size:20px;font-weight:400;margin:7px 0}.google-preview p{color:#4d5156;line-height:1.6;margin:0}.seo-fields .field>span{display:flex;justify-content:space-between}.seo-fields .field>span small{color:var(--text-muted);font-weight:500}.publish-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.publish-checklist,.publish-card{border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card);padding:14px}.publish-checklist>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px;border-bottom:1px solid var(--border-default)}.publish-checklist>div:last-child{border-bottom:0}.publish-checklist span{display:inline-flex;align-items:center;gap:7px}.publish-checklist b{font-size:11px}.publish-checklist b.complete{color:var(--success-text)}.publish-checklist b.needs{color:var(--warning-text)}.publish-checklist b.optional{color:var(--text-muted)}.publish-card{display:grid;gap:14px;align-content:start}.product-editor-actions{position:fixed;bottom:0;right:270px;left:0;z-index:12;min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 28px;background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-default);box-shadow:0 -8px 25px #14204a0f}.app.collapsed .product-editor-actions{right:80px}.product-editor-actions>div{display:flex;align-items:center;gap:8px}.autosave-toggle{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px}.model-specifications{display:grid;gap:16px}.specification-progress{display:grid;gap:8px;padding:12px;border-radius:10px;background:var(--surface-subtle);color:var(--text-brand)}.specification-progress>div{height:7px;background:var(--border-default);border-radius:99px;overflow:hidden}.specification-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-gold-500),#38a169)}.specification-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(170px,.8fr) auto;gap:8px;align-items:center}.specification-tools input[type=search],.specification-tools select{min-width:0;border:1px solid var(--border-strong);border-radius:9px;padding:9px;background:var(--surface-card)}.specification-tools label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.specification-group{border:1px solid var(--border-default);border-radius:12px;padding:14px}.specification-group h3{margin:0 0 12px;font-size:15px}.specification-field{padding:10px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-card)}.model-specification-grid:empty:after{content:"لا توجد مواصفات في هذه المجموعة.";color:var(--text-muted);font-size:12px}.apply-specifications{border:1px dashed var(--border-strong);border-radius:10px;padding:10px}.apply-specifications summary{cursor:pointer;font-weight:800;color:var(--text-brand-soft)}.apply-specifications .choice-list{margin:10px 0;max-height:150px}.apply-specifications small{display:block;margin-top:8px}@media(max-width:1180px){.product-list-controls{grid-template-columns:repeat(3,minmax(150px,1fr))}.product-search{grid-column:span 2}}@media(max-width:900px){.product-list-controls{grid-template-columns:1fr 1fr}.product-search{grid-column:1 / -1}.product-editor-layout{grid-template-columns:1fr}.product-editor-sidebar{top:72px;z-index:3;display:flex;overflow-x:auto;border-radius:10px}.product-editor-sidebar button{min-width:150px}.product-editor-actions,.app.collapsed .product-editor-actions{right:0;padding:9px 14px}.product-editor-actions>div:first-child{display:none}.product-editor-actions>div:last-child{width:100%;justify-content:flex-end;overflow-x:auto}.publish-grid,.sortable-images .image-editor,.specification-tools{grid-template-columns:1fr}}@media(max-width:620px){.product-list-controls{grid-template-columns:1fr}.product-list-controls>*{grid-column:1!important}.product-editor-header{display:grid}.product-editor-content .editor-section{padding:15px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.product-editor-actions .button{padding:8px 10px;font-size:12px}}.request-filter-bar{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(150px,.8fr)) repeat(2,minmax(145px,.7fr));gap:10px;align-items:end;padding:14px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px}.request-filter-bar select,.request-filter-bar input,.communication-form select,.communication-form textarea,.internal-note-form textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:9px;padding:10px;background:var(--surface-card);color:var(--text-primary)}.request-search{position:relative;display:flex;align-items:center}.request-search svg{position:absolute;right:12px;color:var(--text-muted);pointer-events:none}.request-search input{padding-right:38px}.date-filter{display:grid;gap:5px}.date-filter span{color:var(--text-secondary);font-size:11px;font-weight:700}.unassigned-filter{display:flex;align-items:center;gap:7px;min-height:42px;white-space:nowrap;color:var(--text-brand);font-size:13px;font-weight:700}.unassigned-filter input{width:auto}.request-filter-actions,.saved-view-control{display:flex;align-items:center;gap:8px}.request-filter-actions{grid-column:span 2}.request-filter-actions .button{display:inline-flex;align-items:center;gap:6px}.saved-view-control{grid-column:span 2}.saved-view-control select{flex:1}.saved-view-control button{border:0;background:transparent;font-weight:700;white-space:nowrap}.request-results-summary{display:flex;justify-content:space-between;margin:13px 2px;color:var(--text-secondary);font-size:13px}.request-table-wrap{overflow:visible}.requests-table{min-width:1240px}.requests-table th,.requests-table td{vertical-align:middle}.requests-table tbody tr{cursor:pointer;transition:background .16s,box-shadow .16s}.requests-table tbody tr:hover{background:var(--surface-hover)}.requests-table tbody tr:focus-visible{outline:2px solid var(--brand-navy-700);outline-offset:-2px;background:var(--surface-hover)}.requests-table td>span,.requests-table td>small{display:block}.requests-table td small{margin-top:3px;color:var(--text-muted);font-size:11px}.request-number-link{border:0;padding:0;background:transparent;color:var(--text-brand);font-weight:800;text-align:right}.request-number-link:hover{color:var(--warning-text);text-decoration:underline}.assignee-cell{display:inline-flex!important;align-items:center;gap:5px;color:var(--text-secondary);white-space:nowrap}.unassigned-badge{display:inline-flex!important;width:fit-content;padding:5px 8px;border-radius:999px;background:var(--neutral-bg);color:var(--neutral-text);font-size:11px;font-weight:800}.sla-chip{display:inline-flex!important;align-items:center;gap:5px;width:fit-content;padding:6px 9px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.sla-chip.ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.sla-chip.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.sla-chip.overdue{background:var(--brand-red-100);border-color:var(--danger-border);color:var(--danger-text)}.sla-chip.neutral{background:var(--surface-subtle);border-color:var(--border-default);color:var(--text-secondary)}.last-activity{color:var(--text-secondary);font-size:12px;white-space:nowrap}.icon-action{width:35px;height:33px;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);color:var(--text-secondary)}.request-detail-page{padding-bottom:30px}.request-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.request-detail-header h1{margin:8px 0 3px;color:var(--text-brand);font-size:28px}.request-detail-header p{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;color:var(--text-secondary)}.request-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:28px}.request-detail-actions .button{display:inline-flex;align-items:center;gap:6px}.request-overview-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.request-customer-card,.request-operations-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:20px;box-shadow:0 6px 18px #14204a0a}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading>div>span{color:var(--text-muted);font-size:12px;font-weight:700}.section-heading h2,.request-operations-card h2,.request-items-panel h2,.request-activity-grid h2,.request-notes-grid h2{margin:3px 0 14px;color:var(--text-brand);font-size:19px}.customer-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:4px 0 18px}.customer-data>div{min-width:0;padding-bottom:9px;border-bottom:1px solid var(--border-default)}.customer-data .wide{grid-column:1 / -1}.customer-data dt{color:var(--text-muted);font-size:11px;font-weight:700}.customer-data dd{margin:3px 0 0;overflow-wrap:anywhere;font-weight:600}.contact-actions{display:flex;flex-wrap:wrap;gap:8px}.contact-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid;border-radius:9px;text-decoration:none;font-weight:800;font-size:13px}.contact-button.phone{background:var(--surface-subtle);border-color:var(--border-default);color:var(--text-brand-soft)}.contact-button.whatsapp{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.contact-button.email{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.contact-button.disabled{border-color:var(--border-default);background:var(--surface-subtle);color:var(--text-muted)}.request-operations-card{display:grid;align-content:start;gap:14px}.operation-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;border-radius:10px;background:var(--surface-subtle)}.operation-status>span:first-child{color:var(--text-secondary);font-size:12px;font-weight:700}.status-update-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.status-update-control .button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px}.read-only-field{border:1px solid var(--border-default);border-radius:9px;padding:10px;background:var(--surface-subtle)}.operation-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.operation-meta>div{display:grid;gap:3px;padding:10px;border:1px solid var(--border-default);border-radius:9px}.operation-meta span{color:var(--text-muted);font-size:10px}.operation-meta strong{font-size:12px}.request-items-panel{margin-bottom:16px}.request-items.detail{margin-top:8px}.request-items.detail .request-item{align-items:stretch;padding:14px}.request-items.detail .request-item img,.request-item-placeholder{width:104px;height:104px;flex:0 0 104px;border-radius:10px}.request-items.detail .request-item img{object-fit:cover;border:1px solid var(--border-default)}.request-item-placeholder{display:grid;place-items:center;padding:8px;background:var(--surface-subtle);color:var(--text-muted);text-align:center;font-size:11px}.request-item-content{min-width:0;flex:1}.request-item-content h3{margin:2px 0;color:var(--text-brand)}.request-item-content p{margin:2px 0 10px;color:var(--text-secondary)}.item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.item-tags span,.item-tags strong{padding:5px 8px;border-radius:7px;background:var(--surface-subtle);font-size:11px}.item-tags strong{margin-right:auto;background:var(--brand-gold-100);color:var(--text-brand)}.item-note{margin-top:9px;padding:8px 10px;border-right:3px solid var(--brand-gold-500);background:var(--warning-bg);color:var(--text-secondary);font-size:12px}.request-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.preserve-lines{white-space:pre-wrap;line-height:1.8}.request-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.request-activity-grid .panel{margin:0}.timeline.detailed .timeline-item span{display:block;color:var(--text-secondary);font-size:11px}.timeline.detailed .timeline-item p{margin:5px 0;white-space:pre-wrap;font-size:12px}.communication-form,.internal-note-form{display:grid;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border-default)}.communication-form .button,.internal-note-form .button{justify-self:start}.communication-list,.internal-notes{display:grid;gap:10px}.communication-list article,.internal-notes article{padding:10px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-subtle)}.communication-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.communication-list article span{color:var(--text-muted);font-size:10px}.communication-list p,.internal-notes p{margin:5px 0;white-space:pre-wrap;font-size:12px}.communication-list time,.internal-notes time{color:var(--text-muted);font-size:10px}@media(max-width:1180px){.request-filter-bar{grid-template-columns:repeat(3,minmax(150px,1fr))}.request-search{grid-column:span 2}.request-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.request-filter-bar{grid-template-columns:1fr 1fr}.request-search,.request-filter-actions,.saved-view-control{grid-column:1 / -1}.request-overview-grid,.request-notes-grid,.request-activity-grid{grid-template-columns:1fr}.request-detail-header{display:grid}.request-detail-actions{padding-top:0}}@media(max-width:620px){.request-filter-bar{grid-template-columns:1fr}.request-filter-bar>*,.request-search{grid-column:1!important}.request-filter-actions{display:grid;grid-template-columns:1fr 1fr}.customer-data,.operation-meta,.status-update-control{grid-template-columns:1fr}.request-items.detail .request-item{display:grid}.request-items.detail .request-item img,.request-item-placeholder{width:100%;height:180px}.item-tags strong{margin-right:0}}.catalog-add-button,.specification-options-editor .button{display:inline-flex;align-items:center;gap:6px}.category-tree{overflow:hidden;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px}.category-tree-head,.category-tree-row{display:grid;grid-template-columns:minmax(330px,1.8fr) 120px 110px 150px;align-items:center;gap:12px}.category-tree-head{padding:11px 14px;background:var(--surface-subtle);border-bottom:1px solid var(--border-default);color:var(--text-secondary);font-size:12px;font-weight:800}.category-tree-row{--tree-level: 0;position:relative;min-height:70px;padding:8px 14px 8px calc(14px + var(--tree-level) * 28px);border-bottom:1px solid var(--border-default);transition:background .15s,box-shadow .15s}.category-tree-row:hover{background:var(--surface-hover)}.category-tree-row.dragging{opacity:.45}.category-tree-row.drop-before{box-shadow:inset 0 3px 0 var(--brand-gold-500)}.category-tree-row.drop-after{box-shadow:inset 0 -3px 0 var(--brand-gold-500)}.category-tree-row.drop-inside{background:var(--brand-gold-100);outline:2px solid var(--brand-gold-400);outline-offset:-2px}.category-tree-identity{display:flex;align-items:center;min-width:0;gap:8px}.category-drag-handle,.category-drag-spacer{width:20px;flex:0 0 20px;display:grid;place-items:center;color:var(--text-muted)}.category-drag-handle{cursor:grab}.category-drag-handle:active{cursor:grabbing}.tree-toggle{width:25px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-brand-soft)}.tree-toggle:disabled{cursor:default}.category-thumb{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-subtle);color:var(--text-muted)}.category-thumb img{width:100%;height:100%;object-fit:cover}.category-tree-identity>div:last-child{min-width:0;display:grid}.category-tree-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-brand)}.category-tree-identity span,.category-tree-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:11px}.category-product-count{display:grid}.category-product-count strong{color:var(--text-brand);font-size:17px}.category-product-count span{color:var(--text-muted);font-size:10px}.catalog-status{display:inline-flex;width:fit-content;padding:5px 9px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.catalog-status.active{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.catalog-status.inactive{color:var(--neutral-text);background:var(--neutral-bg);border-color:var(--neutral-border)}.category-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.category-quick-actions a,.category-quick-actions button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);color:var(--text-secondary);text-decoration:none}.category-quick-actions a:hover,.category-quick-actions button:hover{background:var(--surface-subtle);color:var(--text-brand)}.category-quick-actions .danger-text{color:var(--danger-text)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.brand-card{display:grid;gap:13px;padding:16px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-card);box-shadow:0 6px 18px #14204a0a}.brand-logo{height:128px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:11px;background:var(--surface-subtle);color:var(--text-muted)}.brand-logo img{width:100%;height:100%;padding:18px;object-fit:contain}.brand-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.brand-card-title h2{margin:0;color:var(--text-brand);font-size:18px}.brand-card-title p{margin:2px 0 0;color:var(--text-muted);font-size:12px}.brand-stats{display:flex;align-items:center;gap:6px;padding:10px;border-radius:9px;background:var(--surface-subtle);color:var(--text-secondary)}.brand-stats strong{color:var(--text-brand);font-size:18px}.brand-stats span{font-size:12px}.brand-card-actions{display:flex;align-items:center;gap:7px}.brand-card-actions>button,.brand-card-actions>a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);color:var(--text-brand-soft);text-decoration:none;font-weight:700;font-size:12px}.brand-card-actions .actions-menu{flex:0 0 34px}.specification-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.specification-card{display:grid;gap:13px;padding:17px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-card);box-shadow:0 6px 18px #14204a0a}.specification-card.inactive{opacity:.72}.specification-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px}.specification-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--brand-gold-100);color:var(--text-brand)}.specification-card-head h2{margin:0;color:var(--text-brand);font-size:17px}.specification-card-head p{margin:2px 0 0;color:var(--text-muted);font-size:11px}.specification-type{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--border-default);border-radius:9px}.specification-type>span:first-child{color:var(--text-muted);font-size:11px}.specification-type strong{color:var(--text-brand)}.spec-unit{margin-right:auto;display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:11px}.spec-options-preview{display:flex;flex-wrap:wrap;gap:5px}.spec-options-preview span{padding:4px 7px;border-radius:6px;background:var(--surface-subtle);color:var(--text-secondary);font-size:10px}.specification-flags{display:flex;flex-wrap:wrap;gap:6px}.spec-flag{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid;border-radius:999px;font-size:10px;font-weight:800}.spec-flag.on{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.spec-flag.off{color:var(--neutral-text);background:var(--neutral-bg);border-color:var(--neutral-border);text-decoration:line-through}.specification-usage{display:flex;align-items:baseline;gap:4px;color:var(--text-muted);font-size:10px}.specification-usage strong{color:var(--text-brand);font-size:14px}.specification-usage .dot{margin:0 3px}.specification-actions{display:flex;gap:7px;padding-top:11px;border-top:1px solid var(--border-default)}.specification-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-card);font-weight:700;font-size:12px}.help-tip{display:inline-grid;place-items:center;color:var(--text-muted);cursor:help;vertical-align:middle}.help-tip:focus-visible{outline:2px solid var(--brand-navy-700);border-radius:50%}.spec-setting{align-items:flex-start;padding:11px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-subtle)}.spec-setting>span{display:grid;gap:2px}.spec-setting small{color:var(--text-muted);font-weight:400;line-height:1.5}.specification-options-editor{margin-top:18px}.specification-options-editor .section-head{align-items:flex-start}.specification-options-editor .section-head p{margin:3px 0 0}.media-dropzone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;margin-bottom:14px;border:2px dashed var(--border-strong);border-radius:14px;background:var(--surface-card);color:var(--text-brand-soft);transition:.16s}.media-dropzone.dragging{border-color:var(--brand-gold-500);background:var(--brand-gold-100);transform:scale(1.005)}.media-dropzone strong{display:block}.media-dropzone p{margin:2px 0 0;color:var(--text-muted);font-size:11px}.media-upload-progress{display:grid;gap:8px;padding:13px;margin-bottom:14px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card)}.media-upload-progress .section-head{display:flex;align-items:center;justify-content:space-between}.media-upload-progress h3{margin:0;font-size:14px}.media-upload-progress .section-head button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--text-secondary);font-size:11px}.media-upload-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) 55px;gap:8px;align-items:center;font-size:11px}.media-upload-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-upload-row>div{height:7px;overflow:hidden;border-radius:99px;background:var(--border-default)}.media-upload-row i{display:block;height:100%;border-radius:inherit;background:var(--brand-gold-500)}.media-upload-row.done i{background:#28a164}.media-upload-row.error i{background:var(--brand-red-600)}.media-upload-row small{grid-column:1 / -1;color:var(--danger-text)}.media-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.6fr) minmax(160px,.7fr) auto;gap:9px;padding:12px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card)}.media-toolbar input,.media-toolbar select{width:100%;min-width:0;padding:9px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-card)}.media-search{position:relative;display:flex;align-items:center}.media-search svg{position:absolute;right:11px;color:var(--text-muted)}.media-search input{padding-right:36px}.media-view-toggle{display:flex;border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.media-view-toggle button{width:37px;border:0;border-left:1px solid var(--border-default);background:var(--surface-card);color:var(--text-muted)}.media-view-toggle button:last-child{border-left:0}.media-view-toggle button.active{background:var(--brand-navy-800);color:#fff}.media-results-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 2px;color:var(--text-secondary);font-size:12px}.media-results-summary>div{display:flex;align-items:center;gap:7px}.media-results-summary .button{display:inline-flex;align-items:center;gap:5px}.media-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.media-asset-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card);transition:.16s}.media-asset-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #14204a1a}.media-asset-card.selected{outline:2px solid var(--brand-navy-700);outline-offset:1px}.media-select{position:absolute;z-index:2;top:9px;right:9px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:7px;background:var(--surface-overlay)}.media-card-preview{position:relative;height:165px;display:grid;place-items:center;padding:0;overflow:hidden;border:0;border-bottom:1px solid var(--border-default);background:var(--surface-subtle)}.media-thumb{width:100%;height:100%;object-fit:cover}.media-file-thumb{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;color:var(--text-brand-soft);background:var(--surface-subtle)}.media-file-thumb.pdf{color:var(--danger-text);background:var(--danger-bg)}.media-used-badge{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:#14204ae6;color:#fff;font-size:9px;font-weight:800}.media-card-meta{display:grid;gap:3px;min-width:0;padding:11px}.media-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-brand);font-size:12px}.media-card-meta span,.media-card-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:9px}.missing-alt{color:var(--warning-text)!important}.media-card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-default)}.media-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px;border:0;border-left:1px solid var(--border-default);background:var(--surface-card);color:var(--text-brand-soft);font-size:10px;font-weight:800}.media-card-actions button:last-child{border-left:0}.media-list-table{min-width:1050px}.media-list-table td{vertical-align:middle}.media-list-identity{display:grid;grid-template-columns:48px minmax(150px,1fr);align-items:center;gap:8px;border:0;background:transparent;text-align:right;color:var(--text-brand)}.media-list-identity .media-thumb,.media-list-identity .media-file-thumb{width:48px;height:42px;border-radius:7px}.media-preview-dialog{width:min(1180px,96vw);max-width:1180px;max-height:94vh;overflow:auto}.media-preview-layout{display:grid;grid-template-columns:minmax(0,1.7fr) 340px;gap:16px}.media-preview-stage{min-height:520px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-subtle)}.media-preview-content{width:100%;max-height:72vh;object-fit:contain}.media-preview-stage .media-file-thumb{min-height:520px}.media-pdf-preview{width:100%;min-height:650px;border:0;background:#fff}.media-preview-sidebar{display:grid;align-content:start;gap:14px}.media-preview-sidebar section{padding:13px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-card)}.media-preview-sidebar h3{margin:0 0 7px;color:var(--text-brand);font-size:14px}.media-preview-sidebar section>p{margin:0 0 10px;font-size:10px}.media-preview-sidebar .field{margin-bottom:9px}.media-preview-actions{display:flex;gap:7px}.media-preview-actions .button{display:inline-flex;align-items:center;gap:5px}.media-usage-list{display:grid;gap:6px}.media-usage-list>div{display:grid;padding:8px;border-radius:7px;background:var(--surface-subtle)}.media-usage-list span{color:var(--text-muted);font-size:9px}.media-usage-list strong{font-size:11px}.success.compact{margin:0;font-size:11px}.media-technical-meta dl{display:grid;gap:7px;margin:0}.media-technical-meta dl>div{display:grid;gap:2px}.media-technical-meta dt{color:var(--text-muted);font-size:9px}.media-technical-meta dd{margin:0;overflow-wrap:anywhere;font-size:10px}@media(max-width:1000px){.category-tree{overflow-x:auto}.category-tree-head,.category-tree-row{min-width:800px}.media-preview-layout{grid-template-columns:1fr}.media-preview-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.media-preview-actions{grid-column:1 / -1}}@media(max-width:760px){.media-dropzone{grid-template-columns:1fr;text-align:center;justify-items:center}.media-toolbar{grid-template-columns:1fr 1fr}.media-search{grid-column:1 / -1}.media-results-summary{align-items:flex-start;flex-direction:column}.media-results-summary>div{flex-wrap:wrap}.media-preview-sidebar{grid-template-columns:1fr}.media-preview-actions{grid-column:auto}}@media(max-width:520px){.brand-grid,.specification-cards,.media-manager-grid,.media-toolbar{grid-template-columns:1fr}.media-toolbar>*{grid-column:1!important}.media-upload-row{grid-template-columns:1fr 55px}.media-upload-row>div{grid-column:1 / -1;grid-row:2}}.team-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--border-default)}.team-tabs button{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--text-secondary);font-weight:800}.team-tabs button.active{border-bottom-color:var(--brand-gold-500);color:var(--text-brand)}.team-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.7fr);gap:18px;align-items:start}.team-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.team-section-title h2{margin:0;color:var(--text-brand);font-size:18px}.team-section-title p{margin:3px 0 0;color:var(--text-muted);font-size:11px}.team-members-table{min-width:850px}.team-members-table td{vertical-align:middle}.team-user-cell{display:flex;align-items:center;gap:10px;min-width:0}.team-user-cell>div{min-width:0;display:grid}.team-user-cell strong,.team-user-cell h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;color:var(--text-brand)}.team-user-cell span:not(.team-avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:11px}.team-avatar{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand-navy-800),var(--brand-navy-950));color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff2e}.team-avatar.invite{background:linear-gradient(135deg,#d49d00,var(--brand-gold-500));color:var(--brand-navy-950)}.role-pills{display:flex;flex-wrap:wrap;gap:4px}.role-pills span{padding:4px 7px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface-subtle);color:var(--text-brand-soft);font-size:10px;font-weight:800}.last-login{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.member-status{display:inline-flex;padding:5px 9px;border:1px solid;border-radius:999px;font-size:10px;font-weight:800}.member-status.active{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.member-status.inactive{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.team-invite-form{position:sticky;top:92px;display:grid;gap:11px;margin:31px 0 0}.team-invite-form h2{margin:0;color:var(--text-brand);font-size:18px}.team-invite-form>p{margin:-4px 0 4px;line-height:1.7}.team-form-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--brand-gold-100);color:var(--text-brand)}.team-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:4px}.button-spinner{width:15px;height:15px;display:inline-block;border:2px solid rgba(20,32,74,.2);border-top-color:var(--text-brand);border-radius:50%;animation:spin .8s linear infinite}.button-spinner.light{border-color:#ffffff59;border-top-color:#fff}.team-invitations{margin-top:24px}.invitation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}.invitation-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-card)}.invitation-head{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px}.invitation-head>div{min-width:0;display:grid}.invitation-head strong,.invitation-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-head>div span{color:var(--text-muted);font-size:10px}.invite-status{padding:4px 7px;border:1px solid;border-radius:999px;font-size:9px;font-weight:800}.invite-status.pending{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-border)}.invite-status.expired,.invite-status.cancelled{color:var(--neutral-text);background:var(--neutral-bg);border-color:var(--neutral-border)}.invite-status.accepted{color:var(--success-text);background:var(--success-bg);border-color:var(--success-border)}.invitation-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.invitation-card dl>div{display:grid;padding:7px;border-radius:7px;background:var(--surface-subtle)}.invitation-card dt{color:var(--text-muted);font-size:9px}.invitation-card dd{margin:2px 0 0;font-size:10px;font-weight:700}.invitation-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--border-default)}.invitation-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-card);color:var(--text-brand-soft);font-size:10px;font-weight:800}.invitation-actions .danger-text{color:var(--danger-text)}.roles-overview{display:grid;gap:16px}.role-permission-card{overflow:hidden;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-card)}.role-permission-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid var(--border-default);background:linear-gradient(135deg,var(--surface-subtle),var(--surface-card))}.role-permission-card header h2{margin:0;color:var(--text-brand);font-size:18px}.role-permission-card header p{margin:3px 0 0;color:var(--text-secondary);font-size:11px}.role-permission-card header>span{padding:5px 8px;border-radius:999px;background:var(--brand-gold-100);color:var(--text-brand);font-size:10px;font-weight:800}.permission-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.permission-matrix section{padding:14px;border-left:1px solid var(--border-default)}.permission-matrix section:last-child{border-left:0}.permission-matrix h3{margin:0 0 9px;color:var(--text-brand);font-size:12px}.permission-matrix section>div{display:flex;align-items:center;gap:6px;min-height:28px;font-size:10px}.permission-matrix section>div>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%}.permission-matrix .allowed>span{background:var(--success-bg);color:var(--success-text)}.permission-matrix .denied{color:var(--text-muted)}.permission-matrix .denied>span{background:var(--neutral-bg);color:var(--text-muted)}.permission-matrix .denied strong{font-weight:500}.team-user-dialog{width:min(680px,94vw)}.team-role-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:18px 0}.team-role-choices legend{margin-bottom:8px;color:var(--text-brand);font-weight:800}.team-role-choices label,.account-status-toggle{display:flex;align-items:flex-start;gap:8px;padding:11px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-subtle)}.team-role-choices label>span,.account-status-toggle>span{display:grid;gap:2px}.team-role-choices small,.account-status-toggle small{color:var(--text-muted);font-size:9px;font-weight:400;line-height:1.5}.account-status-toggle{margin-bottom:12px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);background:var(--surface-page)}.auth-form-panel{display:grid;place-items:center;padding:42px;background:var(--surface-card)}.auth-form-wrap{width:min(430px,100%)}.auth-brand{display:inline-flex;margin-bottom:52px}.auth-brand img{width:205px;height:54px;object-fit:contain;object-position:right center}.auth-theme-toggle{position:fixed;top:22px;left:22px;z-index:100;box-shadow:var(--shadow-soft)}:root[data-theme=dark] .auth-brand{padding:4px 10px;border-radius:10px;background:#fff}.auth-heading{margin-bottom:25px}.auth-heading-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:13px;border-radius:12px;background:var(--brand-gold-100);color:var(--text-brand)}.auth-heading h1{margin:0;color:var(--text-brand);font-size:28px}.auth-heading p{margin:7px 0 0;color:var(--text-secondary);line-height:1.8;font-size:13px}.auth-form{display:grid;gap:17px}.auth-field{display:grid;gap:7px}.auth-field>span{color:var(--text-primary);font-size:12px;font-weight:800}.auth-field>input,.auth-password-input input{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-card);color:var(--text-primary);transition:border-color .16s,box-shadow .16s}.auth-field>input:focus,.auth-password-input:focus-within{outline:0;border-color:var(--text-brand-soft);box-shadow:0 0 0 3px #354b981f}.auth-field.invalid>input,.auth-field.invalid .auth-password-input{border-color:var(--danger-text)}.auth-password-input{display:grid;grid-template-columns:minmax(0,1fr) 43px;overflow:hidden;border:1px solid var(--border-strong);border-radius:10px}.auth-password-input input{border:0;border-radius:0;box-shadow:none!important}.auth-password-input button{display:grid;place-items:center;border:0;background:var(--surface-subtle);color:var(--text-secondary)}.auth-field-error,.auth-caps-warning{font-size:10px;line-height:1.5}.auth-field-error{color:var(--danger-text)}.auth-caps-warning{color:var(--warning-text)}.auth-form-tools{display:flex;justify-content:flex-end;margin-top:-5px}.auth-form-tools a,.auth-back-link{color:var(--text-brand-soft);text-decoration:none;font-size:11px;font-weight:800}.auth-form-tools a:hover,.auth-back-link:hover{text-decoration:underline}.auth-submit{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:var(--brand-navy-800);color:#fff;font-weight:800}.auth-submit:hover{background:var(--brand-navy-900)}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-back-link{display:inline-flex;align-items:center;gap:5px;margin-top:22px}.auth-success-message{padding:14px;border:1px solid #bbf7d0;border-radius:10px;background:var(--success-bg);color:var(--success-text);font-size:12px;font-weight:700;line-height:1.7}.auth-visual{position:relative;display:grid;align-items:end;overflow:hidden;padding:70px;background:radial-gradient(circle at 75% 20%,rgba(244,196,0,.16),transparent 24%),linear-gradient(145deg,var(--brand-navy-950),#1b3470 56%,#2b4992);color:#fff;isolation:isolate}.auth-visual:before,.auth-visual:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.08);border-radius:50%}.auth-visual:before{width:540px;height:540px;top:-180px;left:-120px}.auth-visual:after{width:380px;height:380px;bottom:-170px;right:-80px}.auth-gold-orbit{position:absolute;top:13%;left:13%;width:170px;height:170px;border:2px solid rgba(244,196,0,.42);border-radius:50%}.auth-gold-orbit:after{content:"";position:absolute;width:13px;height:13px;top:14px;right:22px;border-radius:50%;background:var(--brand-gold-500);box-shadow:0 0 28px #f4c400bf}.auth-pattern-icon{position:absolute;display:grid;place-items:center;color:#ffffff1f}.auth-pattern-icon.one{top:17%;right:22%;transform:rotate(-8deg)}.auth-pattern-icon.two{top:39%;left:25%;transform:rotate(12deg)}.auth-pattern-icon.three{bottom:31%;right:15%;transform:rotate(-15deg)}.auth-visual-copy{max-width:530px}.auth-visual-copy img{width:190px;height:70px;object-fit:contain;object-position:right center;filter:brightness(0) invert(1);opacity:.95}.auth-visual-copy>span{display:block;margin-top:22px;color:var(--brand-gold-400);font-size:11px;font-weight:800}.auth-visual-copy h2{margin:12px 0;font-size:clamp(29px,3vw,45px);line-height:1.35}.auth-visual-copy p{margin:0;color:#ffffffb3;font-size:13px}@media(max-width:1180px){.permission-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-matrix section{border-bottom:1px solid var(--border-default)}.auth-page{grid-template-columns:minmax(400px,.9fr) minmax(430px,1.1fr)}.auth-visual{padding:45px}}@media(max-width:900px){.team-layout{grid-template-columns:1fr}.team-invite-form{position:static;margin-top:0}.permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{display:block;background:var(--surface-card)}.auth-form-panel{min-height:100vh;padding:30px 20px}.auth-visual{display:none}.auth-brand{margin-bottom:38px}}@media(max-width:600px){.team-role-choices,.permission-matrix,.invitation-card dl{grid-template-columns:1fr}.permission-matrix section{border-left:0}.role-permission-card>header{display:grid}.auth-heading h1{font-size:24px}.auth-brand img{width:180px}}.mobile-list-toolbar,.product-mobile-cards,.request-mobile-cards,.filter-drawer-head,.filter-drawer-footer,.editor-section-trigger,.editor-sections-backdrop,.editor-sections-head{display:none}.sidebar-overlay,.filter-drawer-backdrop,.editor-sections-backdrop{padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(max-width:900px){.main{height:auto;min-height:100vh;overflow:visible}.topbar{position:fixed;inset:0 0 auto;z-index:35;width:100%;height:64px;box-shadow:0 4px 18px #14204a12}.content{width:100%;max-width:none;margin:0;padding:82px 18px 24px}.sidebar{width:min(86vw,330px);padding:18px 14px;z-index:70;box-shadow:-20px 0 45px #0a122c4d;overscroll-behavior:contain;touch-action:pan-y;visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.sidebar.open{visibility:visible;transition-delay:0s}.sidebar-overlay{display:block;z-index:65;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.brand{padding-bottom:16px}.nav-group{margin-top:16px}.nav-button{min-height:46px}.product-editor-layout{display:block}.editor-section-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;border:1px solid var(--border-default);border-radius:11px;background:var(--surface-card);color:var(--text-secondary);text-align:right}.editor-section-trigger strong{overflow:hidden;color:var(--text-brand);text-overflow:ellipsis;white-space:nowrap}.editor-sections-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:76;display:block;background:#14204a8c;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.editor-sections-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.product-editor-sidebar{position:fixed;inset:0 0 0 auto;z-index:78;width:min(86vw,330px);display:grid;align-content:start;gap:6px;padding:16px;overflow-y:auto;border:0;border-radius:0;transform:translate(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:-18px 0 42px #0a122c3d}.product-editor-sidebar.open{transform:translate(0);visibility:visible;pointer-events:auto;transition-delay:0s}.product-editor-sidebar button{min-width:0}.editor-sections-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;padding:2px 2px 14px;border-bottom:1px solid var(--border-default)}.editor-sections-head>div{display:grid;gap:2px}.editor-sections-head small{color:var(--text-muted);font-size:10px}.editor-sections-head button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--border-default);background:var(--surface-subtle)}.product-editor-actions,.app.collapsed .product-editor-actions{right:0;min-height:64px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}}@media(max-width:900px){.mobile-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mobile-list-toolbar>span{color:var(--text-muted);font-size:11px}.mobile-filter-trigger{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border-default);border-radius:9px;background:var(--surface-card);color:var(--text-brand);font-weight:800}.mobile-filter-trigger span{padding:2px 6px;border-radius:999px;background:var(--brand-gold-100);color:var(--warning-text);font-size:9px}.filter-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block;background:#14204a8c;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.filter-drawer-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.product-list-controls.filter-drawer,.request-filter-bar.filter-drawer{position:fixed;inset:0 0 0 auto;z-index:82;width:min(90vw,370px);display:grid;grid-template-columns:1fr;align-content:start;gap:11px;padding:16px 16px calc(84px + env(safe-area-inset-bottom));overflow-y:auto;border:0;border-radius:0;transform:translate(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:-18px 0 42px #0a122c3d;overscroll-behavior:contain}.product-list-controls.filter-drawer.open,.request-filter-bar.filter-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto;transition-delay:0s}.product-list-controls.filter-drawer>*,.request-filter-bar.filter-drawer>*,.request-filter-bar.filter-drawer .request-search{grid-column:1!important}.filter-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--border-default)}.filter-drawer-head>div{display:grid;gap:2px}.filter-drawer-head strong{color:var(--text-brand)}.filter-drawer-head small{color:var(--text-muted);font-size:10px}.filter-drawer-head button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-subtle);color:var(--text-secondary)}.filter-drawer-footer{position:fixed;right:0;bottom:0;width:min(90vw,370px);display:block;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border-default);background:var(--surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-drawer-footer .button{width:100%;justify-content:center}.request-filter-actions{display:grid;grid-template-columns:1fr 1fr}.saved-view-control{display:grid;grid-template-columns:minmax(0,1fr) auto}.product-table-wrap .products-table,.request-table-wrap .requests-table{display:none}.product-table-wrap,.request-table-wrap{overflow:visible;border:0;background:transparent}.product-table-wrap.has-records,.request-table-wrap.has-records{display:none}.product-mobile-cards,.request-mobile-cards{display:grid;gap:12px}.mobile-record-card{position:relative;display:grid;gap:12px;padding:14px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-card);box-shadow:0 5px 16px #14204a0b}.mobile-card-top{display:flex;align-items:center;gap:7px;min-height:34px}.mobile-card-top .mobile-actions{margin-right:auto}.mobile-card-select{display:grid;place-items:center}.mobile-actions>div{left:0;right:auto;z-index:12}.mobile-product-identity{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:11px;padding:0;border:0;background:transparent;color:var(--text-primary);text-align:right}.mobile-product-identity img,.mobile-product-identity .product-image-placeholder{width:66px;height:66px}.mobile-product-identity>span:last-child{min-width:0;display:grid;gap:2px}.mobile-product-identity strong{overflow:hidden;color:var(--text-brand);text-overflow:ellipsis;white-space:nowrap}.mobile-product-identity small{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mobile-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-card-facts>div{min-width:0;display:grid;gap:2px;padding:9px;border-radius:9px;background:var(--surface-subtle)}.mobile-card-facts span{color:var(--text-muted);font-size:9px}.mobile-card-facts strong{overflow:hidden;color:var(--text-primary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mobile-completion{width:100%}.mobile-request-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0;border:0;background:transparent;text-align:right}.mobile-request-heading strong{color:var(--text-brand);font-size:17px}.mobile-request-heading span{color:var(--text-muted);font-size:10px}.mobile-customer{display:grid;gap:2px}.mobile-customer strong{color:var(--text-primary)}.mobile-customer span,.mobile-customer small{color:var(--text-muted);font-size:11px}.product-results-summary,.request-results-summary{display:none}.bulk-action-bar{top:72px}}@media(max-width:520px){.content{padding:78px 12px 22px}.page-head{display:grid}.page-head .button{width:100%;justify-content:center}.mobile-card-facts{grid-template-columns:1fr 1fr}.pagination{justify-content:space-between;gap:6px}.pagination button{padding:8px;font-size:11px}.pagination span{font-size:10px}.product-editor-page{padding-bottom:88px}.product-editor-actions>div:last-child{justify-content:stretch;overflow:visible}.product-editor-actions .button{flex:1;min-width:0;padding:8px 6px}.product-editor-actions .button.secondary:first-child,.product-editor-actions a.button{display:none}}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden;font-size:13px;line-height:1.45}.app,.main,.content,.page,.page-body,.catalog-page,.specifications-page,.catalog-import-page,.contacts-page,.notifications-page,.media-page,.reports-page,.audit-page{min-width:0}.content,.content.content-fluid,.page,.page-body,.catalog-page,.specifications-page,.catalog-import-page,.contacts-page,.notifications-page,.media-page,.reports-page,.audit-page{width:100%;max-width:none;margin-inline:0}.content>*,.page-body>*,.grid-two>*,.cards>*,.brand-grid>*,.specification-cards>*,.media-manager-grid>*{min-width:0}.page-head{width:100%;min-height:0;align-items:flex-start;gap:12px;margin-bottom:14px}.page-head h1{font-size:23px;line-height:1.25;font-weight:700}.page-head p{max-width:850px;margin-top:4px;font-size:12px;line-height:1.55}.page-actions{flex:0 0 auto}.button{min-height:36px;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.2}.button.small{min-height:32px;padding:6px 9px;font-size:11px}.button svg,.catalog-add-button svg{width:15px;height:15px}.cards{width:100%;gap:12px;margin-bottom:16px}.card{padding:14px;border-radius:11px;box-shadow:0 4px 14px #14204a09}.card h2,.card h3,.panel h2,.panel h3{font-size:14px;line-height:1.35}.metric strong{margin-top:5px;font-size:25px;line-height:1.15}.grid-two{width:100%;gap:12px}.panel{width:100%;padding:14px;margin-bottom:14px;border-radius:11px}.toolbar{width:100%;gap:8px;margin-bottom:12px}.field{gap:5px}.field label,.field>span{font-size:12px}.field input,.field select,.field textarea,.toolbar input,.toolbar select{min-height:36px;padding:8px 9px;border-radius:8px;font-size:12px}.form-grid{gap:10px}.table-wrap{width:100%;min-width:0;max-width:100%;border-radius:11px;overflow-x:auto;overflow-y:hidden}table{width:100%;font-size:12px}th,td{padding:9px 11px;line-height:1.4}th{font-size:11px;white-space:nowrap}.badge{padding:4px 7px;font-size:10px}.dialog{padding:18px;border-radius:13px}.dialog-head{margin-bottom:14px}.dialog-head h2{font-size:19px}.close{width:32px;height:32px}.editor-section{padding:14px;margin:11px 0;border-radius:11px}.dialog-actions{gap:8px;padding:12px 0;margin-top:14px}.contacts-toolbar{display:grid;grid-template-columns:minmax(260px,1fr)}.contacts-toolbar input{width:100%}.contacts-table{min-width:820px}.notifications-panel{padding:0;overflow:hidden}.notification-item{display:grid;gap:5px;padding:12px 14px;border-bottom:1px solid var(--border-default);background:var(--surface-card);transition:background .15s ease,opacity .15s ease}.notification-item:last-child{border-bottom:0}.notification-item.actionable{cursor:pointer}.notification-item.actionable:hover{background:var(--surface-subtle)}.notification-item.read{opacity:.72}.notification-item.unread{box-shadow:inset -3px 0 0 var(--brand-gold-500)}.notification-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-item-head strong{color:var(--text-brand);font-size:13px}.notification-item-head span{padding:3px 7px;border-radius:999px;background:var(--brand-gold-100);color:var(--text-brand);font-size:9px;font-weight:800}.notification-item p{margin:0;color:var(--text-secondary);font-size:12px}.notification-item time{font-size:10px}.notification-item-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:640px){.notification-dropdown{position:fixed;top:64px;right:12px;left:12px;width:auto}.notification-toast-stack{right:12px;bottom:12px;left:12px;width:auto}}.category-tree{width:100%;border-radius:11px}.category-tree-head,.category-tree-row{grid-template-columns:minmax(280px,1.8fr) 100px 90px 130px;gap:8px}.category-tree-head{padding:8px 11px;font-size:10px}.category-tree-row{min-height:58px;padding:6px 11px 6px calc(11px + var(--tree-level) * 24px)}.category-drag-handle,.category-drag-spacer{width:18px;flex-basis:18px}.tree-toggle{width:22px;height:24px}.category-thumb{width:40px;height:40px;flex-basis:40px;border-radius:8px}.category-tree-identity{gap:7px}.category-tree-identity strong{font-size:12px}.category-tree-identity span,.category-tree-identity small,.category-product-count span{font-size:9px}.category-product-count strong{font-size:13px}.category-quick-actions{gap:4px}.category-quick-actions a,.category-quick-actions button{width:29px;height:29px}.catalog-status{padding:4px 7px;font-size:9px}.brand-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.brand-card{gap:10px;padding:13px;border-radius:11px}.brand-logo{height:102px;border-radius:9px}.brand-logo img{padding:13px}.brand-card-title h2{font-size:15px}.brand-card-title p,.brand-stats span{font-size:10px}.brand-stats{padding:8px}.brand-stats strong{font-size:15px}.brand-card-actions>button,.brand-card-actions>a{min-height:31px;font-size:10px}.specification-cards{width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.specification-card{gap:10px;padding:13px;border-radius:11px}.specification-card-head{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.specification-icon{width:36px;height:36px;border-radius:8px}.specification-card-head h2{font-size:15px}.specification-type{gap:6px;padding:8px}.specification-actions{gap:6px;padding-top:8px}.specification-actions button{padding:6px;font-size:10px}.catalog-import-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch}.catalog-import-grid .panel{height:100%;margin-bottom:0}.catalog-import-history{margin-top:12px}.catalog-import-page .upload-drop{min-height:110px}.catalog-import-page .cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.media-dropzone{gap:11px;padding:14px;margin-bottom:11px;border-radius:11px}.media-dropzone p{font-size:10px}.media-toolbar{grid-template-columns:minmax(240px,1.6fr) minmax(130px,.55fr) minmax(145px,.65fr) auto;gap:7px;padding:9px;border-radius:10px}.media-toolbar input,.media-toolbar select{min-height:34px;padding:7px 8px;font-size:11px}.media-manager-grid{width:100%;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.media-asset-card{border-radius:10px}.media-card-preview{height:140px}.media-card-meta{padding:9px}.media-card-actions button{padding:7px;font-size:9px}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reports-grid .card{display:grid;align-content:start;gap:8px}.reports-grid .card p{margin:0;font-size:11px}.reports-grid .card .button{justify-self:start}.audit-table{min-width:760px}@media(min-width:901px){.app{grid-template-columns:252px minmax(0,1fr)}.app.collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:17px 12px}.brand{gap:9px;padding:0 3px 15px}.brand-mark{min-width:38px;width:38px;height:38px;border-radius:9px}.brand strong{font-size:12px}.brand small{font-size:9px}.nav-group{margin-top:15px}.nav-label{padding:0 9px 5px;font-size:9px}.nav-button{min-height:38px;gap:9px;padding:8px 10px;margin:1px 0;border-radius:8px;font-size:12px}.nav-icon{min-width:17px;width:17px;height:17px}.topbar{height:60px;min-height:60px;padding:0 20px}.topbar-left,.topbar-right{gap:9px}.breadcrumb{font-size:11px}.topbar-search input{width:210px;min-height:34px;padding:7px 34px 7px 13px;font-size:11px}.topbar-search input:focus{width:250px}.topbar-icon{width:35px;height:35px}.user-menu-btn{gap:7px;font-size:12px}.avatar{width:32px;height:32px;font-size:12px}.content,.content.content-fluid{width:100%;max-width:none;margin:0;padding:18px 20px 24px}}@media(max-width:1100px)and (min-width:901px){.category-tree{overflow-x:auto}.category-tree-head,.category-tree-row{min-width:720px}.catalog-import-grid{grid-template-columns:1fr}}@media(max-width:900px){body{font-size:13px}.content,.content.content-fluid{width:100%;max-width:none;margin:0;padding:78px 14px 20px}.page-head h1{font-size:21px}.catalog-import-grid,.media-toolbar{grid-template-columns:1fr}.media-view-toggle{width:fit-content}}@media(max-width:520px){.content,.content.content-fluid{padding:76px 11px 18px}.page-head{gap:9px;margin-bottom:12px}.page-head h1{font-size:20px}.page-head p{font-size:11px}.brand-grid,.specification-cards,.media-manager-grid,.reports-grid{grid-template-columns:1fr}}html{scrollbar-color:var(--border-strong) var(--surface-page)}html,body,#root,.main,.content,.login-page{background:var(--surface-page);color:var(--text-primary)}.topbar,.panel,.card,.kpi-card,.chart-panel,.list-panel,.user-dropdown,.modal,.drawer{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}input,select,textarea{background:var(--surface-control);color:var(--text-primary);border-color:var(--border-default)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--surface-card);color:var(--text-primary)}table{color:var(--text-primary)}th{background:var(--surface-subtle);color:var(--text-secondary)}td{border-color:var(--border-default)}tbody tr:hover{background:var(--surface-hover)}.button.secondary,.topbar-icon,.user-menu-btn{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.button.secondary:hover,.topbar-icon:hover,.user-menu-btn:hover{background:var(--surface-hover)}.muted{color:var(--text-muted)}.topbar,.panel,.card,.kpi-card,.chart-panel,.list-panel,.user-dropdown,.modal,.drawer,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media(prefers-reduced-motion:reduce){body,.topbar,.panel,.card,.kpi-card,.chart-panel,.list-panel,.user-dropdown,.modal,.drawer,input,select,textarea,.theme-toggle svg{transition:none}}.status-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.status-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.status-neutral{background:var(--neutral-bg);border-color:var(--neutral-border);color:var(--neutral-text)}.media-processing-profile{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:11px 13px;margin-bottom:9px;border:1px solid var(--border-default);border-radius:10px;background:var(--surface-card)}.media-processing-profile label{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.media-processing-status{display:inline-flex;width:fit-content;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.media-processing-status.compact{padding:3px 7px;font-size:9px}.media-processing-status.queued{background:var(--warning-bg);color:var(--warning-text)}.media-processing-status.processing{background:var(--neutral-bg);color:var(--text-brand)}.media-processing-status.completed{background:var(--success-bg);color:var(--success-text)}.media-processing-status.failed{background:var(--danger-bg);color:var(--danger-text)}.media-file-thumb.processing{display:grid;place-items:center;gap:4px;width:100%;height:100%;color:var(--text-muted);background:linear-gradient(135deg,var(--surface-subtle),var(--surface-card))}.media-file-thumb.processing.large{min-height:320px}.media-preview-tabs{display:flex;gap:5px;margin:10px 0;border-bottom:1px solid var(--border-default)}.media-preview-tabs button{padding:8px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary)}.media-preview-tabs button.active{border-bottom-color:var(--brand-gold-500);color:var(--text-brand);font-weight:700}.image-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.image-comparison figure{display:grid;gap:6px;margin:0;min-width:0}.image-comparison figcaption{color:var(--text-muted);font-size:11px;text-align:center}.image-comparison img{width:100%;height:min(50vh,520px);object-fit:contain;border-radius:8px;background:repeating-conic-gradient(var(--surface-subtle) 0 25%,var(--surface-card) 0 50%) 50%/18px 18px}.media-card-meta .media-processing-status{margin-block:3px}.media-upload-row.queued i,.media-upload-row.processing i{background:var(--brand-gold-500)}.media-upload-row.error i{background:var(--danger-text)}@media(max-width:900px){.image-comparison{grid-template-columns:1fr}.media-processing-profile{align-items:flex-start;flex-direction:column}}