:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-primary:#fff;--bg-secondary:#f8f9fb;--text-primary:#111;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-color:#ff4fa3;--accent-gradient:linear-gradient(135deg, #ff4fa3 0%, #ff7ebb 100%);--accent-glow:0 4px 14px #ff4fa340;--border-color:#e2e8f0;--border-hover:#cbd5e1;--success-color:#10b981;--success-bg:#10b9810f;--success-border:#10b98126;--warning-color:#f59e0b;--warning-bg:#f59e0b0f;--warning-border:#f59e0b26;--error-color:#ef4444;--error-bg:#ef44440f;--error-border:#ef444426;--font-sans:"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--sidebar-width:280px;--sidebar-collapsed-width:76px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000008, 0 2px 4px #00000005;--shadow-lg:0 10px 30px #0000000a, 0 1px 3px #00000005}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-primary);overflow-x:hidden}.admin-layout{background-color:var(--bg-secondary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-primary);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:72px;padding:24px;display:flex}.brand{color:var(--text-primary);white-space:nowrap;letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-dot{background-color:var(--accent-color);width:10px;height:10px;box-shadow:var(--accent-glow);border-radius:50%}.sidebar.collapsed .brand-text{display:none}.collapse-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.collapse-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar.collapsed .collapse-btn{margin:0 auto;transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:16px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-category{flex-direction:column;gap:4px;display:flex}.sidebar-category-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;padding:0 12px 6px;font-size:11px;font-weight:700}.sidebar.collapsed .sidebar-category-title{display:none}.menu-list{flex-direction:column;gap:2px;list-style:none;display:flex}.menu-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.menu-item svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2px;transition:var(--transition);flex-shrink:0}.menu-item:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.menu-item:hover svg{stroke:var(--text-primary)}.menu-item.active{color:var(--text-primary);background-color:#ff4fa30f;border:1px solid #ff4fa31f}.menu-item.active svg{stroke:var(--accent-color)}.sidebar.collapsed .menu-item span{display:none}.sidebar.collapsed .menu-item{justify-content:center;padding:10px 0}.sidebar-footer{border-top:1px solid var(--border-color);background-color:var(--bg-primary);padding:16px}.top-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:90;height:72px;transition:var(--transition);justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.search-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:320px;transition:var(--transition);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:flex}.search-container:focus-within{border-color:var(--accent-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px #ff4fa31a}.search-container input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13.5px;font-weight:500}.search-shortcut{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.top-header-actions{align-items:center;gap:18px;display:flex}.header-action-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.header-action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.notification-badge{background-color:var(--accent-color);width:6px;height:6px;box-shadow:var(--accent-glow);border-radius:50%;position:absolute;top:6px;right:6px}.user-badge{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.user-name{color:var(--text-primary);font-size:12.5px;font-weight:700}.main-wrapper{min-height:100vh;margin-left:var(--sidebar-width);transition:var(--transition);flex-direction:column;flex:1;display:flex}.sidebar.collapsed+.main-wrapper{margin-left:var(--sidebar-collapsed-width)}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:36px 40px}.page-header{margin-bottom:30px}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:26px;font-weight:800}.kpi-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;margin-bottom:30px;display:grid}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-chart-preview{display:none!important}}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-chart-preview{display:none!important}}@media (width<=768px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-bottom:0!important;display:grid!important}.kpi-card.mobile-hidden{display:none!important}.kpi-card{border-radius:12px!important;min-width:0!important;padding:12px 14px!important}.kpi-card-header{margin-bottom:8px!important}.kpi-label{font-size:10.5px!important}.kpi-icon-wrapper{width:28px!important;height:28px!important;font-size:12px!important}.kpi-value{margin-bottom:4px!important;font-size:18px!important}.kpi-footer{margin-top:6px!important}.kpi-trend{font-size:10px!important}.kpi-chart-preview{display:none!important}}.kpi-card{background-color:var(--bg-primary);border:1px solid var(--border-color);min-width:0;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;padding:14px 16px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.kpi-icon-wrapper{background-color:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.kpi-card:hover .kpi-icon-wrapper{color:var(--accent-color);background-color:#ff4fa30f}.kpi-value{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px;font-size:26px;font-weight:800}.kpi-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.kpi-trend{align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.kpi-chart-preview{width:70px;height:25px}.analytics-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:30px;display:grid}.analytics-grid.two-cols-equal{grid-template-columns:1fr 1fr}.analytics-grid.three-cols{grid-template-columns:1.8fr 1fr 1fr}@media (width<=1400px){.analytics-grid.three-cols{grid-template-columns:1fr 1fr}.analytics-grid.three-cols>:first-child{grid-column:span 2}}@media (width<=1024px){.analytics-grid,.analytics-grid.two-cols-equal,.analytics-grid.three-cols{grid-template-columns:1fr}.analytics-grid.three-cols>:first-child{grid-column:span 1}}.card-wrapper{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.card-header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:800}.chart-filters{gap:6px;display:flex}.chart-filter-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700}.chart-filter-btn.active,.chart-filter-btn:hover{background-color:var(--text-primary);color:#fff;border-color:var(--text-primary)}.chart-container{width:100%;height:280px;position:relative}.donut-chart-container{justify-content:center;align-items:center;gap:20px;height:220px;display:flex}.donut-legend{flex-direction:column;gap:8px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.legend-color{border-radius:50%;width:8px;height:8px}.activity-feed{flex-direction:column;gap:16px;margin-top:10px;display:flex}.activity-item{gap:12px;display:flex;position:relative}.activity-item:after{content:"";background-color:var(--border-color);width:1.5px;position:absolute;top:30px;bottom:-22px;left:17px}.activity-item:last-child:after{display:none}.activity-dot{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.activity-item.success .activity-dot{color:var(--success-color);background-color:var(--success-bg);border-color:var(--success-border)}.activity-item.warning .activity-dot{color:var(--warning-color);background-color:var(--warning-bg);border-color:var(--warning-border)}.activity-item.info .activity-dot{color:var(--accent-color);background-color:#ff4fa30d;border-color:#ff4fa326}.activity-details{flex:1;padding-top:4px}.activity-text{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.activity-time{color:var(--text-muted);font-size:11px;font-weight:500}.split-layout{grid-template-columns:1fr 1.6fr;align-items:start;gap:30px;display:grid}@media (width<=1024px){.split-layout{grid-template-columns:1fr}}.form-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;height:fit-content;padding:24px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:11px 14px;font-size:13.5px;font-weight:500}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px #ff4fa31f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-helper{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:500}.form-steps{justify-content:space-between;margin-bottom:24px;display:flex;position:relative}.form-steps:after{content:"";background-color:var(--border-color);z-index:1;height:2px;position:absolute;top:15px;left:0;right:0}.form-step-item{background-color:var(--bg-secondary);border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:relative}.form-step-item.active{background-color:var(--bg-primary);border-color:var(--accent-color);color:var(--accent-color)}.form-step-item.completed{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.upload-wrapper{border:2px dashed var(--border-color);text-align:center;cursor:pointer;transition:var(--transition);background-color:var(--bg-secondary);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.upload-wrapper:hover{border-color:var(--accent-color);background-color:#ff4fa305}.upload-wrapper input[type=file]{display:none}.upload-icon{width:28px;height:28px;stroke:var(--text-secondary)}.upload-text{color:var(--text-secondary);font-size:12px;font-weight:600}.upload-text span{color:var(--accent-color);font-weight:700}.table-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.table-header-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.table-search{border:1px solid var(--border-color);background-color:var(--bg-secondary);border-radius:8px;align-items:center;gap:8px;width:260px;padding:8px 12px;display:flex}.table-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px;font-weight:500}.table-actions{gap:8px;display:flex}.custom-table{border-collapse:collapse;width:100%}.custom-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background-color:var(--bg-primary);padding:12px 16px;font-size:11px;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:14px 16px;font-size:13.5px}.custom-table tr{transition:var(--transition)}.custom-table tbody tr:hover{background-color:var(--bg-secondary)}.custom-table code{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11.5px}.bulk-bar{background-color:#ff4fa30a;border:1px solid #ff4fa326;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.bulk-text{color:var(--text-primary);font-size:12.5px;font-weight:700}.status-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:10px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.status-pending{background-color:var(--warning-bg);color:var(--warning-color);border-color:var(--warning-border)}.status-approved{background-color:var(--success-bg);color:var(--success-color);border-color:var(--success-border)}.status-rejected{background-color:var(--error-bg);color:var(--error-color);border-color:var(--error-border)}.btn{cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-approve{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.btn-approve:hover{background:var(--accent-color)}.btn-approve:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-reject{background-color:var(--bg-primary);border:1px solid var(--error-color);color:var(--error-color)}.btn-reject:hover{background-color:var(--error-bg)}.btn-secondary{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.banner-card{background-color:var(--bg-primary);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.banner-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.banner-preview-img{object-fit:cover;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);width:100%;height:140px}.banner-info{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.banner-card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.3}.banner-card-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.4}.banner-card-link{color:var(--accent-color);word-break:break-all;align-items:center;gap:4px;margin-top:4px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.subcategory-pill{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:80%;height:14px;margin-bottom:8px}.skeleton-title{width:40%;height:24px;margin-bottom:16px}.skeleton-card{border-radius:16px;height:120px}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a26;justify-content:center;padding-top:10vh;display:flex;position:fixed;inset:0}.command-palette{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:550px;height:fit-content;max-height:400px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.command-palette-input{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 20px;display:flex}.command-palette-input input{color:var(--text-primary);border:none;outline:none;width:100%;font-size:15px;font-weight:500}.command-palette-list{padding:8px;list-style:none;overflow-y:auto}.command-palette-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:600;display:flex}.command-palette-item:hover,.command-palette-item.active{background-color:var(--bg-secondary);color:var(--text-primary)}.command-palette-item span{color:var(--text-muted);font-size:11px;font-weight:500}.premium-promo-card{background:linear-gradient(135deg,#ff4fa30d 0%,#ff7ebb14 100%);border:1px solid #ff4fa326;border-radius:14px;flex-direction:column;gap:10px;margin:12px;padding:16px;display:flex;position:relative;overflow:hidden}.premium-promo-card-title{color:#ff4fa3;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.premium-promo-card-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.premium-promo-card-btn{color:#fff;cursor:pointer;text-align:center;transition:var(--transition);background-color:#ff4fa3;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.premium-promo-card-btn:hover{background-color:#ff2a8d}.middle-kpi-subtabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex}.middle-kpi-subtab-btn{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border-radius:8px;min-width:110px;padding:10px 16px}.middle-kpi-subtab-btn.active{background-color:#ff4fa308;border-color:#ff4fa3}.middle-kpi-subtab-label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.middle-kpi-subtab-val{color:var(--text-primary);font-size:15px;font-weight:800}.donut-chart-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.donut-chart-center-info{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-chart-center-lbl{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.donut-chart-center-val{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:800}.city-revenue-list{flex-direction:column;gap:14px;margin-top:10px;display:flex}.city-revenue-item{flex-direction:column;gap:4px;display:flex}.city-revenue-item-header{justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;display:flex}.city-revenue-name{color:var(--text-primary)}.city-revenue-val-group{color:var(--text-secondary)}.city-revenue-bar-bg{background-color:var(--bg-secondary);border-radius:3px;width:100%;height:6px;overflow:hidden}.city-revenue-bar-fill{background-color:#ff4fa3;border-radius:3px;height:100%;transition:width .5s ease-out}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.custom-table-cell-with-avatar{align-items:center;gap:10px;display:flex}.custom-table-cell-avatar{object-fit:cover;background-color:var(--bg-secondary);border-radius:50%;flex-shrink:0;width:32px;height:32px}.custom-table-cell-info{flex-direction:column;display:flex}.custom-table-cell-title{color:var(--text-primary);font-size:13px;font-weight:700}.custom-table-cell-sub{color:var(--text-secondary);margin-top:1px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background-color:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{transform:translateY(30px)scale(.98)}to{transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-title-main{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:800}.modal-close-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-body{flex-direction:column;gap:24px;padding:24px;display:flex;overflow-y:auto}.modal-detail-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.modal-detail-grid{grid-template-columns:1fr}}.modal-detail-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.modal-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:11px;font-weight:800}.modal-card-profile{align-items:center;gap:12px;display:flex}.modal-card-avatar{object-fit:cover;border:1.5px solid var(--border-color);border-radius:50%;width:44px;height:44px}.modal-card-details{flex-direction:column;gap:3px;display:flex}.modal-card-title{color:var(--text-primary);font-size:14px;font-weight:700}.modal-card-sub{color:var(--text-secondary);font-size:12px}.modal-card-actions{gap:8px;margin-top:4px;display:flex}.cross-link-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--accent-color);transition:var(--transition);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.cross-link-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.modal-service-table{border-collapse:collapse;width:100%}.modal-service-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding:10px 12px;font-size:10px;font-weight:800}.modal-service-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px;font-size:13px}.modal-summary-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.modal-summary-item{flex-direction:column;gap:4px;display:flex}.modal-summary-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.modal-summary-val{color:var(--text-primary);font-size:14px;font-weight:700}.modal-summary-val.total-price{color:var(--accent-color);font-size:18px;font-weight:900}.modal-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:flex-end;padding:16px 24px;display:flex}.btn-modal-close{background-color:var(--text-primary);color:#fff}.btn-modal-close:hover{background-color:var(--text-secondary)}.detail-page-container{flex-direction:column;gap:24px;animation:.3s cubic-bezier(.16,1,.3,1) detailFadeIn;display:flex}@keyframes detailFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-page-header{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.detail-header-title-group{align-items:center;gap:14px;display:flex}.detail-header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:800}.detail-back-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.detail-back-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-hover)}.detail-grid-3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.detail-grid-2col{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.detail-grid-3col,.detail-grid-2col{grid-template-columns:1fr}}.detail-info-block{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.detail-info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:10px 0;display:flex}.detail-info-row:last-child{border-bottom:none}.detail-info-label{color:var(--text-secondary);font-weight:600}.detail-info-val{color:var(--text-primary);text-align:right;font-weight:700}.detail-metric-card{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.detail-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.detail-metric-value{color:var(--text-primary);letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:850}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:10px;display:grid}.gallery-img{object-fit:cover;border:1px solid var(--border-color);width:100%;height:90px;transition:var(--transition);cursor:pointer;border-radius:8px}.gallery-img:hover{border-color:var(--accent-color);transform:scale(1.03)}