:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-light:#d1fae5;--success:#10b981;--success-dark:#059669;--warning-light:#fef3c7;--warning:#f59e0b;--warning-dark:#d97706;--danger-light:#fee2e2;--danger:#ef4444;--danger-dark:#dc2626;--info-light:#e0e7ff;--info:#6366f1;--info-dark:#4f46e5;--surface-page:#f8fafc;--surface-card:#fff;--surface-raised:#fff;--surface-overlay:rgba(15,23,42,.5);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-default:#cbd5e1;--border-focus:#3b82f6;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.05);--shadow-card:0 1px 3px 0 rgba(0,0,0,.04),0 1px 2px -1px rgba(0,0,0,.04);--shadow-card-hover:0 10px 40px -10px rgba(0,0,0,.12),0 4px 6px -4px rgba(0,0,0,.05);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-page);background-image:radial-gradient(at 100% 0,rgba(59,130,246,.03) 0,transparent 50%),radial-gradient(at 0 100%,rgba(16,185,129,.03) 0,transparent 50%);min-height:100vh}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");.header{background:var(--surface-card);border-bottom:1px solid var(--border-light);padding:.4rem var(--space-6);justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.9)}.header,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-4)}.logo{display:flex;align-items:center}.logo-img{height:32px;width:auto;object-fit:contain}.view-badge{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;box-shadow:0 2px 8px -2px rgba(37,99,235,.4);align-self:flex-end;margin-bottom:2px}.header-right{display:flex;align-items:center;gap:var(--space-4)}.global-date-bar{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:.35rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.global-date-bar-inner{display:flex;align-items:center;justify-content:center;gap:.75rem;max-width:1800px;margin:0 auto}.global-date-label{display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.global-date-select-wrapper{position:relative}.global-date-btn{padding:.3rem .75rem;font-size:.8rem;min-width:130px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:var(--transition-fast)}.global-date-btn:hover{border-color:var(--border-default)}.global-date-btn .arrow{font-size:.7rem;color:var(--text-tertiary)}.global-date-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;display:none;overflow:hidden}.global-date-dropdown.active{display:block;animation:slideDown .15s ease-out}.global-date-option{padding:var(--space-2) var(--space-3);cursor:pointer;transition:var(--transition-fast)}.global-date-option:hover{background:var(--gray-50)}.global-date-option.active{color:var(--primary-600);font-weight:500;background:var(--primary-50)}.custom-date-picker-overlay{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-date-picker-overlay.active{opacity:1;visibility:visible}.custom-date-picker{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:380px;transform:scale(.95) translateY(10px);transition:var(--transition-normal)}.custom-date-picker-overlay.active .custom-date-picker{transform:scale(1) translateY(0)}.custom-date-picker-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.custom-date-picker-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.custom-date-presets{display:flex;gap:.375rem;flex-wrap:wrap}.custom-date-preset{padding:.3rem .65rem;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.custom-date-preset:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.custom-date-preset.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.custom-date-fields{display:flex;align-items:flex-end;gap:.75rem}.custom-date-fields .custom-date-field{flex:1 1}.custom-date-arrow{color:var(--text-tertiary);font-size:1.1rem;padding-bottom:.5rem}.custom-date-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);margin-bottom:.375rem}.custom-date-field input[type=date]{width:100%;padding:.55rem .75rem;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-primary);background:var(--surface-card);transition:var(--transition-fast);font-family:var(--font-sans)}.custom-date-field input[type=date]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-100)}.custom-date-summary{font-size:.8rem;color:var(--text-secondary);text-align:center;padding:.5rem .75rem;background:var(--gray-50);border-radius:var(--radius-md);min-height:1.75rem;display:flex;align-items:center;justify-content:center}.custom-date-picker-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.5rem;background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.search-box{display:flex;align-items:center;background:var(--gray-100);border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);gap:var(--space-2);transition:var(--transition-normal)}.search-box:focus-within{background:var(--surface-card);border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-100)}.search-box svg{width:18px;height:18px;color:var(--text-tertiary)}.search-box input{border:none;background:transparent;outline:none;font-size:var(--text-sm);width:220px;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-tertiary)}.user-menu{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.user-menu:hover{background:var(--gray-100)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--info));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.user-name{font-weight:500;color:var(--text-primary)}.toolbar{background:var(--surface-card);border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-6);display:flex;justify-content:space-between;align-items:center}.toolbar-left,.toolbar-right{display:flex;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid var(--border-light);background:var(--surface-card);color:var(--text-primary);transition:var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--gray-50);border-color:var(--border-default)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-100)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:var(--text-inverse);border:none;box-shadow:0 2px 8px -2px rgba(37,99,235,.4)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));box-shadow:0 4px 12px -2px rgba(37,99,235,.5)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-ghost{border:none;background:transparent}.btn-ghost:hover{background:var(--gray-100)}.dashboard-container{padding:var(--space-6);max-width:1600px;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.card-wide{grid-column:span 2}.chart-container{position:relative;height:220px;width:100%}@media (max-width:1400px){.card-grid{grid-template-columns:repeat(3,1fr)}.card-wide{grid-column:span 2}}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-wide{grid-column:span 2}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.card-wide{grid-column:span 1}.header{flex-direction:column;gap:var(--space-2);padding:.4rem var(--space-4)}.search-box input{width:160px}.dashboard-container{padding:var(--space-4)}}.card{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-normal);cursor:-webkit-grab;cursor:grab;border:1px solid var(--border-light);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));opacity:0;transition:var(--transition-fast)}.card:hover:before{opacity:1}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card.dropdown-open{transform:none}.card.dragging{opacity:.6;cursor:-webkit-grabbing;cursor:grabbing;transform:rotate(2deg) scale(1.02)}.card.drag-over{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.card-header{padding:var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--gray-100)}.card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.card-icon svg{width:28px;height:28px}.card-icon.blue{color:var(--primary-500)}.card-icon.green{color:#10b981}.card-icon.yellow{color:#f59e0b}.card-icon.red{color:#ef4444}.card-icon.purple{color:#8b5cf6}.card-icon.orange{color:#f97316}.card-icon.gray{color:var(--gray-500)}.card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight)}.card-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.card-actions{gap:var(--space-1)}.card-action-btn,.card-actions{transition:var(--transition-fast)}.card-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.card-action-btn:hover{background:var(--gray-100);color:var(--text-primary)}.card-action-btn svg{width:16px;height:16px}.card-body{padding:var(--space-4)}.kpi-value{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:var(--tracking-tight)}.kpi-label{color:var(--text-tertiary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.kpi-change,.kpi-label{font-size:var(--text-xs)}.kpi-change{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;margin-top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.kpi-change.positive{background:var(--success-light);color:var(--success-dark)}.kpi-change.negative{background:var(--danger-light);color:var(--danger-dark)}.kpi-change svg{width:12px;height:12px}.alert-list{display:flex;flex-direction:column;gap:var(--space-2)}.alert-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);transition:var(--transition-fast)}.alert-item:hover{background:var(--gray-100)}.alert-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.alert-dot.red{background:var(--danger);box-shadow:0 0 0 3px var(--danger-light)}.alert-dot.yellow{background:var(--warning);box-shadow:0 0 0 3px var(--warning-light)}.alert-dot.green{background:var(--success);box-shadow:0 0 0 3px var(--success-light)}.alert-dot.blue{background:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.alert-dot.gray{background:var(--gray-400);box-shadow:0 0 0 3px var(--gray-100)}.alert-text{color:var(--text-secondary);flex:1 1}.alert-count{font-weight:700;color:var(--text-primary);background:var(--surface-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-width:28px;text-align:center}.link-card .card-body{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);text-align:center}.link-icon{width:72px;height:72px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--space-4);position:relative;transition:var(--transition-normal)}.link-card:hover .link-icon{transform:scale(1.1)}.link-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.link-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.list-items{display:flex;flex-direction:column}.list-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--gray-100);transition:background .15s;cursor:pointer;border-radius:6px}.list-item:last-child{border-bottom:none}.list-item:hover{background:#f1f5f9}.list-item.clickable:active{transform:scale(.99)}.list-item-left{display:flex;align-items:center;gap:var(--space-3)}.list-item-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:var(--text-base)}.list-item-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.list-item-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.list-item-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.card-filter{padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-100);background:var(--gray-50)}.filter-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-select:hover{border-color:var(--border-default)}.filter-select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.card-loading{padding:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 0,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-text.short{width:60%}.skeleton-value{height:48px;width:50%;margin-bottom:var(--space-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:480px;max-height:85vh;overflow-y:auto;transform:scale(.95) translateY(10px);transition:var(--transition-normal)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);font-size:var(--text-xl);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3);background:var(--gray-50)}.card-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.card-option{padding:var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:center;background:var(--surface-card)}.card-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.card-option:active{transform:scale(.98)}.card-option-icon{width:32px;height:32px;margin:0 auto var(--space-2);color:var(--primary-500)}.card-option-icon svg{width:100%;height:100%}.card-option-title{font-weight:500;color:var(--text-primary)}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--gray-900);color:var(--text-inverse);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);transform:translateY(100px);opacity:0;transition:var(--transition-bounce);z-index:1100}.toast.active{transform:translateY(0);opacity:1}.toast-icon{width:20px;height:20px;background:var(--success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xs)}.layout-selector{position:relative}.layout-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;display:none;z-index:50;overflow:hidden}.layout-dropdown.active{display:block;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.layout-item{padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast);font-size:var(--text-sm)}.layout-item:hover{background:var(--gray-50)}.layout-item.active{color:var(--primary-600);font-weight:500;background:var(--primary-50)}.layout-item-actions{display:none}.layout-item:hover .layout-item-actions{display:flex}.layout-action-btn{border:none;background:none;cursor:pointer;color:var(--text-tertiary);font-size:.7rem;padding:.15rem .35rem;border-radius:4px;transition:background .15s,color .15s;line-height:1}.layout-action-btn:hover{background:#fee2e2;color:#dc2626}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:300px;margin-left:auto;margin-right:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:var(--primary-200);color:var(--primary-900)}.main-tabs{display:flex;justify-content:space-between;align-items:center;background:var(--surface-card);border-bottom:1px solid var(--border-light);padding:0 var(--space-6)}.main-tabs-left,.main-tabs-right{display:flex;gap:var(--space-2)}.main-tab,.main-tabs-right{align-items:center}.main-tab{display:flex;gap:.375rem;padding:.35rem .75rem;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.main-tab:hover{color:var(--text-secondary);background:var(--gray-100)}.main-tab.active{color:var(--primary-600);background:var(--primary-50,#eff6ff)}.main-tab-icon{font-size:var(--text-sm);flex-shrink:0}.main-tab svg.main-tab-icon,.main-tab-icon{width:15px;height:15px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-sm.btn-icon{padding:var(--space-2)}.page-title-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--primary-600)}.page-title-icon{font-size:var(--text-base)}.page-title-text{color:var(--primary-600)}.tab-panel{display:none}.tab-panel.active{display:block}.section-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-4)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-1) 0 0}.stats-filters{display:flex;align-items:flex-end;gap:var(--space-4);padding:0 var(--space-6) var(--space-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.filter-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.card-filter-btn{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--surface-card);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);display:flex;justify-content:space-between;align-items:center;text-align:left}.card-filter-btn:hover:not(:disabled){border-color:var(--border-default)}.card-filter-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-50)}.card-filter-btn .arrow{font-size:.7rem;color:var(--text-tertiary);transition:transform .15s}.card-filter-dropdown{position:fixed;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;z-index:100;overflow:hidden;min-width:160px}.card-filter-dropdown.active{display:block;animation:slideDown .15s ease-out}.card-filter-item{padding:var(--space-2) var(--space-3);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast);font-size:var(--text-sm)}.card-filter-item:hover{background:var(--gray-50)}.card-filter-item.active{color:var(--primary-600);font-weight:500;background:var(--primary-50)}.card-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--gray-100);color:var(--gray-700);font-size:.72rem;font-weight:600;line-height:1;margin-left:var(--space-3)}.card-filter-item.active .card-filter-badge{background:var(--primary-600);color:#fff}.card-filter-btn>span:first-child{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;flex:1 1}.card-filter-btn .card-filter-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card-filter-btn .card-filter-badge.selected{min-width:20px;height:18px;padding:0 6px;margin-left:0;font-size:.7rem;background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-100);flex-shrink:0}.filter-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-card)}.date-range-inputs{display:flex;align-items:center;gap:var(--space-2)}.date-separator{color:var(--text-tertiary);font-size:var(--text-sm)}.multi-select-wrapper{position:relative;min-width:200px}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.multi-select-trigger:hover{border-color:var(--gray-400)}.multi-select-trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.multi-select-text{flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multi-select-tags{display:flex;flex-wrap:wrap;flex:1 1}.multi-select-tags,.select-tag{gap:var(--space-1);align-items:center}.select-tag{display:inline-flex;padding:2px 8px;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.select-tag.neutral{background:var(--gray-100);color:var(--text-secondary)}.select-tag .tag-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:10px;cursor:pointer;transition:var(--transition-fast)}.select-tag .tag-remove:hover{background:var(--primary-200)}.multi-select-arrow{color:var(--text-tertiary);font-size:var(--text-xs);transition:transform var(--transition-fast)}.multi-select-wrapper.open .multi-select-arrow{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:240px;overflow-y:auto;display:none}.multi-select-wrapper.open .multi-select-dropdown{display:block}.multi-select-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);color:var(--text-primary)}.multi-select-option:hover{background:var(--gray-50)}.multi-select-option input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.multi-select-option input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-600);border-color:var(--primary-600)}.multi-select-option input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.card-tabs{display:flex;border-bottom:1px solid var(--border-light);padding:0 var(--space-4)}.card-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:var(--transition-fast)}.card-tab:hover{color:var(--text-secondary)}.card-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.stats-table{width:100%}.stats-table-header{border-bottom:1px solid var(--border-light);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.stats-table-header,.stats-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) 0}.stats-table-row{border-bottom:1px solid var(--gray-100);align-items:center}.stats-table-row:last-child{border-bottom:none}.stats-table-row:hover{background:var(--gray-50);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.stats-col{color:var(--text-secondary)}.stats-col.title-col{font-weight:500;color:var(--text-primary)}.stat-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500}.stat-badge.red{background:var(--error-50);color:var(--error-700)}.stat-badge.yellow{background:var(--warning-50);color:var(--warning-700)}.stat-badge.green{background:var(--success-50);color:var(--success-700)}.stat-badge.blue{background:var(--primary-50);color:var(--primary-700)}.stat-badge.gray{background:var(--gray-100);color:var(--gray-500)}.premium-badge{display:inline-block;padding:var(--space-1) var(--space-2);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);text-transform:uppercase}.aggregate-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.aggregate-stat{text-align:center;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.aggregate-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.aggregate-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.aggregate-trend{font-size:var(--text-xs);margin-top:var(--space-2)}.aggregate-trend.positive{color:var(--success-600)}.aggregate-trend.negative{color:var(--error-600)}.peak-times-list{display:flex;flex-direction:column;gap:var(--space-4)}.peak-time-item{position:relative}.peak-day{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.peak-hours{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.peak-bar{height:8px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);margin-top:var(--space-2)}.export-status{flex-direction:column}.export-item,.export-status{display:flex;gap:var(--space-3)}.export-icon,.export-item{align-items:center}.export-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;justify-content:center;font-size:var(--text-sm)}.export-icon.success{background:var(--success-100);color:var(--success-600)}.export-icon.pending{background:var(--gray-100);color:var(--gray-500)}.export-info{flex:1 1}.export-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.export-date{font-size:var(--text-xs);color:var(--text-tertiary)}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--gray-200)}.card-actions{position:relative;gap:var(--space-2)}.ai-btn-visible,.card-actions{display:flex;align-items:center}.ai-btn-visible{background:none;border:none;cursor:pointer;padding:2px;transition:var(--transition-fast);opacity:.75;justify-content:center}.ai-btn-visible:hover{transform:scale(1.15);opacity:1}.ai-btn-visible img{width:20px;height:20px}.card-actions-trigger{width:28px;height:28px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition-fast)}.card-actions-trigger:hover{background:var(--gray-100);color:var(--text-secondary)}.card-actions-menu{position:absolute;top:100%;right:0;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:140px;padding:var(--space-2);z-index:50;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition-fast)}.card-actions-menu:hover,.card-actions-trigger:hover+.card-actions-menu{opacity:1;visibility:visible;transform:translateY(4px)}.card-action-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border:none;background:none;width:100%;text-align:left}.card-action-item:hover{background:var(--gray-100);color:var(--text-primary)}.card-action-item.ai-action{color:var(--primary-600)}.card-action-item.ai-action:hover{background:var(--primary-50)}.card-action-item.danger:hover{background:var(--error-50);color:var(--error-600)}.card-action-icon{width:16px;text-align:center}.card-action-btn.ai-btn{background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-md);font-size:14px;padding:4px 6px;border:1px solid var(--primary-200)}.card-action-btn.ai-btn:hover{background:var(--primary-100);transform:scale(1.1)}.ai-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-normal)}.ai-popup-overlay.active{opacity:1;visibility:visible}.ai-popup{background:var(--surface-card);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:var(--shadow-xl);transform:scale(.9) translateY(20px);transition:var(--transition-normal)}.ai-popup-overlay.active .ai-popup{transform:scale(1) translateY(0)}.ai-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--primary-600);color:#fff}.ai-popup-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-base)}.ai-popup-title-icon{width:18px;height:18px}.ai-popup-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:28px;height:28px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.ai-popup-close:hover{background:hsla(0,0%,100%,.3)}.ai-popup-body{padding:var(--space-5);max-height:400px;overflow-y:auto}.ai-popup-card-name{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3)}.ai-summary-content{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.ai-summary-content p{margin-bottom:var(--space-3)}.ai-summary-content ul{margin:var(--space-3) 0;padding-left:var(--space-5)}.ai-summary-content li{margin-bottom:var(--space-2)}.ai-summary-highlight{background:var(--warning-50);border-left:3px solid var(--warning-500);padding:var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-3) 0;font-size:var(--text-sm)}.ai-summary-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);color:var(--text-tertiary)}.ai-loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-3)}@keyframes spin{to{transform:rotate(1turn)}}.ai-popup-footer{padding:var(--space-3) var(--space-5);background:var(--gray-50);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.ai-popup-footer-icon{width:14px;height:14px;opacity:.7}@media (max-width:1024px){.aggregate-stats{grid-template-columns:repeat(2,1fr)}.stats-table-header,.stats-table-row{grid-template-columns:2fr 1fr 1fr 1fr}.stats-table-header .stats-col:nth-child(5),.stats-table-header .stats-col:nth-child(6),.stats-table-row .stats-col:nth-child(5),.stats-table-row .stats-col:nth-child(6){display:none}}@media (max-width:768px){.stats-filters{flex-direction:column;align-items:stretch}.aggregate-stats{grid-template-columns:1fr 1fr}.stats-table-header,.stats-table-row{grid-template-columns:2fr 1fr 1fr}.stats-table-header .stats-col:nth-child(4),.stats-table-row .stats-col:nth-child(4){display:none}}.refresh-icon{display:inline-block;transition:transform .3s}.refresh-icon.spinning{animation:spin .8s linear infinite}.page-loading-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,.7);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .2s ease-out forwards}.page-loading-overlay .loader{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--surface-card);padding:2rem 3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.page-loading-overlay .spinner{width:36px;height:36px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.page-loading-overlay .loader-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-page)}.login-card{width:430px;max-width:100%;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-10) var(--space-8);box-shadow:var(--shadow-xl)}.login-logo{text-align:center;margin-bottom:var(--space-3)}.login-logo img{height:110px;width:auto}.login-title{text-align:center;font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.login-tag{text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6)}.login-field{margin-bottom:var(--space-4)}.login-field label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary);margin-bottom:var(--space-2)}.login-field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);outline:none;transition:var(--transition-fast)}.login-field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-100)}.login-error{display:none;color:var(--danger-dark);font-size:var(--text-sm);margin-top:var(--space-3)}.login-error.show{display:block}.login-footnote{text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-6)}.btn-block{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.app-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(16px);background:var(--gray-900);color:var(--text-inverse);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:var(--transition-normal);z-index:500;max-width:calc(100vw - 40px)}.app-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.inline-bars{display:flex;flex-direction:column;gap:var(--space-3)}.inline-bar-row{display:grid;grid-template-columns:110px 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.inline-bar-row .label{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.inline-bar-track{display:flex;align-items:center;gap:var(--space-2)}.inline-bar{height:14px;border-radius:0 4px 4px 0;background:var(--primary-500);min-width:4px;transition:var(--transition-slow)}.inline-bar.warning{background:var(--warning)}.inline-bar-value{font-size:var(--text-xs);color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.section-check{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);margin-bottom:var(--space-2);background:var(--surface-card);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-check:hover{border-color:var(--primary-300);background:var(--primary-50)}.section-check.on{border-color:var(--primary-500);background:var(--primary-50)}.section-check .tick{width:20px;height:20px;flex:none;border:2px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);position:relative;transition:var(--transition-fast)}.section-check.on .tick{background:var(--primary-600);border-color:var(--primary-600)}.section-check.on .tick:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}html{font-size:17px}.main-tab{font-size:var(--text-sm);padding:.45rem .9rem}.card-title{font-size:var(--text-base)}.card-subtitle{font-size:.8rem}.alert-count,.alert-text{font-size:var(--text-sm)}.stats-table-header{font-size:.78rem}.stats-table-row{font-size:var(--text-sm)}.kpi-change{font-size:.8rem}.global-date-btn,.global-date-label,.global-date-option{font-size:var(--text-sm)}.user-name{font-size:var(--text-base)}.card-option-title{font-size:var(--text-sm)}.section-check{font-size:var(--text-base)}.stat-badge{font-size:.8rem}.pop-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.pop-grid-stack{display:flex;flex-direction:column;gap:var(--space-5)}.pop-grid-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-5)}@media (max-width:1024px){.pop-grid,.pop-grid-row{grid-template-columns:1fr}}.builder-grid{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}@media (max-width:1024px){.builder-grid{grid-template-columns:1fr}}.report-toolbar{max-width:900px;margin:0 auto var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.report-page{max-width:900px;margin:0 auto;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-12)}.report-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:3px solid var(--primary-600);margin-bottom:var(--space-4)}.report-head img{height:58px;width:auto}.report-head .rt{text-align:right}.report-head .t1{font-size:var(--text-2xl);font-weight:700}.report-head .t2{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.report-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.report-chips span{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700);font-weight:600;font-size:var(--text-xs);padding:4px 12px;border-radius:var(--radius-full)}.rsec{margin-bottom:var(--space-8)}.rsec h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}.rsec h3 .no{color:var(--primary-600);margin-right:var(--space-2)}.rkpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-3) 0}.rkpi{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--gray-50)}.rkpi .lb{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.rkpi .vl{font-size:var(--text-2xl);font-weight:800;margin-top:4px}.rkpi .sb{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.rtable{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.rtable th{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border-default);font-weight:600}.rtable td,.rtable th{padding:var(--space-2) var(--space-3)}.rtable td{border-bottom:1px solid var(--gray-100)}.rtable .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rtable tr.total td{font-weight:700;border-top:2px solid var(--border-default);border-bottom:none}.rcallout{border:1px solid var(--primary-200);background:var(--primary-50);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--primary-800,#1e40af);line-height:1.55;margin-top:var(--space-3)}.report-foot{border-top:1px solid var(--border-light);margin-top:var(--space-6);padding-top:var(--space-3);display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}@media print{.app-toast,.global-date-bar,.header,.report-toolbar{display:none!important}.report-page{box-shadow:none;border:none}}.user-menu-wrapper{position:relative}button.user-menu{border:none;background:none;font:inherit}.user-menu .user-name{white-space:nowrap}.user-menu .arrow{font-size:.7rem;color:var(--text-tertiary)}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;display:none;overflow:hidden}.user-dropdown.active{display:block;animation:slideDown .15s ease-out}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;font:inherit;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition-fast)}.user-dropdown-item:hover{background:var(--gray-50);color:var(--danger-dark)}.admin-product{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-right:.5rem;white-space:nowrap}.admin-user-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.admin-user-role{font-size:var(--text-xs);color:var(--text-tertiary)}a.user-dropdown-item{text-decoration:none}.admin-rolebar-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-main{padding-top:var(--space-6)}.admin-footnote{text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-6)}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.admin-page-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.admin-page-subtitle{color:var(--text-secondary);margin-top:var(--space-1);max-width:720px}.admin-page-actions{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.admin-inline-field{display:flex;flex-direction:column;gap:4px;font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.admin-inline-field .filter-select{min-width:220px}.card.admin-card{cursor:default}.card.admin-card:hover{transform:none;box-shadow:var(--shadow-card)}.card-header-left{display:flex;align-items:center;gap:var(--space-3)}.admin-card-actions{display:flex;align-items:center;gap:var(--space-2)}.admin-card-body{padding:var(--space-4);overflow-x:auto}.admin-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-5)}.admin-kpi{text-align:left;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-card);font:inherit;color:inherit;cursor:pointer;transition:var(--transition-normal)}.admin-kpi:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.admin-kpi:disabled{cursor:default}.admin-kpi-value{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1}.admin-kpi .kpi-label{margin-top:var(--space-2)}.admin-kpi-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.admin-grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--space-5)}.admin-grid-2,.admin-grid-3{display:grid;gap:var(--space-5)}.admin-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-5)}.card.admin-quick{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-5);text-align:left;font:inherit;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;font-size:.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);white-space:nowrap}.admin-table td{padding:var(--space-3);border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--text-primary)}.admin-table tbody tr:hover td{background:var(--gray-50)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-table .strong{font-weight:600}.admin-table .actions{text-align:right;white-space:nowrap}.admin-table .actions .btn+.btn{margin-left:var(--space-2)}.admin-sub code,.admin-table code{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary)}.admin-sub{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400;margin-top:2px}.admin-row-click{cursor:pointer}.admin-caret{display:inline-block;width:1rem;color:var(--text-tertiary)}.admin-detail-row td{background:var(--gray-50);padding:var(--space-4) var(--space-6)}.admin-issues{margin:var(--space-2) 0 0 var(--space-5);color:var(--text-secondary);display:grid;grid-gap:4px;gap:4px}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.admin-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.admin-badge.green{background:var(--success-light);color:var(--success-dark)}.admin-badge.yellow{background:var(--warning-light);color:#b45309}.admin-badge.red{background:var(--danger-light);color:var(--danger-dark)}.admin-badge.blue{background:var(--primary-50);color:var(--primary-700)}.admin-badge.gray{background:var(--gray-100);color:var(--gray-600)}.admin-tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-md);font-size:.72rem;font-weight:500;margin:1px 4px 1px 0;white-space:nowrap;border:1px solid transparent}.admin-tag.gray{background:var(--gray-100);color:var(--gray-600)}.admin-tag.blue{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-100)}.admin-tag.green{background:#ecfdf5;color:var(--success-dark);border-color:var(--success-light)}.admin-tag.purple{background:#f5f3ff;color:#6d28d9;border-color:#ede9fe}.admin-tag.yellow{background:#fffbeb;color:#b45309;border-color:var(--warning-light)}.strong .admin-tag{margin-left:6px;vertical-align:1px}.admin-tags{max-width:260px}.admin-link{background:none;border:none;padding:0;font:inherit;color:var(--primary-600);cursor:pointer;font-weight:500}.admin-link:hover{text-decoration:underline}.btn.admin-danger{color:var(--danger-dark)}.btn.admin-danger:hover{background:var(--danger-light);border-color:var(--danger-light)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-search{min-width:220px}.admin-note{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);text-align:right}.admin-error{color:var(--danger-dark);background:var(--danger-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.admin-ceiling{display:flex;align-items:center;gap:var(--space-3);margin:calc(var(--space-2) * -1) 0 var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.admin-ceiling-track{width:220px;height:6px;border-radius:var(--radius-full);background:var(--gray-200);overflow:hidden}.admin-ceiling-fill{height:100%;background:var(--primary-500);border-radius:var(--radius-full)}.admin-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.admin-set{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--gray-50)}.admin-set-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.admin-set-stats{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.admin-set-stats b{color:var(--text-primary);font-size:var(--text-sm)}.admin-pager{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary)}.admin-pager span{margin-right:var(--space-2)}.admin-subtabs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.admin-count{margin-left:6px;background:var(--primary-600);color:#fff;border-radius:var(--radius-full);padding:0 7px;font-size:.7rem}.admin-feed{list-style:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.admin-feed li{display:grid;grid-template-columns:170px 220px 1fr;grid-gap:var(--space-3);gap:var(--space-3);font-size:var(--text-sm);padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100)}.admin-feed li:last-child{border-bottom:none}.admin-feed-when{color:var(--text-tertiary)}.admin-feed-who{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.admin-form{grid-gap:var(--space-4)}.admin-form,.admin-form-row{display:grid;gap:var(--space-4)}.admin-form-row{grid-template-columns:1fr 1fr;grid-gap:var(--space-4)}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.admin-field-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-field .filter-input,.admin-field .filter-select{width:100%}.filter-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.admin-checklist{max-height:220px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}.admin-check{display:flex;align-items:center;gap:var(--space-2);padding:6px 4px;font-size:var(--text-sm);cursor:pointer;color:var(--text-primary)}.admin-check>span:nth-child(2){flex:1 1}.admin-check input{accent-color:var(--primary-600);width:16px;height:16px}.admin-radio-row{display:flex;gap:var(--space-5);flex-wrap:wrap}.admin-role-help{font-size:var(--text-sm);color:var(--text-secondary);background:var(--primary-50);border-radius:var(--radius-md);padding:var(--space-3)}@media (max-width:1280px){.admin-kpi-row{grid-template-columns:repeat(2,1fr)}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}.admin-rolebar-hint{display:none}}@media (max-width:640px){.admin-feed li,.admin-form-row,.admin-kpi-row{grid-template-columns:1fr}.admin-feed li{gap:2px}.admin-inline-field .filter-select,.admin-search{min-width:0;width:100%}}.admin-header .header-left{gap:var(--space-1);flex-wrap:nowrap;min-width:0}.admin-header .admin-product{margin-right:var(--space-3);margin-left:var(--space-3)}.admin-header .main-tab{white-space:nowrap;padding:.45rem .7rem}@media (max-width:1400px){.admin-header .admin-user-role,.admin-header .main-tab-icon{display:none}}@media (max-width:1180px){.admin-header{flex-wrap:wrap}.admin-header .header-left{flex-wrap:wrap;row-gap:var(--space-1)}}a.btn,a.main-tab{text-decoration:none}a.main-tab{align-items:center}.admin-back{display:inline-block;font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;margin-bottom:var(--space-3);font-weight:500}.admin-back:hover{color:var(--primary-600)}.admin-page-title .admin-badge,.admin-page-title .admin-tag{vertical-align:middle;margin-left:var(--space-2);font-size:.75rem}.admin-row-link{color:var(--text-primary);text-decoration:none}.admin-row-link:hover{color:var(--primary-600);text-decoration:underline}.admin-facts{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:var(--space-4);gap:var(--space-4);background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-card)}.admin-fact-value{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-1);color:var(--text-primary)}.admin-count.muted{background:var(--gray-200);color:var(--gray-600)}@media (max-width:1280px){.admin-facts{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.admin-facts{grid-template-columns:1fr 1fr}}