*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--color-bg-canvas: #f4f8ff;--color-bg-surface: #fbfdff;--color-bg-muted: #edf3ff;--color-bg-soft: #f6f9ff;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-border: #d5e2f7;--color-border-strong: #b7c9e8;--color-primary-50: #edf4ff;--color-primary-100: #d9e8ff;--color-primary-500: #2f6fed;--color-primary-600: #245bd0;--color-primary-700: #1f4ead;--color-success-100: #ecfdf3;--color-success-700: #166534;--color-warning-100: #fef3c7;--color-warning-700: #92400e;--color-danger-100: #fee2e2;--color-danger-700: #b91c1c;--app-header-height: 70px;--sidebar-open-width: 288px;--sidebar-closed-width: 92px;--layout-shell-gap: 16px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 6px 16px rgba(15, 23, 42, .08);--shadow-md: 0 14px 32px rgba(15, 23, 42, .12);--transition-fast: .2s ease;--transition-base: .28s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100%;background:var(--color-bg-canvas);color:var(--color-text-primary);overflow:hidden}#root{min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button,input,select,textarea{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}:where(.page-header){background:linear-gradient(135deg,#0f172a,#1d3557 48%,#2f6fed);color:#fff;padding:2rem;margin-bottom:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}:where(.page-header h1){margin:0 0 .45rem;font-size:1.9rem;font-weight:700}:where(.page-header p){margin:0;color:#ffffffd9}:where(.tabs-container){background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}:where(.tabs-header){display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--color-border);background:var(--color-bg-muted)}:where(.tab-button){flex:1;min-width:160px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-muted);font-size:.95rem;font-weight:600;padding:.95rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.625rem}:where(.tab-button:hover){color:var(--color-text-secondary);background:var(--color-primary-50)}:where(.tab-button.active){color:var(--color-primary-600);border-bottom-color:var(--color-primary-500);background:var(--color-bg-surface)}:where(.tabs-content){padding:1.5rem}:where(.tab-pane){animation:tabFadeIn .22s ease-in}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}:where(.btn){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:.625rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.92rem;font-weight:600;cursor:pointer}:where(.btn:disabled){opacity:.55;cursor:not-allowed}:where(.btn-primary){background:var(--color-primary-500);color:#fff}:where(.btn-primary:hover:not(:disabled)){background:var(--color-primary-600)}:where(.btn-secondary){background:var(--color-bg-surface);color:var(--color-text-secondary);border-color:var(--color-border)}:where(.btn-secondary:hover:not(:disabled)){background:var(--color-bg-soft);border-color:var(--color-border-strong)}:where(.form-group label){display:block;margin-bottom:.45rem;color:var(--color-text-secondary);font-size:.9rem;font-weight:600}:where(.form-group input,.form-group select,.form-group textarea){width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-bg-surface);min-height:2.5rem;padding:.625rem .8rem}:where(.form-group input:focus,.form-group select:focus,.form-group textarea:focus){outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}:where(.status-badge){display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .7rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}:where(.loading,.error-message,.no-results,.empty-state,.loading-state){border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-text-muted)}.app-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;color:var(--color-text-muted)}.app-loading-spinner--fullscreen{min-height:100vh}.app-loading-spinner__ring{display:inline-block;border-radius:50%;border:3px solid rgba(47,111,237,.2);border-top-color:var(--color-primary-500);animation:app-spinner-rotate .8s linear infinite}.app-loading-spinner__ring--sm{width:18px;height:18px}.app-loading-spinner__ring--md{width:32px;height:32px}.app-loading-spinner__ring--lg{width:42px;height:42px}.app-loading-spinner__message{margin:0;font-size:.95rem;font-weight:500}@keyframes app-spinner-rotate{to{transform:rotate(360deg)}}.notification-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;pointer-events:none}.notification{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:slideIn .3s ease-out;pointer-events:auto;border-left:4px solid}@keyframes slideIn{0%{transform:translate(420px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(420px);opacity:0}}.notification.notification-success{border-left-color:#2f6fed}.notification.notification-success .notification-icon{color:#2f6fed}.notification.notification-error{border-left-color:#dc2626}.notification.notification-error .notification-icon{color:#dc2626}.notification.notification-warning{border-left-color:#d97706}.notification.notification-warning .notification-icon{color:#d97706}.notification.notification-info{border-left-color:var(--color-primary-500)}.notification.notification-info .notification-icon{color:var(--color-primary-500)}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.125rem}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:.95rem;color:var(--color-text-primary);line-height:1.4;word-wrap:break-word}.notification-close{flex-shrink:0;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;margin-left:.5rem}.notification-close:hover{color:var(--color-text-secondary)}@media(max-width:640px){.notification-container{left:1rem;right:1rem;max-width:none}.notification{gap:.75rem;padding:.875rem 1rem}.notification-message{font-size:.875rem}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem calc(var(--layout-shell-gap) + 4px);background:linear-gradient(120deg,#0f172a,#1d3557 52%,#2f6fed);box-shadow:var(--shadow-sm);height:var(--app-header-height);position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.12)}.app-header-left{display:flex;align-items:center;gap:.9rem}.app-burger-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;transition:all var(--transition-fast);flex-shrink:0}.app-burger-button:hover{background:#fff3;border-color:#ffffff57}.app-burger-button:active{transform:translateY(1px)}.app-brand{display:flex;flex-direction:column;gap:.08rem}.app-header-title{font-size:1.1rem;font-weight:700;color:#f8fbff;white-space:nowrap;line-height:1.15}.app-header-subtitle{font-size:.72rem;color:#f8fbffd1;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.app-header-right{display:flex;align-items:center;gap:1rem}.app-header-logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.3rem;padding:.5rem .78rem;background:#f8fafc1a;color:#f8fbffeb;border:1px solid rgba(255,255,255,.28);border-radius:.72rem;cursor:pointer;transition:all var(--transition-fast);font-size:.84rem;font-weight:700;letter-spacing:.01em}.app-header-logout-btn:hover{background:#ef444433;border-color:#f871718c;color:#fff;box-shadow:0 8px 16px #0f172a40}.app-header-logout-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f8717157}.app-header-logout-btn:active{transform:translateY(1px)}.app-user-info{display:flex;align-items:center;gap:.75rem}.app-user-name{color:#f8fbff;font-weight:500;font-size:.95rem;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-avatar{width:38px;height:38px;border-radius:.9rem;background:#f8fafc33;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;border:1px solid rgba(255,255,255,.35)}@media(max-width:768px){:root{--app-header-height: 60px}.app-header{padding:.6rem .75rem}.app-header-subtitle,.app-user-name,.app-header-logout-btn span{display:none}.app-header-logout-btn{min-height:2.2rem;min-width:2.2rem;padding:.45rem .52rem}.app-user-avatar{width:36px;height:36px;font-size:.8rem}}.app-sidebar{width:var(--sidebar-open-width);height:calc(100vh - var(--app-header-height) - (var(--layout-shell-gap) * 2));background:linear-gradient(180deg,#0f172a,#1d3557 45%,#1f4ead);color:#fff;display:flex;flex-direction:column;position:fixed;left:var(--layout-shell-gap);top:calc(var(--app-header-height) + var(--layout-shell-gap));border-radius:1.05rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 40px #0f172a52;transition:all var(--transition-base);overflow:hidden;z-index:100}.app-sidebar.closed{width:var(--sidebar-closed-width);opacity:1;visibility:visible}.app-sidebar.open{width:var(--sidebar-open-width);opacity:1;visibility:visible}.app-sidebar-header{padding:.95rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.14)}.app-sidebar-title{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f8fbffc7}.app-sidebar.closed .app-sidebar-title{opacity:0}.app-sidebar-nav{flex:1;padding:.6rem .55rem;overflow-y:auto;overflow-x:hidden;transition:all var(--transition-base)}.app-sidebar-nav::-webkit-scrollbar{width:0}.app-sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.app-sidebar.closed .app-sidebar-nav{padding:.6rem .35rem}.app-nav-item{display:flex;align-items:center;gap:.75rem;padding:.72rem .85rem;color:#edf4ff;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent;border-radius:.75rem;white-space:nowrap;font-weight:600;margin-bottom:.32rem}.app-sidebar.closed .app-nav-item{padding:.68rem .52rem;justify-content:center;gap:0}.app-sidebar.closed .app-nav-item span{opacity:0;visibility:hidden;width:0}.app-nav-item:hover{background:#ffffff1f;border-color:#fff3;color:#fff}.app-nav-item.active{background:#2f6fed47;color:#fff;border-color:#b7c9e88c;font-weight:700;box-shadow:inset 0 0 0 1px #b7c9e852}.app-sidebar.closed .app-nav-item.active{background:#2f6fed47;border-color:#b7c9e88c;box-shadow:inset 0 0 0 1px #b7c9e852}.app-sidebar-logo{display:flex;justify-content:center;align-items:center;padding:.8rem .7rem .95rem;border-top:1px solid rgba(255,255,255,.14)}.app-sidebar-logo-image{display:block;height:auto}.app-sidebar-logo-image.open{width:min(168px,100%)}.app-sidebar-logo-image.closed{width:28px}@media(max-width:768px){.app-sidebar.mobile{left:8px;top:calc(var(--app-header-height) + 8px);height:calc(100vh - var(--app-header-height) - 16px);width:min(82vw,var(--sidebar-open-width));border-radius:.9rem;transform:translate(0);transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)}.app-sidebar.mobile.closed{width:min(82vw,var(--sidebar-open-width));transform:translate(calc(-100% - 8px));opacity:0;visibility:hidden;pointer-events:none}.app-sidebar.mobile.open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.app-sidebar.mobile.closed .app-sidebar-title{opacity:1}.app-sidebar.mobile.closed .app-sidebar-nav{padding:.6rem .55rem}.app-sidebar.mobile.closed .app-nav-item{justify-content:flex-start;gap:.75rem;padding:.72rem .85rem}.app-sidebar.mobile.closed .app-nav-item span{opacity:1;visibility:visible;width:auto}.app-sidebar.mobile .app-sidebar-logo-image.open{width:min(152px,100%)}}.main-layout{display:flex;flex-direction:column;height:100dvh;background:radial-gradient(circle at 8% 2%,rgba(47,111,237,.08),transparent 26%),radial-gradient(circle at 95% 96%,rgba(31,78,173,.12),transparent 30%),var(--color-bg-canvas)}.layout-container{display:flex;flex:1;height:calc(100dvh - var(--app-header-height));min-height:0;position:relative;overflow:hidden}.main-content{flex:1;min-height:0;height:100%;padding:var(--layout-shell-gap);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;margin-left:calc(var(--sidebar-open-width) + var(--layout-shell-gap));transition:margin-left var(--transition-base)}.main-content-inner{width:min(100%,1480px);margin:0 auto;min-height:100%;border-radius:1.1rem}.layout-container .app-sidebar.closed~.main-content{margin-left:calc(var(--sidebar-closed-width) + var(--layout-shell-gap))}.sidebar-drawer-backdrop{position:fixed;top:var(--app-header-height);left:0;width:100vw;height:calc(100vh - var(--app-header-height));border:0;background:#02061773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;cursor:pointer}@media(max-width:768px){.main-content{margin-left:0;padding:.85rem}.layout-container .app-sidebar.closed~.main-content{margin-left:0}.main-content-inner{border-radius:.8rem}}.app-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.pagination-pages{display:inline-flex;align-items:center;gap:.35rem}.pagination-nav-btn,.pagination-page-btn{min-height:2rem;border:1px solid var(--color-border);border-radius:.45rem;background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;transition:all var(--transition-fast)}.pagination-nav-btn{padding:.38rem .65rem}.pagination-page-btn{min-width:2rem;padding:.38rem .5rem}.pagination-nav-btn:hover:not(:disabled),.pagination-page-btn:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-border-strong)}.pagination-page-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.pagination-nav-btn:disabled,.pagination-page-btn:disabled{opacity:.55;cursor:not-allowed}.pagination-ellipsis{color:var(--color-text-muted);font-size:.84rem;padding:0 .2rem}.dashboard-page{display:flex;flex-direction:column;gap:1rem;padding:.35rem .1rem 1.5rem}.dashboard-page--loading,.dashboard-page--empty{min-height:420px}.dashboard-hero{background:linear-gradient(132deg,#0f172a,#1f4ead 52%,#2f6fed);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;padding:1.45rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-hero-kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;margin-bottom:.25rem}.dashboard-hero h1{font-size:clamp(1.35rem,2vw,1.9rem);margin-bottom:.2rem}.dashboard-hero p{margin:0;color:#ffffffd9}.dashboard-refresh-btn{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;border-radius:999px;padding:.55rem .95rem;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;white-space:nowrap}.dashboard-refresh-btn:disabled{opacity:.8;cursor:wait}.dashboard-refresh-btn:hover:not(:disabled){background:#fff3}.spin{animation:spin .8s linear infinite}.dashboard-warning-strip{border:1px solid #f5d28b;background:#fff8ea;color:#92400e;border-radius:var(--radius-md);padding:.7rem .9rem;display:flex;gap:.6rem;align-items:flex-start}.dashboard-warning-strip p{margin:0;font-size:.88rem}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:.8rem}.dashboard-kpi-card{background:linear-gradient(150deg,var(--color-bg-surface) 0%,#f4f8ff 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.95rem 1rem;box-shadow:var(--shadow-xs);min-height:116px}.kpi-label{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.kpi-value{margin-top:.5rem;font-size:1.8rem;line-height:1.05;color:var(--color-text-primary);font-weight:750}.kpi-meta{margin-top:.4rem;color:var(--color-text-secondary);font-size:.82rem}.dashboard-chart-grid,.dashboard-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.dashboard-widget{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.95rem 1rem;box-shadow:var(--shadow-xs)}.dashboard-widget-header{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.8rem}.dashboard-widget-header h2{font-size:1.05rem;margin:0}.dashboard-widget-header span{color:var(--color-text-muted);font-size:.8rem}.widget-empty{min-height:280px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center;padding:1rem}.dashboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.dashboard-list-item{display:flex;justify-content:space-between;align-items:center;gap:.7rem;border:1px solid var(--color-border);border-radius:.62rem;padding:.62rem .7rem;background:var(--color-bg-soft)}.dashboard-list-item p{margin:0;color:var(--color-text-primary);font-size:.92rem;font-weight:600}.dashboard-list-item span{color:var(--color-text-muted);font-size:.78rem}.status-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;font-size:.74rem;text-transform:capitalize;padding:.25rem .6rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.status-pill--success{color:var(--color-success-700);background:var(--color-success-100);border-color:#16653433}.status-pill--pending{color:var(--color-warning-700);background:var(--color-warning-100);border-color:#92400e33}.status-pill--error{color:var(--color-danger-700);background:var(--color-danger-100);border-color:#b91c1c33}.attention-badge{border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.24rem .58rem;font-weight:700}.attention-badge--warning{color:var(--color-warning-700);background:var(--color-warning-100)}.attention-badge--error{color:var(--color-danger-700);background:var(--color-danger-100)}.dashboard-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.dashboard-action-card{border:1px solid var(--color-border);border-radius:.72rem;background:linear-gradient(148deg,#fff,#f5f8ff);padding:.8rem;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.6rem;box-shadow:var(--shadow-xs)}.dashboard-action-card:hover{border-color:var(--color-primary-500);box-shadow:0 10px 22px #2f6fed29;transform:translateY(-1px)}.action-icon-wrap{width:34px;height:34px;border-radius:.6rem;background:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center}.dashboard-action-card h3{margin:0;font-size:.93rem;color:var(--color-text-primary)}.dashboard-action-card p{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.8rem}.empty-widget{text-align:center;max-width:440px;margin:0 auto}.empty-widget h2{margin-bottom:.3rem}.empty-widget p{color:var(--color-text-muted);margin-bottom:.8rem}@media(max-width:1200px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media(max-width:900px){.dashboard-chart-grid,.dashboard-insight-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-page{gap:.85rem}.dashboard-hero{flex-direction:column;align-items:flex-start}.dashboard-kpi-grid{grid-template-columns:1fr}}.confirm-dialog-overlay{position:fixed;inset:0;background:#02061785;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:2rem;max-width:420px;width:90%;box-shadow:var(--shadow-md);animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;margin:0 auto 1.5rem}.confirm-dialog-icon.dangerous{background:var(--color-danger-100);color:var(--color-danger-700)}.confirm-dialog-icon.info{background:var(--color-primary-100);color:var(--color-primary-600)}.confirm-dialog-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.confirm-dialog-message{margin:0 0 2rem;font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.confirm-dialog-actions{display:flex;gap:1rem;justify-content:center}.confirm-dialog-actions .btn{flex:1;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.confirm-dialog-actions .btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-actions .btn-primary{background:var(--color-primary-500);color:#fff}.confirm-dialog-actions .btn-primary:hover:not(:disabled){background:var(--color-primary-600)}.confirm-dialog-actions .btn-secondary{background:var(--color-bg-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.confirm-dialog-actions .btn-secondary:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-border-strong)}.confirm-dialog-actions .btn-danger{background:#dc2626;color:#fff}.confirm-dialog-actions .btn-danger:hover:not(:disabled){background:#b91c1c}@media(max-width:640px){.confirm-dialog{padding:1.5rem;width:85%}.confirm-dialog-title{font-size:1.25rem}.confirm-dialog-actions{flex-direction:column}.confirm-dialog-actions .btn{width:100%}}.delete-header{flex-direction:column;text-align:center}.delete-icon{background:#fee2e2;color:#991b1b}.warning-text{margin:0 0 1rem;color:#475569;font-size:.95rem}.user-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin:1rem 0}.user-name{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1e293b}.user-email{margin:0;font-size:.9rem;color:#64748b}.user-role{margin:.5rem 0 0;font-size:.85rem;color:#94a3b8}.info-text{margin:1rem 0 0;font-size:.9rem;color:#64748b;line-height:1.5}.deletion-info{background:#edf4ff;border-left:3px solid #5f8df5;padding:.75rem 1rem;margin:1rem 0;border-radius:.25rem}.deletion-info p{margin:0;font-size:.9rem;color:#1f4ead}.user-list{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.list-header h2{margin:0;font-size:1.08rem;color:var(--color-text-primary)}.list-filters{--filters-control-height: 2.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.65rem;margin-bottom:.75rem;align-items:stretch}.search-box{flex:1;display:flex;align-items:center;gap:.5rem;height:var(--filters-control-height);padding:0 .75rem;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;line-height:1.1}.filter-select{height:var(--filters-control-height);width:160px;min-width:160px;padding:0 1.8rem 0 .75rem;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:500;font-size:.9rem;line-height:1;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 10px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.filter-select:hover{border-color:var(--color-border-strong);background-color:var(--color-bg-soft)}.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed24}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface)}.user-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.7rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-soft)}.user-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.user-pagination{width:auto;margin-left:auto;justify-content:flex-end}.user-list .user-pagination.app-pagination{width:auto;justify-content:flex-end}.user-table{width:100%;border-collapse:collapse}.user-table thead{background:var(--color-bg-muted)}.user-table th{padding:.7rem .85rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.user-table td{padding:.72rem .85rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem}.user-table tbody tr:hover{background:var(--color-bg-soft)}.user-list .status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:.25rem .62rem;border-radius:999px;border:1px solid transparent;font-size:.72rem;line-height:1.1;font-weight:700;text-transform:capitalize;letter-spacing:.01em}.user-list .status-active{background:#e8f7ee;color:#000;border-color:#b9e7cb}.user-list .status-pending{background:#fff4db;color:#000;border-color:#f8d7a0}.user-list .status-inactive{background:#eef2f8;color:#000;border-color:#d6deeb}.action-buttons{display:flex;gap:.35rem}.user-list .btn{display:flex;align-items:center;gap:.5rem;min-height:2.55rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.user-list .btn-primary{background:var(--color-primary-500);color:#fff}.user-list .btn-primary:hover{background:var(--color-primary-600)}.user-list .btn-icon{display:flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;padding:0;border:1px solid var(--color-border);background:var(--color-bg-surface);border-radius:.375rem;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.user-list .btn-icon:hover{background:var(--color-bg-soft);border-color:var(--color-border-strong)}.user-list .btn-icon.btn-success{color:#2f6fed}.user-list .btn-icon.btn-success:hover{background:#d9e8ff;border-color:#2f6fed}.user-list .btn-icon.btn-warning{color:#f59e0b}.user-list .btn-icon.btn-warning:hover{background:var(--color-warning-100);border-color:#f59e0b}.user-list .btn-icon.btn-info{color:#0ea5e9}.user-list .btn-icon.btn-info:hover{background:#e0f2fe;border-color:#0ea5e9}.user-list .btn-icon.btn-danger{color:#ef4444}.user-list .btn-icon.btn-danger:hover{background:var(--color-danger-100);border-color:#ef4444}.user-list .loading,.user-list .error-message,.user-list .no-results{text-align:center;padding:1.4rem;color:var(--color-text-muted)}@media(max-width:640px){.list-filters{grid-template-columns:1fr;row-gap:.5rem}.filter-select{width:100%;min-width:0}.user-pagination-wrap{flex-direction:column;align-items:flex-start}.user-pagination{width:100%;justify-content:center}}.user-list .error-message{color:var(--color-danger-700)}.uam-modal-overlay{position:fixed;inset:0;background:#02061780;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.uam-modal-content{background:var(--color-bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.uam-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.uam-modal-header h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.uam-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.uam-close-btn:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.user-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary);font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;transition:all var(--transition-fast);box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.form-group input.error,.form-group select.error{border-color:var(--color-danger-700)}.error-text{display:block;margin-top:.375rem;font-size:.875rem;color:var(--color-danger-700)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-soft);border-color:var(--color-border-strong)}.restore-header{flex-direction:column;text-align:center}.restore-icon{background:#d9e8ff;color:#1f4ead}.deleted-users{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.deleted-users .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.deleted-users .list-header h2{margin:0;font-size:1.08rem;color:var(--color-text-primary)}.deleted-users .subtitle{margin:0;font-size:.82rem;color:var(--color-text-muted)}.deleted-users .list-filters{--filters-control-height: 2.2rem;margin-bottom:.75rem}.deleted-users .search-box{display:flex;align-items:center;gap:.5rem;height:var(--filters-control-height);padding:0 .75rem;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.deleted-users .search-box input{flex:1;border:none;background:none;outline:none;font-size:.9rem;line-height:1.1;color:var(--color-text-secondary)}.deleted-users .search-box input::placeholder{color:#9ca3af}.deleted-users .table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface)}.deleted-users .deleted-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.7rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-soft)}.deleted-users .deleted-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.deleted-users .deleted-pagination{width:auto;margin-left:auto;justify-content:flex-end}.deleted-users .deleted-pagination.app-pagination{width:auto;justify-content:flex-end}.deleted-users .deleted-users-table{width:100%;border-collapse:collapse}.deleted-users .deleted-users-table thead{background:var(--color-bg-muted)}.deleted-users .deleted-users-table th{padding:.7rem .85rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.deleted-users .deleted-users-table td{padding:.72rem .85rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9rem}.deleted-users .deleted-users-table tbody tr:hover{background:var(--color-bg-soft)}.deleted-users .btn-icon{display:inline-flex;align-items:center;gap:.4rem;min-height:1.95rem;padding:.35rem .75rem;border:1px solid transparent;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.deleted-users .btn-restore{background:var(--color-primary-100);color:var(--color-primary-700);border-color:var(--color-border)}.deleted-users .btn-restore:hover{background:var(--color-bg-soft);border-color:var(--color-primary-500)}.deleted-users .no-results{text-align:center;padding:1.4rem;color:var(--color-text-muted);font-size:.95rem}.deleted-users .loading,.deleted-users .error-message{padding:1.4rem;text-align:center;font-size:.95rem}.deleted-users .error-message{color:var(--color-danger-700);background:var(--color-danger-100);border-radius:var(--radius-sm)}@media(max-width:640px){.deleted-users .deleted-pagination-wrap{flex-direction:column;align-items:flex-start}.deleted-users .deleted-pagination{width:100%;justify-content:center}}.user-management-page{padding:0}.user-management-page .page-header{margin-bottom:1.25rem}.user-management-page .users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.user-management-page .users-toolbar h2{margin:0;font-size:1.08rem;color:var(--color-text-primary)}.user-management-page .users-toolbar .btn{min-height:2.2rem;padding:.45rem .9rem;font-size:.86rem}.user-management-page .tabs-container{overflow:hidden}.user-management-page .tabs-header{padding:.45rem;gap:.4rem;border-bottom:1px solid var(--color-border)}.user-management-page .tab-button{border-radius:.6rem;border-bottom-width:0;min-width:0;flex:0 0 auto;padding:.75rem 1rem}.user-management-page .tab-button.active{border-bottom-color:transparent;box-shadow:var(--shadow-xs)}.user-management-page .tabs-content{padding:.9rem}@media(max-width:768px){.user-management-page .users-toolbar{margin-bottom:.6rem}.user-management-page .users-toolbar h2{font-size:1rem}.user-management-page .tabs-content{padding:.75rem}}.file-upload{width:100%;max-width:1040px;margin:0 auto}.upload-card{background:#f6f9ffbd;border-radius:1rem;border:1px solid rgba(183,201,232,.42);padding:1.75rem;box-shadow:0 10px 24px #0f172a0f;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:.9rem}.upload-card h2{margin:0;font-size:1.35rem;color:var(--color-text-primary)}.upload-card p{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.92rem}.form-group{width:100%;max-width:none;margin-bottom:.2rem;text-align:left;padding:.85rem .9rem;border-radius:.8rem;border:1px solid rgba(183,201,232,.45);background:#f6f9ffc2}.form-group label{display:block;margin-bottom:.45rem;font-weight:600;color:var(--color-text-primary);font-size:.88rem}.form-group select,.form-group input[type=date]{width:100%;min-height:2.65rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.form-group select:hover,.form-group input[type=date]:hover{border-color:var(--color-border-strong)}.form-group select:focus,.form-group input[type=date]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.form-group select:disabled,.form-group input[type=date]:disabled{background:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.date-hint{display:block;margin-top:.375rem;font-size:.78rem;color:var(--color-text-muted)}.file-input-wrapper{position:relative;border:2px dashed var(--color-border-strong);border-radius:.75rem;padding:2rem 1rem;min-height:132px;cursor:pointer;transition:all .2s;background:#f1f6ffd6}.file-input-wrapper:hover{border-color:var(--color-primary-500);background:var(--color-bg-surface)}.file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-input:disabled{cursor:not-allowed}.file-input-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;text-align:center}.file-name{font-weight:600;color:var(--color-primary-600);word-break:break-all}.file-size,.file-types{font-size:.85rem;color:var(--color-text-muted)}.upload-button{width:100%;max-width:none;padding:.9rem 1.4rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.upload-button:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 10px 20px #245bd033}.upload-button:active:not(:disabled){transform:translateY(0)}.upload-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.upload-progress-section{width:100%;max-width:none;margin-bottom:.2rem;animation:slideIn .3s ease-out;padding:.95rem;border:1px solid rgba(183,201,232,.48);border-radius:.85rem;background:linear-gradient(180deg,#f1f6ffcc,#f6f9ffd1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.progress-info{margin-bottom:1rem}.upload-details{display:flex;gap:1.5rem;margin-top:.75rem;font-size:.85rem;color:var(--color-text-muted)}.detail-item{display:flex;align-items:center;gap:.25rem}.progress-status{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.status-spinner{width:16px;height:16px;border:2px solid rgba(47,111,237,.2);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .6s linear infinite}.status-icon{flex-shrink:0}.status-icon.success{color:#2f6fed;animation:scaleIn .3s ease-out}.status-icon.error{color:#dc2626;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.progress-bar-container{width:100%;height:8px;background:var(--color-bg-muted);border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.progress-bar{height:100%;border-radius:9999px;transition:width .3s ease;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);box-shadow:0 0 10px #2f6fed66}.progress-bar.success{background:linear-gradient(90deg,#2f6fed,#245bd0);box-shadow:0 0 10px #2f6fed73}.progress-bar.error{background:linear-gradient(90deg,#dc2626,#b91c1c);box-shadow:0 0 10px #dc262680}.progress-bar-container.indeterminate{overflow:hidden}.progress-bar-indeterminate-track{position:relative;width:100%;height:100%;overflow:hidden;border-radius:9999px}.progress-bar-indeterminate-fill{position:absolute;top:0;left:0;height:100%;width:38%;border-radius:9999px;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);animation:upload-indeterminate-slide 1.25s ease-in-out infinite}@keyframes upload-indeterminate-slide{0%{transform:translate(-100%)}to{transform:translate(320%)}}@media(max-width:768px){.upload-card{padding:1.15rem;gap:.8rem}.upload-card h2{font-size:1.15rem}.form-group{padding:.75rem}.upload-button{max-width:100%}}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:var(--color-bg-surface);border-radius:.75rem;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{padding:2rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.delete-file-header{flex-direction:column;text-align:center}.dialog-header h2{margin:0;font-size:1.5rem;color:#1e293b}.dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.delete-file-icon{background:#fee2e2;color:#991b1b}.dialog-body{padding:2rem}.file-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-row:not(:last-child){border-bottom:1px solid #e2e8f0;margin-bottom:.5rem;padding-bottom:.75rem}.info-row .label{font-weight:600;color:#475569;font-size:.9rem}.info-row .value{color:#1e293b;font-weight:500}.warning-box{background:#fef3c7;border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:.5rem;padding:1rem;display:flex;gap:1rem;color:#92400e}.warning-box svg{flex-shrink:0;margin-top:.125rem}.warning-box p{margin:0;font-size:.9rem;line-height:1.5}.dialog-footer{padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e2e8f0;color:#334155}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.restore-file-header{flex-direction:column;text-align:center}.restore-file-icon{background:#d9e8ff;color:#1f4ead}.info-box{background:#edf4ff;border:1px solid #b7c9e8;border-left:4px solid #5f8df5;border-radius:.5rem;padding:1rem;display:flex;gap:1rem;color:#1f4ead}.info-box svg{flex-shrink:0;margin-top:.125rem}.info-box p{margin:0;font-size:.9rem;line-height:1.5}.btn-success{background:#5f8df5;color:#fff}.btn-success:hover:not(:disabled){background:#2f6fed}.file-list{background:transparent;border-radius:1rem;border:none;padding:.35rem;box-shadow:none;position:relative;overflow:visible}.file-list:before{content:none}.file-list.is-refreshing .files-table-wrapper{opacity:.92;transition:opacity .2s ease}.file-list-refresh-bar{font-size:.88rem;font-weight:600;color:var(--color-primary-700);display:flex;align-items:center;gap:.35rem;margin:-.5rem 0 1rem;padding:.55rem .75rem;background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-sm)}.file-list-refresh-bar:before{content:"";width:.65rem;height:.65rem;border:2px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;animation:file-list-spin .7s linear infinite}@keyframes file-list-spin{to{transform:rotate(360deg)}}.file-list .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.file-list .list-header h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.file-list .filter-group{display:flex;align-items:center;gap:.75rem;padding:.45rem .65rem;background:#f6f9ffd6;border:1px solid rgba(183,201,232,.5);border-radius:.75rem}.file-list .filter-group label{font-weight:600;color:var(--color-text-secondary);font-size:.95rem;white-space:nowrap}.file-list .filter-group select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--color-text-primary);background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.file-list .filter-group select:hover{border-color:var(--color-border-strong)}.file-list .filter-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.file-list .pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0 1.1rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.file-list .pagination-info{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.file-list .pagination-actions{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.file-list .items-per-page{display:flex;align-items:center;gap:.75rem}.file-list .items-per-page label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.file-list .items-per-page select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.file-list .items-per-page select:hover{border-color:var(--color-border-strong)}.file-list .items-per-page select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.file-list .pagination-buttons{display:flex;align-items:center;gap:1rem}.file-list .table-filter-inline{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:.32rem .5rem;border-radius:.62rem;gap:.45rem}.file-list .table-filter-inline label{font-size:.82rem;white-space:nowrap}.file-list .table-filter-inline select{flex:0 0 auto;min-width:150px;padding:.38rem .56rem;font-size:.82rem;border-radius:.5rem}.file-list .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.file-list .pagination-btn:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 8px 18px #245bd038}.file-list .pagination-btn:active:not(:disabled){transform:translateY(0)}.file-list .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.file-list .page-indicator{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);min-width:120px;text-align:center}@media(max-width:1024px){.file-list .pagination-controls{flex-direction:column;align-items:flex-start}.file-list .pagination-actions{width:100%;justify-content:space-between;flex-wrap:nowrap}.file-list .pagination-buttons{width:100%;justify-content:space-between}}@media(max-width:768px){.file-list .pagination-controls{padding:1rem 0}.file-list .pagination-info{width:100%;font-size:.85rem}.file-list .pagination-actions{width:100%;flex-direction:column;gap:1rem;align-items:stretch}.file-list .items-per-page{width:100%}.file-list .items-per-page select{flex:1}.file-list .pagination-buttons{width:100%}.file-list .pagination-btn{flex:1;justify-content:center;font-size:.85rem}.file-list .page-indicator{width:100%;order:-1}}.file-list .loading-state{padding:.75rem 0}.file-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--color-text-muted);text-align:center}.file-list .empty-state svg{color:var(--color-border-strong);margin-bottom:1rem}.file-list .empty-state p{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--color-text-muted)}.file-list .empty-state span{font-size:.95rem;color:#94a3b8}.file-list .files-table-wrapper{overflow-x:auto;border:1px solid rgba(183,201,232,.6);border-radius:.85rem;background:#f6f9ffe6}.file-list .files-table{width:100%;border-collapse:collapse;font-size:.9rem}.file-list .files-table thead{background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.file-list .files-table th{padding:.9rem .85rem;text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.file-list .files-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .2s}.file-list .files-table tbody tr:hover{background:var(--color-bg-soft)}.file-list .files-table td{padding:.8rem .85rem;color:var(--color-text-secondary)}.file-name{font-weight:600;color:var(--color-text-primary);word-break:break-word;max-width:300px}.table-name{text-align:center}.table-badge{display:inline-block;padding:.25rem .75rem;background:var(--color-primary-500);color:#fff;border-radius:9999px;font-size:.85rem;font-weight:600}.snapshot-date,.upload-date{font-size:.9rem;color:var(--color-text-muted);white-space:nowrap}.uploader{color:var(--color-text-muted)}.status{text-align:center}.file-list .status-badge{display:inline-block;padding:.375rem .75rem;border-radius:999px;font-size:.74rem;font-weight:700;white-space:nowrap}.file-list .status-badge.pending{background:var(--color-warning-100);color:var(--color-warning-700)}.file-list .status-badge.completed{background:#d9e8ff;color:#1f4ead}.file-list .status-badge.partial-error{background:#fee2e2;color:#991b1b}.file-list .status-badge.in-progress{background:var(--color-primary-100);color:var(--color-primary-700);display:flex;align-items:center;gap:.5rem}.file-list .status-badge.in-progress .spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--color-primary-700);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.file-list .status-badge.error{background:#fecaca;color:#7f1d1d}.file-list .status-badge.db-deleted{background:var(--color-bg-muted);color:var(--color-text-muted)}.rows-count{text-align:center;font-size:.85rem;font-weight:500}.row-stats-container{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;justify-content:center}.row-stat-item{display:flex;align-items:center;gap:.4rem;padding:.2rem .42rem;background:var(--color-bg-muted);border-radius:999px;color:var(--color-text-secondary);font-family:Consolas,Courier New,monospace;white-space:nowrap}.row-stat-item.success{background:#d9e8ff;color:#1f4ead}.row-stat-item.error{background:#fee2e2;color:#991b1b}.stat-label{font-weight:600;min-width:auto}.stat-value{font-weight:700}.file-list .actions{text-align:center}.file-list .action-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-primary-500);text-decoration:none;border-radius:.45rem;transition:all .2s;cursor:pointer}.file-list .action-link:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.file-list .action-link.btn-delete{color:#ef4444;border:none;background:none;padding:.5rem;cursor:pointer;transition:all .2s}.file-list .action-link.btn-delete:hover:not(:disabled){background:#ef44441a;color:#dc2626}.file-list .action-link.btn-delete:disabled{opacity:.4;cursor:not-allowed}.file-list .action-link.btn-restore{color:#2f6fed;border:none;background:none;padding:.5rem;cursor:pointer;transition:all .2s}.file-list .action-link.btn-restore:hover{background:#2f6fed1f;color:#245bd0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.file-list .list-header{flex-direction:column;align-items:flex-start}.file-list .files-table{font-size:.9rem}.file-list .files-table th,.file-list .files-table td{padding:.75rem}}@media(max-width:768px){.file-list{padding:1rem}.file-list .list-header h2{font-size:1.05rem}.file-list .files-table{font-size:.85rem}.file-list .files-table th,.file-list .files-table td{padding:.5rem}.file-list .file-name{max-width:150px}.file-list .upload-date{font-size:.8rem}}.error-message-tooltip{margin-top:.35rem;font-size:.72rem;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.25rem .5rem;max-width:260px;word-break:break-word;line-height:1.4}.data-view{display:flex;flex-direction:column;gap:1rem;background:transparent;border:none;border-radius:1rem;padding:.3rem;box-shadow:none}.data-view .view-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.data-view .view-title{display:flex;align-items:center;gap:.75rem}.data-view .view-title h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}.data-view .view-title svg{color:var(--color-primary-500)}.data-view .view-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem;background:#fafcf2d6;border-radius:.85rem;border:1px solid rgba(191,200,159,.52)}.data-view .control-group{display:flex;flex-direction:column;gap:.5rem}.data-view .control-group label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.data-view .control-group select,.data-view .control-group input[type=date],.data-view .search-input{min-height:2.5rem;padding:.625rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--color-text-primary);background:var(--color-bg-surface);transition:all .2s}.data-view .control-group select:hover,.data-view .control-group input[type=date]:hover,.data-view .search-input:hover{border-color:var(--color-border-strong)}.data-view .control-group select:focus,.data-view .control-group input[type=date]:focus,.data-view .search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.data-view .control-group select:disabled,.data-view .control-group input[type=date]:disabled,.data-view .search-input:disabled{background:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.data-view .search-group{grid-column:1 / -1}.data-view .pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0 .95rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.data-view .pagination-info{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.data-view .pagination-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.data-view .items-per-page{display:flex;align-items:center;gap:.75rem}.data-view .items-per-page label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.data-view .items-per-page select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.data-view .items-per-page select:hover{border-color:var(--color-border-strong)}.data-view .items-per-page select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.data-view .pagination-buttons{display:flex;align-items:center;gap:1rem}.data-view .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.6rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.data-view .pagination-btn:hover:not(:disabled){background:var(--color-primary-600);box-shadow:0 8px 18px #245bd033}.data-view .pagination-btn:active:not(:disabled){transform:translateY(0)}.data-view .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.data-view .page-indicator{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);min-width:120px;text-align:center}.data-view .loading-state{padding:.75rem 0}.data-view .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--color-text-muted);text-align:center}.data-view .empty-state svg{margin-bottom:1rem;opacity:.5}.data-view .empty-state p{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-muted)}.data-view .empty-state span{margin-top:.5rem;font-size:.9rem}.data-view .table-wrapper{overflow-x:auto;overflow-y:auto;border:1px solid rgba(191,200,159,.58);border-radius:.9rem;background:#fafcf2eb;max-height:62vh;-webkit-overflow-scrolling:touch}.data-view .data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-view .data-table thead{background:var(--color-bg-muted);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:2}.data-view .data-table th{padding:.8rem .75rem;text-align:left;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.data-view .data-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .2s}.data-view .data-table tbody tr:hover{background-color:var(--color-bg-soft)}.data-view .data-table tbody tr:last-child{border-bottom:none}.data-view .data-table td{padding:.75rem;color:var(--color-text-secondary);vertical-align:top}.data-view .data-row{transition:background-color .2s}.data-view .data-row:hover{background-color:var(--color-bg-soft)}.data-view .data-cell{font-size:.84rem;color:var(--color-text-secondary);word-break:break-word;line-height:1.4}@media(max-width:1024px){.data-view .view-controls{grid-template-columns:repeat(2,1fr)}.data-view .pagination-controls{flex-direction:column;align-items:flex-start}.data-view .pagination-actions,.data-view .pagination-buttons{width:100%;justify-content:space-between}}@media(max-width:768px){.data-view{padding:.8rem}.data-view .view-controls{grid-template-columns:1fr;padding:.8rem}.data-view .search-group{grid-column:1}.data-view .pagination-controls{padding:1rem 0}.data-view .pagination-info{width:100%;font-size:.85rem}.data-view .pagination-actions{width:100%;flex-direction:column;gap:1rem}.data-view .items-per-page{width:100%}.data-view .items-per-page select{flex:1}.data-view .pagination-buttons{width:100%}.data-view .pagination-btn{flex:1;justify-content:center;font-size:.85rem}.data-view .page-indicator{width:100%;order:-1}.data-view .data-table{font-size:.8rem}.data-view .data-table th,.data-view .data-table td{padding:.75rem .5rem}}.raw-data-management{padding:0;max-width:1480px;margin:0 auto}.raw-data-management .page-header{margin-bottom:1.25rem}.raw-data-management .tabs-container{border-radius:1.2rem;border:1px solid var(--color-border);box-shadow:0 20px 44px #0f172a17;overflow:hidden;background:linear-gradient(180deg,#fbfdfff0,#f4f8fff5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.raw-data-management .tabs-header{padding:.5rem;gap:.5rem;background:linear-gradient(180deg,#edf3fff5,#f6f9fff2);border-bottom:1px solid var(--color-border)}.raw-data-management .tab-button{border-radius:.8rem;min-height:2.9rem;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);border:1px solid var(--color-border);background:#fbfdffd1;color:var(--color-text-secondary);font-weight:600}.raw-data-management .tab-button svg{color:inherit;opacity:.9}.raw-data-management .tab-button:hover{background:var(--color-bg-surface);border-color:var(--color-border-strong);transform:translateY(-1px)}.raw-data-management .tab-button.active{background:#fff;border-color:var(--color-primary-100);color:var(--color-primary-700);box-shadow:0 10px 22px #1f4ead24}.raw-data-management .tabs-content{min-height:480px;padding:1.25rem;background:radial-gradient(circle at top right,rgba(47,111,237,.08),transparent 44%),var(--color-bg-soft)}.raw-data-management .tab-pane{min-height:420px;border-radius:1rem;padding:.3rem}.raw-data-management .tab-pane .upload-card,.raw-data-management .tab-pane .file-list,.raw-data-management .tab-pane .data-view{border:none;box-shadow:none;background:transparent;border-radius:0;padding:0}.raw-data-management .tab-pane .file-upload{max-width:100%}@media(max-width:768px){.raw-data-management .tabs-header{gap:.25rem}.raw-data-management .tab-button{min-width:120px;font-size:.86rem;padding:.75rem .7rem}.raw-data-management .tabs-content{min-height:320px;padding:1rem}}.data-transformation{padding:0;max-width:1480px;margin:0 auto;min-height:0}.data-transformation .page-header{margin-bottom:1.25rem}.data-transformation .page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.data-transformation .page-header-content{min-width:0}.data-transformation .page-header h1{font-size:2rem;font-weight:700;color:#f8fbff;margin-bottom:.5rem}.data-transformation .page-header p{font-size:1rem;color:#f8fbffdb}.transformation-container{border-radius:1.2rem;border:1px solid var(--color-border);box-shadow:0 20px 44px #0f172a17;overflow:hidden;background:linear-gradient(180deg,#fbfdfff0,#f4f8fff5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.operator-section{margin-bottom:0;padding:.75rem;background:linear-gradient(180deg,#edf3fff5,#f6f9fff2);border-bottom:1px solid var(--color-border);display:grid;gap:.6rem}.operator-section h2{font-size:.86rem;font-weight:700;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.07em;display:inline-flex;align-items:center;gap:.45rem}.operator-section h2:before{content:"";width:.65rem;height:.65rem;border-radius:999px;background:var(--color-primary-500);box-shadow:0 0 0 4px #2f6fed29}.operator-selector{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center;padding:.25rem;border:1px solid rgba(183,201,232,.55);border-radius:.9rem;background:#fbfdffc7}.operator-button{padding:.62rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:#fbfdffd1;color:var(--color-text-secondary);font-weight:600;font-size:.87rem;line-height:1;min-height:2.2rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.operator-button:hover:not(:disabled){background:var(--color-bg-surface);border-color:var(--color-border-strong);transform:translateY(-1px)}.operator-button.active{background:#fff;border-color:var(--color-primary-100);color:var(--color-primary-700);box-shadow:0 10px 22px #1f4ead24}.operator-button:disabled{opacity:.5;cursor:not-allowed}.snapshot-dates-section{margin-top:0;min-height:420px;padding:1.25rem;background:radial-gradient(circle at top right,rgba(47,111,237,.08),transparent 44%),var(--color-bg-soft)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.refresh-button{padding:.5rem .85rem;border:1px solid var(--color-border);border-radius:.75rem;background-color:#fbfdffe6;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.page-refresh-button{align-self:center;background:#d9e8ff2e;border-color:#d9e8ff7a;color:#f8fbff}.page-refresh-button:hover:not(:disabled){background:#d9e8ff47;border-color:#d9e8ffb3;color:#fff}.refresh-button:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-700);background-color:var(--color-bg-surface)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 2rem;color:#718096}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin:0}.dates-table{overflow-x:auto;border:1px solid rgba(183,201,232,.58);border-radius:.9rem;background:#fbfdffeb}.dates-table table{width:100%;border-collapse:collapse}.dates-table thead{background:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}.dates-table th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.dates-table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.dates-table tbody tr{transition:background-color .2s ease}.dates-table tbody tr:hover{background-color:var(--color-bg-soft)}.dates-table tbody tr.transformed{background-color:#edf3ff}.record-count{font-weight:500;color:#2f6fed}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.status-badge svg{width:16px;height:16px}.dates-table tr:not(.transformed) .status-badge{background-color:#fed7d7;color:#c53030}.dates-table tr.transformed .status-badge{background-color:#d9e8ff;color:#1f4ead}.transform-button{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:#2f6fed;color:#fff;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.transform-button:hover:not(:disabled){background-color:#245bd0;box-shadow:0 4px 6px #2f6fed4d}.transform-button:disabled{opacity:.6;cursor:not-allowed}.transformed-label{display:inline-flex;align-items:center;color:#1f4ead;font-weight:500;font-size:.875rem}.action-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.show-error-button{padding:.5rem .75rem;border:1px solid #fc8181;border-radius:.375rem;background-color:#fff5f5;color:#c53030;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;transition:all .2s ease}.show-error-button:hover{background-color:#fed7d7;border-color:#c53030}.transform-button.retry{background-color:#ed8936}.transform-button.retry:hover:not(:disabled){background-color:#dd6b20;box-shadow:0 4px 6px #ed89364d}.export-button{padding:.5rem .75rem;border:1px solid #5f8df5;border-radius:.375rem;background-color:#edf4ff;color:#1f4ead;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;transition:all .2s ease}.export-button:hover{background-color:#d9e8ff;border-color:#1f4ead;box-shadow:0 2px 4px #16a34a4d}.dates-table tbody tr.failed{background-color:#fff5f5}.publish-button{padding:.35rem .6rem;border:1px solid #5f8df5;border-radius:.375rem;background-color:#f7f8ef;color:#1f4ead;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;transition:all .2s ease}.publish-button:hover{background-color:#d9e8ff;border-color:#1f4ead;box-shadow:0 2px 4px #2f6fed4d}.revert-button{padding:.35rem .6rem;border:1px solid #ed8936;border-radius:.375rem;background-color:#fffaf0;color:#c05621;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;transition:all .2s ease}.revert-button:hover{background-color:#feebc8;border-color:#c05621}.revert-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f7fafc;border-color:#cbd5e1;color:#94a3b8}.revert-button:disabled:hover{background-color:#f7fafc;border-color:#cbd5e1;box-shadow:none}.unpublish-button{padding:.35rem .6rem;border:1px solid #e53e3e;border-radius:.375rem;background-color:#fff5f5;color:#742a2a;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;transition:all .2s ease}.unpublish-button:hover{background-color:#fed7d7;border-color:#742a2a;box-shadow:0 2px 4px #e53e3e4d}.error-modal-footer{display:flex;justify-content:flex-end}.dates-table tr.failed .status-badge{background-color:#fed7d7;color:#c53030}@media(max-width:768px){.data-transformation{padding:0}.data-transformation .page-header-row{flex-direction:column;align-items:stretch}.data-transformation .page-header h1{font-size:1.5rem}.operator-selector{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.operator-button{flex:0 0 auto}.dates-table{font-size:.875rem}.dates-table th,.dates-table td{padding:.75rem .5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.refresh-button{width:auto;justify-content:center}.page-refresh-button{width:100%}}.error-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.error-modal{background-color:var(--color-bg-surface);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background-color:#fff5f5}.error-modal-title{display:flex;align-items:center;gap:1rem;margin:0}.error-modal-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#c53030}.error-icon{color:#c53030;flex-shrink:0}.error-modal-close{background:none;border:none;cursor:pointer;color:#718096;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.error-modal-close:hover{color:#2d3748}.error-modal-content{padding:1.5rem;flex:1}.error-section{margin-bottom:1.5rem}.error-section h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#4a5568;margin:0 0 .75rem}.error-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background-color:#f7fafc;padding:1rem;border-radius:.375rem}.error-item{display:flex;flex-direction:column;gap:.25rem}.error-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#718096;letter-spacing:.05em}.error-value{font-size:.95rem;color:#2d3748;font-weight:500}.error-code{font-family:Courier New,monospace;background-color:#edf2f7;padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem}.error-message-box{background-color:#fed7d7;border-left:4px solid #c53030;padding:1rem;border-radius:.375rem;color:#742a2a;font-size:.95rem;line-height:1.5;font-family:Courier New,monospace}.error-detail-box{background-color:#edf2f7;border:1px solid #cbd5e0;padding:1rem;border-radius:.375rem;color:#2d3748;font-size:.85rem;line-height:1.5;font-family:Courier New,monospace;overflow-x:auto;max-height:200px;overflow-y:auto}.suggestion-section .suggestion-box{background-color:#f7f8ef;border-left:4px solid #1f4ead;padding:1rem;border-radius:.375rem;color:#1f4ead;font-size:.95rem;line-height:1.6}.suggestion-box p{margin:0}.error-timestamp{font-size:.75rem;color:#718096;padding:.75rem 0;border-top:1px solid #e2e8f0;margin-top:1rem}.error-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f7fafc;display:flex;justify-content:flex-end;gap:.75rem}.error-modal-button{padding:.625rem 1.25rem;border:none;border-radius:.375rem;background-color:#2f6fed;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.error-modal-button:hover{background-color:#245bd0;box-shadow:0 4px 6px #2f6fed4d}@media(max-width:640px){.error-modal{max-width:95vw}.error-info{grid-template-columns:1fr}.error-modal-header,.error-modal-content,.error-modal-footer{padding:1rem}}.dates-table table tr.date-group-header td{background:#f1f5f9;color:#475569;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.5rem 1rem;border-top:2px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.export-button-header{padding:.4rem .75rem;border:1px solid #5f8df5;border-radius:.375rem;background-color:#2f6fed;color:#fff;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;transition:all .2s ease;text-transform:none}.export-button-header:hover{background-color:#1f4ead;box-shadow:0 2px 4px #2f6fed66}.operator-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.operator-badge--zain{background:#edf4ff;color:#1f4ead;border:1px solid #d6e3ad}.operator-badge--stc{background:#f0fdf4;color:#1f4ead;border:1px solid #d6e3ad}.operator-badge--mobily{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.operator-badge--lebara{background:#fdf4ff;color:#7e22ce;border:1px solid #e9d5ff}.stc-file-indicators{display:flex;gap:.4rem;margin-top:.4rem;flex-wrap:wrap}.stc-file-badge{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:.25rem;white-space:nowrap}.stc-file-badge.present{background:#d9e8ff;color:#1f4ead;border:1px solid #d6e3ad}.stc-file-badge.missing{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.data-transformation .snapshot-dates-section{padding:.9rem}.data-transformation .dates-table{border-radius:.85rem;border-color:var(--color-border);background:var(--color-bg-surface)}.data-transformation .dates-table th{padding:.7rem .8rem;font-size:.76rem;letter-spacing:.05em}.data-transformation .dates-table td{padding:.68rem .8rem;font-size:.86rem;vertical-align:middle}.data-transformation .dates-table table tr.date-group-header td{background:linear-gradient(180deg,#eef4ff,#e9f0fe);color:#334155;font-size:.76rem;letter-spacing:.05em;padding:.45rem .8rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.data-transformation .export-button-header{min-height:1.9rem;padding:.3rem .62rem;font-size:.76rem;border-radius:.42rem}.data-transformation .operator-badge{padding:.18rem .55rem;border-radius:999px;font-size:.7rem}.data-transformation .record-count{font-weight:700}.data-transformation .status-badge{min-width:96px;justify-content:center;gap:.35rem;padding:.24rem .55rem;border-radius:999px;border:1px solid transparent;font-size:.74rem;font-weight:700}.data-transformation .dates-table tr.transformed .status-badge{background:#d9e8ff;border-color:#b7c9e8;color:#1f4ead}.data-transformation .dates-table tr:not(.transformed) .status-badge{background:#fee2e2;border-color:#fecaca;color:#991b1b}.data-transformation .action-buttons{gap:.35rem;flex-wrap:nowrap}.data-transformation .transform-button,.data-transformation .show-error-button,.data-transformation .publish-button,.data-transformation .unpublish-button,.data-transformation .revert-button{min-height:1.92rem;padding:.32rem .58rem;border-radius:.42rem;font-size:.76rem;font-weight:600;gap:.3rem}.data-transformation .transform-button span,.data-transformation .show-error-button span,.data-transformation .publish-button span,.data-transformation .unpublish-button span,.data-transformation .revert-button span{line-height:1}.data-transformation .transformed-label{font-size:.78rem;font-weight:700}.data-transformation .stc-file-indicators{margin-top:.3rem;gap:.3rem}.data-transformation .stc-file-badge{font-size:.66rem;padding:.12rem .38rem}.data-transformation .snapshot-dates-section{padding:.8rem;background:var(--color-bg-surface);border-top:1px solid var(--color-border)}.data-transformation .dates-table{border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-bg-surface);overflow:auto}.data-transformation .dates-table table{table-layout:fixed;width:100%}.data-transformation .dates-table th,.data-transformation .dates-table td{vertical-align:middle;width:25%}.data-transformation .dates-table th:nth-child(1),.data-transformation .dates-table td:nth-child(1){width:25%}.data-transformation .dates-table th:nth-child(2),.data-transformation .dates-table td:nth-child(2){width:25%}.data-transformation .dates-table th:nth-child(3),.data-transformation .dates-table td:nth-child(3){width:25%}.data-transformation .dates-table th:nth-child(4),.data-transformation .dates-table td:nth-child(4){width:25%}.data-transformation .dates-table table tr.date-group-header td{background:#f8fbff;color:#475569;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.data-transformation .dates-table tbody tr.transformed{background-color:#f8fbff}.data-transformation .dates-table tbody tr.failed{background-color:#fff7f7}.data-transformation .status-badge{min-width:108px;justify-content:center;border-radius:999px;padding:.26rem .62rem}.data-transformation .dates-table tr:not(.transformed):not(.failed) .status-badge{background:#fff4db;border-color:#f8d7a0;color:#9a5500}.data-transformation .dates-table tr.transformed .status-badge{background:#e8f7ee;border-color:#b9e7cb;color:#166534}.data-transformation .dates-table tr.failed .status-badge{background:#fee2e2;border-color:#fecaca;color:#991b1b}.data-transformation .action-buttons{display:flex;flex-wrap:wrap;gap:.32rem;align-items:center}.data-transformation .transform-button,.data-transformation .show-error-button,.data-transformation .publish-button,.data-transformation .unpublish-button,.data-transformation .revert-button,.data-transformation .export-button-header{min-height:1.85rem;padding:.3rem .55rem;border-radius:.4rem;font-size:.74rem;font-weight:600;border-width:1px;box-shadow:none}.data-transformation .transform-button{background:var(--color-primary-500);border-color:var(--color-primary-500)}.data-transformation .show-error-button{background:#fff5f5;border-color:#fecaca;color:#b91c1c}.data-transformation .publish-button{background:#edf4ff;border-color:#b7c9e8;color:#1f4ead}.data-transformation .unpublish-button{background:#fff5f5;border-color:#fecaca;color:#991b1b}.data-transformation .revert-button{background:#fff8ec;border-color:#fed7aa;color:#9a3412}.data-transformation .transformed-label{background:#ecfdf3;color:#166534;border:1px solid #b9e7cb;border-radius:999px;padding:.24rem .58rem}.transformation-pagination-wrap{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-soft)}.transformation-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.transformation-pagination{width:auto;justify-content:flex-end}@media(max-width:768px){.transformation-pagination-wrap{flex-direction:column;align-items:flex-start}.transformation-pagination{width:100%;justify-content:center}}.simple-analytics{padding:0;width:100%;max-width:none;margin:0}.analytics-header p{margin:.5rem 0 0;opacity:.9;color:#fff;font-size:1rem}.simple-analytics .analytics-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;width:100%}.simple-analytics .summary-card{border:1px solid var(--color-border);border-radius:.85rem;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-soft) 100%);padding:.95rem 1.1rem;box-shadow:var(--shadow-xs);width:100%;display:flex;justify-content:space-between;align-items:center}.simple-analytics .summary-card span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0}.simple-analytics .summary-card strong{font-size:1.05rem;color:var(--color-text-primary);font-weight:700;text-align:right}.stats-card{background:#e5e7eb;border:1px solid #cbd5e1;border-radius:1rem;padding:2rem;color:#000;display:flex;align-items:center;gap:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.card-icon{background:#f3f4f6;color:#111827;padding:1.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}.card-content h3{margin:0;font-size:1rem;font-weight:500;color:#111827;text-transform:uppercase;letter-spacing:.05em}.big-number{font-size:3.5rem;font-weight:700;color:#000;margin:.5rem 0;line-height:1}.card-subtitle{margin:.5rem 0 0;color:#374151;font-size:.95rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1rem}.chart-card{background:var(--color-bg-surface);border-radius:1rem;padding:1.1rem 1.2rem 1rem;box-shadow:0 6px 20px #0f172a0f;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0f172a1a}.chart-card.wide{grid-column:1 / -1}.chart-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.chart-header h3{margin:0;font-size:1.05rem;color:var(--color-text-primary);font-weight:600}.chart-header svg{color:#2f6fed}.simple-analytics .recharts-legend-wrapper{font-size:.82rem}.simple-analytics .recharts-tooltip-wrapper{outline:none}.simple-analytics .recharts-default-tooltip{border:1px solid #dbe6f8!important;border-radius:.55rem!important;box-shadow:0 10px 24px #0f172a1f!important;background:#fff!important}.simple-analytics .recharts-tooltip-label{color:#1f2937!important;font-weight:600}.simple-analytics .recharts-label{font-weight:600;fill:#1f2937;font-size:.74rem}.empty-state{text-align:center;padding:4rem;color:var(--color-text-muted);font-size:1.1rem;border:1px dashed var(--color-border);border-radius:.85rem;background:var(--color-bg-soft)}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.simple-analytics{padding:0}.analytics-header{flex-direction:column;align-items:flex-start;gap:.8rem}.simple-analytics .analytics-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-card{flex-direction:column;text-align:center}.big-number{font-size:2.5rem}}@media(max-width:520px){.simple-analytics .analytics-summary-strip{grid-template-columns:1fr}}.custom-analytics-bi{padding:0;max-width:1480px;margin:0 auto;min-height:0;display:flex;flex-direction:column}.analytics-header{background:linear-gradient(120deg,#0f172a,#1d3557 52%,#2f6fed);border-radius:1rem;padding:1.4rem 1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.analytics-header h1{margin:0;font-size:2rem;color:#fff;font-weight:700}.analytics-header p{margin:.5rem 0 0;color:#fff;opacity:.9;font-size:1rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.mode-selector{display:flex;gap:.5rem;background:#e2e8f0;padding:.25rem;border-radius:.5rem}.mode-button{padding:.5rem 1rem;background:var(--color-bg-surface);border:2px solid transparent;border-radius:.375rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;color:#718096}.mode-button:hover{background:#f7fafc;color:#4a5568}.mode-button.active{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 4px #2f6fed4d}.date-range-selector{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.date-range-selector input[type=date]{padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.date-range-selector input[type=date]:hover{border-color:#cbd5e0}.date-range-selector input[type=date]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.date-hint{font-size:.85rem;color:#718096;font-style:italic;margin-left:.5rem;white-space:nowrap}.date-selector label{font-weight:600;color:#fff}.date-selector select{background:var(--color-bg-surface);border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.95rem;font-weight:500;color:#1f2937;cursor:pointer;outline:none}.date-selector select:focus{box-shadow:0 0 0 2px #fff6}.analysis-builder{display:grid;grid-template-columns:400px 1fr;gap:1rem;flex:1;overflow:hidden}.builder-panel{background:var(--color-bg-surface);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.panel-section{display:flex;flex-direction:column;gap:.75rem}.panel-section h3{margin:0;font-size:1rem;color:var(--color-text-primary);font-weight:600}.section-hint{margin:0;font-size:.85rem;color:var(--color-text-muted)}.dimension-dropzone{min-height:60px;padding:.75rem;border:1px dashed var(--color-border-strong);border-radius:.5rem;background:var(--color-bg-soft);display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.dimension-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:500}.dimension-chip button{background:#ffffff4d;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.dimension-chip button:hover{background:#ffffff80}.dimension-picker{display:flex;flex-wrap:wrap;gap:.5rem}.dimension-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s;color:var(--color-text-secondary);font-weight:500}.dimension-button:hover{border-color:#5f8df5;background:#ebf8ff;color:#2f6fed}.measure-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:1rem;background-color:var(--color-bg-surface);cursor:pointer;transition:all .2s}.measure-select:focus{outline:none;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed29}.filters-list{display:flex;flex-direction:column;gap:.5rem}.filter-chip{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem;font-size:.9rem;color:#1d4ed8}.filter-chip button{background:none;border:none;cursor:pointer;color:#1d4ed8;display:flex;align-items:center;justify-content:center}.filter-add select{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.9rem}.filter-builder{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-bg-soft);border-radius:.5rem}.filter-dimension-label{font-weight:600;color:var(--color-text-secondary);font-size:.9rem;white-space:nowrap}.operator-toggle{display:flex;gap:.25rem;background:var(--color-bg-muted);padding:.25rem;border-radius:.5rem}.operator-button{padding:.5rem .75rem;background:var(--color-bg-surface);border:1px solid transparent;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#718096;min-width:40px}.operator-button:hover{background:#f7fafc;color:#4a5568}.operator-button.active{background:#2f6fed;color:#fff;border-color:#2c5282}.filter-builder select{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.9rem}.cancel-filter-button{padding:.5rem;background:#fed7d7;color:#c53030;border:none;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cancel-filter-button:hover{background:#fc8181;color:#fff}.viz-selector{display:flex;gap:.5rem}.viz-button{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-surface);cursor:pointer;font-size:.9rem;font-weight:500;color:#4a5568;transition:all .2s}.viz-button:hover{border-color:#5f8df5;background:#ebf8ff}.viz-button.active{border-color:#2f6fed;background:#2f6fed;color:#fff}.panel-actions{display:flex;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border)}.run-button,.export-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.run-button{background:linear-gradient(135deg,#5f8df5,#2f6fed);color:#fff;box-shadow:0 4px 6px #2f6fed4d}.run-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #2f6fed66}.run-button:disabled{opacity:.6;cursor:not-allowed}.export-button{background:linear-gradient(135deg,#5f8df5,#2f6fed);color:#fff;box-shadow:0 4px 6px #2f6fed4d}.export-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4299e166}.results-panel{background:var(--color-bg-surface);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.results-heading{min-width:0}.results-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary);font-weight:600}.results-heading p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-meta{display:flex;align-items:center;gap:.5rem}.result-pill{padding:.25rem .65rem;background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-100);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.result-count{padding:.25rem .75rem;background:#ebf8ff;color:#2f6fed;border-radius:1rem;font-size:.85rem;font-weight:600}.results-content{flex:1;overflow:auto}.chart-visual-container{border:1px solid var(--color-border);border-radius:.85rem;padding:.6rem .6rem .2rem;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-soft) 100%)}.chart-caption{font-size:.8rem;color:var(--color-text-muted);margin:.2rem .2rem .45rem}.pie-visual-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:.75rem;align-items:stretch}.pie-main-chart{min-height:0}.pie-breakdown-list{border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-surface);padding:.45rem;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.pie-breakdown-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:.5rem;border:1px solid var(--color-border);border-radius:.5rem;padding:.4rem .5rem;font-size:.82rem;color:var(--color-text-secondary)}.pie-breakdown-dot{width:10px;height:10px;border-radius:50%}.pie-breakdown-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pie-breakdown-value{font-weight:600;color:var(--color-text-primary)}.pie-breakdown-percent{font-weight:600;color:var(--color-primary-700)}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:100%;color:var(--color-text-muted);font-size:.95rem;text-align:center;border:1px dashed var(--color-border);border-radius:.85rem;background:var(--color-bg-soft);min-height:260px}.no-data strong{color:var(--color-text-secondary);font-size:1rem}.no-data p{margin:0;color:var(--color-text-muted)}.pivot-table-container{overflow:auto;max-height:600px;border:1px solid var(--color-border);border-radius:.85rem}.pivot-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--color-bg-surface)}.pivot-table th{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.pivot-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.pivot-table tr:hover{background:#f7fafc}.pivot-table tr:nth-child(2n){background:#fafafa}.pivot-table tr:nth-child(2n):hover{background:#f0f0f0}@media(max-width:1400px){.analysis-builder{grid-template-columns:350px 1fr}}@media(max-width:1024px){.analytics-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-builder{grid-template-columns:1fr;grid-template-rows:auto 1fr}.builder-panel{max-height:400px}}@media(max-width:768px){.custom-analytics-bi{padding:0}.analytics-header{flex-direction:column;align-items:flex-start;gap:.8rem}.analytics-summary-strip{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.results-meta{width:100%;justify-content:space-between}.pie-visual-layout{grid-template-columns:1fr}.pie-breakdown-list{max-height:220px}}.analytics2-container{padding:0;background:var(--color-bg-canvas);min-height:0;max-width:1480px;margin:0 auto}.analytics2-header{background:linear-gradient(120deg,#0f172a,#1d3557 52%,#2f6fed);border-radius:1rem;padding:1.4rem 1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.analytics2-header h1{margin:0;font-size:2rem;font-weight:700}.analytics2-header p{margin:.5rem 0 0;opacity:.9;font-size:1rem}.dashboard-content{display:flex;flex-direction:column;gap:1rem}.analytics2-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.pillar-section{background:var(--color-bg-surface);border-radius:1rem;padding:1.2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.pillar-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:linear-gradient(180deg,#f9fbff,#f3f7ff);border:1px solid #dbe6f8;border-radius:.75rem;padding:1.5rem;transition:all .2s}.kpi-card.clickable{cursor:pointer;text-align:left;width:100%}.kpi-card.clickable:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px #2f6fed26;transform:translateY(-2px)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.kpi-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.kpi-icon{color:var(--color-primary-500)}.kpi-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.kpi-subtitle{font-size:.875rem;color:#9ca3af}.kpi-hint{font-size:.75rem;color:var(--color-primary-500);margin-top:.5rem;font-weight:500}.chart-card{background:linear-gradient(180deg,#f9fbff,#f3f7ff);border:1px solid #dbe6f8;border-radius:.75rem;padding:1.5rem}.chart-card h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.status-bars{display:flex;flex-direction:column;gap:1rem}.status-bar-item{background:var(--color-bg-surface);border:1px solid #dbe6f8;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.status-bar-item:hover{border-color:var(--color-primary-500);box-shadow:0 2px 8px #2f6fed26}.status-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-label{font-weight:600;color:#1f2937}.status-count{font-size:.875rem;color:#6b7280}.status-bar-bg{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;transition:width .3s ease}.customer-list,.rateplan-list{display:flex;flex-direction:column;gap:.75rem}.customer-item,.rateplan-item{background:var(--color-bg-surface);border:1px solid #dbe6f8;border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.customer-item:hover,.rateplan-item:hover{border-color:var(--color-primary-500);box-shadow:0 2px 8px #2f6fed26}.customer-header,.rateplan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.customer-rank,.rateplan-rank{background:var(--color-primary-500);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.customer-name,.rateplan-name{flex:1;font-weight:600;color:#1f2937}.customer-count,.rateplan-count{font-size:.875rem;color:#6b7280;font-weight:500}.customer-bar-bg,.rateplan-bar-bg{background:#e5e7eb;height:6px;border-radius:3px;overflow:hidden}.customer-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);transition:width .3s ease}.top-customers-card{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)!important;border:1px solid #3b82f6!important;box-shadow:0 10px 20px #1e40af47;color:#fff!important}.top-customers-card h3{color:#fff!important;font-weight:700;letter-spacing:.01em}.top-customers-card .customer-item{background:#ffffff14!important;border:1px solid rgba(255,255,255,.28)!important;border-left:4px solid #93c5fd!important;box-shadow:0 2px 10px #0f172a2e;color:#fff!important}.top-customers-card .customer-item:hover{border-color:#bfdbfe!important;background:#ffffff29!important;box-shadow:0 6px 14px #0f172a47;transform:translateY(-1px)}.top-customers-card .customer-rank{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 6px #1d4ed859}.top-customers-card .customer-name{color:#fff!important;font-weight:700}.top-customers-card .customer-count{color:#e0ecff!important;font-weight:600}.top-customers-card .customer-bar-bg{background:#ffffff40!important;height:7px}.top-customers-card .customer-bar-fill{background:linear-gradient(90deg,#bfdbfe,#fff)!important}.top-customers-card .customer-header{color:#fff!important}.rateplan-bar-fill{height:100%;background:linear-gradient(90deg,#5f8df5,#2f6fed);transition:width .3s ease}.operator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.operator-card{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border:none;border-radius:.75rem;padding:1.5rem;color:#fff;cursor:pointer;transition:all .2s;text-align:center}.operator-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #2f6fed4d}.operator-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.operator-count{font-size:2rem;font-weight:700;margin-bottom:.25rem}.operator-percentage{font-size:.875rem;opacity:.9}.text-green-600{color:#2f6fed}.text-yellow-600{color:#f59e0b}.text-red-600{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--color-bg-surface);border-radius:1rem;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.active-filters{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.filter-label{font-weight:600;color:#6b7280;font-size:.875rem}.filter-tag{background:var(--color-primary-500);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.modal-stats{display:flex;justify-content:space-between;padding:1rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;font-weight:500}.modal-loading{display:flex;justify-content:center;align-items:center;padding:4rem}.table-container{flex:1;overflow:auto;padding:1.5rem 2rem}.drilldown-table{width:100%;border-collapse:collapse;font-size:.875rem}.drilldown-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.drilldown-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.drilldown-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.drilldown-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #e5e7eb}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-primary-600)}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.pagination-info{font-weight:600;color:#6b7280}.analytics2-details-container{padding:0;background:var(--color-bg-canvas);min-height:0;max-width:1480px;margin:0 auto}.details-header{background:var(--color-bg-surface);border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:2px solid #e5e7eb;padding:.5rem 1rem;border-radius:.5rem;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.back-button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);background:#f3f4f6}.details-title-section h1{margin:0;font-size:2rem;font-weight:700;color:#1f2937}.details-title-section p{margin:.5rem 0 0;color:#6b7280;font-size:1rem}.filters-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.filter-badge{background:var(--color-primary-500);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.details-content{background:var(--color-bg-surface);border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.details-stats{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.stat-item{font-size:.875rem;color:#6b7280}.stat-item strong{color:#1f2937;margin-right:.25rem}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.details-table{width:100%;border-collapse:collapse;font-size:.875rem}.details-table thead{background:#f9fafb;position:sticky;top:0;z-index:10}.details-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.details-table td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.details-table tbody tr:hover{background:#f9fafb}@media(max-width:1200px){.analytics2-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.analytics2-header{flex-direction:column;align-items:flex-start;gap:.8rem}.analytics2-summary-strip{grid-template-columns:1fr}}.zaghloul-container{padding:0;background:var(--color-bg-canvas);min-height:0;max-width:1480px;margin:0 auto}.zaghloul-header{background:linear-gradient(120deg,#0f172a,#1d3557 52%,#2f6fed);border-radius:1rem;padding:1.4rem 1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.zaghloul-header h1{margin:0;font-size:2rem;font-weight:700}.zaghloul-header p{margin:.5rem 0 0;opacity:.9;font-size:1rem}.date-selector{display:flex;align-items:center;gap:.75rem;background:#fff3;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.18)}.date-select{background:var(--color-bg-surface);border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.95rem;font-weight:500;color:#1f2937;cursor:pointer;outline:none}.view-toggle{display:flex;gap:.5rem;margin-bottom:1rem;background:var(--color-bg-soft);padding:.35rem;border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.toggle-btn{flex:1;padding:.75rem 1rem;border:1px solid transparent;background:var(--color-bg-surface);border-radius:.6rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--color-primary-100);color:var(--color-primary-600);background:var(--color-primary-50)}.toggle-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff;box-shadow:0 6px 14px #2f6fed33}.analytics-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.summary-card{border:1px solid var(--color-border);border-radius:.85rem;background:linear-gradient(180deg,var(--color-bg-surface) 0%,var(--color-bg-soft) 100%);padding:.7rem .85rem;box-shadow:var(--shadow-xs)}.summary-card span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.25rem}.summary-card strong{font-size:1rem;color:var(--color-text-primary);font-weight:700}.error-banner{background:#fee2e2;border:2px solid #ef4444;border-radius:.5rem;padding:1rem;display:flex;align-items:center;gap:.75rem;color:#991b1b;margin-bottom:1.5rem}.tables-container{display:flex;flex-direction:column;gap:1rem}.operator-section,.customer-section,.grand-total-section{background:var(--color-bg-surface);border-radius:1rem;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.section-header{padding:1rem 1.25rem;color:#fff!important;display:flex;justify-content:space-between;align-items:center}.section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff!important}.section-header span{font-size:.95rem;opacity:.95;font-weight:500;color:#fff!important}.customer-header{background:linear-gradient(135deg,#2f6fed,#1f4ead)}.grand-total-header{background:linear-gradient(135deg,#1f4ead,#245bd0)}.table-wrapper{overflow-x:auto;border-top:1px solid var(--color-border);overscroll-behavior-x:contain}.breakdown-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:980px}.breakdown-table thead{background:var(--color-bg-muted)}.breakdown-table th{padding:.85rem .9rem;text-align:left;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:8;background:var(--color-bg-muted)}.breakdown-table td{padding:.8rem .9rem;border-bottom:1px solid var(--color-border)}.breakdown-table tbody tr:nth-child(2n):not(.total-row):not(.grand-total-row){background:var(--color-bg-soft)}.operator-col{width:150px}.name-col{min-width:250px}.status-col{width:120px;text-align:right}.total-col{width:120px;text-align:right;font-weight:600}.breakdown-table th:first-child,.breakdown-table td:first-child{position:sticky;left:0;z-index:6}.operator-view-table th:nth-child(2),.operator-view-table td:nth-child(2){position:sticky;left:150px;z-index:5}.customer-view-table th:nth-child(2),.customer-view-table td:nth-child(2){position:sticky;left:250px;z-index:5}.breakdown-table th:first-child,.breakdown-table th:nth-child(2){background:#eef4ff}.operator-cell{color:#fff;font-weight:600;text-align:center}.name-cell{color:var(--color-text-primary);font-weight:500;background:var(--color-bg-surface)}.status-cell{text-align:right;color:var(--color-primary-600);font-weight:600;font-variant-numeric:tabular-nums}.status-cell.deactivated{color:#6b7280}.status-cell.ready{color:#245bd0}.total-cell{text-align:right;color:var(--color-text-primary);font-weight:700;background:var(--color-bg-muted);font-variant-numeric:tabular-nums}.total-row{background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.total-row td{font-weight:700;padding:1rem;background:var(--color-bg-muted)}.customer-total-cell{background:var(--color-bg-muted);color:var(--color-text-secondary);font-weight:600}.grand-total-row{background:#245bd0;color:#fff}.grand-total-row td{color:#fff;font-weight:700;padding:1.25rem 1rem}.grand-total-row td:first-child,.grand-total-row td:nth-child(2){background:#2f6fed}.grand-total-cell{background:#245bd0}.grand-total-row .status-cell{color:#93c5fd}.grand-total-row .status-cell.deactivated{color:#9ca3af}.grand-total-row .status-cell.ready{color:#bfdbfe}.grand-total-row .total-cell{background:#245bd0;color:#fff}.breakdown-table tbody tr:hover{background:#f8fbff}.total-row:hover,.grand-total-row:hover{background:inherit}.empty-state{text-align:center;padding:2.5rem 1.25rem;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:.9rem;background:var(--color-bg-soft)}@media(max-width:1200px){.analytics-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.zaghloul-header{flex-direction:column;align-items:flex-start;gap:.8rem}.analytics-summary-strip{grid-template-columns:1fr}.view-toggle{flex-direction:column}}.zaghloul-container{background:radial-gradient(1200px 400px at 5% -10%,rgba(59,130,246,.08),transparent 60%),radial-gradient(900px 360px at 100% 0%,rgba(99,102,241,.08),transparent 58%),var(--color-bg-canvas);border-radius:1rem}.zaghloul-header{background:linear-gradient(135deg,#0b1b46,#1d4ed8 55%,#2563eb);border:1px solid rgba(191,219,254,.3);box-shadow:0 16px 28px #0f172a38;padding:1.35rem 1.5rem}.zaghloul-header h1{font-size:1.65rem;letter-spacing:.01em}.zaghloul-header p{opacity:.92;font-size:.92rem}.date-selector{background:#ffffff24;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.date-select{border:1px solid #bfdbfe;box-shadow:inset 0 1px 2px #0f172a14}.view-toggle{background:#f1f5f9bf;border:1px solid rgba(148,163,184,.35);border-radius:1rem;padding:.4rem}.toggle-btn{border-radius:.75rem;font-size:.9rem;font-weight:700}.toggle-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed833;box-shadow:0 8px 18px #1d4ed847}.analytics-summary-strip{gap:.85rem}.summary-card{border-radius:.95rem;padding:.8rem .95rem;border:1px solid rgba(191,219,254,.65);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 18px #0f172a0f}.summary-card strong{color:#0f172a;font-size:1.05rem}.error-banner{border-radius:.85rem;border-width:1px}.tables-container{gap:1.1rem}.operator-section,.customer-section,.grand-total-section{border:1px solid rgba(148,163,184,.28);border-radius:1rem;box-shadow:0 10px 24px #0f172a14}.section-header{padding:.9rem 1.15rem}.section-header h2{font-size:1.05rem;letter-spacing:.01em}.section-header span{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.table-wrapper{border-top:1px solid #dbeafe}.breakdown-table{min-width:940px;font-size:.88rem}.breakdown-table th{font-size:.72rem;letter-spacing:.07em;color:#334155;background:#f1f5ff;border-bottom:1px solid #dbeafe}.breakdown-table td{border-bottom:1px solid #e2e8f0}.breakdown-table th:first-child,.breakdown-table th:nth-child(2){background:#e8f0ff}.breakdown-table td:first-child,.breakdown-table td:nth-child(2){box-shadow:1px 0 #e2e8f0}.operator-cell{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.22)}.name-cell{color:#0f172a;font-weight:600;background:#fff}.status-cell{color:#1d4ed8}.status-cell.deactivated{color:#64748b}.status-cell.ready{color:#0f766e}.total-cell{background:#eff6ff;color:#0f172a}.total-row td{background:#f8fbff}.customer-total-cell{background:#eef4ff;color:#334155}.grand-total-header{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.grand-total-row{background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.grand-total-row td:first-child,.grand-total-row td:nth-child(2){background:#1d4ed8e0}.breakdown-table tbody tr:hover{background:#eff6ff}.empty-state{border-radius:1rem;background:linear-gradient(180deg,#fff,#f8fbff);border-style:solid}@media(max-width:1200px){.zaghloul-header{padding:1.15rem 1.2rem}.breakdown-table{min-width:880px}}@media(max-width:768px){.zaghloul-header h1{font-size:1.35rem}.view-toggle{border-radius:.8rem}.summary-card strong{font-size:1rem}}.zaghloul-container.zaghloul-redesign-v2{padding:.35rem!important;background:radial-gradient(1100px 360px at 0% -15%,rgba(56,189,248,.14),transparent 60%),radial-gradient(1000px 360px at 100% 0%,rgba(99,102,241,.14),transparent 58%),var(--color-bg-canvas)!important}.zaghloul-redesign-v2 .zaghloul-header{background:linear-gradient(135deg,#0f172a,#1e40af 52%,#2563eb)!important;border:1px solid rgba(147,197,253,.45)!important;border-radius:1.1rem!important;box-shadow:0 16px 30px #0f172a3d!important}.zaghloul-redesign-v2 .view-toggle{background:#eef4ff!important;border:1px solid #cfe0ff!important;border-radius:.95rem!important}.zaghloul-redesign-v2 .toggle-btn{border-radius:.7rem!important}.zaghloul-redesign-v2 .toggle-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important}.zaghloul-redesign-v2 .summary-card{background:linear-gradient(180deg,#fff,#f6f9ff)!important;border:1px solid #d9e6ff!important;box-shadow:0 8px 18px #0f172a14!important}.zaghloul-redesign-v2 .operator-section,.zaghloul-redesign-v2 .customer-section,.zaghloul-redesign-v2 .grand-total-section{border:1px solid #dbe7ff!important;border-radius:1rem!important;box-shadow:0 10px 24px #0f172a1a!important}.zaghloul-redesign-v2 .section-header{padding:.92rem 1.15rem!important}.zaghloul-redesign-v2 .section-header h2{font-size:1.05rem!important}.zaghloul-redesign-v2 .breakdown-table th{background:#edf3ff!important;color:#334155!important;border-bottom:1px solid #dbeafe!important}.zaghloul-redesign-v2 .breakdown-table th:first-child,.zaghloul-redesign-v2 .breakdown-table th:nth-child(2){background:#e6efff!important}.zaghloul-redesign-v2 .name-cell{color:#0f172a!important;font-weight:600!important}.zaghloul-redesign-v2 .status-cell{color:#1d4ed8!important}.zaghloul-redesign-v2 .status-cell.deactivated{color:#64748b!important}.zaghloul-redesign-v2 .total-cell{background:#eff6ff!important;color:#0f172a!important}.zaghloul-redesign-v2 .breakdown-table tbody tr:hover{background:#eef5ff!important}.zaghloul-redesign-v2{--zag-neutral-bg: #f8fafc;--zag-surface: #ffffff;--zag-muted: #f1f5f9;--zag-border: #dbe2ea;--zag-text: #0f172a;--zag-text-muted: #475569;--zag-accent: #3b82f6}.zaghloul-container.zaghloul-redesign-v2{background:var(--zag-neutral-bg)!important}.zaghloul-redesign-v2 .zaghloul-header{background:linear-gradient(135deg,#111827,#1f2937)!important;border-color:#374151!important;box-shadow:0 10px 20px #0f172a29!important}.zaghloul-redesign-v2 .date-selector{background:#ffffff1f!important;border-color:#ffffff40!important}.zaghloul-redesign-v2 .view-toggle{background:var(--zag-muted)!important;border-color:var(--zag-border)!important}.zaghloul-redesign-v2 .toggle-btn{background:var(--zag-surface)!important;color:var(--zag-text-muted)!important}.zaghloul-redesign-v2 .toggle-btn:hover{background:#e2e8f0!important}.zaghloul-redesign-v2 .toggle-btn.active{background:#e5e7eb!important;border-color:#cbd5e1!important;color:#1f2937!important;box-shadow:0 4px 10px #0f172a14!important}.zaghloul-redesign-v2 .summary-card{background:var(--zag-surface)!important;border-color:var(--zag-border)!important;box-shadow:0 4px 10px #0f172a0f!important}.zaghloul-redesign-v2 .summary-card span{color:#64748b!important}.zaghloul-redesign-v2 .summary-card strong{color:var(--zag-text)!important}.zaghloul-redesign-v2 .operator-section,.zaghloul-redesign-v2 .customer-section,.zaghloul-redesign-v2 .grand-total-section{border-color:var(--zag-border)!important;box-shadow:0 8px 16px #0f172a0f!important}.zaghloul-redesign-v2 .section-header.customer-header{background:linear-gradient(135deg,#334155,#1f2937)!important}.zaghloul-redesign-v2 .grand-total-header{background:linear-gradient(135deg,#1f2937,#111827)!important}.zaghloul-redesign-v2 .breakdown-table th{background:#f8fafc!important;color:#334155!important;border-bottom-color:#e2e8f0!important}.zaghloul-redesign-v2 .breakdown-table th:first-child,.zaghloul-redesign-v2 .breakdown-table th:nth-child(2){background:#f1f5f9!important}.zaghloul-redesign-v2 .breakdown-table td{border-bottom-color:#e2e8f0!important}.zaghloul-redesign-v2 .status-cell{color:#2563eb!important}.zaghloul-redesign-v2 .status-cell.deactivated{color:#6b7280!important}.zaghloul-redesign-v2 .status-cell.ready{color:#0f766e!important}.zaghloul-redesign-v2 .total-cell,.zaghloul-redesign-v2 .total-row td,.zaghloul-redesign-v2 .customer-total-cell{background:#f8fafc!important}.zaghloul-redesign-v2 .grand-total-row{background:#1f2937!important}.zaghloul-redesign-v2 .grand-total-row td:first-child,.zaghloul-redesign-v2 .grand-total-row td:nth-child(2){background:#111827!important}.zaghloul-redesign-v2 .breakdown-table tbody tr:hover{background:#f1f5f9!important}.zaghloul-redesign-v2 .zaghloul-header{background:linear-gradient(120deg,#0f172a,#1d3557 52%,#2f6fed)!important;border-radius:1rem!important;padding:1.4rem 1.5rem!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.zaghloul-redesign-v2 .zaghloul-header h1{margin:0!important;font-size:2rem!important;font-weight:700!important;color:#fff!important}.zaghloul-redesign-v2 .zaghloul-header p{margin:.5rem 0 0!important;opacity:.9!important;font-size:1rem!important;color:#fff!important}.zaghloul-redesign-v2 .date-selector{display:flex!important;align-items:center!important;gap:.75rem!important;background:#fff3!important;padding:.75rem 1rem!important;border-radius:.75rem!important;border:1px solid rgba(255,255,255,.18)!important}.zaghloul-redesign-v2 .date-select{background:var(--color-bg-surface)!important;border:none!important;padding:.5rem 1rem!important;border-radius:.375rem!important;font-size:.95rem!important;font-weight:500!important;color:#1f2937!important;cursor:pointer!important;outline:none!important}@media(max-width:768px){.zaghloul-redesign-v2 .zaghloul-header{flex-direction:column!important;align-items:flex-start!important;gap:.8rem!important}}.zaghloul-redesign-v2 .operator-view-layout{gap:1.25rem}.zaghloul-redesign-v2 .operator-view-layout .operator-section{border-radius:1.05rem!important;overflow:hidden}.zaghloul-redesign-v2 .operator-view-layout .operator-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem!important;background:#f1f5f9!important;border-bottom:1px solid #dbe2ea!important}.zaghloul-redesign-v2 .operator-header-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.zaghloul-redesign-v2 .operator-header-main h2{margin:0!important;font-size:1.08rem!important;color:#0f172a!important}.zaghloul-redesign-v2 .operator-header-subtitle{font-size:.82rem;letter-spacing:.02em;opacity:1;color:#475569!important}.zaghloul-redesign-v2 .operator-header-metrics{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.zaghloul-redesign-v2 .operator-metric-chip{display:inline-flex;align-items:center;gap:.28rem;padding:.34rem .52rem;border-radius:999px;background:#fff;border:1px solid #cbd5e1;font-size:.74rem;font-weight:600;color:#000!important;white-space:nowrap}.zaghloul-redesign-v2 .operator-metric-chip strong{font-weight:700;color:#000!important}.zaghloul-redesign-v2 .operator-view-layout .table-wrapper{background:#fff}.zaghloul-redesign-v2 .operator-view-layout .breakdown-table th{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.zaghloul-redesign-v2 .operator-view-layout .breakdown-table td{border-bottom:1px solid #e9eef5!important}.zaghloul-redesign-v2 .operator-view-layout .breakdown-table tbody tr:nth-child(2n):not(.total-row):not(.grand-total-row){background:#fcfdff!important}.zaghloul-redesign-v2 .operator-view-layout .name-cell{font-weight:600!important}.zaghloul-redesign-v2 .operator-view-layout .operator-cell,.zaghloul-redesign-v2 .customer-view-table .operator-cell{background:#e5e7eb!important;color:#000!important;text-shadow:none!important}.zaghloul-redesign-v2 .operator-view-layout .total-row td{background:#f4f8ff!important;border-top:1px solid #dbeafe!important}.zaghloul-redesign-v2 .operator-view-layout .grand-total-header{justify-content:flex-start}.zaghloul-redesign-v2 .operator-view-layout .grand-total-row td{padding-top:1rem;padding-bottom:1rem}.zaghloul-redesign-v2 .breakdown-table tbody tr:hover{background:inherit!important}@media(max-width:1024px){.zaghloul-redesign-v2 .operator-view-layout .operator-section-header{flex-direction:column;align-items:flex-start}.zaghloul-redesign-v2 .operator-header-metrics{justify-content:flex-start}}.analytics-hub-page{display:flex;flex-direction:column;min-height:0;gap:.9rem}.analytics-hub-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-bg-surface)}.analytics-hub-tab{border:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--color-text-secondary);border-radius:.6rem;padding:.55rem .95rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .18s ease;width:100%;text-align:center}.analytics-hub-tab:hover{border-color:var(--color-primary-300);color:var(--color-primary-700);background:var(--color-primary-50)}.analytics-hub-tab.active{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;border-color:transparent;box-shadow:0 4px 10px #2f6fed3d}.analytics-hub-content{min-height:0}.analytics-hub-panel{border:1px solid var(--color-border);border-radius:.95rem;padding:.75rem;background:var(--color-bg-surface)}@media(max-width:768px){.analytics-hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.6rem}.analytics-hub-tab{font-size:.82rem;padding:.5rem .78rem}}.trend-series{padding:2rem;max-width:1400px;margin:0 auto}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid #e2e8f0}.trend-header h1{display:flex;align-items:center;gap:1rem;margin:0;font-size:2rem;background:linear-gradient(135deg,#2f6fed,#1f4ead);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trend-header p{margin:.5rem 0 0;color:#718096;font-size:1rem}.trend-builder{background:var(--color-bg-surface);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.builder-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f7fafc}.builder-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.builder-section h3{margin:0 0 .5rem;color:#2d3748;font-size:1.25rem}.hint{margin:0 0 1rem;color:#718096;font-size:.9rem;font-style:italic}.snapshot-selector{width:100%;max-width:300px;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.snapshot-selector:hover{border-color:#cbd5e0}.snapshot-selector:focus{outline:none;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed29}.metrics-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;min-height:50px}.metric-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-surface);border:2px solid;border-radius:2rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.metric-color{width:12px;height:12px;border-radius:50%}.remove-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;color:#a0aec0;transition:color .2s}.remove-btn:hover{color:#e53e3e}.metric-categories{display:flex;flex-direction:column;gap:1.5rem}.metric-category h4{margin:0 0 .75rem;color:#4a5568;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.metric-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#2f6fed,#1f4ead);color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2f6fed52}.metric-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #2f6fed66}.metric-button:disabled{opacity:.5;cursor:not-allowed}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#4a5568;font-size:.9rem}.filter-group select{padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;background:var(--color-bg-surface);cursor:pointer;transition:all .2s}.filter-group select:hover{border-color:#cbd5e0}.filter-group select:focus{outline:none;border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed29}.action-section{display:flex;justify-content:center;padding-top:1rem}.run-button{padding:1rem 3rem;background:linear-gradient(135deg,#5f8df5,#2f6fed);color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #2f6fed4d}.run-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 12px #2f6fed66}.run-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.trend-results{background:var(--color-bg-surface);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.trend-results h3{margin:0 0 1.5rem;color:#2d3748;font-size:1.5rem}.trend-summary{margin-top:2rem;padding-top:2rem;border-top:2px solid #f7fafc}.trend-summary h4{margin:0 0 1.5rem;color:#2d3748;font-size:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#f7fafc;border-left:4px solid;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.stat-card h5{margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:700}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.stat-row:last-child{border-bottom:none}.stat-row span{color:#718096;font-size:.9rem}.stat-row strong{color:#2d3748;font-size:1rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#0f172a,#1d3557 45%,#2f6fed);padding:1.5rem}.login-shell{width:min(100%,980px);display:grid;grid-template-columns:1.15fr 1fr;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 56px #0f172a52;background:#0f172a38}.login-hero{padding:2.3rem 2.2rem;color:#e9f2ff;background:radial-gradient(circle at 12% 14%,rgba(143,176,250,.25),transparent 36%),radial-gradient(circle at 86% 92%,rgba(47,111,237,.28),transparent 42%),linear-gradient(145deg,#0c182dd9,#19335ed1);border-right:1px solid rgba(255,255,255,.1)}.hero-logo{display:block;width:clamp(180px,56%,260px);height:auto;margin:0 0 3rem}.hero-kicker{margin:0 0 .55rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#e9f2ffc7;font-weight:700}.login-hero h1{margin:0;font-size:clamp(1.8rem,2.3vw,2.35rem);line-height:1.1}.hero-description{margin:.95rem 0 0;color:#e9f2ffdb;font-size:.96rem;max-width:30ch}.hero-pill-row{margin-top:1.35rem;display:flex;flex-wrap:wrap;gap:.45rem}.hero-pill-row span{border:1px solid rgba(191,219,254,.45);background:#bfdbfe26;color:#dbeafe;padding:.32rem .62rem;border-radius:999px;font-size:.74rem;font-weight:600}.login-card{background:var(--color-bg-surface);width:100%;padding:2rem 1.8rem}.login-header{margin-bottom:1.3rem}.login-header h2{margin:0 0 .35rem;font-size:1.55rem;color:var(--color-text-primary)}.login-header p{margin:0;color:var(--color-text-muted);font-size:.95rem}.login-form{margin-bottom:0}.login-form .form-group{margin-bottom:1rem}.login-form .form-group label{display:block;margin-bottom:.42rem;font-weight:600;color:var(--color-text-secondary);font-size:.88rem}.login-form .form-group input{width:100%;padding:.72rem .9rem;border:1px solid var(--color-border);border-radius:.62rem;font-size:.92rem;background:var(--color-bg-surface);color:var(--color-text-primary);transition:all .2s;box-sizing:border-box}.login-form .form-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed2e}.error-banner{padding:.68rem .8rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.62rem;color:#dc2626;font-size:.83rem;margin-bottom:.9rem}.login-btn{width:100%;margin-top:.2rem;padding:.82rem 1.2rem;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;border:none;border-radius:.62rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2f6fed47}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:860px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-hero{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:1.45rem 1.4rem}.hero-description{max-width:100%}.login-card{padding:1.5rem 1.3rem}}.set-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#0f172a,#1d3557 45%,#2f6fed);padding:1rem}.set-password-card{background:var(--color-bg-surface);border-radius:1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-md);width:100%;max-width:420px;padding:2.5rem}.set-password-header{text-align:center;margin-bottom:2rem}.set-password-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text-primary)}.set-password-header p{margin:0;color:var(--color-text-muted);font-size:.95rem}.set-password-form{margin-bottom:1.5rem}.set-password-form .form-group{margin-bottom:1.25rem}.set-password-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary);font-size:.95rem}.set-password-form .form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;transition:all .2s;box-sizing:border-box}.set-password-form .form-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed2e}.error-banner{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1.25rem}.error-message{padding:1.5rem;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;text-align:center}.success-message{text-align:center;color:#2f6fed}.success-message h2{margin:0 0 .5rem;font-size:1.5rem}.success-message p{margin:0;color:#245bd0}.submit-btn{width:100%;padding:.875rem 1.5rem;background:var(--color-primary-500);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--color-primary-600)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.popup-overlay{position:fixed;inset:0;z-index:1200;background:radial-gradient(circle at 20% 10%,rgba(15,23,42,.18),transparent 40%),radial-gradient(circle at 80% 90%,rgba(47,111,237,.2),transparent 42%),#0206179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px}.popup-card{width:100%;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.55) transparent;background:linear-gradient(180deg,#fffffffa,#f3f6fbfa);border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-md),0 2px #fffc inset}.popup-card::-webkit-scrollbar{width:10px}.popup-card::-webkit-scrollbar-track{background:transparent;margin:8px 0}.popup-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8cc,#64748be6);border:2px solid rgba(255,255,255,.95);border-radius:999px}.popup-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748be6,#475569f2)}.popup-sm{max-width:440px}.popup-md{max-width:560px}.popup-lg{max-width:760px}.popup-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg-surface) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.popup-header h2{margin:0;font-size:20px;font-weight:800;letter-spacing:.1px;color:var(--color-text-primary)}.popup-header p{margin:6px 0 0;color:var(--color-text-secondary);font-size:13px}.popup-close-btn{position:sticky;top:8px;width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:linear-gradient(180deg,#fff,#f1f5f9);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.popup-close-btn:hover{background:linear-gradient(180deg,#fff,#e2e8f0);transform:translateY(-1px) scale(1.03);box-shadow:var(--shadow-sm)}.popup-close-btn:active{transform:translateY(0) scale(.97);box-shadow:0 6px 14px #0f172a29}.popup-close-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.popup-body{padding:20px 22px 8px}.popup-footer{display:flex;justify-content:flex-end;gap:12px;padding:8px 22px 22px;border-top:1px solid var(--color-border);background:linear-gradient(180deg,#f8fafc00,#f1f5f9a6)}.customer-access-management{padding:0}.customer-access-management .page-header{margin-bottom:1.25rem}.customer-access-management .actions-bar{margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.customer-access-management .section-heading h2{margin:0;font-size:1.08rem;color:var(--color-text-primary)}.customer-access-management .section-heading p{margin:.15rem 0 0;font-size:.82rem;color:var(--color-text-muted)}.customer-access-management .filter-tabs{display:flex;gap:.45rem;padding:.45rem;flex-wrap:wrap;border-bottom:1px solid var(--color-border);background:var(--color-bg-muted)}.customer-access-management .filter-tab{background:#fbfdffd1;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.55rem .9rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.84rem;font-weight:600}.customer-access-management .filter-tab:hover{background:var(--color-bg-soft)}.customer-access-management .filter-tab.active{background:#fff;color:var(--color-primary-700);border-color:var(--color-primary-100);box-shadow:0 8px 20px #1f4ead1f}.customer-access-management .cam-tabs-container{border-radius:1rem;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);overflow:hidden;background:var(--color-bg-surface)}.customer-access-management .cam-content{padding:.9rem}.customer-access-management .all-users-toolbar{margin-bottom:.7rem}.customer-access-management .all-users-search.search-box{display:flex;align-items:center;gap:.5rem;min-height:2.2rem;width:100%;max-width:none;padding:0 .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface)}.customer-access-management .all-users-search.search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.88rem}.customer-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;margin-bottom:0}.by-customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:.9rem}.by-customer-toolbar{margin-bottom:.72rem}.by-customer-search.search-box{width:100%;min-height:2.2rem;height:2.2rem;padding:0 .72rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-surface)}.by-customer-search.search-box input{width:100%;font-size:.85rem}.by-customer-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-xs);padding:.95rem;display:grid;grid-template-rows:auto auto 1fr;gap:.72rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.by-customer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.by-customer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;min-height:54px}.by-customer-title-wrap{display:flex;align-items:flex-start;gap:.62rem;min-width:0}.by-customer-initial{width:1.85rem;height:1.85rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:700;color:var(--color-primary-700);background:#dde9ff}.by-customer-title-block{display:grid;gap:.2rem;min-width:0}.by-customer-title-block h4{margin:0;font-size:.96rem;color:var(--color-text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.by-customer-users-count{display:inline-flex;align-items:center;width:fit-content;font-size:.7rem;font-weight:700;color:var(--color-text-muted);background:var(--color-bg-muted);padding:.2rem .48rem;border-radius:999px}.by-customer-add-btn{width:1.85rem;height:1.85rem;border:1px solid #5f8df5;border-radius:999px;background:linear-gradient(180deg,#edf4ff,#d9e8ff);color:#1f4ead;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.by-customer-add-btn:hover{background:#b7c9e8}.by-customer-limit{border:1px solid var(--color-border);border-radius:.58rem;background:var(--color-bg-soft);padding:.38rem .45rem;display:grid;align-content:start;justify-self:stretch;width:100%;max-width:100%;min-height:0;gap:.28rem}.by-customer-limit-inline{display:flex;align-items:center;flex-wrap:nowrap;gap:.32rem;min-width:0}.by-customer-limit-label{font-size:.68rem;color:var(--color-text-secondary);font-weight:700}.by-customer-limit-chip{display:inline-flex;align-items:center;border-radius:999px;font-size:.64rem;font-weight:700;padding:.12rem .38rem}.by-customer-limit-chip.default{background:#eef2f7;color:var(--color-text-secondary)}.by-customer-limit-chip.override{background:#dbeafe;color:var(--color-primary-700)}.by-customer-limit-current{font-size:.67rem;color:var(--color-text-muted);font-weight:600;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;gap:.75rem}.customer-tab-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.customer-tab-header p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.82rem}.customer-tab-summary{padding:.34rem .6rem;border-radius:999px;background:var(--color-success-100);color:var(--color-success-700);font-size:.75rem;font-weight:700;white-space:nowrap}.customer-filter-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.95rem;box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.customer-filter-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.customer-filter-card-header{display:grid;gap:.55rem;margin-bottom:.75rem;padding-bottom:.625rem;border-bottom:1px dashed var(--color-border)}.customer-filter-card-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.customer-filter-card-header-meta{width:100%}.customer-filter-title-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.customer-filter-card-meta{margin:0;padding:0;border:none}.customer-limit-meta{display:grid;gap:.38rem;padding:.46rem .55rem;border:1px solid var(--color-border);border-radius:.58rem;background:#ffffffb3}.customer-limit-meta-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.38rem}.customer-limit-label{font-size:.68rem;color:var(--color-text-secondary);font-weight:700}.customer-limit-source{display:inline-flex;align-items:center;border-radius:999px;font-size:.64rem;font-weight:700;padding:.12rem .38rem;letter-spacing:.01em}.customer-limit-source.default{background:#eef2f7;color:var(--color-text-secondary)}.customer-limit-source.override{background:#dbeafe;color:var(--color-primary-700)}.customer-limit-effective{font-size:.67rem;color:var(--color-text-muted);font-weight:600}.by-customer-limit-inline input{width:62px;min-width:62px;padding:.28rem .38rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;background:var(--color-bg-surface);margin-left:auto}.by-customer-limit-inline input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #2f6fed29}.by-customer-save-btn{min-width:52px;padding:.28rem .48rem;font-size:.68rem;font-weight:700;border-radius:.42rem;border:1px solid var(--color-border);background:#eef4ff;color:var(--color-primary-700);cursor:pointer}.by-customer-save-btn:hover:not(:disabled){background:#dbeafe}.by-customer-save-btn:disabled{opacity:.6;cursor:not-allowed}.by-customer-users{display:grid;align-content:start;gap:.5rem}.by-customer-user-search.search-box{width:100%;min-height:2rem;height:2rem;padding:0 .62rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-surface)}.by-customer-user-search.search-box input{width:100%;font-size:.8rem}.by-customer-users-list{display:grid;gap:.5rem;max-height:162px;overflow-y:auto;padding-right:.15rem}.by-customer-user-row{background:var(--color-bg-soft);border-radius:var(--radius-sm);padding:.55rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.625rem;border:1px solid var(--color-bg-muted)}.by-customer-user-main{display:flex;flex-direction:column;gap:.1rem}.by-customer-user-name{font-size:.82rem;font-weight:700;color:var(--color-text-primary)}.by-customer-user-email{font-size:.75rem;color:var(--color-text-muted)}.by-customer-user-actions{display:flex;align-items:center;gap:.4rem}.by-customer-remove-btn{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid #ef4444;color:#b91c1c;background:#fff1f2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all var(--transition-fast)}.by-customer-remove-btn:hover{background:#fee2e2;border-color:#dc2626}.by-customer-empty{margin:0;font-size:.82rem;color:var(--color-text-muted);min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.customer-filter-title-wrap{display:flex;align-items:flex-start;gap:.625rem;min-width:0}.customer-filter-card-header h3{margin:0;font-size:1rem;color:var(--color-text-primary)}.customer-filter-initial{width:1.75rem;height:1.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-primary-700);background:var(--color-primary-100)}.customer-user-count{display:inline-block;padding:.22rem .5rem;border-radius:999px;background:var(--color-bg-muted);font-size:.72rem;color:var(--color-text-secondary);font-weight:700}.customer-filter-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.customer-filter-add-btn{width:1.9rem;height:1.9rem;border:1px solid #5f8df5;border-radius:999px;background:linear-gradient(180deg,#edf4ff,#d9e8ff);color:#1f4ead;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.customer-filter-add-btn:hover{background:#b7c9e8}.customer-filter-card-users{display:flex;flex-direction:column;gap:.5rem}.customer-filter-user-item{background:var(--color-bg-soft);border-radius:var(--radius-sm);padding:.55rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.625rem;border:1px solid var(--color-bg-muted)}.customer-filter-user-actions{display:flex;align-items:center;gap:.4rem}.customer-filter-user-main{display:flex;flex-direction:column;gap:.1rem}.customer-filter-user-name{font-size:.82rem;font-weight:700;color:var(--color-text-primary)}.customer-filter-user-email{font-size:.75rem;color:var(--color-text-muted)}.mini-status-badge.active{background:var(--color-success-100);color:var(--color-success-700)}.mini-status-badge.inactive{background:var(--color-danger-100);color:var(--color-danger-700)}.customer-filter-remove-btn{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid #ef4444;color:#b91c1c;background:#fff1f2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all var(--transition-fast)}.customer-filter-remove-btn:hover{background:#fee2e2;border-color:#dc2626}.customer-filter-empty-users{margin:0;font-size:.82rem;color:var(--color-text-muted)}.customer-access-management .btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:var(--color-primary-500);color:#fff;border:1px solid transparent;padding:.625rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer}.customer-access-management .btn-primary:hover{background:var(--color-primary-600)}.customer-access-management .btn-secondary{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.625rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer}.customer-access-management .btn-secondary:hover{background:var(--color-bg-soft)}.users-table-container{border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--color-bg-muted)}.users-table th{padding:.7rem .85rem;text-align:left;font-size:.78rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:.72rem .85rem;border-top:1px solid var(--color-border);font-size:.88rem;color:var(--color-text-secondary)}.users-table th:last-child,.users-table td:last-child{width:128px;min-width:128px;text-align:center}.users-table tbody tr:hover{background:var(--color-bg-soft)}.customer-table-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.7rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-soft)}.customer-table-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.customer-table-pagination{width:auto;margin-left:auto;justify-content:flex-end}.customer-access-management .customer-table-pagination.app-pagination{width:auto;justify-content:flex-end}.no-data{text-align:center;color:var(--color-text-muted);padding:1.4rem!important}.role-badge{display:inline-block;padding:.24rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--color-primary-100);color:var(--color-primary-700)}.customer-access-management .status-badge{min-width:74px;text-align:center;font-weight:700}.customer-access-management .status-badge.active{background:var(--color-success-100);color:#000}.customer-access-management .status-badge.inactive{background:var(--color-danger-100);color:#000}.customer-access-management .action-buttons{display:flex;gap:.35rem;align-items:center;justify-content:center;flex-wrap:nowrap}.customer-access-management .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.95rem;height:1.95rem;background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:0;border-radius:.375rem;transition:all var(--transition-fast)}.customer-access-management .btn-icon:hover{background:var(--color-bg-soft);border-color:var(--color-border-strong)}.customer-access-management .btn-edit{color:#b45309}.customer-access-management .btn-edit:hover{background:#fef3c7;border-color:#f59e0b}.customer-access-management .btn-reset{color:#0f766e}.customer-access-management .btn-reset:hover{background:#ccfbf1;border-color:#14b8a6}.customer-access-management .btn-delete{color:#b91c1c}.customer-access-management .btn-delete:hover{background:var(--color-danger-100);border-color:#ef4444}.customer-tags{display:flex;flex-wrap:wrap;gap:.38rem}.customer-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;background:var(--color-bg-muted);color:var(--color-text-secondary)}.customer-more-tag{position:relative;display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--color-primary-100);color:var(--color-primary-700);border:1px solid var(--color-border);cursor:default}.customer-more-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:260px;padding:.42rem .58rem;border-radius:.45rem;border:1px solid var(--color-border-strong);background:#0f172a;color:#fff;font-size:.72rem;line-height:1.35;white-space:normal;text-align:left;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:20}.customer-more-tooltip-item{display:block}.customer-more-tooltip-item+.customer-more-tooltip-item{margin-top:.2rem}.customer-more-tag:hover .customer-more-tooltip,.customer-more-tag:focus-visible .customer-more-tooltip{opacity:1;visibility:visible}.customer-access-form{width:100%}.customer-access-form .form-group{margin-bottom:.85rem}.customer-access-form .form-group label{margin-bottom:.45rem;font-size:.86rem;font-weight:600;color:var(--color-text-secondary)}.customer-access-form .form-group input,.customer-access-form .form-group select{box-sizing:border-box;width:100%;padding:.625rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.88rem}.customer-access-form .form-group input:focus,.customer-access-form .form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #2f6fed29}.form-helper-text{display:block;margin-top:.45rem;color:var(--color-text-muted);font-size:.76rem}.customer-search-input{margin-bottom:.5rem}.customer-access-management .customer-search-input.search-box{width:100%;min-height:2.4rem;height:2.4rem;padding:0 .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-surface)}.customer-access-management .customer-search-input.search-box input{width:100%;font-size:.88rem}.customer-checkbox-list{max-height:180px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);padding:.5rem;display:flex;flex-direction:column;gap:.38rem}.customer-checkbox-item{display:flex;align-items:center;gap:0;padding:.38rem .5rem;border-radius:.4rem;cursor:pointer;color:var(--color-text-secondary);font-size:.82rem}.customer-checkbox-item span{display:inline;line-height:1.25}.customer-checkbox-item:hover{background:var(--color-bg-soft)}.customer-checkbox-item input[type=checkbox]{width:13px!important;min-height:13px!important;height:13px;padding:0!important;accent-color:var(--color-primary-500);margin:0 .95rem 0 0!important;flex:0 0 13px;display:inline-block;vertical-align:middle}.customer-checkbox-empty{margin:0;padding:.5rem;color:var(--color-text-muted);font-size:.82rem}.form-error-text{display:block;margin-top:.45rem;color:var(--color-danger-700);font-size:.76rem}.limit-reduction-modal{display:grid;gap:.75rem}.limit-reduction-modal-hint{margin:0;font-size:.84rem;color:var(--color-text-secondary)}.limit-reduction-modal-list{max-height:320px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);padding:.42rem;display:grid;gap:.35rem}.limit-reduction-modal-item{display:flex;align-items:center;gap:.62rem;padding:.45rem .52rem;border:1px solid var(--color-bg-muted);border-radius:.48rem;background:var(--color-bg-soft);cursor:pointer}.limit-reduction-modal-item input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--color-primary-500)}.limit-reduction-modal-item-main{display:flex;flex-direction:column;min-width:0;gap:.12rem;flex:1}.limit-reduction-modal-item-name{font-size:.83rem;font-weight:700;color:var(--color-text-primary)}.limit-reduction-modal-item-email{font-size:.75rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.customer-access-management .actions-bar{align-items:flex-start;flex-direction:column}.customer-access-management .cam-content{padding:.75rem}.customer-table-pagination-wrap{flex-direction:column;align-items:flex-start}.customer-table-pagination{width:100%;justify-content:center}.customer-limit-meta-row{flex-direction:row;align-items:center}.by-customer-limit-inline{display:flex}.customer-filter-card-header-main{flex-direction:column;align-items:stretch;gap:.5rem}.customer-filter-card-actions{justify-content:space-between}.by-customer-grid{grid-template-columns:1fr}}.snapshot-tracking-container{padding:2rem;max-width:1600px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{font-size:1.75rem;color:#1e293b;margin:0}.btn-refresh{padding:.5rem 1rem;background:#2f6fed;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-refresh:hover{background:#245bd0}.filters-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filters-bar select{min-width:170px;padding:.5rem .625rem;border:1px solid #cbd5e1;border-radius:6px;background:var(--color-bg-surface);color:#1e293b;font-size:.875rem}.tracking-table-container{background:var(--color-bg-surface);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;margin-bottom:2rem}.tracking-table{width:100%;border-collapse:collapse;font-size:.875rem}.tracking-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.tracking-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;white-space:nowrap}.tracking-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.tracking-table tbody tr:hover{background:#f8fafc}.tracking-table tbody tr:last-child td{border-bottom:none}.date-cell{font-weight:500;color:#1e293b}.operator-cell{font-weight:600;color:#2f6fed;text-transform:uppercase}.status-cell{min-width:150px}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.status-icon{font-size:1.25rem;font-weight:700}.status-text{font-weight:500;text-transform:capitalize}.status-meta{font-size:.75rem;color:#64748b;margin-top:.25rem}.error-summary{font-size:.75rem;color:#dc2626;margin-top:.25rem;font-style:italic}.status-success .status-icon,.status-success .status-text{color:#2f6fed}.status-pending .status-icon,.status-pending .status-text{color:#eab308}.status-error .status-icon,.status-error .status-text{color:#dc2626}.actions-cell{text-align:center}.btn-view-details{padding:.375rem .75rem;background:var(--color-bg-surface);color:#2f6fed;border:1px solid #2f6fed;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.btn-view-details:hover{background:#edf4ff}.no-data{text-align:center;padding:3rem!important;color:#64748b;font-style:italic}.legend{background:var(--color-bg-surface);padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.legend h3{font-size:1rem;color:#1e293b;margin:0 0 1rem}.legend-items{display:flex;gap:2rem}.legend-item{display:flex;align-items:center}.legend .status-indicator{margin-bottom:0}.status-cell-compact{text-align:center;padding:.75rem!important}.status-badge-compact{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1.25rem;font-weight:700;transition:transform .2s}.status-badge-compact:hover{transform:scale(1.1)}.status-badge-compact.status-success{background:#d9e8ff;color:#2f6fed}.status-badge-compact.status-pending{background:#fef3c7;color:#eab308}.status-badge-compact.status-error{background:#fee2e2;color:#dc2626}.btn-details{padding:.5rem 1rem;background:#2f6fed;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-details:hover{background:#245bd0;box-shadow:0 2px 4px #2f6fed4d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-bg-surface);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.5rem;color:#1e293b}.modal-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:1.125rem;color:#1e293b;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#475569;flex-shrink:0;margin-right:1rem}.detail-value{color:#1e293b;text-align:right;word-break:break-word}.detail-value.error-text{color:#dc2626;font-style:italic}.detail-row .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.detail-row .status-badge.status-success{background:#d9e8ff;color:#2f6fed}.detail-row .status-badge.status-pending{background:#fef3c7;color:#eab308}.detail-row .status-badge.status-error{background:#fee2e2;color:#dc2626}.modal-footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-close{padding:.5rem 1.5rem;background:#64748b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-close:hover{background:#475569}.snapshot-tracking-container{padding:0}.snapshot-tracking-container .page-header{margin-bottom:1rem}.snapshot-tracking-container .tracking-header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.snapshot-tracking-container .tracking-header-row h1{margin:0}.snapshot-tracking-container .tracking-header-row p{margin:.35rem 0 0;color:#ffffffd9}.snapshot-tracking-container .refresh-btn{min-height:2.25rem;padding:.4rem .8rem;color:#fff;border-color:#ffffff57;background:#0f172a3d}.snapshot-tracking-container .refresh-btn:hover{background:#0f172a5c;border-color:#ffffff80}.snapshot-tracking-container .tracking-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem}.snapshot-tracking-container .tracking-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs)}.snapshot-tracking-container .tracking-summary-card span{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--color-text-muted)}.snapshot-tracking-container .tracking-summary-card strong{font-size:1rem;color:var(--color-text-primary)}.snapshot-tracking-container .tracking-panel{border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;background:var(--color-bg-surface);box-shadow:var(--shadow-xs)}.snapshot-tracking-container .tracking-table-container{margin-bottom:0;border-radius:0;border:none;box-shadow:none}.snapshot-tracking-container .tracking-table thead{background:var(--color-bg-muted);border-bottom:1px solid var(--color-border)}.snapshot-tracking-container .tracking-table th{padding:.7rem .8rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.snapshot-tracking-container .tracking-table td{padding:.68rem .8rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.88rem}.snapshot-tracking-container .tracking-table tr:last-child td{border-bottom:none}.snapshot-tracking-container .date-cell{font-weight:600;color:var(--color-text-primary)}.snapshot-tracking-container .operator-cell{color:var(--color-primary-700);font-size:.82rem}.snapshot-tracking-container .status-cell-compact{padding:.55rem!important;text-align:center}.snapshot-tracking-container .status-badge-compact{width:26px;height:26px;font-size:.95rem;font-weight:700}.snapshot-tracking-container .actions-cell{width:98px;min-width:98px;text-align:center}.snapshot-tracking-container .btn-details{min-height:1.95rem;padding:.35rem .72rem;font-size:.8rem;border-radius:.4rem}.snapshot-tracking-container .no-data{padding:1.35rem!important}.snapshot-tracking-container .legend{margin:.6rem;margin-top:0;padding:.65rem .8rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-bg-soft);box-shadow:none}.snapshot-tracking-container .legend h3{margin:0 0 .45rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.snapshot-tracking-container .legend-items{gap:.8rem}.snapshot-tracking-container .legend .status-indicator{gap:.35rem}.snapshot-tracking-container .legend .status-text{font-size:.8rem}.snapshot-tracking-container .tracking-pagination-wrap{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.6rem;margin-top:0;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-soft)}.snapshot-tracking-container .tracking-pagination-info{font-size:.8rem;color:var(--color-text-muted)}.snapshot-tracking-container .tracking-pagination{width:auto;justify-content:flex-end}.snapshot-tracking-container .detail-section{margin-bottom:1rem}.snapshot-tracking-container .detail-section h3{font-size:.95rem;margin-bottom:.55rem;padding-bottom:.35rem}.snapshot-tracking-container .detail-row{padding:.5rem 0}.snapshot-tracking-container .detail-label{font-size:.82rem}.snapshot-tracking-container .detail-value{font-size:.84rem}@media(max-width:960px){.snapshot-tracking-container .tracking-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-tracking-container .tracking-pagination-wrap{flex-direction:column;align-items:flex-start}.snapshot-tracking-container .tracking-pagination{width:100%;justify-content:center}}@media(max-width:768px){.snapshot-tracking-container .tracking-header-row{flex-direction:column;align-items:flex-start}}.request-history-container{display:flex;flex-direction:column;gap:.9rem}.request-history-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.request-history-header p{margin:.3rem 0 0;color:#ffffffdb}.request-history-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:.6rem}.request-history-filters select,.request-history-filters input{min-height:2.2rem;border-radius:.6rem;border:1px solid var(--color-border);padding:.45rem .65rem;background:var(--color-bg-surface);color:var(--color-text-primary)}.request-history-table-wrap{border:1px solid var(--color-border);border-radius:1rem;background:var(--color-bg-surface);box-shadow:var(--shadow-xs);overflow:hidden;overflow-x:auto}.request-history-table{width:100%;border-collapse:collapse}.request-history-table thead{background:var(--color-bg-muted)}.request-history-table th{padding:.7rem .8rem;text-align:left;font-size:.76rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.request-history-table td{padding:.68rem .8rem;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.86rem;white-space:nowrap}.request-history-empty{padding:2rem;text-align:center;color:var(--color-text-muted)}.request-history-pagination{display:flex;justify-content:center;align-items:center;gap:.6rem}@media(max-width:1024px){.request-history-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:768px){.request-history-header{flex-direction:column;align-items:flex-start}.request-history-filters{grid-template-columns:1fr}}.general-settings-container{padding:0}.general-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.general-settings-header-actions{display:inline-flex;align-items:center;gap:.6rem}.general-settings-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-xs);padding:1rem}.general-settings-readonly-note{margin-bottom:1rem;border:1px solid var(--color-warning-700);background:var(--color-warning-100);color:var(--color-warning-700);border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:.88rem;font-weight:600}.general-settings-sections{display:grid;gap:1rem}.general-settings-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);padding:.9rem}.general-settings-section-header{margin-bottom:.8rem}.general-settings-section-header h2{margin:0;font-size:1rem;color:var(--color-text-primary)}.general-settings-section-header p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.84rem}.general-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.general-settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem}.general-settings-toggle label{margin-bottom:0}.general-settings-toggle input[type=checkbox]{width:18px;height:18px}.general-settings-errors{margin-top:1rem;border:1px solid var(--color-danger-700);background:var(--color-danger-100);color:var(--color-danger-700);border-radius:var(--radius-sm);padding:.65rem .8rem}.general-settings-errors p{margin:0}.general-settings-errors p+p{margin-top:.3rem}.general-settings-field-error{margin:.35rem 0 0;color:var(--color-danger-700);font-size:.8rem;font-weight:600}.general-settings-overrides{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:.9rem}.general-settings-overrides-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.75rem}.general-settings-overrides-header h3{margin:0;font-size:.92rem;color:var(--color-text-primary)}.general-settings-overrides-empty{margin:0;color:var(--color-text-muted);font-size:.85rem}.general-settings-overrides-list{display:grid;gap:.75rem}.general-settings-overrides-row{display:grid;grid-template-columns:1.6fr 1fr auto;gap:.75rem;align-items:end}.general-settings-overrides-row .btn{align-self:flex-end}.general-settings-actions{margin-top:1rem;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.8rem}.general-settings-actions-left,.general-settings-actions-right{display:inline-flex;align-items:center}.general-settings-hint{color:var(--color-text-muted);font-size:.84rem;margin-right:auto}@media(max-width:900px){.general-settings-header{flex-direction:column;align-items:flex-start}.general-settings-grid{grid-template-columns:1fr}.general-settings-overrides-row{grid-template-columns:1fr;align-items:stretch}.general-settings-overrides-row .btn{justify-content:center}}#root{min-height:100vh}