@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--secondary-blue:#6366f1;--accent-blue:#818cf8;--primary-indigo:#4f46e5;--secondary-indigo:#6366f1;--accent-indigo:#818cf8;--light-indigo:#a5b4fc;--bg-lavender:#eef2ff;--bg-soft-purple:#f5f3ff}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.rtl{direction:rtl;font-family:Noto Sans Arabic,Inter,-apple-system,BlinkMacSystemFont,sans-serif}body.rtl .layout-container{flex-direction:row-reverse}body.rtl .sidebar{border-left:1px solid #ffffff1a;border-right:none}body.rtl .sidebar-nav{text-align:right}body.rtl .nav-item{flex-direction:row-reverse}body.rtl .nav-item.active:after{border-radius:4px 0 0 4px;left:auto;right:0}body.rtl .nav-section:before{left:auto;right:0}body.rtl .nav-section{padding-left:0;padding-right:14px}body.rtl .header-actions,body.rtl .top-header,body.rtl .user-menu-trigger{flex-direction:row-reverse}body.rtl .user-info{text-align:right}body.rtl .user-menu-dropdown{left:0;right:auto}body.rtl .form-input{padding-left:16px;padding-right:48px}body.rtl .input-icon{left:auto;right:16px}body.rtl .password-toggle{left:16px}body.rtl .filters-bar{flex-direction:row-reverse}body.rtl .filter-group,body.rtl .filter-group label{text-align:right}body.rtl .actions-group{margin-left:0;margin-right:auto}body.rtl .btn-export,body.rtl .btn-pivot,body.rtl .btn-save{flex-direction:row-reverse}body.rtl .rdg{direction:rtl}body.rtl .login-container{flex-direction:row-reverse}body.rtl .language-dropdown{left:0;right:auto}body.rtl .language-option{flex-direction:row-reverse;text-align:right}body.rtl .language-option.active:before{border-radius:0 3px 3px 0;left:auto;right:0}body.rtl .sidebar-footer-content{flex-direction:row-reverse}body.rtl .footer-text{text-align:right}body.rtl .version-badge{margin-left:0;margin-right:auto}body.rtl .dashboard-card{text-align:right}body.rtl table{direction:rtl}body.rtl .modal-content,body.rtl td,body.rtl th{text-align:right}body.rtl .modal-footer,body.rtl .modal-header{flex-direction:row-reverse}body.rtl .pivot-header-clean{direction:rtl}body.rtl .pivot-header-bottom{text-align:right}body{transition:direction .3s ease}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;gap:12px;max-width:400px;min-width:300px;padding:12px 16px;pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-icon{font-size:1.2em}.toast-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;margin-left:8px;padding:0}.toast-close:hover{color:#333}.sidebar{background:linear-gradient(175deg,#0a0e27,#131852 35%,#1a1f6b 55%,#0f1445 80%,#0a0e27);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;position:relative;width:270px}.sidebar:before{animation:sidebarGlow 12s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 0,#6366f159 0,#0000 55%),radial-gradient(ellipse at 80% 30%,#3b82f633 0,#0000 45%),radial-gradient(ellipse at 10% 100%,#8b5cf640 0,#0000 50%),radial-gradient(ellipse at 90% 80%,#38bdf81f 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes sidebarGlow{0%{opacity:.85}50%{opacity:1}to{opacity:.9}}.sidebar:after{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:24px 24px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.sidebar-header{gap:14px;padding:28px 24px;z-index:1}.sidebar-header,.sidebar-logo-container{align-items:center;display:flex;position:relative}.sidebar-logo-container{height:46px;justify-content:center;width:46px}.sidebar-logo-container:after{background:linear-gradient(135deg,#6366f166,#3b82f633,#8b5cf64d);border-radius:14px;content:"";filter:blur(6px);inset:-3px;position:absolute;z-index:-1}.sidebar-logo{filter:drop-shadow(0 2px 12px rgba(99,102,241,.6));height:auto;width:46px}.sidebar-brand-container{display:flex;flex-direction:column}.sidebar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc 50%,#818cf8);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.sidebar-tagline{color:#a5b4fcb3;font-size:.68rem;font-weight:500;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.sidebar-divider{background:linear-gradient(90deg,#0000,#818cf840,#6366f126,#0000);height:1px;margin:0 24px;position:relative;z-index:1}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 14px;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#818cf833;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#818cf859}.nav-section{color:#a5b4fc80;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;margin-top:24px;padding-left:16px;position:relative;text-transform:uppercase}.nav-section:before{background:#818cf8;border-radius:50%;box-shadow:0 0 8px #818cf899;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item{align-items:center;border-radius:12px;color:#c7d2feb3;display:flex;font-size:.925rem;font-weight:500;gap:14px;letter-spacing:-.01em;overflow:hidden;padding:11px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:before{background:linear-gradient(90deg,#6366f14d,#0000);border-radius:12px;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .3s ease;width:0}.nav-item:hover{background:#6366f11f;color:#fff}.nav-item:hover:before{width:100%}.nav-item.active{background:linear-gradient(135deg,#6366f14d,#4f46e533);box-shadow:inset 0 0 24px #6366f126,0 4px 16px #0003;color:#fff;font-weight:600}.nav-item.active:after{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:0 4px 4px 0;box-shadow:0 0 16px #6366f1cc,0 0 4px #818cf899;content:"";height:55%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.55;transition:all .2s;width:22px}.nav-item:hover .nav-icon{color:#a5b4fc;opacity:.9}.nav-item.active .nav-icon{color:#c7d2fe;filter:drop-shadow(0 0 4px rgba(129,140,248,.5));opacity:1}.nav-icon svg{height:20px;width:20px}.org-switcher{padding:12px 16px;position:relative;z-index:10}.org-current{align-items:center;background:#6366f114;border:1px solid #6366f11a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.org-current:hover{background:#6366f124;border-color:#818cf833}.org-current.open{background:#6366f138;border-color:#818cf866}.org-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.org-label{color:#a5b4fc99;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.org-name{color:#fffffff2;font-size:.85rem;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-chevron{color:#a5b4fc80;flex-shrink:0;height:18px;transition:transform .2s ease;width:18px}.org-current.open .org-chevron{color:#818cf8;transform:rotate(180deg)}.org-dropdown{animation:dropdownSlideUp .2s ease;background:linear-gradient(180deg,#1e1b4b,#252368);border:1px solid #818cf833;border-radius:12px;bottom:calc(100% + 4px);box-shadow:0 -10px 40px #00000080,0 0 20px #6366f11a;left:16px;max-height:240px;overflow:hidden;overflow-y:auto;position:absolute;right:16px}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.org-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s ease}.org-option:hover{background:#6366f11a}.org-option.active{background:#6366f133}.org-option-name{color:#ffffffe6;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-option.active .org-option-name{color:#a5b4fc;font-weight:600}.org-option svg{color:#818cf8;flex-shrink:0;height:16px;width:16px}.org-dropdown::-webkit-scrollbar{width:4px}.org-dropdown::-webkit-scrollbar-track{background:#0000}.org-dropdown::-webkit-scrollbar-thumb{background:#818cf833;border-radius:2px}.sidebar-footer{border-top:1px solid #6366f11a;padding:12px 16px;position:relative;z-index:1}.sidebar-footer-content{align-items:center;background:#6366f10f;border-radius:10px;display:flex;gap:10px;padding:8px 10px}.footer-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:7px;box-shadow:0 2px 8px #10b98166;display:flex;height:28px;justify-content:center;width:28px}.footer-icon svg{color:#fff;height:14px;width:14px}.footer-text{display:flex;flex-direction:column}.footer-status{align-items:center;color:#34d399;display:flex;font-size:.68rem;font-weight:600;gap:4px}.footer-status:before{animation:pulse 2s infinite;background:#34d399;border-radius:50%;box-shadow:0 0 6px #34d39980;content:"";height:5px;width:5px}.footer-label{color:#a5b4fc66;font-size:.6rem}.version-badge{background:#6366f11a;border-radius:20px;color:#a5b4fc80;font-size:.58rem;font-weight:500;margin-left:auto;padding:2px 7px}@media (max-width:1024px){.sidebar{width:250px}}@media (max-width:768px){.sidebar{left:-270px;position:fixed;transition:left .3s ease;z-index:1000}.sidebar.open{left:0}}.user-menu-container{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.user-menu-trigger{align-items:center;border:1px solid #0000;border-radius:14px;display:flex;gap:12px;padding:8px 14px;transition:all .2s ease}.user-menu-trigger.active,.user-menu-trigger:hover{background:#f8fafc;border-color:#e2e8f0}.user-menu-trigger.active{box-shadow:0 2px 8px #00000014}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f64d,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:1rem;font-weight:700;height:42px;justify-content:center;overflow:hidden;position:relative;width:42px}.user-avatar:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.user-menu-trigger:hover .user-avatar:before{left:100%}.user-avatar:after{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff;border-radius:50%;bottom:-2px;box-shadow:0 2px 4px #10b98166;content:"";height:12px;position:absolute;right:-2px;width:12px}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:-.2px}.user-role{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dropdown-arrow{align-items:center;color:#94a3b8;display:flex;height:20px;justify-content:center;width:20px}.dropdown-arrow svg{height:12px;width:12px}.user-menu-trigger.active .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001f,0 0 0 1px #0000000d;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:20px}.dropdown-user-info{align-items:center;display:flex;gap:14px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f640;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.dropdown-user-details{display:flex;flex-direction:column}.dropdown-user-name{color:#1e293b;font-size:.95rem;font-weight:600}.dropdown-user-email{color:#64748b;font-size:.8rem;margin-top:2px}.dropdown-menu-section{padding:8px}.menu-item{align-items:center;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:12px 14px;transition:all .15s ease}.menu-item:hover{background:#f8fafc;color:#1e293b}.menu-item svg{color:#94a3b8;height:18px;transition:color .15s ease;width:18px}.menu-item:hover svg{color:#64748b}.menu-item.logout{color:#ef4444}.menu-item.logout:hover{background:#fef2f2;color:#dc2626}.menu-item.logout svg{color:#f87171}.menu-item.logout:hover svg{color:#dc2626}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 12px}.dropdown-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.dropdown-footer-text{color:#94a3b8;font-size:.7rem}.dropdown-footer-version{background:#e2e8f0;border-radius:20px;color:#64748b;font-size:.65rem;font-weight:500;padding:3px 8px}.language-selector{position:relative}.language-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 14px;transition:all .2s ease}.language-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.language-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.lang-flag{font-size:1.2rem;line-height:1}.lang-code{color:#1e293b;font-size:.75rem;font-weight:700;letter-spacing:.5px}.lang-arrow{color:#94a3b8;margin-left:2px;transition:transform .2s ease}.lang-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:dropdownFade .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #00000008;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.language-option{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:14px 16px;position:relative;text-align:left;transition:all .15s ease;width:100%}.language-option:hover{background:#f8fafc}.language-option.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.language-option.active:before{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.language-option .lang-flag{font-size:1.3rem}.language-option .lang-name{flex:1 1;font-weight:500}.language-option.active .lang-name{font-weight:600}.check-icon{color:#3b82f6;flex-shrink:0}.language-option:not(:last-child){border-bottom:1px solid #f1f5f9}.bell-button,.notification-bell{position:relative}.bell-button{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.bell-button:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.bell-button svg{color:#6b7280;color:var(--text-secondary,#6b7280);height:22px;transition:color .2s ease;width:22px}.bell-button:hover svg{color:#111827;color:var(--text-primary,#111827)}.bell-button.has-notifications svg{color:#3b82f6;color:var(--primary-color,#3b82f6)}.notification-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;right:4px;top:4px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{animation:dropdown-appear .2s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 10px 40px #00000026;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 20px}.dropdown-header h3{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;margin:0}.mark-all-read{background:#0000;border:none;border-radius:6px;color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .2s ease}.mark-all-read:hover{background:#3b82f61a}.notification-list{max-height:380px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:3px}.notification-loading{align-items:center;display:flex;justify-content:center;padding:40px}.loading-spinner{border:3px solid #e5e7eb;border:3px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#3b82f6);height:32px;width:32px}.notification-empty{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.notification-empty svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.notification-empty span{font-size:14px}.notification-item{cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:background .2s ease}.notification-item:hover{background:#00000005;background:var(--hover-bg,#00000005)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:hover{background:#3b82f614}.notification-item+.notification-item{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb)}.notification-icon{align-items:center;background:color-mix(in srgb,var(--priority-color) 15%,#0000);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon svg{color:var(--priority-color);height:20px;width:20px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary,#6b7280);display:-webkit-box;font-size:13px;margin-bottom:6px;overflow:hidden}.notification-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px}.unread-dot{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.dropdown-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);text-align:center}.view-all{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s ease}.view-all:hover{opacity:.8}@media (max-width:480px){.notification-dropdown{left:8px;max-height:calc(100vh - 80px);position:fixed;right:8px;top:60px;width:auto}}[dir=rtl] .notification-dropdown{left:0;right:auto}[dir=rtl] .notification-badge{left:4px;right:auto}[dir=rtl] .unread-dot{margin-left:0;margin-right:auto}@media (prefers-color-scheme:dark){.notification-bell{--card-bg:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--hover-bg:#ffffff0d}}.layout-container{background:#eef2ff;display:flex;height:100vh;overflow:hidden;width:100vw}.main-content{background:linear-gradient(135deg,#f0f1ff,#eef2ff 40%,#f5f3ff 70%,#faf5ff);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.main-content:before{background-image:radial-gradient(circle at 100% 0,#6366f10f 0,#0000 50%),radial-gradient(circle at 0 100%,#8b5cf60a 0,#0000 50%),radial-gradient(circle at 50% 50%,#3b82f605 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.top-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #6366f114;box-shadow:0 1px 4px #6366f10a;display:flex;flex-shrink:0;height:72px;justify-content:space-between;padding:0 32px;position:relative;z-index:10}.header-left{gap:16px}.header-title{display:flex;flex-direction:column}.header-page-title{color:#1e1b4b;font-size:1.25rem;font-weight:700;letter-spacing:-.3px}.header-breadcrumb{align-items:center;color:#6366f1;display:flex;font-size:.8rem;gap:6px;opacity:.7}.header-breadcrumb svg{height:12px;width:12px}.header-search{position:relative;width:320px}.header-search input{background:#ffffffb3;border:2px solid #6366f11f;border-radius:12px;color:#1e293b;font-size:.875rem;padding:10px 16px 10px 44px;transition:all .2s ease;width:100%}.header-search input::placeholder{color:#94a3b8}.header-search input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none}.header-search-icon{color:#94a3b8;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.header-notification{align-items:center;background:#fff9;border:1px solid #6366f114;border-radius:12px;cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;transition:all .2s ease;width:42px}.header-notification:hover{background:#fff;border-color:#6366f133;box-shadow:0 2px 8px #6366f11a}.header-notification svg{color:#6366f1;height:20px;width:20px}.notification-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ef444466;height:10px;position:absolute;right:6px;top:6px;width:10px}.header-divider{background:#6366f11a;height:32px;margin:0 8px;width:1px}.content-area{flex:1 1;overflow-y:auto;padding:28px 32px;position:relative;z-index:1}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#0000}.content-area::-webkit-scrollbar-thumb{background:#6366f126;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#6366f140}@media (max-width:1024px){.top-header{padding:0 20px}.header-search{width:240px}.content-area{padding:20px}}@media (max-width:768px){.top-header{height:64px;padding:0 16px}.header-divider,.header-search{display:none}.content-area{padding:16px}}:root{--primary-blue:#1e40af;--secondary-blue:#3b82f6;--accent-blue:#60a5fa;--dark-blue:#1e3a8a;--navy:#0f172a;--bg-gradient-start:#0f172a;--bg-gradient-end:#1e3a8a;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--white:#fff;--card-shadow:0 25px 50px -12px #00000040;--input-shadow:0 1px 2px #0000000d;--success-green:#10b981;--error-red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f172a,#1e3a8a);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.login-container{display:flex;min-height:100vh;width:100%}.login-branding{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#2563eb);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 50%,#2563eb 100%);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px;position:relative}.login-branding:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#60a5fa1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#2563eb14 0,#0000 40%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.login-branding:after{animation:pulse-ring 4s ease-in-out infinite;border:1px solid #ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:10%;width:300px}@keyframes pulse-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.branding-content{max-width:500px;position:relative;text-align:center;z-index:1}.branding-logo{animation:logo-float 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));height:auto;margin-bottom:32px;width:120px}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.branding-title{color:#fff;color:var(--white);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:16px;text-shadow:0 4px 20px #0000004d}.branding-subtitle{color:#fffc;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:48px}.branding-features{display:flex;flex-direction:column;gap:20px;text-align:left}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px 24px;transition:all .3s ease}.feature-item:hover{background:#ffffff1f;transform:translateX(8px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--secondary-blue),var(--accent-blue));border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.feature-icon svg{color:#fff;height:24px;width:24px}.feature-text h4{color:#fff;color:var(--white);font-size:.95rem;font-weight:600;margin-bottom:4px}.feature-text p{color:#fff9;font-size:.8rem;line-height:1.4}.login-form-section{align-items:center;background:#fff;background:var(--white);display:flex;flex:0 0 520px;flex-direction:column;justify-content:flex-start;max-height:100vh;min-height:100vh;overflow-y:auto;padding:70px 60px 40px;position:relative}.login-form-section:before{background:linear-gradient(90deg,#1e40af,#3b82f6,#60a5fa);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue),var(--accent-blue));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.login-language-selector{position:absolute;right:20px;top:20px;z-index:1000}.login-language-selector .language-selector{position:relative}.login-language-selector .language-dropdown{z-index:1001}.login-card{max-width:380px;width:100%}.logo-container{align-items:center;display:none;flex-direction:column;margin-bottom:32px}.logo{height:auto;margin-bottom:12px;width:70px}.app-name{color:#1e40af;color:var(--primary-blue);font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.login-header{margin-bottom:28px}.login-welcome{color:#3b82f6;color:var(--secondary-blue);font-size:.875rem;font-weight:500;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.login-title{color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.login-subtitle{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:18px;width:100%}.form-label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:6px;margin-bottom:8px}.form-label svg{color:#94a3b8;color:var(--text-muted);height:16px;width:16px}.form-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--input-shadow);box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:500;padding:14px 16px;transition:all .2s ease;width:100%}.form-input:hover{border-color:#cbd5e1}.form-input:focus{border-color:#3b82f6;border-color:var(--secondary-blue);box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-muted);font-weight:400}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background:#0000000d;color:#64748b;color:var(--text-secondary)}.password-toggle svg{height:20px;width:20px}.form-options{justify-content:space-between;margin-top:-8px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{cursor:pointer;gap:8px}.remember-me input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--secondary-blue);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:18px;width:18px}.remember-me span{color:#64748b;color:var(--text-secondary);font-size:.875rem}.forgot-password-link{color:#3b82f6;color:var(--secondary-blue);font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#1e40af;color:var(--primary-blue);text-decoration:underline}.btn-login{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f659;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .3s ease;width:100%}.btn-login:hover{box-shadow:0 8px 25px #3b82f673;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.btn-login svg{height:20px;width:20px}.btn-login.loading{cursor:not-allowed;opacity:.8}.btn-login .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.error-message{animation:shake .4s ease-in-out;color:#ef4444;color:var(--error-red);font-size:.875rem;font-weight:500;gap:10px;padding:14px 16px}.error-message svg{flex-shrink:0;height:20px;width:20px}.register-link{margin-top:18px;text-align:center}.register-link p{color:#94a3b8;color:var(--text-muted);font-size:.9rem}.register-link a{color:#3b82f6;color:var(--secondary-blue);font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}.login-footer{margin-top:24px;padding-bottom:20px;text-align:center}.login-footer p{color:#94a3b8;color:var(--text-muted);font-size:.8rem}.login-footer a{color:#3b82f6;color:var(--secondary-blue);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-divider{align-items:center;display:flex;gap:16px;margin:24px 0}.login-divider:after,.login-divider:before{background:#e2e8f0;background:var(--border-color);content:"";flex:1 1;height:1px}.login-divider span{color:#94a3b8;color:var(--text-muted);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.forgot-password{display:none}@media (max-width:1024px){.login-branding{padding:40px}.login-form-section{flex:0 0 450px;padding:60px 40px 30px}.branding-title{font-size:2.5rem}.branding-subtitle{font-size:1.1rem}}@media (max-width:768px){.login-container{flex-direction:column}.login-branding{display:none}.login-form-section{flex:1 1;justify-content:flex-start;padding:60px 24px 40px;width:100%}.login-form-section:before{height:5px}.logo-container{display:flex}.login-card{max-width:100%}.login-header{margin-bottom:32px;text-align:center}.login-title{font-size:1.75rem}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.login-footer{margin-top:32px}}@media (max-width:400px){.login-form-section{padding:50px 16px 24px}.login-title{font-size:1.5rem}.form-input{padding:12px 14px}.btn-login{padding:14px 20px}}body.rtl .login-container{direction:rtl}body.rtl .branding-content,body.rtl .branding-features,body.rtl .login-branding{text-align:right}body.rtl .feature-item{flex-direction:row-reverse;text-align:right}body.rtl .feature-text{text-align:right}body.rtl .login-form-section{direction:rtl}body.rtl .login-card{direction:rtl;text-align:right}body.rtl .form-group,body.rtl .form-label,body.rtl .login-header{text-align:right}body.rtl .form-input{direction:rtl;text-align:right}body.rtl .form-input::placeholder{text-align:right}body.rtl .password-input-wrapper{direction:rtl}body.rtl .password-toggle{left:14px;right:auto}body.rtl .password-input-wrapper .form-input{padding-left:48px;padding-right:16px}body.rtl .btn-login,body.rtl .form-options,body.rtl .remember-me{flex-direction:row-reverse}body.rtl .btn-login svg{transform:scaleX(-1)}body.rtl .error-message{flex-direction:row-reverse;text-align:right}body.rtl .login-footer,body.rtl .register-link{text-align:right}body.rtl .login-language-selector{left:20px;right:auto}@media (max-width:768px){body.rtl .login-header{text-align:center}body.rtl .form-options{align-items:flex-end;flex-direction:column}}:root{--primary-blue:#4f46e5;--bg-light:#eef2ff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#eef2ff;background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}.App,body{display:flex;justify-content:center}.App{width:100%}.App-header{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}h1{color:#4f46e5;color:var(--primary-blue);margin-bottom:.5rem}h2{color:#333;margin-top:0}input{box-sizing:border-box;margin-bottom:1rem;width:100%}.btn-primary{background-color:#4f46e5;background-color:var(--primary-blue);border-radius:4px;font-size:16px;padding:10px;width:100%}.btn-primary:hover{background-color:#4338ca}.setup-wizard-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:24px}.setup-wizard{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;max-width:680px;overflow:hidden;width:100%}.setup-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px}.setup-header .logo{align-items:center;display:flex;gap:12px}.setup-language-selector{flex-shrink:0}.setup-header .logo svg{height:40px;width:40px}.setup-header .logo span{color:#1e293b;font-size:1.5rem;font-weight:700}.setup-steps{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 32px;position:relative}.setup-steps:before{background:#e2e8f0;content:"";height:2px;left:60px;position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:0}.step-item{flex-direction:column;gap:8px;position:relative;z-index:1}.step-circle,.step-item{align-items:center;display:flex}.step-circle{background:#e2e8f0;border-radius:50%;color:#94a3b8;font-size:.9rem;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.step-circle svg{height:18px;width:18px}.step-item.active .step-circle{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666;color:#fff}.step-item.completed .step-circle{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166;color:#fff}.step-label{color:#94a3b8;font-size:.75rem;font-weight:500;white-space:nowrap}.step-item.active .step-label{color:#3b82f6;font-weight:600}.step-item.completed .step-label{color:#10b981}.setup-wizard .alert{align-items:center;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin:16px 32px 0;padding:14px 18px}.setup-wizard .alert svg{flex-shrink:0;height:20px;width:20px}.setup-wizard .alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.setup-wizard .alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.setup-content{padding:32px}.setup-step-content{animation:fadeIn .3s ease}.step-header{margin-bottom:32px;text-align:center}.step-header.complete{margin-bottom:24px}.step-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 8px 24px #3b82f64d;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.step-icon svg{color:#fff;height:36px;width:36px}.step-icon.tenant-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf64d}.step-icon.invite-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.step-icon.complete-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.step-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:8px}.step-header p{color:#64748b;font-size:.95rem;margin:0 auto;max-width:400px}.form-section{gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-template-columns:1fr 1fr}.info-box{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-top:24px;padding:16px}.info-box svg{color:#3b82f6;flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-box p{color:#1e40af;font-size:.85rem;line-height:1.5;margin:0}.info-box.optional{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.info-box.optional svg{color:#ca8a04}.info-box.optional p{color:#854d0e}.info-box.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.info-box.success svg{color:#16a34a}.info-box.success p{color:#166534}.complete-checklist{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.checklist-item{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;display:flex;gap:12px;padding:16px 20px}.checklist-item svg{color:#16a34a;height:20px;width:20px}.checklist-item span{color:#166534;font-size:.95rem;font-weight:500}.setup-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-skip{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-skip:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-skip:disabled{cursor:not-allowed;opacity:.5}.btn-next{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.btn-next:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-next:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-next svg{height:18px;width:18px}.btn-next .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:640px){.setup-wizard-container{padding:16px}.setup-wizard{border-radius:16px}.setup-actions,.setup-content,.setup-header{padding:20px}.setup-steps{padding:16px}.step-label{display:none}.setup-steps:before{left:40px;right:40px}.step-icon{height:56px;width:56px}.step-icon svg{height:28px;width:28px}.step-header h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}.setup-actions{flex-direction:column}.btn-next,.btn-skip{justify-content:center;width:100%}}.tenant-selector{position:relative;z-index:1000}.tenant-selector-trigger{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;gap:12px;max-width:280px;min-width:180px;padding:10px 18px;transition:all .25s cubic-bezier(.4,0,.2,1)}.tenant-selector-trigger:hover{border-color:#818cf8;box-shadow:0 4px 16px #6366f126,0 0 0 3px #6366f10f;transform:translateY(-1px)}.tenant-selector-trigger.open{border-color:#6366f1;box-shadow:0 4px 20px #6366f133,0 0 0 3px #6366f114}.selector-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.selector-icon svg{stroke:#fff}.selector-text{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.selector-arrow{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:24px}.selector-arrow.open{background:#ede9fe;color:#6366f1;transform:rotate(180deg)}.tenant-dropdown{animation:tenantDropdownSlide .25s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #6366f11f;border-radius:18px;box-shadow:0 20px 60px #6366f126,0 8px 24px #0000001a,0 0 0 1px #6366f114;left:0;max-width:360px;min-width:300px;overflow:hidden;position:absolute;top:calc(100% + 10px);z-index:1001}@keyframes tenantDropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px 12px}.dropdown-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.select-all-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.select-all-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.tenant-list{max-height:320px;padding:8px 10px}.tenant-list::-webkit-scrollbar{width:5px}.tenant-list::-webkit-scrollbar-track{background:#0000;margin:8px 0}.tenant-list::-webkit-scrollbar-thumb{background:#6366f126;border-radius:10px}.tenant-list::-webkit-scrollbar-thumb:hover{background:#6366f140}.tenant-option{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:4px;padding:12px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.tenant-option:last-child{margin-bottom:0}.tenant-option:hover{background:#f5f3ff}.tenant-option.selected{background:linear-gradient(135deg,#eef2ff,#ede9fe);box-shadow:inset 0 0 0 1px #6366f126}.tenant-radio{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:22px}.tenant-option:hover .tenant-radio{border-color:#a5b4fc}.tenant-option.selected .tenant-radio{background:#6366f114;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.radio-dot{animation:radioPopIn .2s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 8px #6366f166}@keyframes radioPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tenant-name{color:#475569;flex:1 1;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.tenant-option:hover .tenant-name{color:#1e293b}.tenant-option.selected .tenant-name{color:#4f46e5;font-weight:600}.tenant-city{background:#f1f5f9;border-radius:20px;color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.02em;padding:4px 10px}.tenant-option.selected .tenant-city{background:#e0e7ff;color:#6366f1}.dropdown-footer{border-top:1px solid #f1f5f9;padding:12px 20px}.selection-count{color:#94a3b8;font-size:12px;font-weight:500}@media (max-width:768px){.tenant-selector-trigger{gap:8px;max-width:200px;min-width:150px;padding:8px 12px}.selector-icon{border-radius:7px;height:28px;width:28px}.tenant-dropdown{left:auto;min-width:280px;right:0}.selector-text{font-size:13px}}@media (max-width:480px){.tenant-selector-trigger{max-width:160px;min-width:120px}.selector-text{font-size:12px}.tenant-dropdown{min-width:260px}}.smart-summary-card{background:linear-gradient(135deg,#f8fbff,#f0f7ff);border-left:5px solid #007bff;border-radius:12px;box-shadow:0 4px 12px #00000014;font-family:inherit;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;transition:all .3s ease}.smart-summary-card.expanded{box-shadow:0 8px 24px #0000001f}.summary-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px;-webkit-user-select:none;user-select:none}.ai-icon{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:8px 12px;position:relative}.ai-pulse{animation:aiPulse 2s ease-in-out infinite;background:#ffffff4d;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes aiPulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.header-title{color:#2c3e50;font-size:1.1rem;font-weight:600}.header-date{color:#6c757d;font-size:12px}.header-right{gap:8px}.cache-badge,.fallback-badge{border-radius:12px;font-size:10px;font-weight:600;padding:3px 10px}.cache-badge{background:#e8f5e9;color:#2e7d32}.fallback-badge{background:#fff3e0;color:#ef6c00}.expand-icon{background:#007bff1a;border-radius:50%;color:#007bff;font-size:20px;font-weight:600;height:32px;transition:all .2s;width:32px}.summary-header:hover .expand-icon{background:#007bff33;transform:scale(1.1)}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:16px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:16px;position:relative}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.stat-card.main-stat{grid-gap:16px;align-items:center;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #007bff1a;display:grid;gap:16px;grid-template-columns:auto 1fr 1fr}.stat-icon{height:48px;width:48px}.visitors-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.stat-value{color:#2c3e50;font-size:1.5rem;line-height:1}.stat-value.big-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.stat-label{color:#6c757d;letter-spacing:.5px;text-transform:uppercase}.stat-sublabel{color:#95a5a6;font-size:11px}.stat-sublabel.critical{color:#dc3545;font-weight:600}.sparkline-container{height:60px;min-width:120px;position:relative}.sparkline-svg{height:100%;width:100%}.peak-dot{animation:peakPulse 1.5s ease-in-out infinite}@keyframes peakPulse{0%,to{r:3;opacity:1}50%{r:5;opacity:.7}}.peak-label{background:#ffffffe6;border-radius:4px;bottom:-4px;color:#007bff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:0}.stat-card.change-stat{align-items:center;display:flex;gap:12px;padding:20px 16px}.change-arrow{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:40px;justify-content:center;width:40px}.stat-card.change-stat.positive .change-arrow{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.stat-card.change-stat.negative .change-arrow{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.stat-card.change-stat.neutral .change-arrow{background:linear-gradient(135deg,#6c757d,#95a5a6);color:#fff}.stat-card.change-stat.positive .stat-value{color:#28a745}.stat-card.change-stat.negative .stat-value{color:#dc3545}.stat-card.change-stat.neutral .stat-value{color:#6c757d}.stat-card.anomaly-card{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffebee);border:1px solid #dc354533;display:flex;gap:12px;padding:16px}.anomaly-pulse{animation:anomalyPulse 1s ease-in-out infinite;background:#dc3545;border-radius:50%;height:12px;width:12px}@keyframes anomalyPulse{0%,to{box-shadow:0 0 0 0 #dc354566;transform:scale(1)}50%{box-shadow:0 0 0 8px #dc354500;transform:scale(1.1)}}.stat-card.anomaly-card .stat-value{color:#dc3545;font-size:1.8rem}.ai-summary-section{background:#fff;border-left:3px solid #007bff;border-radius:12px;margin-bottom:16px;padding:16px}.ai-summary-text{color:#444;font-size:1rem;line-height:1.7}.smart-summary-card.loading-state{min-height:200px}.summary-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:3rem}.loading-spinner{border:4px solid #e0e0e0;border-top-color:#007bff;height:40px;width:40px}.expanded-content{animation:fadeSlideIn .4s ease;border-top:2px dashed #007bff26;margin-top:20px;padding-top:20px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.hourly-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.hourly-section h4{color:#6c757d;font-size:14px;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.hourly-bars{align-items:flex-end;gap:3px;height:120px;padding-bottom:20px}.hour-bar,.hourly-bars{display:flex;position:relative}.hour-bar{align-items:center;cursor:pointer;flex:1 1;flex-direction:column;height:100%}.hour-bar .bar-fill{background:linear-gradient(180deg,#007bff,#0056b3);border-radius:4px 4px 0 0;bottom:20px;position:absolute;transition:all .3s ease;width:100%}.hour-bar:hover .bar-fill{background:linear-gradient(180deg,#0056b3,#003d80);transform:scaleX(1.1)}.hour-bar.peak .bar-fill{background:linear-gradient(180deg,#28a745,#20c997)}.hour-bar.current .bar-fill{background:linear-gradient(180deg,#ffc107,#ff9800);box-shadow:0 0 10px #ffc10780}.hour-label{bottom:0;color:#95a5a6;font-size:10px;font-weight:500;position:absolute}.critical-section,.insight-section,.recommendation-section{background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.critical-section h4,.insight-section h4,.recommendation-section h4{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:10px;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.section-icon{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.section-icon.insight-icon{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.section-icon.rec-icon{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.section-icon.critical-icon{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.insight-list,.recommendation-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.insight-item,.recommendation-item{align-items:flex-start;background:#f8f9fa;border-radius:10px;color:#444;display:flex;font-size:14px;gap:12px;line-height:1.6;padding:12px 16px;transition:all .2s ease}.insight-item:hover,.recommendation-item:hover{background:#e9ecef;transform:translateX(4px)}.insight-bullet{background:linear-gradient(135deg,#17a2b8,#138496);font-size:11px}.insight-bullet,.rec-bullet{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:22px;justify-content:center;width:22px}.rec-bullet{background:linear-gradient(135deg,#28a745,#20c997);font-size:14px}.anomaly-list{gap:10px}.anomaly-item{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffebee);border:1px solid #dc354533;border-radius:10px;display:flex;font-size:14px;gap:16px;padding:14px 16px;transition:all .2s ease}.anomaly-item:hover{border-color:#dc354566;box-shadow:0 4px 12px #dc35451a}.anomaly-item.critical{border-left:4px solid #dc3545}.anomaly-camera{color:#333;font-weight:600}.anomaly-type{background:#dc35451a;border-radius:6px;color:#dc3545;font-size:12px;font-weight:500;padding:4px 10px}.anomaly-value{color:#dc3545;font-size:16px;font-weight:700;margin-left:auto}@media (max-width:1024px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card.main-stat{grid-column:1/-1}}@media (max-width:768px){.smart-summary-card{padding:1rem}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card.main-stat{grid-template-columns:auto 1fr}.sparkline-container{display:none}.stat-value.big-number{font-size:2rem}.hourly-bars{height:80px}.header-left{flex-wrap:wrap}}@media (max-width:480px){.stat-card.main-stat{grid-template-columns:1fr;text-align:center}.stat-icon{margin:0 auto}.stat-card.change-stat{flex-direction:column;text-align:center}}.smart-summary-card .stat-sublabel.projected-note{color:#007bff;font-size:11px;font-weight:600;margin-top:4px;opacity:.9}.smart-summary-card .stat-sublabel.context-full{color:#95a5a6;font-size:10px;font-weight:400;letter-spacing:.2px;margin-top:2px}.smart-summary-card .smart-summary-context-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:0 4px}.smart-summary-card .context-chip{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:transform .2s ease,box-shadow .2s ease}.smart-summary-card .context-chip:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.smart-summary-card .context-chip .chip-icon{font-size:14px}.smart-summary-card .context-chip .chip-label{color:#6c757d;font-weight:500}.smart-summary-card .context-chip .chip-value{color:#2c3e50;font-weight:700}.smart-summary-card .target-chip{background:linear-gradient(135deg,#f0fff4,#e8f8ed);border:1px solid #28a74533}.smart-summary-card .target-chip .chip-value{color:#28a745}.smart-summary-card .prediction-chip{background:linear-gradient(135deg,#f5f0ff,#ede8ff);border:1px solid #6c63ff33}.smart-summary-card .prediction-chip .chip-value{color:#6c63ff}.smart-summary-card .holiday-chip{background:linear-gradient(135deg,#fff8f0,#ffefdb);border:1px solid #ff980033}.smart-summary-card .holiday-chip .chip-label{color:#e67e00;font-weight:600}@media (max-width:768px){.smart-summary-card .smart-summary-context-row{gap:6px}.smart-summary-card .context-chip{font-size:11px;padding:4px 10px}}.weekly-chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:20px}.weekly-chart-card.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.chart-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:12px}.loading-bar{background:#e9ecef;border-radius:2px;height:3px;overflow:hidden;position:relative;width:160px}.loading-bar:after{animation:loadingSlide 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3498db,#0000);content:"";height:100%;left:-50%;position:absolute;width:50%}@keyframes loadingSlide{0%{left:-50%}to{left:100%}}.wc-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.wc-title-section{display:flex;flex-direction:column;gap:2px}.wc-title{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.wc-subtitle{color:#95a5a6;font-size:12px}.wc-summary{gap:12px}.wc-summary,.wc-summary-item{align-items:center;display:flex}.wc-summary-item{flex-direction:column;gap:2px}.wc-summary-value{font-size:18px;font-weight:700}.wc-summary-value.primary{color:#3498db}.wc-summary-value.secondary{color:#95a5a6}.wc-summary-label{color:#7f8c8d;font-size:10px;letter-spacing:.3px;text-transform:uppercase}.wc-change-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:700;gap:2px;padding:6px 10px}.wc-change-badge.positive{background:#e8f5e9;color:#2e7d32}.wc-change-badge.negative{background:#ffebee;color:#c62828}.wc-days-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.wc-day-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;padding:12px 8px;text-align:center;transition:all .2s ease}.wc-day-card:hover{background:#f1f3f5;transform:translateY(-2px)}.wc-day-card.weekend{background:#fef9e7}.wc-day-card.weekend:hover{background:#fcf3cf}.wc-day-card.peak{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.wc-day-card.peak:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)}.wc-day-header{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:2px}.wc-day-name{color:#7f8c8d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wc-day-card.peak .wc-day-name{color:#2e7d32}.wc-peak-badge{color:#f39c12;font-size:12px}.wc-day-date{color:#3498db;font-size:10px;font-weight:500;margin-bottom:6px}.wc-day-card.peak .wc-day-date{color:#27ae60}.wc-day-card.weekend .wc-day-date{color:#e67e22}.wc-day-value{color:#2c3e50;font-size:16px;font-weight:700;line-height:1;margin-bottom:6px}.wc-day-card.peak .wc-day-value{color:#1b5e20}.wc-day-comparison{border-top:1px solid #0000000f;font-size:10px;gap:4px;padding-top:6px}.wc-day-comparison,.wc-last-week-info{align-items:center;display:flex;flex-direction:column}.wc-last-week-info{gap:1px}.wc-last-week-date{color:#bdc3c7;font-size:9px}.wc-last-week-value{color:#95a5a6;font-weight:500}.wc-day-change{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px}.wc-day-change.positive{background:#27ae601a;color:#27ae60}.wc-day-change.negative{background:#e74c3c1a;color:#e74c3c}.wc-legend{border-bottom:1px solid #f0f0f0;display:flex;gap:20px;justify-content:center;margin-bottom:16px;padding:12px 0}.wc-legend-item{align-items:center;color:#7f8c8d;display:flex;font-size:11px;gap:6px}.wc-legend-dot{border-radius:2px;height:8px;width:8px}.wc-legend-dot.primary{background:#3498db}.wc-legend-dot.secondary{background:#bdc3c7}.wc-insights{display:flex;flex-direction:column;gap:8px}.wc-insight-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.wc-insight-icon{font-size:14px;text-align:center;width:24px}.wc-insight-text{color:#5a6c7d;font-size:13px}.wc-insight-text strong{color:#2c3e50;font-weight:600}.wc-insight-text .positive{color:#27ae60}.wc-insight-text .negative{color:#e74c3c}@media (max-width:768px){.wc-header{flex-direction:column;gap:12px}.wc-summary{justify-content:space-between;width:100%}.wc-days-grid{gap:4px;grid-template-columns:repeat(7,1fr)}.wc-day-card{padding:8px 4px}.wc-day-name{font-size:9px}.wc-day-date{font-size:8px;margin-bottom:4px}.wc-day-value{font-size:12px;margin-bottom:4px}.wc-day-comparison{gap:2px;padding-top:4px}.wc-last-week-date{font-size:7px}.wc-last-week-value{font-size:9px}.wc-day-change{font-size:8px;padding:1px 4px}}@media (max-width:480px){.weekly-chart-card{padding:16px}.wc-days-grid{grid-template-columns:repeat(4,1fr)}.wc-day-card{padding:10px 6px}.wc-day-date{font-size:9px}.wc-summary-value{font-size:14px}.wc-change-badge{font-size:11px;padding:4px 8px}.wc-insight-item{padding:6px 10px}.wc-insight-text{font-size:12px}.wc-last-week-date{display:none}}.floor-heatmap-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.floor-heatmap-card.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.heatmap-loading{color:#6c757d;gap:20px}.loading-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.loading-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e9ecef,#f8f9fa,#e9ecef);background-size:200% 100%;border-radius:8px;height:40px;width:40px}.heatmap-header{align-items:center;margin-bottom:24px}.header-left{align-items:center;display:flex;gap:12px}.heatmap-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.heatmap-icon svg{height:24px;width:24px}.heatmap-title{color:#2c3e50;font-size:1.1rem}.heatmap-subtitle{color:#95a5a6;font-size:12px}.time-toggle{background:#f8f9fa;border-radius:8px;display:flex;padding:4px}.time-toggle button{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease}.time-toggle button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#f97316}.time-toggle button:hover:not(.active){color:#333}.floor-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:24px}.floor-card{background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.floor-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.floor-card.selected{background:#fff;border-color:#f97316;border-color:var(--heat-color,#f97316)}.floor-heat-bg{background:#f97316;background:var(--heat-color,#f97316);bottom:0;left:0;opacity:.1;opacity:var(--heat-opacity,.1);position:absolute;right:0;top:0;transition:opacity .3s ease}.floor-card:hover .floor-heat-bg{opacity:.2;opacity:calc(var(--heat-opacity, .1) + .1)}.floor-content{position:relative;z-index:1}.floor-rank{background:#fffc;border-radius:4px;color:#95a5a6;font-size:11px;font-weight:600;padding:2px 8px;position:absolute;right:0;top:0}.floor-name{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.floor-stats{align-items:baseline;display:flex;gap:8px;margin-bottom:8px}.floor-total{color:#2c3e50;font-size:1.4rem;font-weight:700}.floor-percent{background:#0000000d;border-radius:4px;color:#6c757d;font-size:12px;padding:2px 6px}.floor-bar{background:#0000001a;border-radius:3px;height:6px;overflow:hidden}.floor-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.floor-detail{animation:slideUp .3s ease;background:#f8f9fa;border-radius:12px;padding:20px}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.detail-header h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0}.camera-count{background:#fff;border-radius:12px;color:#6c757d;font-size:12px;padding:4px 10px}.camera-heatmap{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.camera-cell{background:#fff;border-radius:10px;overflow:hidden;padding:14px;position:relative;transition:all .2s ease}.camera-cell:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.camera-heat-indicator{height:100%;left:0;position:absolute;top:0;width:4px}.camera-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-left:8px}.camera-name{color:#2c3e50;font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-total{color:#2c3e50;font-size:14px;font-weight:700}.camera-mini-chart{align-items:flex-end;display:flex;gap:2px;height:30px;padding-left:8px}.mini-bar{border-radius:2px;flex:1 1;min-height:3px;transition:all .2s ease}.camera-cell:hover .mini-bar{transform:scaleY(1.1)}.hourly-heatmap{background:#fff;border-radius:10px;padding:16px}.hourly-heatmap h5{color:#6c757d;font-size:13px;font-weight:600;margin:0 0 12px}.hourly-cells{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(14,1fr)}.hourly-cell{align-items:center;aspect-ratio:1;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:50px;transition:all .2s ease}.hourly-cell:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1);z-index:1}.cell-hour{color:#ffffffe6;font-size:10px;font-weight:600}.cell-value{font-size:11px;font-weight:700}.heat-legend{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:12px;justify-content:center;margin-top:16px}.legend-gradient{background:linear-gradient(90deg,#3b82f6,#22c55e,#facc15,#f97316,#ef4444);border-radius:4px;height:8px;width:120px}@media (max-width:768px){.floor-heatmap-card{padding:16px}.heatmap-header{align-items:flex-start;flex-direction:column;gap:16px}.floor-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.camera-heatmap{grid-template-columns:1fr}.hourly-cells{grid-template-columns:repeat(7,1fr)}.hourly-cell{min-height:40px}.cell-value{display:none}}@media (max-width:480px){.floor-grid{grid-template-columns:1fr}.hourly-cells{grid-template-columns:repeat(7,1fr)}}.visitor-heatmap-card{--text-primary:#1e293b;--text-secondary:#64748b;--heatmap-empty:#e2e8f0;background:#fff;border:1px solid #6366f10a;border-radius:16px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #0000000f;padding:24px}.visitor-heatmap-card.empty,.visitor-heatmap-card.error,.visitor-heatmap-card.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.heatmap-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px}.loading-pulse{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;height:48px;width:48px}.heatmap-empty,.heatmap-error{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.heatmap-empty svg,.heatmap-error svg{height:48px;opacity:.5;width:48px}.heatmap-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.visitor-heatmap-card .header-left{align-items:center;display:flex;gap:12px}.heatmap-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 12px #6366f140;display:flex;height:44px;justify-content:center;width:44px}.heatmap-icon svg{color:#fff;height:22px;width:22px}.header-text{display:flex;flex-direction:column;gap:2px}.heatmap-title{color:var(--text-primary);font-size:17px;font-weight:600}.heatmap-subtitle{color:var(--text-secondary);font-size:13px}.header-controls{gap:8px}.heatmap-select{-webkit-appearance:none;appearance:none;background:#f8fafc url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:13px;padding:8px 30px 8px 14px;transition:all .2s ease}.heatmap-select:hover{background-color:#f1f5f9;border-color:#c7d2fe}.heatmap-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.heatmap-select option{background:#fff;color:#1e293b}.heatmap-container{overflow-x:auto;padding:8px 0}.heatmap-table{display:inline-block}.heatmap-header-row{margin-bottom:8px}.heatmap-data-row,.heatmap-header-row{grid-gap:0 3px;align-items:center;display:grid;gap:0 3px;grid-template-columns:60px repeat(12,44px);grid-template-columns:60px repeat(var(--col-count,12),44px)}.heatmap-data-row{margin-bottom:4px}.row-label{padding-right:10px;text-align:right}.row-label,.time-label{box-sizing:border-box;color:var(--text-secondary);font-weight:500}.time-label{font-size:11px;text-align:center}.heatmap-cell{box-sizing:border-box;height:32px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.heatmap-cell:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1);z-index:10}.cell-tooltip{background:#1e1b4b;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 20px #1e1b4b66;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:10px 14px;pointer-events:none;white-space:nowrap;z-index:1000}.cell-tooltip,.cell-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.cell-tooltip:after{border:8px solid #0000;border-top-color:#1e1b4b;content:"";top:100%}.cell-tooltip.tooltip-below{bottom:auto;top:calc(100% + 10px)}.cell-tooltip.tooltip-below:after{border-bottom-color:#1e1b4b;border-top-color:#0000;bottom:100%;top:auto}.cell-tooltip strong{font-size:13px;font-weight:600}.tooltip-value{color:#34d399}.heatmap-legend{background:#f8fafc;border:1px solid #e2e8f0;gap:12px;padding:14px 20px}.legend-label{color:var(--text-secondary);font-size:12px;font-weight:500}.legend-scale{gap:6px}.legend-cell{border-radius:4px;height:20px;width:20px}.heatmap-info{align-items:center;background:#6366f10a;border:1px solid #6366f11a;border-radius:8px;color:#6366f1;display:flex;font-size:12px;gap:8px;margin-top:12px;padding:10px 14px}.heatmap-info svg{flex-shrink:0;height:16px;opacity:.8;width:16px}.heatmap-stats{display:none}@media (max-width:768px){.visitor-heatmap-card{padding:16px}.heatmap-header{flex-direction:column}.header-controls{width:100%}.heatmap-select{flex:1 1}.heatmap-data-row,.heatmap-header-row{gap:0 2px;grid-template-columns:40px repeat(12,32px);grid-template-columns:40px repeat(var(--col-count,12),32px)}.row-label{font-size:10px;padding-right:6px}.heatmap-cell{border-radius:4px;height:24px}.time-label{font-size:9px}.heatmap-data-row{margin-bottom:2px}}[dir=rtl] .row-label{padding-left:8px;padding-right:0;text-align:left}.weather-widget-hero{animation:widgetEnter .7s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0ea5e9);background:var(--weather-gradient,linear-gradient(135deg,#0c4a6e 0,#0369a1 50%,#0ea5e9 100%));border-radius:20px;box-shadow:0 20px 50px #00000040,inset 0 0 0 1px #ffffff1a;color:#fff;margin-bottom:24px;min-height:200px;overflow:hidden;padding:28px;position:relative}@keyframes widgetEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.weather-widget-hero.sunny{--weather-gradient:linear-gradient(135deg,#b45309,#d97706 40%,#f59e0b 70%,#fbbf24)}.weather-widget-hero.cloudy{--weather-gradient:linear-gradient(135deg,#374151,#4b5563 50%,#6b7280)}.weather-widget-hero.rain{--weather-gradient:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0284c7)}.weather-widget-hero.storm{--weather-gradient:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95)}.weather-widget-hero.snow{--weather-gradient:linear-gradient(135deg,#164e63,#0e7490 50%,#06b6d4)}.weather-widget-hero.fog{--weather-gradient:linear-gradient(135deg,#1f2937,#374151 50%,#4b5563)}.weather-widget-hero.night{--weather-gradient:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#312e81)}.weather-widget-hero.clear{--weather-gradient:linear-gradient(135deg,#0c4a6e,#0369a1 50%,#0ea5e9)}.weather-glass-overlay{background:linear-gradient(180deg,#ffffff1a,#ffffff05 50%,#0000001a);inset:0;pointer-events:none;position:absolute;z-index:1}.weather-hero-content{display:flex;flex-direction:column;gap:20px;position:relative;z-index:3}.weather-main-display{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.temp-section{align-items:center;display:flex;gap:16px}.weather-emoji-large{animation:emojiFloat 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));font-size:72px}@keyframes emojiFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.temp-info{display:flex;flex-direction:column;gap:4px}.temp-value{animation:tempPulse 4s ease-in-out infinite;color:#fff;font-size:64px;font-weight:800;line-height:1;text-shadow:0 4px 20px #0000004d}@keyframes tempPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.01)}}.temp-feels{color:#ffffffd9;font-size:15px;font-weight:600;text-shadow:0 2px 4px #0003}.location-section{align-items:center;animation:locationSlide .6s ease-out .3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff26;border-radius:16px;display:flex;gap:14px;padding:14px 20px}@keyframes locationSlide{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.location-icon-wrapper{align-items:center;animation:pinBounce 2s ease-in-out infinite;background:#fff3;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}@keyframes pinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.location-pin{stroke:#fff;stroke-width:2.5;height:24px;width:24px}.location-text{display:flex;flex-direction:column;gap:3px}.location-name{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px #0003}.weather-desc{color:#ffffffd9;font-size:14px;font-weight:500;text-transform:capitalize}.weather-stats-row{display:flex;flex-wrap:wrap;gap:12px}.stat-pill{align-items:center;animation:pillFade .5s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff26;border-radius:50px;display:flex;gap:12px;padding:12px 18px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.stat-pill:first-child{animation-delay:.4s}.stat-pill:nth-child(2){animation-delay:.5s}.stat-pill:nth-child(3){animation-delay:.6s}.stat-pill:nth-child(4){animation-delay:.7s}@keyframes pillFade{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-pill:hover{background:#00000059;box-shadow:0 10px 30px #0003;transform:translateY(-4px) scale(1.02)}.stat-icon-anim{animation:iconBob 2.5s ease-in-out infinite;font-size:24px}.stat-icon-anim.wind-icon{animation:windBlow 1.5s ease-in-out infinite}@keyframes iconBob{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(5deg)}}@keyframes windBlow{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(4px) rotate(10deg)}75%{transform:translateX(-2px) rotate(-5deg)}}.stat-data{display:flex;flex-direction:column}.stat-num{color:#fff;font-size:16px;font-weight:700;line-height:1.2;text-shadow:0 2px 4px #0003}.stat-lbl{color:#ffffffbf;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.impact-pill{animation:impactGlow 2s ease-in-out infinite,pillFade .5s ease-out .7s both;background:#0006;border:2px solid #22c55e;border:2px solid var(--impact-color,#22c55e);box-shadow:0 0 25px color-mix(in srgb,#22c55e 40%,#0000);box-shadow:0 0 25px color-mix(in srgb,var(--impact-color,#22c55e) 40%,#0000)}@keyframes impactGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb,#22c55e 30%,#0000);box-shadow:0 0 20px color-mix(in srgb,var(--impact-color,#22c55e) 30%,#0000)}50%{box-shadow:0 0 35px color-mix(in srgb,#22c55e 50%,#0000);box-shadow:0 0 35px color-mix(in srgb,var(--impact-color,#22c55e) 50%,#0000)}}.impact-pill .stat-icon-anim{animation:impactPulse 1.5s ease-in-out infinite}@keyframes impactPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.impact-num{color:#22c55e!important;color:var(--impact-color,#22c55e)!important;font-size:18px!important;font-weight:800;text-shadow:0 0 15px currentColor}.forecast-strip{align-items:center;border-top:1px solid #ffffff26;display:flex;gap:20px;padding-top:20px}.forecast-label{color:#fffc;font-size:13px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0003;text-transform:uppercase;white-space:nowrap}.forecast-items{display:flex;flex:1 1;gap:10px;overflow-x:auto;padding:4px 0}.forecast-items::-webkit-scrollbar{display:none}.forecast-item{align-items:center;animation:forecastPop .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.6s;animation-delay:calc(var(--item-delay, 0)*.1s + .6s);background:#0003;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;gap:8px;min-width:75px;padding:12px 16px;transition:transform .3s ease,background .3s ease}@keyframes forecastPop{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.forecast-item:hover{background:#00000059;transform:scale(1.08) translateY(-5px)}.fc-day{color:#ffffffd9;font-size:12px;font-weight:700;text-transform:uppercase}.fc-emoji{animation:fcFloat 3s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--item-delay, 0)*.3s);font-size:32px}@keyframes fcFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.fc-temp{color:#fff;font-size:16px;font-weight:800;text-shadow:0 2px 4px #0003}.weather-animation{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.sunny-animation .sun{animation:sunRotate 30s linear infinite;height:180px;position:absolute;right:-50px;top:-50px;width:180px}@keyframes sunRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sun-core{animation:sunPulse 3s ease-in-out infinite;background:radial-gradient(circle,#fff9c4 0,#ffeb3b 40%,#ffc107 70%,#ff9800 100%);border-radius:50%;box-shadow:0 0 60px #ffeb3bcc,0 0 120px #ffc10780,0 0 180px #ff98004d;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes sunPulse{0%,to{box-shadow:0 0 60px #ffeb3bcc,0 0 120px #ffc10780;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px #ffeb3b,0 0 160px #ffc107b3;transform:translate(-50%,-50%) scale(1.15)}}.sun-ray{animation:rayPulse 2s ease-in-out infinite;animation-delay:calc(var(--ray-index)*.1s);background:linear-gradient(0deg,#0000,#ffffffe6);border-radius:3px;height:45px;left:50%;position:absolute;top:50%;transform:rotate(calc(var(--ray-index)*30deg));transform-origin:center 90px;width:6px}@keyframes rayPulse{0%,to{height:45px;opacity:.5}50%{height:60px;opacity:1}}.rain-animation .rain-drop{animation:rainFall .8s linear infinite;animation-delay:calc(var(--drop-index)*.05s);background:linear-gradient(180deg,#0000,#ffffffb3,#93c5fde6);border-radius:3px;height:25px;left:calc(var(--drop-index)*5%);position:absolute;top:-40px;width:3px}@keyframes rainFall{0%{opacity:0;transform:translateY(0) rotate(15deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(300px) rotate(15deg)}}.rain-cloud{animation:cloudDrift 8s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:80px;opacity:.6;position:absolute}.cloud-1{animation-delay:0s;left:5%;top:-10px}.cloud-2{animation-delay:2s;font-size:60px;right:10%;top:10px}@keyframes cloudDrift{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(30px) translateY(-10px)}}.snow-animation .snowflake{animation:snowFall 4s linear infinite;animation-delay:calc(var(--flake-index)*.13s);color:#fff;font-size:calc(12px + var(--flake-index) % 5 * 6px);left:calc(var(--flake-index)*3.33%);opacity:.9;position:absolute;text-shadow:0 0 10px #fffc;top:-40px}@keyframes snowFall{0%{opacity:0;transform:translateY(0) rotate(0deg) translateX(0)}10%{opacity:.9}90%{opacity:.9}to{opacity:0;transform:translateY(350px) rotate(2turn) translateX(50px)}}.cloudy-animation .floating-cloud{animation:floatCloud 12s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));font-size:90px;opacity:.5;position:absolute}.floating-cloud.c1{animation-delay:0s;left:0;top:-20px}.floating-cloud.c2{animation-delay:3s;font-size:70px;left:35%;top:20px}.floating-cloud.c3{animation-delay:6s;font-size:55px;right:5%;top:-10px}@keyframes floatCloud{0%,to{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(20px) translateY(-10px) scale(1.05)}50%{transform:translateX(40px) translateY(0) scale(1)}75%{transform:translateX(20px) translateY(10px) scale(.95)}}.storm-animation .storm-cloud{animation:stormShake .3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));font-size:100px;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}@keyframes stormShake{0%,to{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-48%) rotate(-3deg)}75%{transform:translateX(-52%) rotate(3deg)}}.storm-animation .lightning{animation:lightningFlash 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,255,0,.8));font-size:70px;left:50%;opacity:0;position:absolute;top:70px;transform:translateX(-50%)}@keyframes lightningFlash{0%,40%,60%,to{opacity:0;transform:translateX(-50%) scale(1)}45%,55%{opacity:1;transform:translateX(-50%) scale(1.3)}}.storm-rain{animation-duration:.5s!important;background:linear-gradient(180deg,#0000,#fffc)!important}.fog-animation .fog-layer{animation:fogDrift 12s linear infinite;background:linear-gradient(90deg,#0000,#fff3 15%,#fff6 50%,#fff3 85%,#0000);height:50px;left:-100%;position:absolute;width:300%}.fog-layer.f1{animation-delay:0s;opacity:.5;top:15%}.fog-layer.f2{animation-delay:4s;opacity:.4;top:45%}.fog-layer.f3{animation-delay:8s;opacity:.6;top:75%}@keyframes fogDrift{0%{transform:translateX(0)}to{transform:translateX(33.33%)}}.default-animation .weather-icon-animated{animation:defaultPulse 3s ease-in-out infinite;font-size:100px;opacity:.4;position:absolute;right:30px;top:20px}@keyframes defaultPulse{0%,to{opacity:.4;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.15) rotate(10deg)}}.weather-widget-hero.error,.weather-widget-hero.loading{align-items:center;background:linear-gradient(135deg,#374151,#4b5563 50%,#6b7280);display:flex;flex-direction:column;justify-content:center;min-height:200px}.weather-hero-loader{height:100px;margin-bottom:16px;position:relative;width:100px}.loader-sun{animation:loaderSunPulse 1.5s ease-in-out infinite;background:radial-gradient(circle,#fef3c7,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 30px #fbbf2499;height:50px;left:25px;position:absolute;top:10px;width:50px}@keyframes loaderSunPulse{0%,to{box-shadow:0 0 30px #fbbf2499;transform:scale(1)}50%{box-shadow:0 0 50px #fbbf24cc;transform:scale(1.2)}}.loader-cloud{animation:loaderCloudMove 2s ease-in-out infinite;background:#fff;border-radius:25px;bottom:10px;box-shadow:0 5px 15px #00000026;height:35px;left:20px;position:absolute;width:60px}.loader-cloud:before{height:30px;left:10px;top:-15px;width:30px}.loader-cloud:after,.loader-cloud:before{background:#fff;border-radius:50%;content:"";position:absolute}.loader-cloud:after{height:22px;right:10px;top:-10px;width:22px}@keyframes loaderCloudMove{0%,to{transform:translateX(0)}50%{transform:translateX(15px)}}.weather-widget-hero.error p,.weather-widget-hero.loading p{color:#ffffffe6;font-size:15px;font-weight:600;margin:0;text-shadow:0 2px 4px #0003}.weather-error-animation{margin-bottom:16px;position:relative}.error-cloud{animation:errorBounce 2s ease-in-out infinite;display:block;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));font-size:80px}@keyframes errorBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.error-question{animation:questionPulse 1s ease-in-out infinite;color:#fff;font-size:28px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #0000004d;top:50%;transform:translate(-50%,-50%)}@keyframes questionPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.weather-widget-hero.multi-tenant{min-height:280px}.weather-tenant-nav{display:flex;gap:8px;position:absolute;right:16px;top:16px;z-index:10}.tenant-dot{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:2px solid #fff3;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.tenant-dot:hover{background:#00000080;border-color:#fff6;transform:scale(1.1)}.tenant-dot.active{background:#ffffff40;border-color:#fff;box-shadow:0 0 15px #fff6;transform:scale(1.15)}.dot-emoji{font-size:18px;line-height:1}.weather-tenant-badge{align-items:center;animation:badgeSlide .5s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:1px solid #ffffff26;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:8px;padding:8px 16px}@keyframes badgeSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.tenant-badge-icon{font-size:16px}.tenant-badge-name{color:#fff;font-size:14px;font-weight:600;text-shadow:0 2px 4px #0003}.weather-mini-grid{border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:16px}.weather-mini-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:10px;max-width:200px;min-width:140px;padding:10px 14px;transition:all .3s ease}.weather-mini-card:hover{background:#0006;border-color:#ffffff40;box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.mini-emoji{flex-shrink:0;font-size:24px}.mini-temp{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px #0003}.mini-name{color:#fffc;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.weather-widget-hero{border-radius:16px;padding:20px}.weather-main-display{align-items:flex-start;flex-direction:column}.weather-emoji-large{font-size:56px}.temp-value{font-size:48px}.location-section{width:100%}.weather-stats-row{justify-content:flex-start}.stat-pill{flex:1 1;min-width:calc(50% - 6px)}.forecast-strip{align-items:flex-start;flex-direction:column;gap:12px}.forecast-items{width:100%}.sunny-animation .sun{height:120px;right:-30px;top:-30px;width:120px}.sun-core{height:50px;width:50px}.weather-tenant-nav{gap:6px;right:12px;top:12px}.tenant-dot{height:30px;width:30px}.dot-emoji{font-size:14px}.weather-mini-grid{flex-direction:column}.weather-mini-card{max-width:100%}}@media (max-width:480px){.temp-value{font-size:40px}.weather-emoji-large{font-size:48px}.stat-pill{gap:8px;padding:10px 14px}.stat-icon-anim{font-size:20px}.forecast-item{min-width:65px;padding:10px 12px}.fc-emoji{font-size:26px}}.weather-widget-hero.not-configured{align-items:center;background:linear-gradient(135deg,#374151,#4b5563 50%,#6b7280);display:flex;justify-content:center;min-height:200px}.weather-not-configured{align-items:center;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;padding:20px;text-align:center}.not-configured-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:16px;position:relative;width:80px}.not-configured-icon svg{stroke:#ffffffb3;height:40px;width:40px}.not-configured-icon .config-badge{align-items:center;background:#f59e0b;border-radius:50%;box-shadow:0 2px 8px #f59e0b66;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.weather-not-configured h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.weather-not-configured p{color:#ffffffb3;font-size:.9rem;margin-bottom:20px;max-width:280px}.configure-weather-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;box-shadow:0 4px 12px #0ea5e94d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.configure-weather-btn svg{height:18px;width:18px}.configure-weather-btn:hover{box-shadow:0 6px 20px #0ea5e966;color:#fff;transform:translateY(-2px)}.configure-weather-btn:active{transform:translateY(0)}.impact-pill.has-tooltip{cursor:pointer;position:relative}.impact-pill.has-tooltip:hover{box-shadow:0 0 35px color-mix(in srgb,#22c55e 60%,#0000);box-shadow:0 0 35px color-mix(in srgb,var(--impact-color,#22c55e) 60%,#0000);transform:translateY(-4px) scale(1.05)}.impact-tooltip-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.impact-tooltip{animation:tooltipFadeIn .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:20px;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff1a;max-width:90vw;overflow:hidden;padding:0;width:320px}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tooltip-header{align-items:center;background:linear-gradient(135deg,#334155,#1e293b);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.tooltip-header-left{align-items:center;display:flex;gap:10px}.tooltip-header-icon{align-items:center;background:linear-gradient(135deg,#22c55e,color-mix(in srgb,#22c55e 70%,#000));background:linear-gradient(135deg,var(--impact-color,#22c55e),color-mix(in srgb,var(--impact-color,#22c55e) 70%,#000));border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.tooltip-title{color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px}.tooltip-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tooltip-close:hover{background:#fff3;color:#fff}.tooltip-body{padding:20px}.tooltip-section{margin-bottom:16px}.tooltip-section:last-child{margin-bottom:0}.tooltip-row{background:#fffffff2;border:1px solid #00000014;border-radius:12px;gap:12px;padding:12px 14px}.tooltip-icon{align-items:center;background:#0000000d;border-radius:10px;display:flex;font-size:22px;height:36px;justify-content:center;width:36px}.tooltip-info{flex:1 1}.tooltip-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tooltip-detail{color:#1e293b;font-size:14px;font-weight:600;margin-top:2px}.tooltip-value{border-radius:8px;font-size:16px;font-weight:700;min-width:60px;padding:6px 12px;text-align:center}.tooltip-value.negative{color:#ef4444}.tooltip-value.positive{color:#22c55e}.tooltip-value.neutral{color:#64748b}.tooltip-divider{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;margin:16px 0}.tooltip-formula{background:#fffffff2;border:1px solid #00000014;border-radius:14px;padding:16px}.formula-label{color:#64748b;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.formula-row{align-items:center;display:flex;justify-content:space-between}.formula-calculation{color:#475569;font-family:SF Mono,Consolas,monospace;font-size:13px}.formula-result{font-size:24px;font-weight:800;text-shadow:0 0 20px currentColor}.tooltip-note{background:#fffffff2;border:1px solid #00000014;border-radius:12px;color:#475569;font-size:13px;margin-top:16px;padding:12px 16px;text-align:center}@media (max-width:480px){.impact-tooltip{margin:0 10px;width:95vw}}.holiday-widget{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:20px}.holiday-widget.empty,.holiday-widget.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.holiday-loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:32px;width:32px}.holiday-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.holiday-widget.empty p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.holiday-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.holiday-header h3{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:600;margin:0}.holiday-count{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.holiday-list{display:flex;flex-direction:column;gap:12px}.holiday-item{align-items:center;background:#00000005;background:var(--hover-bg,#00000005);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.holiday-item:hover{transform:translateX(4px)}.holiday-item.public{background:#3b82f614;border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6)}.holiday-icon{flex-shrink:0;font-size:24px}.holiday-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.holiday-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holiday-date{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.holiday-impact{flex-shrink:0}.holiday-impact-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.holiday-legend{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:16px;margin-top:16px;padding-top:16px}.legend-item{color:#6b7280;color:var(--text-secondary,#6b7280)}.legend-dot{background:#9ca3af;background:var(--text-tertiary,#9ca3af);height:8px;width:8px}.legend-dot.public{background:#3b82f6;background:var(--primary-color,#3b82f6)}@media (max-width:480px){.holiday-widget{padding:16px}.holiday-item{padding:10px}.holiday-legend{flex-direction:column;gap:8px}}@media (prefers-color-scheme:dark){.holiday-widget{--card-bg:#1f2937;--border-color:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--hover-bg:#ffffff0d}.holiday-item.public{background:#3b82f626}}.prediction-widget{background:#fff;border:1px solid #6366f10a;border-radius:16px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #0000000f;color:#1e293b;display:flex;flex-direction:column;min-height:400px;padding:20px}.prediction-widget.error,.prediction-widget.loading,.prediction-widget.no-data{align-items:center;display:flex;justify-content:center;min-height:300px}.prediction-no-data{text-align:center}.prediction-icon-large{display:block;font-size:64px;margin-bottom:16px;opacity:.6}.prediction-no-data h4{color:#1e293b;font-size:18px;margin:0 0 8px}.prediction-no-data p{color:#64748b;font-size:14px;margin:0}.prediction-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e7ff;border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}.prediction-error-icon{font-size:48px;margin-bottom:16px}.prediction-widget.error p{color:#64748b;font-size:14px}.prediction-header{gap:12px;justify-content:space-between;margin-bottom:20px}.prediction-header,.prediction-title-section{align-items:center;display:flex;flex-wrap:wrap}.prediction-title-section{gap:10px}.prediction-icon{font-size:24px}.prediction-header h3{font-size:18px;font-weight:600;margin:0}.prediction-widget .stability-badge{align-items:center;border-radius:12px;bottom:auto!important;display:inline-flex;font-size:11px;font-weight:600;gap:4px;left:auto!important;padding:4px 10px;position:static!important;right:auto!important;top:auto!important;transform:none!important;white-space:nowrap}.prediction-tabs{display:flex;gap:8px}.tab-btn{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.tab-btn:hover{background:#e0e7ff;color:#4f46e5}.tab-btn.active{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff}.main-prediction-card{align-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #6366f114;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px}.main-prediction-content{display:flex;flex-direction:column;gap:4px}.main-prediction-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.main-prediction-value{color:#1e293b;font-size:36px;font-weight:700;line-height:1.1}.main-prediction-range{background:#e0e7ff;border-radius:8px;color:#6366f1;font-size:13px;font-weight:500;margin-top:4px;padding:6px 14px}.main-prediction-confidence{align-items:center;display:flex;flex-direction:column;gap:8px}.confidence-circle{align-items:center;border-radius:50%;display:flex;height:70px;justify-content:center;position:relative;width:70px}.confidence-circle:before{background:#fff;border-radius:50%;content:"";inset:6px;position:absolute}.confidence-text{color:#1e293b;font-size:18px;font-weight:700;position:relative;z-index:1}.confidence-label{color:#64748b;font-size:11px;text-transform:uppercase}.confidence-tooltip{animation:tooltipFadeInUp .2s ease-out;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0a0a1efa;border:1px solid #8b5cf659;border-radius:14px;box-shadow:0 -8px 40px #0009,0 0 30px #8b5cf633,0 20px 60px #0006;padding:16px;pointer-events:none;position:fixed;width:300px;z-index:99999}@keyframes tooltipFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confidence-tooltip-title{align-items:center;border-bottom:1px solid #ffffff14;color:#fffffff2;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:14px;padding-bottom:10px}.confidence-tooltip-items{display:flex;flex-direction:column;gap:8px}.confidence-tooltip-row{grid-gap:0 8px;align-items:center;background:#ffffff08;border-radius:8px;display:grid;gap:0 8px;grid-template-columns:20px 1fr auto;grid-template-rows:auto auto;padding:6px 8px;transition:background .15s ease}.confidence-tooltip-row:hover{background:#ffffff0f}.confidence-tooltip-row.final{background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border-radius:10px;border-top:1px dashed #ffffff26;margin-top:6px;padding-top:10px}.tooltip-row-icon{font-size:13px;grid-row:1/-1}.tooltip-row-label{color:#ffffffb3;font-size:12px;font-weight:500}.confidence-tooltip-row.final .tooltip-row-label{color:#fffffff2;font-size:13px;font-weight:700}.tooltip-row-value{font-feature-settings:"tnum";color:#ffffffe6;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.tooltip-row-value.positive{color:#4ade80}.tooltip-row-value.negative{color:#f87171}.confidence-tooltip-row.final .tooltip-row-value{color:#a78bfa;font-size:16px}.tooltip-row-detail{color:#fff6;font-size:10px;grid-column:2/-1;margin-top:1px}.prediction-widget .prediction-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.prediction-widget .summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:all .25s ease}.prediction-widget .summary-card:hover{background:#f1f5f9;border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114;transform:translateY(-1px)}.prediction-widget .summary-card.highlight{animation:highlightPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b14,#fbbf240d);border:1px solid #f59e0b40}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 #f59e0b00}50%{box-shadow:0 0 20px #f59e0b1f}}.prediction-widget .summary-card.data-quality-card{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);border-color:#6366f126}.prediction-widget .summary-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.prediction-widget .summary-value{color:#1e293b;font-size:22px;font-weight:800;letter-spacing:-.5px}.prediction-widget .summary-change{align-items:center;display:flex;font-size:12px;gap:4px}.prediction-widget .summary-peak{color:#d97706;font-size:12px}.prediction-widget .summary-value-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.prediction-widget .summary-sub{color:#94a3b8;font-size:10px;margin-top:2px}.prediction-widget .summary-comparison{align-items:center;border-top:1px solid #ffffff0f;display:flex;font-size:10px;gap:4px;line-height:1.2;margin-top:6px;padding-top:6px}.prediction-widget .summary-comparison .comparison-label{color:#94a3b8;white-space:nowrap}.prediction-widget .summary-comparison .comparison-value{color:#cbd5e1;font-weight:600;white-space:nowrap}.prediction-widget .summary-quality{font-size:12px;font-weight:500}.prediction-widget .data-quality-bar{background:#e2e8f0;border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.prediction-widget .data-quality-fill{border-radius:3px;height:100%;transition:width .5s ease}.prediction-widget .baseline-sources-mini{display:flex;flex-direction:column;gap:4px;margin:4px 0}.prediction-widget .source-indicator{align-items:center;display:flex;gap:6px;padding:3px 0;transition:opacity .2s ease}.prediction-widget .source-indicator.inactive{opacity:.4}.prediction-widget .source-dot{border-radius:50%;flex-shrink:0;height:6px;transition:all .3s ease;width:6px}.prediction-widget .source-indicator.active .source-dot{box-shadow:0 0 6px currentColor}.prediction-widget .source-name{color:#94a3b8;font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediction-widget .source-indicator.active .source-name{color:#64748b}.prediction-widget .source-mini-value{font-feature-settings:"tnum";color:#475569;flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto}.prediction-widget .source-indicator.inactive .source-mini-value{color:#cbd5e1;font-weight:500}.prediction-chart{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:20px 16px}.chart-bars{gap:8px;height:220px;padding-top:8px}.chart-bar-container{align-items:center;cursor:default;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;transition:transform .25s ease}.chart-bar-container:hover{transform:translateY(-3px)}.chart-bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;min-height:0;width:100%}.chart-bar-value{background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;color:#1e293b;font-size:12px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px;min-width:48px;padding:4px 8px;text-align:center;transition:all .25s ease;white-space:nowrap}.chart-bar-container:hover .chart-bar-value{background:#e0e7ff;border-color:#c7d2fe;transform:scale(1.05)}.chart-bar-container.peak .chart-bar-value{background:#f59e0b1f;border-color:#f59e0b4d;color:#b45309;font-weight:800}.chart-bar{border-radius:10px 10px 4px 4px;max-width:56px;min-height:8px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.chart-bar:after{background:linear-gradient(180deg,#ffffff40,#0000);border-radius:10px 10px 0 0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;top:0}.chart-bar-container:hover .chart-bar{filter:brightness(1.1);transform:scaleX(1.08)}.chart-bar-container.peak .chart-bar{animation:peakGlow 2.5s ease-in-out infinite;box-shadow:0 0 24px #f59e0b4d,0 4px 16px #f59e0b33}@keyframes peakGlow{0%,to{box-shadow:0 0 24px #f59e0b4d,0 4px 16px #f59e0b33}50%{box-shadow:0 0 32px #f59e0b73,0 4px 24px #f59e0b4d}}.chart-bar-container.weekend .chart-bar{opacity:.9}.chart-bar-container:not(.weekend):not(.peak) .chart-bar{box-shadow:0 0 12px #6366f133,0 4px 8px #6366f11a}.chart-bar-label{color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:10px;text-transform:uppercase}.chart-bar-container.peak .chart-bar-label{color:#b45309;font-weight:800}.chart-bar-date{color:#94a3b8;font-size:10px;font-weight:500;margin-top:2px}.chart-bar-container.peak .chart-bar-date{color:#d97706}.chart-bar-factors{display:flex;gap:4px;margin-top:6px}.factor-badge{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:12px}.prediction-legend{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:center;padding-top:8px}.legend-item{font-size:11px;gap:6px}.legend-color{border-radius:3px;height:12px;width:12px}.prediction-widget .view-details-link{align-items:center;background:#f1f5f9;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:16px;padding:12px;transition:all .2s ease}.prediction-widget .view-details-link:hover{background:#e0e7ff;color:#4f46e5}.prediction-widget .view-details-link .arrow{transition:transform .2s ease}.prediction-widget .view-details-link:hover .arrow{transform:translateX(4px)}.prediction-widget .formula-section{display:flex;flex-direction:column;gap:16px;padding:4px}.prediction-widget .formula-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 4px 15px #6366f14d;display:flex;gap:12px;padding:14px 16px}.prediction-widget .formula-header .formula-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:28px}.prediction-widget .formula-text h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 2px;text-shadow:0 1px 2px #0003}.prediction-widget .formula-desc{color:#ffffffe6;font-size:12px;margin:0}.prediction-widget .formula-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #6366f10f;padding:18px;transition:all .3s ease}.prediction-widget .formula-card:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #6366f11a;transform:translateY(-2px)}.prediction-widget .formula-card.baseline-card{background:linear-gradient(135deg,#3b82f60f,#2563eb08);border-color:#3b82f633}.prediction-widget .formula-card.momentum-card{background:linear-gradient(135deg,#8b5cf60f,#7c3aed08);border-color:#8b5cf633}.prediction-widget .formula-card.adjustments-card{background:linear-gradient(135deg,#f59e0b0f,#eab30808);border-color:#f59e0b33}.prediction-widget .formula-card-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.prediction-widget .formula-card-icon{align-items:center;background:#eef2ff;border-radius:12px;display:flex;font-size:24px;height:44px;justify-content:center;width:44px}.prediction-widget .formula-card-title{color:#1e293b;flex:1 1;font-size:15px;font-weight:700;letter-spacing:.3px}.prediction-widget .formula-card-value{color:#4f46e5;font-family:SF Mono,Monaco,Consolas,monospace;font-size:24px;font-weight:800}.prediction-widget .formula-card-value.positive{color:#16a34a}.prediction-widget .formula-card-value.negative{color:#dc2626}.prediction-widget .baseline-components{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.prediction-widget .baseline-component{align-items:center;background:#f8fafc;border:1px solid #3b82f61f;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;padding:16px 12px;text-align:center;transition:all .2s ease}.prediction-widget .baseline-component:hover{background:#3b82f60d;border-color:#3b82f640;box-shadow:0 4px 12px #3b82f61a}.prediction-widget .component-label{color:#64748b;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:8px}.prediction-widget .component-weight{background:#3b82f61a;border-radius:20px;color:#3b82f6;font-size:11px;font-weight:700;margin-bottom:10px;padding:4px 12px}.prediction-widget .component-value{color:#1e293b;font-family:SF Mono,Monaco,Consolas,monospace;font-size:20px;font-weight:800}.prediction-widget .momentum-trend{align-items:center;background:#f8fafc;border:1px solid #8b5cf61f;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;justify-content:center;padding:14px 18px}.prediction-widget .trend-label{color:#64748b;font-size:14px;font-weight:600}.prediction-widget .trend-value{align-items:center;display:flex;font-size:15px;font-weight:700;gap:6px}.prediction-widget .trend-value.up{color:#16a34a}.prediction-widget .trend-value.down{color:#dc2626}.prediction-widget .trend-value.stable{color:#7c3aed}.prediction-widget .trend-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 14px}.prediction-widget .trend-badge.up{background:#22c55e1a;color:#16a34a}.prediction-widget .trend-badge.down{background:#ef44441a;color:#dc2626}.prediction-widget .trend-badge.stable{background:#8b5cf61a;color:#7c3aed}.prediction-widget .momentum-trend .percent-change{font-size:18px;font-weight:700}.prediction-widget .momentum-trend .percent-change.positive{color:#16a34a}.prediction-widget .momentum-trend .percent-change.negative{color:#dc2626}.prediction-widget .momentum-details{border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;margin-top:12px;padding-top:12px}.prediction-widget .momentum-detail{color:#94a3b8;font-size:13px}.prediction-widget .adjustments-list{display:flex;flex-direction:column;gap:10px}.prediction-widget .adjustment-item{align-items:center;background:#f8fafc;border:1px solid #f59e0b1f;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.prediction-widget .adjustment-item:hover{background:#f59e0b0a;border-color:#f59e0b40}.prediction-widget .adjustment-item.positive{background:linear-gradient(90deg,#22c55e0a,#f8fafc);border-left:4px solid #16a34a}.prediction-widget .adjustment-item.negative{background:linear-gradient(90deg,#ef44440a,#f8fafc);border-left:4px solid #dc2626}.prediction-widget .adjustment-icon{align-items:center;background:#f59e0b14;border-radius:10px;display:flex;font-size:22px;height:40px;justify-content:center;width:40px}.prediction-widget .adjustment-label{color:#475569;flex:1 1;font-size:14px;font-weight:600}.prediction-widget .adjustment-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:18px;font-weight:800}.prediction-widget .adjustment-item.positive .adjustment-value{color:#16a34a}.prediction-widget .adjustment-item.negative .adjustment-value{color:#dc2626}.prediction-widget .no-adjustments{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;color:#94a3b8;font-size:14px;padding:20px;text-align:center}.prediction-widget .formula-result{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:16px;box-shadow:0 4px 15px #10b9814d;margin-top:8px;overflow:hidden;padding:22px 20px;position:relative}.prediction-widget .formula-result:before{background:linear-gradient(90deg,#34d399,#6ee7b7,#34d399);content:"";height:4px;left:0;position:absolute;right:0;top:0}.prediction-widget .result-equation{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.prediction-widget .eq-part{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:17px;font-weight:700;padding:10px 16px;text-shadow:0 1px 2px #0003}.prediction-widget .eq-operator{color:#fffc;font-size:22px;font-weight:500}.prediction-widget .eq-equals{color:#fff;font-size:28px;font-weight:800;margin:0 8px}.prediction-widget .eq-result{animation:pulse-scale 2s ease-in-out infinite;color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:32px;font-weight:900;text-shadow:0 2px 4px #0003}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.prediction-widget .alerts-section{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:8px}.prediction-widget .alerts-list{display:flex;flex-direction:column;gap:12px}.prediction-widget .alert-card{align-items:flex-start;border-radius:12px;display:flex;gap:12px;padding:16px}.prediction-widget .alert-card.high{background:#ef44440f;border:1px solid #ef444426}.prediction-widget .alert-card.medium{background:#f59e0b0f;border:1px solid #f59e0b26}.prediction-widget .alert-card.low{background:#3b82f60f;border:1px solid #3b82f626}.prediction-widget .alert-card-icon{font-size:22px}.prediction-widget .alert-card-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.prediction-widget .alert-card-title{color:#1e293b;font-size:14px;font-weight:700}.prediction-widget .alert-card.high .alert-card-title{color:#dc2626}.prediction-widget .alert-card.medium .alert-card-title{color:#d97706}.prediction-widget .alert-card.low .alert-card-title{color:#2563eb}.prediction-widget .alert-card-message{color:#64748b;font-size:13px;line-height:1.5}.prediction-widget .smart-alerts-summary{display:flex;gap:12px;margin-bottom:16px}.prediction-widget .alert-stat{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1 1;flex-direction:column;padding:12px 8px}.prediction-widget .alert-stat.critical{background:#ef44440d;border-color:#ef444426}.prediction-widget .alert-stat.high{background:#f59e0b0d;border-color:#f59e0b26}.prediction-widget .alert-stat.opportunity{background:#22c55e0d;border-color:#22c55e26}.prediction-widget .alert-stat .stat-icon{font-size:18px;margin-bottom:4px}.prediction-widget .alert-stat .stat-value{color:#1e293b;font-size:20px;font-weight:700}.prediction-widget .alert-stat .stat-label{color:#94a3b8;font-size:11px;text-transform:uppercase}.prediction-widget .alert-card.priority-critical,.prediction-widget .alert-card.priority-urgent{background:#ef44440f;border:1px solid #ef444426}.prediction-widget .alert-card.priority-critical .alert-card-title,.prediction-widget .alert-card.priority-urgent .alert-card-title{color:#dc2626}.prediction-widget .alert-card.priority-high{background:#f59e0b0f;border:1px solid #f59e0b26}.prediction-widget .alert-card.priority-high .alert-card-title{color:#d97706}.prediction-widget .alert-card.priority-medium{background:#3b82f60f;border:1px solid #3b82f626}.prediction-widget .alert-card.priority-medium .alert-card-title{color:#2563eb}.prediction-widget .alert-card.priority-info,.prediction-widget .alert-card.priority-low{background:#22c55e0f;border:1px solid #22c55e26}.prediction-widget .alert-card.priority-info .alert-card-title,.prediction-widget .alert-card.priority-low .alert-card-title{color:#16a34a}.prediction-widget .alert-card-date{color:#94a3b8;font-size:11px}.prediction-widget .more-alerts-link{border-radius:8px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:background .2s}.prediction-widget .more-alerts-link:hover{background:#6366f10f}.prediction-widget .no-alerts{background:#22c55e0a;border:1px solid #22c55e1f;border-radius:12px;padding:30px 20px;text-align:center}.prediction-widget .no-alerts-icon{color:#16a34a;display:block;font-size:40px;margin-bottom:12px}.prediction-widget .no-alerts h4{color:#16a34a;font-size:16px;font-weight:700;margin:0 0 8px}.prediction-widget .no-alerts p{color:#64748b;font-size:13px;margin:0}.prediction-widget .ceo-insights-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.prediction-widget .ceo-insights-mini h4{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 14px}.prediction-widget .insights-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.prediction-widget .insight-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.prediction-widget .insight-item:hover{background:#f8fafc;border-color:#c7d2fe;box-shadow:0 2px 8px #6366f10f}.prediction-widget .insight-icon{font-size:22px}.prediction-widget .insight-label{color:#94a3b8;flex:1 1;font-size:12px;font-weight:500}.prediction-widget .insight-value{color:#1e293b;font-size:18px;font-weight:800}.prediction-widget .insight-item.warning{background:linear-gradient(135deg,#f59e0b0f,#eab30808);border-color:#f59e0b33}.prediction-widget .insight-value.warning-text{color:#d97706;font-size:11px;font-weight:600;line-height:1.3}.prediction-widget .recommendations-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.prediction-widget .recommendations-section h4{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 14px}.prediction-widget .recommendations-list{display:flex;flex-direction:column;gap:10px}.prediction-widget .recommendation-item{align-items:flex-start;background:#22c55e0a;border:1px solid #22c55e1f;border-radius:10px;display:flex;gap:12px;padding:14px}.prediction-widget .rec-icon{flex-shrink:0;font-size:18px}.prediction-widget .rec-text{color:#475569;font-size:14px;font-weight:500;line-height:1.5}@media (max-width:768px){.prediction-summary{grid-template-columns:repeat(2,1fr)}.prediction-widget .insights-grid{grid-template-columns:1fr}.prediction-header{align-items:flex-start;flex-direction:column;gap:12px}.main-prediction-card{flex-direction:column;gap:16px;text-align:center}.main-prediction-value{font-size:28px}.prediction-widget .baseline-components{grid-template-columns:1fr}.prediction-widget .baseline-component{flex-direction:row;justify-content:space-between;text-align:left}.prediction-widget .baseline-component .component-label{margin-bottom:0;order:1}.prediction-widget .baseline-component .component-weight{margin-bottom:0;order:2}.prediction-widget .baseline-component .component-value{order:3}.prediction-widget .result-equation{flex-direction:column;gap:8px}.prediction-widget .eq-part{font-size:14px;padding:6px 12px}.prediction-widget .eq-result{font-size:24px}.prediction-widget .formula-card{padding:14px}.prediction-widget .formula-card-value{font-size:18px}.prediction-widget .momentum-trend{flex-direction:column;gap:6px;text-align:center}.prediction-widget .adjustment-item{flex-wrap:wrap}}@media (max-width:480px){.prediction-tabs{justify-content:center;width:100%}.tab-btn{flex:1 1;font-size:12px;padding:8px 6px;text-align:center}.prediction-widget .formula-header{padding:12px}.prediction-widget .formula-header .formula-icon{font-size:24px}.prediction-widget .formula-text h4{font-size:14px}.chart-bar-value{font-size:11px;min-width:40px;padding:4px 6px}.chart-bar-label{font-size:9px}.chart-bar-date{font-size:8px}.chart-bar{max-width:35px}}.prediction-widget .executive-insights{display:flex;flex-direction:column;gap:16px}.prediction-widget .exec-metrics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.prediction-widget .exec-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #6366f10f;display:flex;flex-direction:column;gap:6px;padding:20px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.prediction-widget .exec-metric-card:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 8px 24px #6366f11a;transform:translateY(-2px)}.prediction-widget .exec-metric-card .metric-label{color:#94a3b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.prediction-widget .exec-metric-card .metric-value{color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.prediction-widget .exec-metric-card .metric-trend{align-items:center;border-radius:20px;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:700;gap:4px;justify-content:center;margin:6px auto 0;padding:5px 14px;width:-webkit-fit-content;width:fit-content}.prediction-widget .exec-metric-card .metric-trend.up{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.prediction-widget .exec-metric-card .metric-trend.down{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.prediction-widget .exec-metric-card .metric-desc{color:#94a3b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;margin-top:4px}.prediction-widget .exec-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.prediction-widget .exec-section .section-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.prediction-widget .exec-section .section-icon{font-size:18px}.prediction-widget .exec-section .section-title{color:#1e293b;font-size:14px;font-weight:600}.prediction-widget .insights-cards{display:flex;flex-direction:column;gap:8px}.prediction-widget .insight-card{background:#fff;border-left:3px solid #0000;border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:12px}.prediction-widget .insight-card.opportunity{background:linear-gradient(90deg,#22c55e0a,#fff);border-left-color:#16a34a}.prediction-widget .insight-card.risk{background:linear-gradient(90deg,#f59e0b0a,#fff);border-left-color:#d97706}.prediction-widget .insight-card .insight-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:4px}.prediction-widget .insight-card .insight-description{color:#64748b;font-size:12px;line-height:1.4}.prediction-widget .insight-card .insight-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.prediction-widget .metric-badge{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.prediction-widget .metric-badge.positive{background:#22c55e1a;color:#16a34a}.prediction-widget .metric-badge.negative{background:#ef44441a;color:#dc2626}.prediction-widget .exec-recommendations{display:flex;flex-direction:column;gap:12px}.prediction-widget .exec-rec-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #6366f1;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:14px}.prediction-widget .exec-rec-card.category-staffing{border-left-color:#8b5cf6}.prediction-widget .exec-rec-card.category-marketing{border-left-color:#ec4899}.prediction-widget .exec-rec-card.category-operations{border-left-color:#f59e0b}.prediction-widget .exec-rec-card.category-revenue{border-left-color:#22c55e}.prediction-widget .exec-rec-card .rec-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.prediction-widget .exec-rec-card .rec-category{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.5px;text-transform:uppercase}.prediction-widget .exec-rec-card .rec-priority{font-size:12px}.prediction-widget .exec-rec-card .rec-title{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:10px}.prediction-widget .exec-rec-card .rec-impact,.prediction-widget .exec-rec-card .rec-reason{color:#64748b;font-size:12px;line-height:1.5;margin-bottom:8px}.prediction-widget .exec-rec-card .impact-label,.prediction-widget .exec-rec-card .reason-label{color:#475569;font-weight:600}.prediction-widget .exec-rec-card .rec-metrics{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px}.prediction-widget .exec-rec-card .rec-metric{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:flex;font-size:11px;gap:4px;padding:4px 10px}.prediction-widget .config-warning{align-items:center;background:#fbbf240f;border:1px solid #fbbf2433;border-radius:10px;display:flex;gap:8px;padding:10px 14px}.prediction-widget .config-warning .warning-icon{font-size:16px}.prediction-widget .config-warning .warning-text{color:#d97706;font-size:12px;font-weight:500}.prediction-widget .opportunities-section{background:linear-gradient(135deg,#22c55e0a,#10b98105);border:1px solid #22c55e1f}.prediction-widget .opportunities-section .section-title{color:#16a34a}.prediction-widget .risks-section{background:linear-gradient(135deg,#fbbf240a,#f59e0b05);border:1px solid #fbbf241f}.prediction-widget .risks-section .section-title{color:#d97706}.prediction-widget .executive-insights .no-alerts{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:40px 20px;text-align:center}.prediction-widget .executive-insights .no-alerts .no-alerts-icon{color:#16a34a;display:block;font-size:48px;margin-bottom:12px}.prediction-widget .executive-insights .no-alerts h4{color:#1e293b;font-size:16px;margin:0 0 6px}.prediction-widget .executive-insights .no-alerts p{color:#64748b;font-size:13px;margin:0}@media (max-width:768px){.prediction-widget .exec-metrics-row{gap:10px;grid-template-columns:repeat(2,1fr)}.prediction-widget .exec-metric-card{border-radius:14px;padding:16px 12px}.prediction-widget .exec-metric-card .metric-label{font-size:10px;letter-spacing:1px}.prediction-widget .exec-metric-card .metric-value{font-size:24px}.prediction-widget .exec-metric-card .metric-trend{font-size:11px;padding:3px 10px}.prediction-widget .exec-metric-card .metric-desc{font-size:10px}.prediction-widget .exec-rec-card .rec-title{font-size:13px}.prediction-widget .exec-rec-card .rec-impact,.prediction-widget .exec-rec-card .rec-reason{font-size:11px}}@media (max-width:480px){.prediction-widget .exec-metrics-row{gap:8px;grid-template-columns:1fr 1fr}.prediction-widget .exec-metric-card{border-radius:12px;padding:14px 10px}.prediction-widget .exec-metric-card .metric-label{font-size:9px;letter-spacing:.8px}.prediction-widget .exec-metric-card .metric-value{font-size:20px}.prediction-widget .exec-metric-card .metric-trend{font-size:10px;padding:3px 8px}.prediction-widget .exec-metric-card .metric-desc{font-size:9px}.prediction-widget .exec-rec-card{padding:12px}.prediction-widget .exec-rec-card .rec-metrics{gap:6px}.prediction-widget .exec-rec-card .rec-metric{font-size:10px;padding:3px 8px}}.prediction-widget .factor-breakdown-popup{animation:fbPopupIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 48px #0000001f,0 0 0 1px #6366f114;color:#1e293b;font-size:12px;padding:18px;width:340px;z-index:99999}@keyframes fbPopupIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.prediction-widget .fb-title{align-items:center;border-bottom:2px solid #eef2ff;color:#1e293b;display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:14px;padding-bottom:10px}.prediction-widget .fb-section{margin-bottom:14px}.prediction-widget .fb-section-label{color:#6366f1;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.prediction-widget .fb-baseline-row{border-radius:6px;color:#64748b;display:flex;font-size:11px;justify-content:space-between;padding:4px 8px;transition:background .15s ease}.prediction-widget .fb-baseline-row:hover{background:#f8fafc}.prediction-widget .fb-baseline-row span:last-child{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;font-weight:600}.prediction-widget .fb-baseline-total{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:8px;border-top:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-top:6px;padding:8px}.prediction-widget .fb-factor-row{grid-gap:4px;align-items:center;border-radius:8px;display:grid;gap:4px;grid-template-columns:22px 1fr 48px 55px;padding:5px 8px;transition:background .15s ease}.prediction-widget .fb-factor-row:hover{background:#f8fafc}.prediction-widget .fb-factor-icon{font-size:13px}.prediction-widget .fb-factor-label{color:#475569;font-weight:500}.prediction-widget .fb-factor-value{color:#64748b}.prediction-widget .fb-factor-pct,.prediction-widget .fb-factor-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:600;text-align:right}.prediction-widget .fb-factor-pct.positive,.prediction-widget .fb-factor-value.positive{color:#16a34a}.prediction-widget .fb-factor-pct.negative,.prediction-widget .fb-factor-value.negative{color:#dc2626}.prediction-widget .fb-info-row{opacity:.55}.prediction-widget .fb-info-value{color:#94a3b8}.prediction-widget .fb-info-tag{color:#94a3b8;font-size:9px;font-style:italic;grid-column:3/-1;text-align:right}.prediction-widget .fb-weather-detail{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#64748b;display:flex;font-size:11px;gap:6px;margin:-2px 0 4px;padding:4px 8px 4px 30px}.prediction-widget .fb-weather-detail:hover{background:#f1f5f9;border-color:#e2e8f0}.prediction-widget .fb-weather-emoji{flex-shrink:0;font-size:13px}.prediction-widget .fb-weather-temp{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;font-weight:700;min-width:32px}.prediction-widget .fb-weather-cond{color:#64748b;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prediction-widget .fb-weather-tag{background:#eef2ff;border-radius:4px;color:#94a3b8;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.prediction-widget .fb-result{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-top:6px;padding:10px 12px}.prediction-widget .fb-result-value{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:16px}.prediction-widget .fb-hint{color:#94a3b8;font-size:10px;margin-top:4px;text-align:center}@media (max-width:768px){.prediction-widget .factor-breakdown-popup{font-size:11px;padding:14px;width:300px}}.prediction-widget .summary-card.revenue{background:linear-gradient(135deg,#05966914,#10b9810d);border-color:#05966933;cursor:pointer;position:relative;transition:all .25s ease}.prediction-widget .summary-card.revenue:hover{background:linear-gradient(135deg,#05966924,#10b9811a);border-color:#05966959;box-shadow:0 4px 16px #05966926;transform:translateY(-2px)}.prediction-widget .summary-card.revenue.warning{background:linear-gradient(135deg,#f59e0b14,#fbbf240d);border-color:#f59e0b40}.prediction-widget .summary-card.revenue .summary-sub{color:#64748b;font-size:10px;margin-top:2px}.prediction-widget .summary-card.revenue .summary-sub.warning-text{color:#d97706;font-size:9px}.prediction-widget .revenue-click-hint{color:#94a3b8;opacity:.6;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.prediction-widget .summary-card.revenue:hover .revenue-click-hint{color:#059669;opacity:1}.prediction-widget .formula-visual{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:24px}.prediction-widget .formula-visual .formula-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:140px;padding:16px 20px;text-align:center}.prediction-widget .formula-visual .formula-item.result{background:linear-gradient(135deg,#059669,#10b981);border:none;box-shadow:0 4px 12px #0596694d}.prediction-widget .formula-visual .formula-item.result .formula-label,.prediction-widget .formula-visual .formula-item.result .formula-value{color:#fff}.prediction-widget .formula-visual .formula-value{color:#1e293b;font-size:1.25rem;font-weight:700}.prediction-widget .formula-visual .formula-label{color:#64748b;font-size:.75rem;margin-top:6px}.prediction-widget .formula-visual .formula-operator{color:#94a3b8;font-size:1.5rem;font-weight:700}.prediction-widget .insight-bullet{flex-shrink:0;font-size:1rem}@media (max-width:900px){.prediction-widget .formula-visual{gap:12px}.prediction-widget .formula-visual .formula-item{min-width:100px;padding:12px 14px}}@media (max-width:640px){.prediction-widget .formula-visual{flex-direction:column}.prediction-widget .formula-visual .formula-operator{transform:rotate(90deg)}}@media (max-width:480px){.prediction-widget .prediction-summary{grid-template-columns:1fr}}.prediction-widget .modal-overlay{align-items:center;animation:pw-fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes pw-fadeIn{0%{opacity:0}to{opacity:1}}.prediction-widget .revenue-modal{animation:pw-slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes pw-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prediction-widget .revenue-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.prediction-widget .revenue-modal-title{align-items:center;display:flex;gap:16px}.prediction-widget .revenue-modal-title svg{flex-shrink:0}.prediction-widget .revenue-modal-title h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.prediction-widget .revenue-modal-title .modal-subtitle{font-size:.875rem;margin:4px 0 0;opacity:.9}.prediction-widget .modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.prediction-widget .modal-close:hover{background:#ffffff59;transform:scale(1.05)}.prediction-widget .modal-close svg{stroke:#fff}.prediction-widget .revenue-modal-body{flex:1 1;overflow-y:auto;padding:28px}.prediction-widget .revenue-main-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:16px;margin-bottom:28px;padding:32px;text-align:center}.prediction-widget .revenue-big-number{color:#059669;font-size:3.5rem;font-weight:800;line-height:1}.prediction-widget .revenue-big-number .currency{font-size:2rem;margin-right:4px;opacity:.8;vertical-align:super}.prediction-widget .revenue-big-number .not-configured{color:#94a3b8}.prediction-widget .revenue-period{color:#059669;font-size:1rem;font-weight:500;margin-top:12px}.prediction-widget .revenue-breakdown-section,.prediction-widget .revenue-formula-section,.prediction-widget .revenue-insights-section,.prediction-widget .revenue-metrics-section,.prediction-widget .revenue-source-section{margin-bottom:28px}.prediction-widget .revenue-breakdown-section h3,.prediction-widget .revenue-formula-section h3,.prediction-widget .revenue-insights-section h3,.prediction-widget .revenue-metrics-section h3,.prediction-widget .revenue-source-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:12px}.prediction-widget .revenue-breakdown-section h3 svg,.prediction-widget .revenue-formula-section h3 svg,.prediction-widget .revenue-insights-section h3 svg,.prediction-widget .revenue-metrics-section h3 svg,.prediction-widget .revenue-source-section h3 svg{stroke:#6366f1}.prediction-widget .daily-revenue-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr)}.prediction-widget .daily-revenue-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.prediction-widget .daily-revenue-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.prediction-widget .daily-revenue-item.peak{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.prediction-widget .daily-day{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:8px}.prediction-widget .daily-visitors{color:#64748b;font-size:.75rem;margin-bottom:4px}.prediction-widget .daily-revenue{color:#059669;font-size:1rem;font-weight:700}.prediction-widget .peak-badge{color:#92400e;font-size:.7rem;font-weight:600;margin-top:8px}.prediction-widget .metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.prediction-widget .metric-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px}.prediction-widget .metric-icon{flex-shrink:0;font-size:1.5rem}.prediction-widget .metric-value{color:#1e293b;font-size:1.125rem;font-weight:700}.prediction-widget .metric-label{color:#64748b;font-size:.75rem;margin-top:2px}.prediction-widget .source-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.prediction-widget .source-status{align-items:center;display:flex;font-weight:600;gap:10px;margin-bottom:10px}.prediction-widget .source-status.success{color:#059669}.prediction-widget .source-status.success svg{stroke:#059669}.prediction-widget .source-status.warning{color:#d97706}.prediction-widget .source-status.warning svg{stroke:#d97706}.prediction-widget .source-info-card p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.prediction-widget .cxo-insights-list{display:flex;flex-direction:column;gap:12px}.prediction-widget .cxo-insight-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:flex;font-size:.9rem;gap:12px;line-height:1.5;padding:14px 16px}.prediction-widget .cxo-insight-item.warning{background:#fef3c7;border-color:#fcd34d;color:#92400e}.prediction-widget .cxo-insight-item strong{color:#1e293b}.prediction-widget .cxo-insight-item .positive{color:#059669;font-weight:600}.prediction-widget .cxo-insight-item .negative{color:#dc2626;font-weight:600}.prediction-widget .revenue-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 28px}.prediction-widget .modal-footer-note{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px;max-width:60%}.prediction-widget .modal-footer-note svg{stroke:#94a3b8;flex-shrink:0}.prediction-widget .modal-close-btn{background:#1e293b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.prediction-widget .modal-close-btn:hover{background:#334155;transform:translateY(-1px)}@media (max-width:900px){.prediction-widget .daily-revenue-grid{grid-template-columns:repeat(4,1fr)}.prediction-widget .metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.prediction-widget .revenue-modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:95vh}.prediction-widget .revenue-modal-header{padding:20px}.prediction-widget .revenue-modal-title h2{font-size:1.25rem}.prediction-widget .revenue-modal-body{padding:20px}.prediction-widget .revenue-big-number{font-size:2.5rem}.prediction-widget .daily-revenue-grid{grid-template-columns:repeat(2,1fr)}.prediction-widget .metrics-grid{grid-template-columns:1fr}.prediction-widget .modal-footer-note{display:none}.prediction-widget .revenue-modal-footer{justify-content:center}}.tenant-sc-widget{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:20px;padding:20px}.tenant-sc-widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tenant-sc-widget-header h3{color:#0f172a;font-size:16px;font-weight:700;margin:0}.tenant-sc-widget-link{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;transition:color .2s}.tenant-sc-widget-link:hover{color:#2563eb}.tenant-sc-widget-loading{display:flex;justify-content:center;padding:24px}.tenant-sc-widget-spinner{animation:tenant-sc-widget-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}@keyframes tenant-sc-widget-spin{to{transform:rotate(1turn)}}.tenant-sc-widget-body{align-items:center;display:flex;gap:20px}.tenant-sc-widget-score-section{align-items:center;display:flex;flex-direction:column;min-width:100px}.tenant-sc-widget-circle{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.tenant-sc-widget-circle-svg{height:100%;left:0;position:absolute;top:0;width:100%}.tenant-sc-widget-circle.sc-excellent{color:#10b981}.tenant-sc-widget-circle.sc-good{color:#f59e0b}.tenant-sc-widget-circle.sc-attention{color:#f97316}.tenant-sc-widget-circle.sc-critical{color:#ef4444}.tenant-sc-widget-circle-value{color:#0f172a;font-size:24px;font-weight:800;z-index:1}.tenant-sc-widget-status{border-radius:10px;font-size:11px;font-weight:600;margin-top:6px;padding:2px 8px;white-space:nowrap}.tenant-sc-widget-status.sc-excellent{background:#d1fae5;color:#065f46}.tenant-sc-widget-status.sc-good{background:#fef3c7;color:#92400e}.tenant-sc-widget-status.sc-attention{background:#ffedd5;color:#9a3412}.tenant-sc-widget-status.sc-critical{background:#fee2e2;color:#991b1b}.tenant-sc-widget-components{display:flex;flex:1 1;flex-direction:column;gap:8px}.tenant-sc-widget-comp-row{align-items:center;display:flex;gap:8px}.tenant-sc-widget-comp-label{color:#64748b;flex-shrink:0;font-size:12px;text-align:right;width:60px}.tenant-sc-widget-comp-bar-bg{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.tenant-sc-widget-comp-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.tenant-sc-widget-comp-bar-fill.sc-excellent{background:#10b981}.tenant-sc-widget-comp-bar-fill.sc-good{background:#f59e0b}.tenant-sc-widget-comp-bar-fill.sc-attention{background:#f97316}.tenant-sc-widget-comp-bar-fill.sc-critical{background:#ef4444}.tenant-sc-widget-comp-value{flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:28px}.tenant-sc-widget-comp-value.sc-excellent{color:#059669}.tenant-sc-widget-comp-value.sc-good{color:#d97706}.tenant-sc-widget-comp-value.sc-attention{color:#ea580c}.tenant-sc-widget-comp-value.sc-critical{color:#dc2626}@media (max-width:480px){.tenant-sc-widget-body{flex-direction:column}.tenant-sc-widget-comp-label{font-size:11px;width:50px}}.ai-chat-widget{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;margin-bottom:24px;overflow:hidden;transform:translateZ(0);transition:all .3s ease;will-change:transform}.ai-chat-widget.collapsed{animation:gentlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#7c3aed);box-shadow:0 4px 20px #3b82f64d,0 0 40px #7c3aed26;box-sizing:border-box;contain:layout style;cursor:pointer;min-height:72px;overflow:hidden;position:relative}.ai-chat-widget.collapsed:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.ai-chat-widget.collapsed:after{animation:floatParticles 6s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 20%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 25%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 15%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-chat-widget.collapsed:hover{animation:none;box-shadow:0 12px 35px #3b82f666,0 0 60px #7c3aed40;transform:translateY(-2px) scale(1.005);transition:transform .2s ease,box-shadow .2s ease}@keyframes gentlePulse{0%,to{box-shadow:0 4px 20px #3b82f64d,0 0 40px #7c3aed26}50%{box-shadow:0 6px 25px #3b82f666,0 0 50px #7c3aed40}}@keyframes floatParticles{0%,to{opacity:1}50%{opacity:.8}}.chat-bubble{box-sizing:border-box;gap:14px;min-height:40px;padding:16px 20px;position:relative;z-index:1}.chat-bubble,.chat-icon{align-items:center;display:flex}.chat-icon{animation:iconFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;padding:10px}.chat-icon svg{display:block}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.chat-bubble-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.chat-title{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 10px #0003}.chat-subtitle{align-items:center;color:#ffffffe6;display:flex;font-size:14px;gap:6px}.chat-subtitle:after{animation:subtleBlink 1.5s ease-in-out infinite;background:#fffc;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}@keyframes subtleBlink{0%,to{opacity:.4}50%{opacity:1}}.expand-icon{align-items:center;animation:expandPulse 2s ease-in-out infinite;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;justify-content:center;padding:10px;transition:all .3s ease}.expand-icon svg{display:block}@keyframes expandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ai-chat-widget.collapsed:hover .expand-icon{animation:none;background:#ffffff59;transform:scale(1.1)}.ai-chat-widget.collapsed:hover .chat-icon{animation:none;transform:scale(1.05)}.ai-chat-widget.expanded{animation:expandIn .3s ease-out;background:#1e293b;box-shadow:0 10px 40px #0000004d,0 0 0 1px #3b82f61a;display:flex;flex-direction:column;height:500px;max-height:70vh}@keyframes expandIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative}.chat-header:before{animation:headerShine 4s linear infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:200%}@keyframes headerShine{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.chat-header-left{gap:10px;position:relative;z-index:1}.chat-avatar,.chat-header-left{align-items:center;display:flex}.chat-avatar{justify-content:center}.chat-avatar svg{display:block}.chat-header-info{display:flex;flex-direction:column}.chat-header-title{font-size:15px;font-weight:600}.chat-header-status{align-items:center;display:flex;font-size:12px;gap:5px;opacity:.9}.chat-header-status:before{animation:statusPulse 2s ease-in-out infinite;background:#34d399;border-radius:50%;content:"";height:6px;width:6px}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #34d39966;opacity:1}50%{box-shadow:0 0 0 4px #34d39900;opacity:.8}}.chat-header-actions{display:flex;gap:8px;position:relative;z-index:1}.chat-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-action-btn:hover{background:#ffffff40;transform:scale(1.05)}.chat-messages{background:linear-gradient(180deg,#1e293b,#0f172a);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.chat-welcome{animation:fadeInUp .5s ease-out;color:#9ca3af;padding:20px;text-align:center}.welcome-icon{animation:waveHand 2s ease-in-out infinite;display:block;font-size:48px;margin-bottom:12px}@keyframes waveHand{0%,to{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.chat-welcome h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:18px;margin:0 0 8px}.chat-welcome p{font-size:13px;line-height:1.5;margin:0 0 16px}.suggestions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:16px}.suggestion-btn{background:#1e40af26;border:1px solid #3b82f64d;border-radius:12px;color:#e5e7eb;cursor:pointer;font-size:12px;overflow:hidden;padding:12px 14px;position:relative;text-align:left;transition:all .2s ease}.suggestion-btn:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.suggestion-btn:hover{background:#3b82f640;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.suggestion-btn:hover:before{left:100%}.chat-message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-items:flex-end}.chat-message.assistant,.message-content{align-items:flex-start}.message-content{display:flex;gap:8px;max-width:85%}.chat-message.user .message-content{flex-direction:row-reverse}.message-avatar{align-items:center;display:flex;flex-shrink:0;justify-content:center}.message-avatar svg{display:block}.message-avatar.user{background:#94a3b833;border-radius:50%;padding:4px}.message-bubble{border-radius:16px;padding:12px 16px;position:relative}.chat-message.user .message-bubble{background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom-right-radius:4px;box-shadow:0 2px 10px #3b82f64d;color:#fff}.chat-message.assistant .message-bubble{background:#374151;border-bottom-left-radius:4px;box-shadow:0 2px 10px #0003;color:#e5e7eb}.chat-message.error .message-bubble{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5}.message-bubble p{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.message-time{display:block;font-size:10px;margin-top:6px;opacity:.6;text-align:right}.message-chart{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px}.mini-chart-bar{display:flex;font-size:12px;justify-content:space-between}.bar-label{color:#fff9}.bar-value{color:#60a5fa;font-weight:600}.message-sources{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px}.sources-label{color:#ffffff80;font-size:11px}.source-tag{background:#3b82f633;border-radius:4px;color:#60a5fa;font-size:10px;padding:3px 8px}.follow-up-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-left:32px;margin-top:8px}.follow-up-btn{background:#0000;border:1px solid #3b82f64d;border-radius:12px;color:#9ca3af;cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease}.follow-up-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{animation:typingBounce 1.4s ease-in-out infinite both;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-form{background:#0f172a;border-top:1px solid #3b82f633;display:flex;gap:8px;padding:12px 16px}.chat-input{background:#1e293b;border:1px solid #3b82f64d;border-radius:24px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.chat-input::placeholder{color:#6b7280}.chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:50%;box-shadow:0 2px 10px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 15px #3b82f666;transform:scale(1.08)}.chat-send-btn:disabled{background:#374151;box-shadow:none;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (max-width:768px){.ai-chat-widget.expanded{height:400px}.suggestions-grid{grid-template-columns:1fr}.message-content{max-width:90%}.chat-bubble{padding:16px 18px}.chat-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.ai-chat-widget.collapsed,.ai-chat-widget.collapsed:after,.ai-chat-widget.collapsed:before,.ai-chat-widget.expanded,.chat-header-status:before,.chat-header:before,.chat-icon,.chat-message,.expand-icon,.typing-indicator span,.welcome-icon{animation:none}}.markdown-content{color:#e5e7eb;font-size:14px;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{border-bottom:none;color:#fff;font-weight:700;margin:0 0 12px}.markdown-content h1{font-size:20px}.markdown-content h2{font-size:18px}.markdown-content h3{font-size:16px}.markdown-content h4{font-size:15px}.markdown-content p{margin:0 0 10px}.markdown-content p:last-child{margin-bottom:0}.markdown-content .highlight,.markdown-content strong{background:#3b82f626;border-radius:3px;color:#60a5fa;font-weight:700;padding:1px 4px}.markdown-content em{color:#a5b4fc;font-style:italic}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:20px}.markdown-content li{margin-bottom:4px;position:relative}.markdown-content ul li::marker{color:#3b82f6}.markdown-content ol li::marker{color:#3b82f6;font-weight:600}.markdown-content .table-wrapper{background:#0f172a99;border:1px solid #3b82f633;border-radius:8px;margin:12px 0;overflow-x:auto}.markdown-content table{border-collapse:collapse;font-size:13px;min-width:200px;width:100%}.markdown-content thead{background:linear-gradient(135deg,#1e40af66,#3b82f64d)}.markdown-content th{border-bottom:2px solid #3b82f666;color:#fff;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.markdown-content td{border-bottom:1px solid #ffffff0f;color:#d1d5db;padding:8px 12px}.markdown-content tbody tr:hover{background:#3b82f614}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content td:nth-child(2),.markdown-content td:nth-child(3){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.markdown-content code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.markdown-content .inline-code{background:#3b82f633;border-radius:4px;color:#93c5fd;padding:2px 6px}.markdown-content .code-block{background:#0f172a;border:1px solid #3b82f633;border-radius:8px;display:block;margin:8px 0;overflow-x:auto;padding:12px}.markdown-content blockquote{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;font-style:normal;margin:12px 0;padding:12px 16px}.markdown-content blockquote p{margin:0}.markdown-content hr{background:linear-gradient(90deg,#0000,#3b82f666,#0000);border:none;height:1px;margin:16px 0}.markdown-content a{color:#60a5fa;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content p>img[alt*=emoji],.markdown-content span[role=img]{font-size:1.1em;vertical-align:middle}.markdown-content :contains("+%"),.markdown-content strong:has(+:contains("📈")){color:#34d399}.markdown-content p:first-of-type strong:first-child{font-size:15px}.chat-message.user .markdown-content{color:#fff}.chat-message.user .markdown-content .highlight,.chat-message.user .markdown-content strong{background:#fff3;color:#fff}.chat-message.user .markdown-content .table-wrapper,.chat-message.user .markdown-content table{background:#ffffff1a;border-color:#fff3}.chat-message.user .markdown-content td,.chat-message.user .markdown-content th{border-color:#ffffff26}.message-text.markdown-content{display:block}.streaming-cursor{animation:cursorBlink .7s step-end infinite;color:#60a5fa;display:inline-block;font-size:14px;font-weight:700;line-height:1;margin-left:1px;vertical-align:text-bottom}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.chat-message.streaming .message-bubble{border-left:2px solid #60a5fa80;padding-left:12px}.chat-message.streaming .message-text{animation:none}.chat-message.streaming .message-sources,.chat-message.streaming .message-time{display:none}.chat-message .follow-up-suggestions{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard{background:linear-gradient(135deg,#f0f1ff,#eef2ff 30%,#f5f3ff 60%,#faf5ff);min-height:100%;padding:24px;position:relative}.dashboard:before{background:radial-gradient(ellipse at 10% 0,#6366f10f 0,#0000 50%),radial-gradient(ellipse at 90% 100%,#8b5cf60a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dashboard-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px}.dashboard-header{flex:1 1;min-width:200px}.dashboard-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 4px}.dashboard-header .subtitle{color:#64748b;font-size:.9375rem}.header-stats{display:flex;flex-wrap:wrap;gap:16px;transition:opacity .2s ease}.header-stats.refreshing{opacity:.7}.header-stats.refreshing .header-stat-value{animation:pulse-loading 1s ease-in-out infinite}@keyframes pulse-loading{0%,to{opacity:1}50%{opacity:.5}}.header-stat-card{align-items:center;background:#fff;border:1px solid #6366f10a;border-radius:14px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #0000000d;display:flex;gap:14px;min-width:180px;overflow:hidden;padding:14px 20px;position:relative;transition:transform .2s,box-shadow .2s}.header-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.header-stat-card.blue:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.header-stat-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.header-stat-card:hover{box-shadow:0 8px 24px #6366f11f;transform:translateY(-2px)}.header-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.header-stat-card.blue .header-stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.header-stat-card.green .header-stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.header-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.header-stat-value{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.1}.header-stat-label{color:#64748b;font-size:.75rem;white-space:nowrap}.header-stat-change{border-radius:6px;font-size:.75rem;font-weight:600;margin-left:auto;padding:4px 8px;white-space:nowrap}.header-stat-change.positive{background:#dcfce7;color:#16a34a}.header-stat-change.negative{background:#fee2e2;color:#dc2626}.quick-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.quick-stats-grid.compact{grid-template-columns:repeat(2,1fr);max-width:600px}.quick-stat-card{align-items:flex-start;border:1px solid #6366f10a;border-radius:16px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #0000000f;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.quick-stat-card:hover{box-shadow:0 12px 28px #6366f11f,0 4px 8px #0000000f;transform:translateY(-2px)}.quick-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.quick-stat-card.blue:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.quick-stat-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.quick-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.quick-stat-card.orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.quick-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.quick-stat-card.blue .quick-stat-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.quick-stat-card.green .quick-stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.quick-stat-card.purple .quick-stat-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#9333ea}.quick-stat-card.orange .quick-stat-icon{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.quick-stat-content{flex:1 1}.quick-stat-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.quick-stat-label{color:#64748b;font-size:.875rem;margin-bottom:8px}.quick-stat-change{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px}.quick-stat-change.positive{background:#dcfce7;color:#16a34a}.quick-stat-change.negative{background:#fee2e2;color:#dc2626}.quick-stat-change.neutral{background:#f1f5f9;color:#64748b}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:#fff;border:1px solid #6366f10a;border-radius:16px;box-shadow:0 2px 8px #6366f10f,0 1px 3px #0000000f;overflow:hidden;transition:box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 8px 24px #6366f11a,0 2px 6px #0000000f}.dashboard-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.dashboard-card-header h3{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0}.dashboard-card-header .view-all{color:#6366f1;cursor:pointer;font-size:.75rem;font-weight:600;text-decoration:none}.dashboard-card-header .view-all:hover{text-decoration:underline}.dashboard-card-body{padding:24px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;background:#f8fafc;border-radius:12px;display:flex;gap:12px;padding:12px;transition:background .2s}.activity-item:hover{background:#f1f5f9}.activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.activity-icon.data{background:#dbeafe;color:#2563eb}.activity-icon.anomaly{background:#fee2e2;color:#dc2626}.activity-icon.system{background:#f3e8ff;color:#9333ea}.activity-content{flex:1 1}.activity-title{color:#1e293b;font-size:.875rem;font-weight:500;margin-bottom:2px}.activity-meta{color:#94a3b8;font-size:.75rem}.quick-links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-link{align-items:center;background:#f8fafc;border:2px solid #0000;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;gap:12px;padding:16px;text-decoration:none;transition:all .2s}.quick-link:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 16px #6366f124;transform:translateY(-2px)}.quick-link .link-icon{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;color:#4f46e5;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.quick-link .link-text{font-size:.875rem;font-weight:500}.performer-list{display:flex;flex-direction:column;gap:12px}.performer-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:12px 16px}.performer-rank{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.performer-rank.gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.performer-rank.silver{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.performer-rank.bronze{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c}.performer-info{flex:1 1}.performer-name{color:#1e293b;font-size:.875rem;font-weight:500}.performer-detail{color:#94a3b8;font-size:.75rem}.performer-value{color:#1e293b;font-size:1rem;font-weight:700}.system-status{display:flex;flex-direction:column;gap:12px}.status-item{background:#f8fafc;justify-content:space-between;padding:12px 16px}.status-item,.status-label{align-items:center;display:flex}.status-label{color:#334155;font-size:.875rem;gap:8px}.status-indicator{border-radius:50%;height:8px;width:8px}.status-indicator.online{background:#16a34a;box-shadow:0 0 8px #16a34a80}.status-indicator.warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-indicator.offline{background:#dc2626;box-shadow:0 0 8px #dc262680}.status-value{background:#dcfce7;border-radius:20px;color:#16a34a;font-size:.75rem;font-weight:600;padding:4px 10px}.status-value.warning{background:#fef3c7;color:#b45309}.status-value.error{background:#fee2e2;color:#dc2626}.dashboard-empty{color:#64748b;padding:40px;text-align:center}.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px}.dashboard-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e0e7ff;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:16px;width:40px}@media (max-width:900px){.dashboard-header-row{align-items:flex-start;flex-direction:column}.header-stats{width:100%}.header-stat-card{flex:1 1;min-width:150px}}@media (max-width:768px){.dashboard{padding:16px}.quick-stats-grid{grid-template-columns:1fr}.quick-stats-grid.compact{grid-template-columns:1fr;max-width:none}.header-stats{flex-direction:column}.header-stat-card{width:100%}.quick-links-grid{grid-template-columns:1fr}.dashboard-card-body{padding:16px}}@layer rdg{@layer Defaults,
    FocusSink,
    CheckboxInput,
    CheckboxIcon,
    CheckboxLabel,
    Cell,
    HeaderCell,
    SummaryCell,
    EditCell,
    Row,
    HeaderRow,
    SummaryRow,
    GroupedRow,
    Root}.cj343x07-0-0-beta-58,.mlln6zg7-0-0-beta-58{@layer rdg.Cell{-webkit-border-end:var(--rdg-border-width) solid var(--rdg-border-color);-webkit-border-after:var(--rdg-border-width) solid var(--rdg-border-color);align-content:center;background-color:inherit;border-block-end:var(--rdg-border-width) solid var(--rdg-border-color);border-inline-end:var(--rdg-border-width) solid var(--rdg-border-color);grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:clip;padding-block:0;padding-inline:8px;position:relative;text-overflow:ellipsis;white-space:nowrap;&[aria-selected=true]{outline:var(--rdg-selection-width) solid var(--rdg-selection-color);outline-offset:calc(var(--rdg-selection-width)*-1)}}}.csofj7r7-0-0-beta-58{@layer rdg.Cell{position:-webkit-sticky;position:sticky;z-index:1;&:nth-last-child(1 of &){box-shadow:var(--rdg-cell-frozen-box-shadow)}}}.ch2wcw87-0-0-beta-58{@layer rdg.DragHandle{--rdg-drag-handle-size:8px;background-color:var(--rdg-selection-color);block-size:var(--rdg-drag-handle-size);cursor:move;inline-size:var(--rdg-drag-handle-size);place-self:end;z-index:0;&:hover{--rdg-drag-handle-size:16px;background-color:var(--rdg-background-color);border:2px solid var(--rdg-selection-color)}}}.c1bn88vv7-0-0-beta-58,.c1wvphzh7-0-0-beta-58{@layer rdg.CheckboxInput{block-size:20px;display:block;inline-size:20px;margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;&:focus-visible{outline:2px solid var(--rdg-checkbox-focus-color);outline-offset:-3px}&:enabled{cursor:pointer}}}.cz54e4y7-0-0-beta-58,.g1s9ylgp7-0-0-beta-58{@layer rdg.GroupCellCaret{-webkit-margin-start:4px;stroke:currentColor;stroke-width:1.5px;fill:#0000;margin-inline-start:4px;vertical-align:middle;>path{transition:d .1s}}}.c1bezg5o7-0-0-beta-58,.c1kqdw7y7-0-0-beta-58,.c1vc96037-0-0-beta-58,.c6l2wv17-0-0-beta-58,.c6ra8a37-0-0-beta-58,.cis5rrm7-0-0-beta-58,.d8rwc9w7-0-0-beta-58,.h44jtk67-0-0-beta-58,.hcgkhxz7-0-0-beta-58,.r1upfr807-0-0-beta-58,.r1y6ywlx7-0-0-beta-58{@layer rdg.Row{background-color:var(--rdg-background-color);display:contents;&:hover{background-color:var(--rdg-row-hover-background-color)}&[aria-selected=true]{background-color:var(--rdg-row-selected-background-color);&:hover{background-color:var(--rdg-row-selected-hover-background-color)}}}}.r139qu9m7-0-0-beta-58,.r190mhd37-0-0-beta-58{@layer rdg.FocusSink{&:before{-webkit-border-start:2px solid var(--rdg-selection-color);block-size:100%;border-inline-start:2px solid var(--rdg-selection-color);content:"";display:inline-block;inset-inline-start:0;position:-webkit-sticky;position:sticky}}}.h10tskcx7-0-0-beta-58{@layer rdg.HeaderRow{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;&>.cj343x07-0-0-beta-58{position:-webkit-sticky;position:sticky;z-index:2}&>.csofj7r7-0-0-beta-58{z-index:3}}}.a3ejtar7-0-0-beta-58{@layer rdg.SortIcon{fill:currentColor;>path{transition:d .1s}}}.rnvodz57-0-0-beta-58{@layer rdg.Defaults{*,:after,:before{box-sizing:inherit}}@layer rdg.Root{--rdg-selection-width:2px;--rdg-selection-color:#67afe9;--rdg-font-size:14px;--rdg-cell-frozen-box-shadow:2px 0 5px -2px #8888884d;--rdg-border-width:1px;--rdg-summary-border-width:calc(var(--rdg-border-width)*2);--rdg-color:light-dark(#000,#ddd);--rdg-border-color:light-dark(#ddd,#444);--rdg-summary-border-color:light-dark(#aaa,#555);--rdg-background-color:light-dark(#fff,#212121);--rdg-header-background-color:light-dark(#f9f9f9,#1b1b1b);--rdg-header-draggable-background-color:light-dark(#e7e7e7,#2d2d2d);--rdg-row-hover-background-color:light-dark(#f5f5f5,#171717);--rdg-row-selected-background-color:light-dark(#dbecfa,#1a73bc);--rdg-row-selected-hover-background-color:light-dark(#c9e3f8,#1768ab);--rdg-checkbox-focus-color:#61b8ff;accent-color:light-dark(#005194,#94cfff);background-color:var(--rdg-background-color);block-size:350px;border-bottom-color:var(--rdg-border-color);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--rdg-border-color);border-left-style:solid;border-left-width:1px;border-right-color:var(--rdg-border-color);border-right-style:solid;border-right-width:1px;border-top-color:var(--rdg-border-color);border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:var(--rdg-color);color-scheme:light dark;color-scheme:var(--rdg-color-scheme,light dark);contain:content;content-visibility:auto;display:grid;font-size:var(--rdg-font-size);overflow:auto;&.rdg-dark{--rdg-color-scheme:dark}&.rdg-light{--rdg-color-scheme:light}&:dir(rtl){--rdg-cell-frozen-box-shadow:-2px 0 5px -2px #8888884d}&:before{content:"";grid-column:1/-1;grid-row:1/-1}>:nth-last-child(1 of .rdg-top-summary-row){>.cj343x07-0-0-beta-58{-webkit-border-after:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);border-block-end:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}}>:nth-child(1 of .rdg-bottom-summary-row){>.cj343x07-0-0-beta-58{-webkit-border-before:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);border-block-start:var(--rdg-summary-border-width) solid var(--rdg-summary-border-color)}}}}.vlqv91k7-0-0-beta-58{@layer rdg.Root{-webkit-user-select:none;user-select:none;& .r1upfr807-0-0-beta-58{cursor:move}}}.f1cte0lg7-0-0-beta-58,.f1lsfrzw7-0-0-beta-58,.s8wc6fl7-0-0-beta-58,.skuhp557-0-0-beta-58{@layer rdg.SummaryRow{>.cj343x07-0-0-beta-58{position:-webkit-sticky;position:sticky}}}.tf8l5ub7-0-0-beta-58{@layer rdg.SummaryRow{>.cj343x07-0-0-beta-58{z-index:2}>.csofj7r7-0-0-beta-58{z-index:3}}}.g1yxluv37-0-0-beta-58{@layer rdg.GroupedRow{&:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}>.cj343x07-0-0-beta-58:not(:last-child,.csofj7r7-0-0-beta-58),>:nth-last-child(n+2 of .csofj7r7-0-0-beta-58){-webkit-border-end:none;border-inline-end:none}}}.t7vyx3i7-0-0-beta-58{@layer rdg.TextEditor{-webkit-appearance:none;appearance:none;background-color:var(--rdg-background-color);block-size:100%;border-bottom-color:#ccc;border-bottom-style:solid;border-bottom-width:2px;border-left-color:#ccc;border-left-style:solid;border-left-width:2px;border-right-color:#ccc;border-right-style:solid;border-right-width:2px;border-top-color:#ccc;border-top-style:solid;border-top-width:2px;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top;&:focus{border-color:var(--rdg-selection-color);outline:none}&::placeholder{color:#999;opacity:1}}}.custom-select-container{align-items:center;display:flex;flex-direction:row;gap:6px;position:relative;z-index:1}.custom-select-container.open{z-index:9999}.custom-select-label{color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.custom-select-trigger{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d,inset 0 1px 0 #fffc;cursor:pointer;display:flex;gap:8px;height:38px;justify-content:space-between;min-width:140px;padding:8px 14px;transition:all .2s ease}.custom-select-trigger:hover{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.custom-select-container.open .custom-select-trigger{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #3b82f61a}.custom-select-container.disabled .custom-select-trigger{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.7}.custom-select-value{color:#1e293b;flex:1 1;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-value.placeholder{color:#94a3b8}.custom-select-arrow{color:#3b82f6;flex-shrink:0;height:14px;transition:transform .2s ease;width:14px}.custom-select-arrow.rotated{transform:rotate(180deg)}.custom-select-dropdown{animation:dropdownSlide .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;left:0;max-height:350px;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:9999}.custom-select-search{align-items:center;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:10px 12px}.custom-select-search svg{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.custom-select-search input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.82rem;outline:none}.custom-select-search input::placeholder{color:#94a3b8}.custom-select-options{max-height:260px;overflow-y:auto;padding:6px}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:#0000}.custom-select-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-select-option{align-items:center;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 12px;transition:all .15s ease}.custom-select-option:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.custom-select-option.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600}.custom-select-option.selected:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.custom-select-option.placeholder-option{border-bottom:1px solid #f1f5f9;border-radius:8px 8px 0 0;color:#94a3b8;font-style:italic;margin-bottom:4px}.custom-select-option.placeholder-option.selected{background:#f1f5f9;color:#64748b}.custom-select-option .option-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-option .check-icon{color:#fff;flex-shrink:0;height:16px;margin-left:8px;width:16px}.custom-select-no-results{color:#94a3b8;font-size:.82rem;padding:16px 12px;text-align:center}.custom-select-container.avm-select .custom-select-trigger{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd;font-weight:600;min-width:180px}.custom-select-container.avm-select .custom-select-value{color:#1d4ed8;font-weight:600}.custom-select-container.avm-select .custom-select-trigger:hover{background:linear-gradient(180deg,#dbeafe,#bfdbfe);box-shadow:0 2px 8px #3b82f633}@media (max-width:1200px){.custom-select-label{display:none}}@media (max-width:768px){.custom-select-trigger{height:34px;min-width:90px;padding:6px 10px}.custom-select-value{font-size:.75rem}.custom-select-dropdown{min-width:180px}}.rtl .custom-select-trigger{flex-direction:row-reverse}.rtl .custom-select-arrow{margin-left:0;margin-right:auto}.rtl .custom-select-option,.rtl .custom-select-search{flex-direction:row-reverse}.rtl .custom-select-option .check-icon{margin-left:0;margin-right:8px}.rtl .custom-select-dropdown{left:auto;right:0}.records-page{background:#f1f5f9;gap:10px;height:100%;padding:12px 16px}.filters-bar,.records-page{display:flex;flex-direction:column;position:relative}.filters-bar{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #0000000f,0 1px 3px #0000000a;gap:0;overflow:visible;z-index:100}.filters-row{background:#fff;flex-wrap:wrap;gap:12px;padding:12px 16px;position:relative;z-index:10}.actions-row,.filters-row{align-items:center;display:flex}.actions-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;justify-content:space-between;padding:8px 16px}.filter-group{flex-direction:row}.filter-group label{color:#475569;font-size:.7rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.filter-group input[type=date],.filter-group select{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d,inset 0 1px 0 #fffc;box-sizing:border-box;color:#1e293b;cursor:pointer;font-size:.82rem;font-weight:500;height:38px;min-width:140px;padding:8px 14px;transition:all .2s ease}.filter-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.filter-group input[type=date]{font-weight:600;min-width:145px;padding-right:8px}.filters-row .filter-group:first-child select{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1d4ed8;font-weight:600;min-width:180px}.filter-group input[type=date]:hover,.filter-group select:hover{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.filter-group input[type=date]:focus,.filter-group select:focus{background:linear-gradient(180deg,#fff,#eff6ff);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 2px 4px #3b82f61a;outline:none}.filter-group input[type=date]:disabled,.filter-group select:disabled{background:#f1f5f9;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.7}.filter-group select option{background:#fff;color:#1e293b;padding:10px 12px}.filter-group select option:checked,.filter-group select option:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.filter-group input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;border-radius:4px;cursor:pointer;margin-left:4px;opacity:.7;padding:4px;-webkit-transition:all .2s;transition:all .2s}.filter-group input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#eff6ff;opacity:1}.filter-separator{background:#e2e8f0;height:20px;margin:0 4px;width:1px}.actions-group{align-items:center;display:flex;gap:10px}.data-info-badge{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:16px}.data-info-badge .info-item{align-items:center;display:flex;gap:6px}.data-info-badge .info-item svg{color:#94a3b8;height:14px;width:14px}.data-info-badge .info-label{color:#94a3b8}.data-info-badge .info-value{color:#475569;font-weight:600}.btn-export,.btn-pivot,.btn-save{align-items:center;border:1.5px solid #0000;border-radius:10px;box-shadow:0 2px 4px #0000000f;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;height:36px;justify-content:center;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-export svg,.btn-pivot svg,.btn-save svg{flex-shrink:0;height:14px;width:14px}.btn-export{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e2e8f0;color:#475569}.btn-export:hover{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 2px 4px #00000014}.btn-pivot{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#2563eb}.btn-pivot:hover{background:linear-gradient(180deg,#dbeafe,#bfdbfe);box-shadow:0 2px 4px #3b82f626}.btn-pivot.pivot-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 2px 8px #3b82f659;color:#fff}.btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;box-shadow:0 2px 4px #22c55e40;color:#fff}.btn-save:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 8px #22c55e59;transform:translateY(-1px)}.btn-export:disabled,.btn-pivot:disabled,.btn-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.pivot-info-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;display:flex;font-size:.7rem;gap:8px;padding:6px 12px}.pivot-info-banner.normal-mode{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#166534}.pivot-info-banner strong{font-weight:700}.pivot-info-banner .pivot-legend{display:flex;gap:12px;margin-left:auto}.pivot-legend-item{align-items:center;color:#64748b;display:flex;font-size:.65rem;gap:4px}.pivot-legend-color{border-radius:3px;height:12px;width:12px}.pivot-legend-color.lunch{background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #eab308}.pivot-legend-color.evening{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #f97316}.grid-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;flex:1 1;min-height:300px;overflow:hidden;position:relative}.rdg{--rdg-header-background-color:#f8fafc;--rdg-row-hover-background-color:#f1f5f9;background-color:#fff!important;border:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.rdg-header-row{background:#f8fafc!important;color:#475569!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.3px!important;text-transform:uppercase!important}.rdg-header-row .rdg-cell{background:inherit!important;border-bottom:2px solid #e2e8f0!important;border-right:1px solid #e2e8f0!important}.rdg-cell[aria-colindex="1"],.rdg-cell[aria-colindex="2"],.rdg-cell[aria-colindex="3"],.rdg-cell[aria-colindex="4"]{background:#fff!important;position:-webkit-sticky!important;position:sticky!important;z-index:2!important}.rdg-header-row .rdg-cell[aria-colindex="1"],.rdg-header-row .rdg-cell[aria-colindex="2"],.rdg-header-row .rdg-cell[aria-colindex="3"],.rdg-header-row .rdg-cell[aria-colindex="4"]{background:linear-gradient(180deg,#1e293b,#0f172a)!important;color:#fff!important;z-index:3!important}.rdg-cell{align-items:center!important;background:#fff!important;border-bottom:1px solid #f1f5f9!important;border-right:1px solid #f1f5f9!important;color:#334155!important;display:flex!important;font-size:.8rem!important;padding:0 6px!important}.rdg-cell:focus{outline:2px solid #3b82f6!important;outline-offset:-2px}.rdg-row:hover .rdg-cell{background-color:#f8fafc!important}.rdg-row:hover .rdg-cell[aria-colindex="1"],.rdg-row:hover .rdg-cell[aria-colindex="2"],.rdg-row:hover .rdg-cell[aria-colindex="3"],.rdg-row:hover .rdg-cell[aria-colindex="4"]{background-color:#f1f5f9!important}.rdg-row-zebra .rdg-cell{background-color:#fafbfc!important}.rdg-row-zebra .rdg-cell[aria-colindex="1"],.rdg-row-zebra .rdg-cell[aria-colindex="2"],.rdg-row-zebra .rdg-cell[aria-colindex="3"],.rdg-row-zebra .rdg-cell[aria-colindex="4"]{background-color:#f8fafc!important}.rdg-text-editor{background:#fffbeb!important;border:none!important;color:#1e293b!important;font-size:.8rem!important;height:100%!important;outline:none!important;padding:0 6px!important;width:100%!important}.rdg-summary-row{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a)!important;bottom:0!important;font-weight:700!important;position:-webkit-sticky!important;position:sticky!important;z-index:4!important}.rdg-summary-row .rdg-cell{background:inherit!important;border-top:2px solid #3b82f64d!important;color:#fff!important;font-weight:700!important;justify-content:center!important;text-align:center!important}.rdg-summary-row .rdg-cell[aria-colindex="1"]{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#60a5fa!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.5px!important;text-transform:uppercase!important}.rdg-summary-row .rdg-cell[aria-colindex="2"],.rdg-summary-row .rdg-cell[aria-colindex="3"],.rdg-summary-row .rdg-cell[aria-colindex="4"]{background:linear-gradient(180deg,#0f172a,#1e293b)!important;color:#94a3b8!important}.normal-header-info{background:linear-gradient(180deg,#1e293b,#0f172a)!important;color:#fff!important;font-weight:700!important;justify-content:flex-start!important}.normal-cell-date{background:#f8fafc!important;border-right:1px solid #e2e8f0!important;color:#1e293b!important;font-weight:600!important}.normal-cell-floor{background:#f0fdf4!important;color:#166534!important;font-weight:500!important}.normal-cell-gate{background:#faf5ff!important;color:#7c3aed!important;font-weight:500!important}.normal-cell-camera{background:#eff6ff!important;border-right:2px solid #cbd5e1!important;color:#2563eb!important;font-weight:600!important}.normal-hour-header{font-size:.68rem!important}.normal-hour-cell,.normal-hour-header{justify-content:center!important;overflow:hidden!important;text-align:center!important;white-space:nowrap!important}.normal-hour-cell{text-overflow:ellipsis!important}.normal-peak-lunch-header{background:linear-gradient(135deg,#fef9c3,#fef08a)!important;color:#854d0e!important;font-weight:700!important}.normal-peak-lunch{background:#fef9c366!important}.normal-peak-evening-header{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;color:#9a3412!important;font-weight:700!important}.normal-peak-evening{background:#ffedd566!important}.total-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;color:#1d4ed8!important}.total-cell,.total-header{font-weight:700!important;justify-content:center!important;text-align:center!important}.total-cell{background:#f8fafc!important;border-left:2px solid #e2e8f0!important;color:#1e293b!important}.records-page.drag-active{border-radius:8px;outline:3px dashed #22c55e;outline-offset:-3px}.records-page.drag-active:after{background:#22c55e1a;color:#16a34a;content:"Dosyayı buraya bırakın";font-size:1.2rem;font-weight:600;pointer-events:none;z-index:999}.records-page.drag-active:after,.upload-overlay{align-items:center;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute}.upload-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;flex-direction:column;z-index:1000}.upload-overlay h2{color:#16a34a;font-size:1.25rem;margin-bottom:8px}.upload-overlay p{color:#64748b;font-size:.875rem}.anomaly-badge,.anomaly-badge-container{align-items:center;display:flex}.anomaly-badge{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.7rem;font-weight:600;gap:6px;padding:4px 10px}.anomaly-badge .critical-count,.anomaly-badge .high-count{background:#dc2626;border-radius:8px;color:#fff;font-size:.65rem;padding:1px 6px}.anomaly-badge .high-count{background:#ea580c}.anomaly-cell{position:relative}.anomaly-cell:after{animation:pulse 2s infinite;border-radius:50%;content:"";height:6px;position:absolute;right:3px;top:3px;width:6px}.anomaly-critical{background-color:#fef2f2!important;border:2px solid #dc2626!important}.anomaly-critical:after{background-color:#dc2626}.anomaly-high{background-color:#fff7ed!important;border:2px solid #ea580c!important}.anomaly-high:after{background-color:#ea580c}.anomaly-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.anomaly-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:90vw;overflow:hidden;width:420px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.anomaly-modal-header{align-items:center;color:#fff;display:flex;font-weight:600;gap:10px;padding:16px 20px}.anomaly-modal-header.critical{background:linear-gradient(135deg,#dc2626,#b91c1c)}.anomaly-modal-header.high{background:linear-gradient(135deg,#ea580c,#c2410c)}.anomaly-modal-header.medium{background:linear-gradient(135deg,#ca8a04,#a16207)}.anomaly-modal-header.low{background:linear-gradient(135deg,#3b82f6,#2563eb)}.anomaly-modal-header h3{font-size:1rem;margin:0}.anomaly-icon{font-size:1.25rem}.anomaly-modal-body{padding:20px}.anomaly-modal-body p{align-items:center;color:#334155;display:flex;font-size:.875rem;gap:8px;margin:8px 0}.anomaly-modal-body p strong{color:#1e293b;min-width:100px}.anomaly-modal-body .highlight-value{color:#dc2626;font-size:1.1rem;font-weight:700}.severity-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:3px 10px;text-transform:uppercase}.severity-badge.critical{background:#dc2626;color:#fff}.severity-badge.high{background:#ea580c;color:#fff}.severity-badge.medium{background:#ca8a04;color:#fff}.severity-badge.low{background:#3b82f6;color:#fff}.anomaly-explanation{background:#f8fafc;border-left:3px solid #64748b;border-radius:8px;color:#475569;font-style:italic;line-height:1.5;margin-top:12px!important;padding:12px}.anomaly-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.anomaly-modal-actions .btn-confirm{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .15s}.anomaly-modal-actions .btn-confirm:hover{transform:translateY(-1px)}.anomaly-modal-actions .btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .15s}.anomaly-modal-actions .btn-cancel:hover{background:#f8fafc}.block-warning{color:#dc2626;flex:1 1;font-size:.8rem;font-weight:600;margin:0}.bulk-anomaly-modal{display:flex;flex-direction:column;max-height:85vh;max-width:95vw;width:560px}.anomaly-summary-stats{background:#f8fafc;border-radius:10px;display:flex;gap:16px;margin-bottom:16px;padding:12px}.anomaly-stat{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;padding:8px 16px}.anomaly-stat.critical{background:#fef2f2;border-color:#fecaca}.anomaly-stat.high{background:#fff7ed;border-color:#fed7aa}.anomaly-stat .stat-number{color:#1e293b;font-size:1.5rem;font-weight:800}.anomaly-stat.critical .stat-number{color:#dc2626}.anomaly-stat.high .stat-number{color:#ea580c}.anomaly-stat .stat-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.anomaly-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.anomaly-item{background:#f8fafc;border-left:4px solid #64748b;border-radius:8px;padding:12px}.anomaly-item.critical{background:#fef2f2;border-left-color:#dc2626}.anomaly-item.high{background:#fff7ed;border-left-color:#ea580c}.anomaly-item.medium{background:#fefce8;border-left-color:#ca8a04}.anomaly-item-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.anomaly-severity-badge{background:#64748b;border-radius:4px;color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.anomaly-item.critical .anomaly-severity-badge{background:#dc2626}.anomaly-item.high .anomaly-severity-badge{background:#ea580c}.anomaly-item.medium .anomaly-severity-badge{background:#ca8a04}.anomaly-location{color:#64748b;font-size:.75rem;font-weight:500}.anomaly-item-message{color:#1e293b;font-size:.85rem;font-weight:500;margin-bottom:6px}.anomaly-item-detail{color:#64748b;display:flex;font-size:.7rem;gap:16px}.anomaly-item-detail strong{color:#1e293b}.anomaly-more{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:.8rem;font-style:italic;padding:12px;text-align:center}.pivot-compact-header{font-size:.7rem!important;font-weight:700!important;justify-content:center!important;padding:4px!important;text-align:center!important}.pivot-compact-header.pivot-hour-header-style{background:#1e293b!important;color:#fff!important}.pivot-compact-header.pivot-total-header-style{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.pivot-hour-cell{background:#f8fafc!important;border-right:2px solid #cbd5e1!important;color:#1e293b!important;font-weight:700!important;justify-content:center!important;text-align:center!important}.pivot-rich-header{height:70px!important;min-height:70px!important;padding:0!important}.pivot-header-clean{display:flex;flex-direction:column;height:100%;width:100%}.pivot-header-top{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3px}.pivot-date-full{font-size:.55rem;font-weight:600;text-transform:capitalize}.pivot-date-num{font-size:.6rem;font-weight:700}.pivot-header-bottom{align-items:center;background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:1px;justify-content:center;padding:2px}.pivot-gate-label{color:#7c3aed;font-size:.5rem;font-weight:600;text-transform:uppercase}.pivot-camera-label{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:3px;color:#1e293b;font-size:.58rem;font-weight:700;max-width:130px;overflow:hidden;padding:1px 4px;text-overflow:ellipsis;white-space:nowrap}.pivot-col-even{background-color:#fff!important}.pivot-col-odd{background-color:#f8fafc!important}.pivot-data-cell{font-size:.85rem!important}.pivot-data-cell,.pivot-total-cell{justify-content:center!important;text-align:center!important}.pivot-total-cell{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-left:2px solid #22c55e!important;color:#15803d!important;font-weight:700!important}.pivot-peak-hour-lunch .pivot-hour-cell{background:linear-gradient(135deg,#fef9c3,#fef08a)!important;border-left:3px solid #eab308!important}.pivot-peak-hour-evening .pivot-hour-cell{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;border-left:3px solid #f97316!important}.rdg-summary-row .pivot-hour-cell{background:#1e293b!important;color:#fff!important}.rdg-summary-row .pivot-data-cell{background:#e2e8f0!important;font-weight:700!important}.rdg-summary-row .pivot-total-cell{background:#15803d!important;color:#fff!important}@media (max-width:1200px){.filters-row{gap:8px}.data-info-badge,.filter-group label{display:none}}@media (max-width:768px){.records-page{padding:8px}.filters-row{gap:6px;padding:8px 12px}.actions-row{flex-wrap:wrap;gap:8px;padding:6px 12px}.filter-group input[type=date],.filter-group select{font-size:.7rem;min-width:90px}.actions-group{justify-content:center;width:100%}.btn-export span,.btn-pivot span,.btn-save span{display:none}}.anomaly-info-panel{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-top:8px;padding:6px 12px}.anomaly-info-header{align-items:center;border-right:1px solid #cbd5e1;display:flex;gap:5px;padding-right:10px}.anomaly-info-icon{font-size:.75rem}.anomaly-info-title{color:#475569;font-size:.65rem;font-weight:600;white-space:nowrap}.anomaly-info-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.anomaly-info-item{align-items:center;display:flex;gap:4px}.anomaly-info-item .info-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.55rem;font-weight:700;gap:2px;letter-spacing:.2px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}.anomaly-info-item .info-badge.critical{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.anomaly-info-item .info-badge.high{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.anomaly-info-item .info-badge.medium{background:#fefce8;border:1px solid #fde047;color:#ca8a04}.anomaly-info-item .info-badge.closed{background:#f5f3ff;border:1px solid #c4b5fd;color:#7c3aed}.anomaly-info-item .info-text{color:#64748b;font-size:.6rem;font-weight:500}@media (max-width:900px){.anomaly-info-panel{flex-wrap:wrap}.anomaly-info-header{border-bottom:1px solid #e2e8f0;border-right:none;padding-bottom:4px;padding-right:0;width:100%}}@media (max-width:768px){.anomaly-info-item .info-text{display:none}}.limit-warning{align-items:center;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;overflow:hidden;padding:14px 18px;position:relative}.limit-warning.warning{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047}.limit-warning.near-limit{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74}.limit-warning.at-limit{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5}.limit-warning-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.limit-warning.warning .limit-warning-icon{background:#fef08a;color:#a16207}.limit-warning.near-limit .limit-warning-icon{background:#fed7aa;color:#c2410c}.limit-warning.at-limit .limit-warning-icon{background:#fecaca;color:#dc2626}.limit-warning-icon svg{height:18px;width:18px}.limit-warning-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.limit-warning-message{font-size:.9rem;font-weight:500}.limit-warning.warning .limit-warning-message{color:#854d0e}.limit-warning.near-limit .limit-warning-message{color:#9a3412}.limit-warning.at-limit .limit-warning-message{color:#991b1b}.limit-warning-upgrade{border-radius:6px;font-size:.85rem;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .2s}.limit-warning.warning .limit-warning-upgrade{background:#facc15;color:#713f12}.limit-warning.warning .limit-warning-upgrade:hover{background:#eab308}.limit-warning.near-limit .limit-warning-upgrade{background:#fb923c;color:#7c2d12}.limit-warning.near-limit .limit-warning-upgrade:hover{background:#f97316}.limit-warning.at-limit .limit-warning-upgrade{background:#ef4444;color:#fff}.limit-warning.at-limit .limit-warning-upgrade:hover{background:#dc2626}.limit-warning-bar{background:#0000001a;border-radius:2px;height:4px;margin-top:4px;width:100%}.limit-warning-bar-fill{border-radius:2px;height:100%;transition:width .5s ease}.limit-warning.warning .limit-warning-bar-fill{background:linear-gradient(90deg,#facc15,#eab308)}.limit-warning.near-limit .limit-warning-bar-fill{background:linear-gradient(90deg,#fb923c,#f97316)}.limit-warning.at-limit .limit-warning-bar-fill{background:linear-gradient(90deg,#f87171,#ef4444)}@media (max-width:640px){.limit-warning{padding:12px 14px}.limit-warning-content{align-items:flex-start;flex-direction:column;gap:8px}.limit-warning-message{font-size:.85rem}}:root{--admin-bg:#f8fafc;--admin-card-bg:#fff;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-text-primary:#0f172a;--admin-text-secondary:#475569;--admin-text-muted:#94a3b8;--admin-accent:#3b82f6;--admin-accent-dark:#2563eb;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-danger:#ef4444;--admin-purple:#8b5cf6;--admin-radius-sm:8px;--admin-radius-md:12px;--admin-radius-lg:16px;--admin-radius-xl:20px;--admin-shadow-sm:0 1px 2px #0000000d;--admin-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--admin-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--admin-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.admin-page{background:#f8fafc;background:var(--admin-bg);min-height:100vh;padding:24px 32px;position:relative}.admin-page .page-header{align-items:center;border-bottom:none;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;min-height:48px;padding:0}.admin-page .page-header h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.375rem;font-weight:700;gap:0;letter-spacing:-.02em;margin:0;white-space:nowrap}.admin-page .page-header h2:before{display:none}.admin-page .header-count{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--admin-accent),var(--admin-purple));border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:28px;padding:0 8px}.admin-page .header-spacer{flex:1 1;min-width:16px}.admin-page .header-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-page .toolbar-search{position:relative}.admin-page .toolbar-search .search-icon{font-size:14px;left:10px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-page .toolbar-search input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary);font-size:.8125rem;font-weight:500;padding:7px 12px 7px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:200px}.admin-page .toolbar-search input:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none;width:260px}.admin-page .toolbar-search input::placeholder{color:#94a3b8;color:var(--admin-text-muted);font-weight:400}.admin-page .toolbar-filter{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #e2e8f0;border:1.5px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);color:#0f172a;color:var(--admin-text-primary);cursor:pointer;font-size:.8125rem;font-weight:500;min-width:130px;padding:7px 32px 7px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.admin-page .toolbar-filter:focus,.admin-page .toolbar-filter:hover{border-color:#3b82f6;border-color:var(--admin-accent)}.admin-page .toolbar-filter:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-page .toolbar-filter:disabled{background-color:#f1f5f9;background-color:var(--admin-border-light);color:#94a3b8;color:var(--admin-text-muted);cursor:not-allowed}.admin-page .filters-bar,.admin-page .stats-bar{display:none}.admin-page .cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.entity-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm);cursor:pointer;overflow:visible;padding:16px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.entity-card:hover{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.entity-card .card-header{background:none;border-bottom:none;margin-bottom:8px;padding:0;position:relative}.entity-card .card-title{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:8px;letter-spacing:-.01em;line-height:1.3;margin:0}.entity-card .card-subtitle{color:#94a3b8;color:var(--admin-text-muted);font-size:.6875rem;font-weight:600;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.entity-card .card-body{padding:0}.entity-card .card-info{display:flex;flex-direction:column;gap:2px}.entity-card .info-row{align-items:center;background:none;border-radius:0;display:flex;gap:8px;padding:3px 0;transition:none}.entity-card .info-row:hover{background:none}.entity-card .info-icon{display:none}.entity-card .info-content{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.entity-card .info-label{color:#94a3b8;color:var(--admin-text-muted);flex-shrink:0;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:0;min-width:40px;text-transform:uppercase}.entity-card .info-value{color:#475569;color:var(--admin-text-secondary);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-card .card-actions{background:none;border-top:1px solid #f1f5f9;border-top:1px solid var(--admin-border-light);display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;opacity:0;padding:8px 0 0;transition:opacity .15s ease}.entity-card:hover .card-actions{opacity:1}.entity-card .card-badge{align-items:center;border-radius:6px;display:flex;font-size:.625rem;font-weight:700;gap:4px;letter-spacing:.04em;padding:2px 8px;position:absolute;right:12px;text-transform:uppercase;top:10px}.entity-card .card-badge:before{animation:pulse 2s infinite;border-radius:50%;content:"";height:5px;width:5px}.entity-card .card-badge.active{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.entity-card .card-badge.active:before{background:#10b981}.entity-card .card-badge.inactive{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.entity-card .card-badge.inactive:before{animation:none;background:#ef4444}.entity-card .card-badge.id{background:#f1f5f9;background:var(--admin-border-light);border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#94a3b8;color:var(--admin-text-muted)}.entity-card .card-badge.id:before{display:none}.entity-card.inactive-card{opacity:.75}.entity-card.inactive-card .card-header{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.role-badge{border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:4px 10px}.role-badge.badge-danger{background:linear-gradient(135deg,#fecdd3,#fda4af);color:#9f1239}.role-badge.badge-warning{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.role-badge.badge-info{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af}.admin-page .btn-primary{align-items:center;background:#3b82f6;background:var(--admin-accent);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);box-shadow:0 1px 3px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;letter-spacing:0;padding:8px 16px;text-transform:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);white-space:nowrap}.admin-page .btn-primary:hover{background:#2563eb;background:var(--admin-accent-dark);box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.admin-page .btn-primary:active{transform:translateY(0)}.admin-page .btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;border-radius:var(--admin-radius-md);box-shadow:0 4px 14px -3px #3b82f680;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px -5px #3b82f699;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.btn-secondary:hover{background:#eff6ff;border-color:#3b82f6;border-color:var(--admin-accent);color:#3b82f6;color:var(--admin-accent)}.btn-sm{align-items:center;background:#0000;border:1px solid #0000;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:5px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.btn-sm.btn-edit{background:#3b82f614;border-color:#3b82f626;color:#3b82f6;color:var(--admin-accent)}.btn-sm.btn-edit:hover{background:#3b82f626;border-color:#3b82f64d}.btn-sm.btn-danger{background:#ef444414;border-color:#ef444426;color:#ef4444;color:var(--admin-danger)}.btn-sm.btn-danger:hover{background:#ef444426;border-color:#ef44444d}.btn-sm.btn-secondary{background:#f1f5f9;background:var(--admin-border-light);border-color:#e2e8f0;border-color:var(--admin-border);color:#475569;color:var(--admin-text-secondary)}.btn-sm.btn-secondary:hover{background:#e2e8f0;background:var(--admin-border)}.btn-sm.btn-warning{background:#f59e0b14;border-color:#f59e0b26;color:#92400e}.btn-sm.btn-warning:hover{background:#f59e0b26;border-color:#f59e0b4d}.btn-sm.btn-success{background:#10b98114;border-color:#10b98126;color:#047857}.btn-sm.btn-success:hover{background:#10b98126;border-color:#10b9814d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;border-radius:var(--admin-radius-xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal h3{background:linear-gradient(135deg,#fafbfc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:#0f172a;color:var(--admin-text-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.01em;margin:0;padding:28px 32px}.modal .form-group{margin-top:24px;padding:0 32px}.modal .form-group:first-of-type{margin-top:28px}.modal .form-group label{color:#475569;color:var(--admin-text-secondary);display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.modal .form-group input,.modal .form-group select{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary);font-size:1rem;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.modal .form-group input:hover,.modal .form-group select:hover{border-color:#cbd5e1}.modal .form-group input:focus,.modal .form-group select:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 4px #3b82f626;outline:none}.modal .form-group input::placeholder{color:#94a3b8;color:var(--admin-text-muted)}.modal .form-group.checkbox-group{align-items:center;display:flex}.modal .form-group.checkbox-group label{align-items:center;color:#0f172a;color:var(--admin-text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;letter-spacing:normal;margin-bottom:0;text-transform:none}.modal .form-group.checkbox-group input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--admin-accent);cursor:pointer;height:20px;width:20px}.modal-actions{background:linear-gradient(180deg,#fafbfc,#f1f5f9);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;gap:12px;justify-content:flex-end;margin-top:0;padding:28px 32px}.modal.modal-large{max-width:700px}.modal-header{background:linear-gradient(135deg,#fafbfc,#f1f5f9);border-bottom:1px solid var(--admin-border);padding:24px 32px}.modal-header h3{background:none;border:none;padding:0}.modal-close{background:none;border-radius:50%;color:#94a3b8;color:var(--admin-text-muted);font-size:24px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:36px}.modal-close:hover{background:#0000000d;color:#0f172a;color:var(--admin-text-primary)}.modal-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;gap:4px;overflow-x:auto;padding:12px 24px}.modal-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);white-space:nowrap}.modal-tabs .tab-btn:hover{background:#3b82f61a;color:#3b82f6;color:var(--admin-accent)}.modal-tabs .tab-btn.active{background:#3b82f6;background:var(--admin-accent);color:#fff}.modal-tabs .tab-icon{font-size:1rem}.modal-body{max-height:calc(90vh - 280px);padding:24px 32px}.modal-body .form-group{margin-top:0;padding:0}.modal-body .form-group:first-of-type{margin-top:0}.form-section{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;gap:16px}.form-row .form-group{margin-bottom:0}.modal .form-group textarea{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary);font-family:inherit;font-size:1rem;padding:14px 18px;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.modal .form-group textarea:hover{border-color:#cbd5e1}.modal .form-group textarea:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 4px #3b82f626;outline:none}.searchable-select{position:relative}.searchable-select .searchable-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary);cursor:pointer;font-size:1rem;padding:14px 40px 14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.searchable-select .searchable-input:hover{background:#fafbfc;border-color:#cbd5e1}.searchable-select .searchable-input:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 4px #3b82f626;cursor:text;outline:none}.searchable-select .dropdown-arrow{color:#94a3b8;color:var(--admin-text-muted);font-size:10px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.searchable-select:hover .dropdown-arrow{color:#475569;color:var(--admin-text-secondary)}.searchable-select .clear-btn{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:22px}.searchable-select .clear-btn:hover{background:#cbd5e1;color:#1e293b}.searchable-select .dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:2px solid #3b82f6;border:2px solid var(--admin-accent);border-radius:12px;border-radius:var(--admin-radius-md);box-shadow:0 12px 40px -10px #3b82f640,0 4px 12px #0000001a;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.searchable-select .dropdown-menu::-webkit-scrollbar{width:8px}.searchable-select .dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.searchable-select .dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.searchable-select .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.searchable-select .dropdown-item{border-bottom:1px solid #f1f5f9;color:#0f172a;color:var(--admin-text-primary);cursor:pointer;font-size:.9375rem;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.searchable-select .dropdown-item:last-child{border-bottom:none}.searchable-select .dropdown-item:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.searchable-select .dropdown-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.searchable-select .dropdown-item.no-results{color:#94a3b8;color:var(--admin-text-muted);cursor:default;font-style:italic}.searchable-select .dropdown-item.no-results:hover{background:#0000}.searchable-select .dropdown-item.custom-value{background:#f0f9ff;border-top:2px dashed #e2e8f0;color:#3b82f6;color:var(--admin-accent);font-weight:500}.searchable-select .dropdown-item.custom-value:hover{background:#dbeafe}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.modal .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.modal .form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%233b82f6' d='M6 8 1 3h10z'/%3E%3C/svg%3E")}@media (max-width:768px){.modal.modal-large{margin:0 16px;max-width:none}.modal-tabs{padding:8px 16px}.modal-tabs .tab-btn{font-size:.8125rem;padding:8px 12px}.modal-tabs .tab-label{display:none}.modal-body{padding:20px}.form-row{grid-template-columns:1fr}}.tenant-list{margin-top:20px;max-height:300px;overflow-y:auto;padding:0 32px}.checkbox-item{align-items:center;background:#f1f5f9;background:var(--admin-border-light);border-radius:8px;border-radius:var(--admin-radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.checkbox-item:hover{background:#e8ecf1}.checkbox-item input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--admin-accent);cursor:pointer;height:18px;width:18px}.checkbox-item label{color:#0f172a;color:var(--admin-text-primary);cursor:pointer;flex:1 1;font-weight:500}.empty-state{background:#fff;border:2px dashed #e2e8f0;border:2px dashed var(--admin-border);border-radius:20px;border-radius:var(--admin-radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--admin-shadow-md);padding:80px 40px}.empty-state .empty-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;color:#3b82f6;color:var(--admin-accent);display:flex;font-size:36px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.empty-state h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 12px}.empty-state p{color:#94a3b8;color:var(--admin-text-muted);font-size:1rem;line-height:1.6;margin:0 auto 32px;max-width:400px}.loading-state{align-items:center;background:#fff;border-radius:20px;border-radius:var(--admin-radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--admin-shadow-md);display:flex;flex-direction:column;justify-content:center;padding:80px 40px}.loading-spinner{border:4px solid var(--admin-border);border-top-color:var(--admin-accent)}.loading-state p{color:#94a3b8;color:var(--admin-text-muted);font-weight:500;margin-top:20px}.error-message{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;border-radius:var(--admin-radius-md);color:#b91c1c;display:flex;font-size:.9375rem;font-weight:600;gap:16px;margin-bottom:24px;padding:18px 24px}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.error-message:before{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;content:"!";flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.error-message:before,.success-toast{align-items:center;color:#fff;display:flex}.success-toast{animation:slideInRight .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;border-radius:var(--admin-radius-md);bottom:32px;box-shadow:0 10px 25px -5px #10b98180;font-weight:600;gap:14px;padding:18px 28px;position:fixed;right:32px;z-index:1100}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.admin-page .header-actions{align-items:center;display:flex;gap:8px}.admin-page .view-toggle{background:#f1f5f9;background:var(--admin-border-light);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:6px;display:flex;gap:2px;padding:2px}.admin-page .toggle-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#94a3b8;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:32px}.admin-page .toggle-btn:hover{background:#fff;color:#475569;color:var(--admin-text-secondary)}.admin-page .toggle-btn.active{color:#3b82f6;color:var(--admin-accent)}.admin-page .toggle-btn.active,.table-container{background:#fff;box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm)}.table-container{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);padding:10px 16px;text-align:left}.admin-table th{background:#f1f5f9;background:var(--admin-border-light);color:#94a3b8;color:var(--admin-text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.08em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.admin-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.admin-table tbody tr:hover{background-color:#f8fafc}.admin-table td{color:#0f172a;color:var(--admin-text-primary);font-size:.875rem;font-weight:500}.admin-table .table-id{background:#f1f5f9;background:var(--admin-border-light);border-radius:4px;color:#94a3b8;color:var(--admin-text-muted);display:inline-block;font-size:.6875rem;font-weight:700;padding:2px 8px}.admin-table .table-actions{display:flex;flex-wrap:wrap;gap:6px;opacity:0;transition:opacity .15s}.admin-table tbody tr:hover .table-actions{opacity:1}.admin-table .inactive-row{background-color:#fef2f2;opacity:.8}.admin-table .inactive-row:hover{background-color:#fee2e2}.status-badge{border-radius:100px;font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.status-badge:before{border-radius:50%;content:"";height:6px;width:6px}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-badge.active:before{animation:pulse 2s infinite;background:#10b981}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.status-badge.inactive:before{background:#ef4444}.search-bar{flex:1 1;max-width:400px;position:relative}.search-bar input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);font-size:.9375rem;padding:14px 18px 14px 50px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.search-bar input:focus{border-color:#3b82f6;border-color:var(--admin-accent);box-shadow:0 0 0 4px #3b82f626;outline:none}.search-bar:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-size:contain;content:"";height:20px;left:18px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.admin-page .filter-group .search-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius-md);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary);cursor:text;font-size:.9375rem;font-weight:500;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition);width:100%}.admin-page .filter-group .search-input:focus,.admin-page .filter-group .search-input:hover{border-color:#3b82f6;border-color:var(--admin-accent)}.admin-page .filter-group .search-input:focus{box-shadow:0 0 0 4px #3b82f626;outline:none}.admin-page .filter-group .search-input::placeholder{color:#94a3b8;color:var(--admin-text-muted);font-weight:400}@media (max-width:1024px){.admin-page .cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.admin-page{padding:16px}.admin-page .page-header{flex-wrap:wrap;gap:10px}.admin-page .page-header h2{font-size:1.25rem}.admin-page .header-toolbar{flex-wrap:wrap;width:100%}.admin-page .toolbar-search{flex:1 1;min-width:150px}.admin-page .toolbar-search input{width:100%}.admin-page .toolbar-filter{flex:1 1;min-width:100px}.admin-page .cards-grid{gap:10px;grid-template-columns:1fr}.admin-table .table-actions,.entity-card .card-actions{opacity:1}.modal{border-radius:16px;border-radius:var(--admin-radius-lg);margin:0 16px;max-width:none;width:100%}.modal h3{font-size:1.25rem;padding:24px}.modal .form-group{padding:0 24px}.modal-actions{flex-direction:column-reverse;padding:24px}.modal-actions button{justify-content:center;width:100%}}.rtl .entity-card .card-badge{left:12px;right:auto}.rtl .admin-page .toolbar-filter{background-position:left 8px center;padding-left:32px;padding-right:12px}.rtl .modal-actions{justify-content:flex-start}.admin-page .page-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--admin-border);display:flex;gap:4px;margin-bottom:24px;padding:0}.admin-page .page-tabs .page-tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#475569;color:var(--admin-text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:10px;margin-bottom:-2px;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition)}.admin-page .page-tabs .page-tab-btn:hover{background:#3b82f60a;color:#3b82f6;color:var(--admin-accent)}.admin-page .page-tabs .page-tab-btn.active{border-bottom-color:#3b82f6;border-bottom-color:var(--admin-accent);color:#3b82f6;color:var(--admin-accent)}.admin-page .page-tabs .tab-count{background:#f1f5f9;background:var(--admin-border-light);border-radius:12px;color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-weight:700;min-width:24px;padding:2px 10px;text-align:center}.admin-page .page-tabs .page-tab-btn.active .tab-count{background:#3b82f61f;color:#3b82f6;color:var(--admin-accent)}.admin-page .invitation-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.admin-page .invitation-status.pending{background:#fef3c7;color:#92400e}.admin-page .invitation-status.accepted{background:#d1fae5;color:#047857}.admin-page .invitation-status.declined{background:#f3f4f6;color:#6b7280}.admin-page .invitation-status.expired{background:#fee2e2;color:#b91c1c}.admin-page .invitation-status.revoked{background:#fce7f3;color:#be185d}.admin-page .tenant-checkbox-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto}.admin-page .tenant-checkbox-grid .checkbox-item{margin-bottom:0;padding:10px 12px}@media (max-width:640px){.admin-page .tenant-checkbox-grid{grid-template-columns:1fr}.admin-page .page-tabs .page-tab-btn{font-size:.8125rem;padding:10px 16px}}.camera-modal{max-height:90vh;max-width:580px;overflow-y:auto}.mac-addresses-section{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.mac-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.mac-title-group{align-items:center;display:flex;gap:8px}.mac-icon{font-size:1.2rem}.mac-section-header label{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.mac-count-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#64748b;display:flex;font-size:.8rem;gap:6px;padding:4px 12px}.active-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.mac-loading{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:24px}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.mac-list-container{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.no-mac-info{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:32px 16px;text-align:center}.no-mac-icon{display:block;font-size:2rem;margin-bottom:8px}.no-mac-info p{color:#64748b;font-weight:500;margin:0 0 4px}.no-mac-info small{color:#94a3b8;font-size:.8rem}.mac-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;transition:all .2s}.mac-item-card.active{background:linear-gradient(90deg,#f0fdf4,#fff);border-color:#22c55e;box-shadow:0 0 0 1px #22c55e20}.mac-item-card.inactive{background:#fafafa;opacity:.75}.mac-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mac-address-code{background:#f1f5f9;border-radius:6px;color:#1e293b;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:4px 10px}.mac-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 8px;text-transform:uppercase}.mac-badge.active{background:#dcfce7;color:#16a34a}.mac-badge.inactive{background:#f1f5f9;color:#64748b}.badge-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.mac-device-info{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:6px;margin-bottom:10px;padding-left:2px}.device-icon{font-size:.9rem}.mac-item-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;padding-top:10px}.btn-mac{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .15s}.btn-activate{background:#dcfce7;color:#16a34a;flex:1 1}.btn-activate:hover{background:#bbf7d0}.btn-deactivate{background:#f1f5f9;color:#64748b;flex:1 1}.btn-deactivate:hover{background:#e2e8f0}.btn-delete{background:#fef2f2;color:#dc2626;padding:6px 10px}.btn-delete:hover{background:#fee2e2}.add-mac-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.add-mac-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.85rem;font-weight:600;padding:10px 14px}.add-mac-form{display:flex;gap:10px;padding:14px}.add-mac-form .mac-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.95rem;letter-spacing:1px;padding:10px 14px;text-transform:uppercase;transition:all .15s}.add-mac-form .mac-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-mac-form .mac-input.error{background:#fef2f2;border-color:#dc2626}.add-mac-form .mac-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.btn-add-mac{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .15s;white-space:nowrap}.btn-add-mac:hover:not(:disabled){background:#2563eb}.btn-add-mac:disabled{background:#94a3b8;cursor:not-allowed}.mac-error-message{background:#fef2f2;border-top:1px solid #fecaca;color:#dc2626;font-size:.85rem;padding:10px 14px}.mac-info-box{background:#eff6ff;border-top:1px solid #bfdbfe;display:flex;gap:10px;padding:12px 14px}.info-icon{flex-shrink:0;font-size:1rem}.info-text{color:#1e40af;font-size:.8rem;line-height:1.4}.info-text strong{display:block;margin-bottom:2px}.mac-info-note{background:#fefce8;border:1px solid #fef08a;border-radius:8px;margin-top:16px;padding:14px}.mac-info-note small{color:#854d0e;font-size:.85rem}@media (max-width:600px){.camera-modal{margin:10px;max-width:95%}.mac-section-header{align-items:flex-start;gap:8px}.add-mac-form,.mac-section-header{flex-direction:column}.btn-add-mac{width:100%}.mac-item-header{align-items:flex-start;flex-direction:column;gap:8px}.mac-item-footer{flex-wrap:wrap}.btn-activate,.btn-deactivate{flex:none;width:calc(100% - 50px)}}.skipped-records-box{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;margin-top:16px;padding:16px}.skipped-header{align-items:center;color:#92400e;display:flex;gap:8px;margin-bottom:12px}.skipped-icon{font-size:1.3rem}.skipped-header strong{font-size:.95rem}.skipped-info{color:#78350f;font-size:.9rem;margin-bottom:12px}.skipped-info p{margin:0 0 6px}.skipped-info .date-range{color:#92400e;font-size:.85rem;opacity:.9}.btn-retry-import{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.btn-retry-import:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.btn-retry-import:disabled{cursor:not-allowed;opacity:.7;transform:none}.retry-result{align-items:center;animation:fadeIn .3s ease-out;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-top:12px;padding:12px 16px}.retry-result.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.retry-result.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;color:#991b1b}.di-container{background:#f8fafc;background:var(--bg-primary,#f8fafc);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.di-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.di-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#3b82f6;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:40px;width:40px}.di-header{margin-bottom:24px}.di-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.di-header-title{align-items:flex-start;display:flex;gap:16px}.di-header-title svg{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;height:48px;width:48px}.di-header-title h1{color:#1e293b;color:var(--text-primary,#1e293b);font-size:28px;font-weight:700;margin:0 0 4px}.di-header-title p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}.di-header-actions{display:flex;gap:12px}.di-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.di-btn svg{height:18px;width:18px}.di-btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.di-btn-primary:hover{background:#2563eb;background:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.di-btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.di-btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.di-btn-secondary:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-color:#cbd5e1;border-color:var(--border-hover,#cbd5e1)}.di-btn-danger{background:#ef4444;color:#fff}.di-btn-danger:hover{background:#dc2626}.di-btn-sm{font-size:13px;padding:6px 12px}.di-btn-sm svg{height:16px;width:16px}.di-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.di-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000d;gap:16px;padding:20px;position:relative}.di-stat-card,.di-stat-icon{align-items:center;display:flex}.di-stat-icon{border-radius:12px;flex-shrink:0;height:48px;justify-content:center;width:48px}.di-stat-icon svg{height:24px;width:24px}.di-stat-icon.sources{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.di-stat-icon.pipelines{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.di-stat-icon.syncs{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.di-stat-icon.connectors{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.di-stat-content{display:flex;flex-direction:column}.di-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:28px;font-weight:700;line-height:1}.di-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin-top:4px}.di-stat-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px;position:absolute;right:12px;top:12px}.di-stat-badge.healthy{background:#dcfce7;color:#16a34a}.di-stat-badge.active{background:#e0e7ff;color:#4f46e5}.di-stat-badge.error{background:#fee2e2;color:#dc2626}.di-tabs{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:6px}.di-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.di-tab svg{height:18px;width:18px}.di-tab:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.di-tab.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.di-tab-count{background:#fff3;border-radius:10px;font-size:12px;padding:2px 8px}.di-tab:not(.active) .di-tab-count{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.di-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.di-error svg{flex-shrink:0;height:20px;width:20px}.di-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:20px;margin-left:auto}.di-content{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;min-height:400px}.source-list-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.source-list-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600}.source-list-search{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #0000;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.source-list-search:focus-within{background:#fff;border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.source-list-search svg{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.source-list-search input{background:none;border:none;font-size:14px;outline:none;width:200px}.source-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:24px}.source-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .2s ease}.source-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px #3b82f61a}.source-card-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:16px}.source-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.source-card-icon.mysql{background:linear-gradient(135deg,#00758f,#005571);color:#fff}.source-card-icon.postgresql{background:linear-gradient(135deg,#336791,#254c6a);color:#fff}.source-card-icon.rest_api{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.source-card-icon.sftp{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.source-card-icon svg{height:22px;width:22px}.source-card-info{flex:1 1;min-width:0}.source-card-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card-type{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.source-card-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.source-card-status.healthy{background:#dcfce7;color:#16a34a}.source-card-status.unhealthy{background:#fee2e2;color:#dc2626}.source-card-status.unknown{background:#f1f5f9;color:#64748b}.source-card-status .status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.source-card-details{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.source-card-detail{display:flex;font-size:13px;justify-content:space-between}.source-card-detail-label{color:#64748b;color:var(--text-secondary,#64748b)}.source-card-detail-value{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.source-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.source-card-actions button{white-space:nowrap}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{color:#cbd5e1;height:64px;margin-bottom:16px;width:64px}.empty-state h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0 0 20px}.di-modal-overlay,.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.di-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.di-modal-lg{max-width:800px}.di-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.di-modal-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.di-modal-close{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.di-modal-close:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.di-modal-close svg{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.di-modal-body{flex:1 1;overflow-y:auto;padding:24px}.di-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.wizard-steps{margin-bottom:32px}.wizard-step{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;gap:10px;padding:12px 16px;transition:all .2s ease}.wizard-step.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.wizard-step.completed{background:#dcfce7;color:#16a34a}.wizard-step-number{background:currentColor;height:24px;width:24px}.wizard-step.active .wizard-step-number,.wizard-step.completed .wizard-step-number{background:#fff3;color:inherit}.di-form-group{margin-bottom:20px}.di-form-label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.di-form-label.required:after{color:#ef4444;content:" *"}.di-form-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.di-form-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.di-form-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;width:100%}.di-form-hint{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:4px}.di-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.connector-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.connector-card{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s ease}.connector-card:hover{background:#f8fafc}.connector-card.selected,.connector-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.connector-card.selected{background:#eff6ff}.connector-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.connector-card-icon.mysql{background:linear-gradient(135deg,#00758f,#005571);color:#fff}.connector-card-icon.postgresql{background:linear-gradient(135deg,#336791,#254c6a);color:#fff}.connector-card-icon.rest_api{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.connector-card-icon.sftp{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.connector-card-icon svg{height:24px;width:24px}.connector-card-info h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin:0 0 2px}.connector-card-info p{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin:0}.test-result{align-items:center;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.test-result.success{background:#dcfce7;border:1px solid #86efac;color:#16a34a}.test-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.test-result svg{flex-shrink:0;height:24px;width:24px}.test-result-content{flex:1 1}.test-result-message{font-weight:500}.test-result-details{font-size:13px;margin-top:4px;opacity:.8}.pipeline-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:24px}.pipeline-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .2s ease}.pipeline-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px #3b82f61a}.pipeline-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.pipeline-card-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;margin:0 0 4px}.pipeline-card-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.pipeline-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.pipeline-status.active{background:#dcfce7;color:#16a34a}.pipeline-status.inactive{background:#f1f5f9;color:#64748b}.pipeline-status.error{background:#fee2e2;color:#dc2626}.pipeline-flow{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.pipeline-flow-node{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;flex:1 1;padding:8px;text-align:center}.pipeline-flow-node-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pipeline-flow-node-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin-top:2px}.pipeline-flow-arrow{color:#94a3b8}.pipeline-flow-arrow svg{height:20px;width:20px}.pipeline-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.pipeline-stat{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:6px;padding:10px;text-align:center}.pipeline-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:700}.pipeline-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.pipeline-card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:8px;padding-top:16px}.pipeline-card-actions button{flex:1 1}@media (max-width:768px){.di-container{padding:16px}.di-header-content{flex-direction:column;gap:16px}.di-stats-grid{grid-template-columns:repeat(2,1fr)}.di-tabs{flex-direction:column}.connector-grid,.di-form-row,.pipeline-grid,.source-grid{grid-template-columns:1fr}.di-modal{max-height:calc(100vh - 32px);max-width:calc(100% - 32px)}}.wizard-modal{background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.wizard-modal.pipeline-wizard{max-width:1000px}.wizard-header{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.wizard-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:600;margin:0}.wizard-close{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.wizard-close:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.wizard-close svg{color:#64748b;color:var(--text-secondary,#64748b);height:20px;width:20px}.wizard-steps{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:8px;overflow-x:auto;padding:16px 24px}.wizard-step{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.wizard-step-number{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.wizard-step-number svg{height:16px;width:16px}.wizard-step.active .wizard-step-number{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.wizard-step.completed .wizard-step-number{background:#10b981;border-color:#10b981;color:#fff}.wizard-step-info{display:flex;flex-direction:column;min-width:0}.wizard-step-title{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-step.active .wizard-step-title{color:#1e293b;color:var(--text-primary,#1e293b)}.wizard-step-desc{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;white-space:nowrap}.wizard-error{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;display:flex;font-size:14px;gap:12px;padding:12px 24px}.wizard-error svg{flex-shrink:0;height:20px;width:20px}.wizard-content{max-height:500px;overflow-y:auto;padding:24px}.wizard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.wizard-loading p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}.wizard-step-content h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:20px;font-weight:600;margin:0 0 8px}.wizard-step-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:12px;margin-top:6px}.source-info-card{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);margin-bottom:20px;padding:16px}.source-info-header{align-items:center;display:flex;gap:12px}.source-info-icon{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px}.source-info-icon svg{height:20px!important;max-height:20px;max-width:20px;min-height:20px;min-width:20px;width:20px!important}.source-info-details h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600;margin:0 0 4px}.health-badge{border-radius:10px;font-size:11px;font-weight:500;padding:2px 8px}.health-badge.healthy{background:#dcfce7;color:#15803d}.health-badge.unknown{background:#f1f5f9;color:#64748b}.schema-section{margin-top:20px}.schema-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.schema-header label{margin-bottom:0}.schema-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:14px;gap:12px;padding:20px}.schema-empty,.schema-loading{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px}.schema-empty{padding:24px;text-align:center}.schema-empty p{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin:0}.schema-info-card{background:#eff6ff;background:var(--primary-bg-light,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--primary-border,#bfdbfe);border-radius:8px;margin-top:16px;padding:16px}.schema-info-card h4{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:14px;font-weight:600;margin:0 0 12px}.columns-preview{margin-top:8px}.columns-count{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:12px;margin-bottom:8px}.columns-list{display:flex;flex-wrap:wrap;gap:8px}.column-chip{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.column-type{border-radius:3px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:10px;padding:1px 4px}.column-chip.more,.column-type{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.column-chip.more{color:#64748b;color:var(--text-secondary,#64748b)}.destination-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.destination-card{background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.destination-card.selected,.destination-card:hover{background:#eff6ff;background:var(--primary-bg-light,#eff6ff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.destination-card-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;display:flex;height:36px;justify-content:center;margin-bottom:12px;width:36px}.destination-card-icon svg{color:#64748b;color:var(--text-secondary,#64748b);height:20px;width:20px}.destination-card.selected .destination-card-icon{background:#3b82f6;background:var(--primary-color,#3b82f6)}.destination-card.selected .destination-card-icon svg{color:#fff}.destination-card-content h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600;margin:0 0 4px}.destination-card-content p{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin:0 0 12px}.destination-fields{display:flex;flex-wrap:wrap;gap:6px}.field-chip{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;padding:2px 8px}.field-chip.more{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.destination-check{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.destination-check svg{color:#fff;height:14px;width:14px}.flow-preview{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:20px}.flow-node{border-radius:8px;padding:16px 24px;text-align:center}.flow-node.source{background:#dbeafe;border:1px solid #93c5fd}.flow-node.destination{background:#d1fae5;border:1px solid #6ee7b7}.flow-label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.flow-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.flow-arrow svg{color:#94a3b8;color:var(--text-tertiary,#94a3b8);height:24px;width:24px}.mapping-actions{display:flex;gap:12px;margin-bottom:20px}.visual-mapper{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;display:flex;gap:20px;min-height:300px;padding:20px}.mapper-column{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex:1 1;overflow:hidden}.mapper-column-header{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:12px 16px}.mapper-column-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600;margin:0}.field-count{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px}.mapper-fields{max-height:250px;overflow-y:auto}.mapper-field{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;padding:10px 16px;transition:background .15s}.mapper-field:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.mapper-field.selected{background:#eff6ff;background:var(--primary-bg-light,#eff6ff);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.mapper-field.mapped{background:#f0fdf4}.mapper-field.required{background:#fffbeb}.mapper-field.mapped.required{background:#f0fdf4}.mapper-column.source .mapper-field.mapped{cursor:default;opacity:.6}.field-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:500}.required-mark{color:#dc2626;margin-left:2px}.field-type{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:4px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;padding:2px 6px}.mapped-icon{color:#10b981;height:16px;width:16px}.field-info,.mapping-info{align-items:center;display:flex;gap:8px}.mapped-from{color:#10b981;font-size:11px;font-weight:500}.mapping-actions-inline{display:flex;gap:4px}.mapping-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s;width:24px}.mapping-action-btn svg{color:#64748b;color:var(--text-secondary,#64748b);height:14px;width:14px}.mapping-action-btn:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.mapping-action-btn.delete:hover{background:#fef2f2}.mapping-action-btn.delete:hover svg{color:#dc2626}.click-to-map{animation:pulse 1.5s infinite;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:11px}.mapper-connections{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60px}.connection-line{align-items:center;display:flex;margin:4px 0}.connection-dot{border-radius:50%;height:8px;width:8px}.connection-arrow,.connection-dot{background:#3b82f6;background:var(--primary-color,#3b82f6)}.connection-arrow{height:2px;position:relative;width:40px}.transform-badge{background:#fbbf24;border-radius:4px;color:#78350f;font-size:9px;left:50%;padding:2px 6px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.mapping-summary{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:16px;margin-top:16px;padding:12px 16px}.summary-badge{border-radius:6px;font-size:13px;font-weight:500;padding:4px 12px}.summary-badge.success{background:#dcfce7;color:#15803d}.summary-badge.warning{background:#fef3c7;color:#92400e}.summary-warning{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:6px}.summary-warning svg{height:16px;width:16px}.transform-modal{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;max-width:90vw;width:500px}.transform-modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:20px 24px}.transform-modal-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600;margin:0 0 4px}.transform-modal-header p{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:0}.transform-modal-content{padding:24px}.transform-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.transform-type-card{border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.transform-type-card.selected,.transform-type-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.transform-type-card.selected{background:#eff6ff;background:var(--primary-bg-light,#eff6ff)}.transform-type-card strong{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:13px;margin-bottom:4px}.transform-type-card span{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px}.transform-modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.sync-mode-grid{display:flex;flex-direction:column;gap:12px}.sync-mode-card{align-items:flex-start;border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.sync-mode-card.selected,.sync-mode-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.sync-mode-card.selected{background:#eff6ff;background:var(--primary-bg-light,#eff6ff)}.sync-mode-radio{flex-shrink:0;padding-top:2px}.radio-circle{border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);height:18px;transition:all .2s;width:18px}.radio-circle.checked{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.radio-dot{background:#3b82f6;background:var(--primary-color,#3b82f6)}.sync-mode-info strong{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:14px;margin-bottom:4px}.sync-mode-info span{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px}.schedule-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.schedule-type-card{border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:12px;cursor:pointer;padding:20px 16px;position:relative;text-align:center;transition:all .2s}.schedule-type-card.selected,.schedule-type-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.schedule-type-card.selected{background:#eff6ff;background:var(--primary-bg-light,#eff6ff)}.schedule-type-icon{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.schedule-type-icon svg{color:#64748b;color:var(--text-secondary,#64748b);height:24px;width:24px}.schedule-type-card.selected .schedule-type-icon{background:#3b82f6;background:var(--primary-color,#3b82f6)}.schedule-type-card.selected .schedule-type-icon svg{color:#fff}.schedule-type-info strong{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:14px;margin-bottom:6px}.schedule-type-info span{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;line-height:1.4}.schedule-type-check{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.schedule-type-check svg{color:#fff;height:12px;width:12px}.cron-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cron-preset-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .15s}.cron-preset-btn:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}.cron-preset-btn.active,.cron-preset-btn:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.cron-preset-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.cron-custom{align-items:center;display:flex;gap:12px}.cron-custom label{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin-bottom:0;white-space:nowrap}.schedule-summary{align-items:flex-start;background:#eff6ff;background:var(--primary-bg-light,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--primary-border,#bfdbfe);border-radius:10px;display:flex;gap:12px;margin-top:24px;padding:16px}.schedule-summary-icon svg{color:#3b82f6;color:var(--primary-color,#3b82f6);height:20px;width:20px}.schedule-summary-content p{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;margin:0}.schedule-summary-content strong{color:#3b82f6;color:var(--primary-color,#3b82f6)}.review-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);margin-bottom:24px;padding-bottom:24px}.review-section:last-of-type{border-bottom:none;margin-bottom:0}.review-section h4{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.review-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.review-item{display:flex;flex-direction:column;gap:4px}.review-item.full{grid-column:span 2}.review-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px;letter-spacing:.3px;text-transform:uppercase}.review-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.review-value.code{border-radius:4px;display:inline-block;font-family:monospace;padding:4px 8px}.review-flow,.review-value.code{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.review-flow{border-radius:12px;gap:16px;justify-content:space-between;padding:20px}.review-flow,.review-flow-node{align-items:center;display:flex}.review-flow-node{flex:1 1;gap:12px}.review-flow-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.review-flow-node.source .review-flow-icon{background:#dbeafe;color:#2563eb}.review-flow-node.destination .review-flow-icon{background:#d1fae5;color:#059669}.review-flow-icon svg{height:24px;width:24px}.review-flow-info{display:flex;flex-direction:column}.review-flow-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.review-flow-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600}.review-flow-sub{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px}.review-flow-arrow{align-items:center;display:flex;flex-direction:column;gap:8px}.review-flow-arrow svg{color:#94a3b8;color:var(--text-tertiary,#94a3b8);height:32px;width:32px}.review-flow-mappings{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:12px;font-weight:500}.review-mappings-table{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.review-mappings-table th{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:left;text-transform:uppercase}.review-mappings-table td{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);font-size:13px;padding:12px 16px}.review-mappings-table .mapping-field{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500}.review-mappings-table .mapping-type{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:3px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:inline-block;font-size:10px;margin-left:8px;padding:2px 6px}.review-mappings-table .transform-badge{font-size:11px;padding:4px 10px;position:static;transform:none}.review-mappings-table .transform-badge.direct{background:#e2e8f0;color:#475569}.review-mappings-table .transform-badge.formula{background:#fef3c7;color:#92400e}.review-mappings-table .transform-badge.lookup{background:#dbeafe;color:#1d4ed8}.review-mappings-table .transform-badge.conditional{background:#f3e8ff;color:#7e22ce}.required-badge{background:#fef2f2;border-radius:3px;color:#dc2626;display:inline-block;font-size:10px;margin-left:8px;padding:2px 6px}.review-notice{align-items:flex-start;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;display:flex;gap:16px;margin-top:24px;padding:20px}.review-notice svg{color:#10b981;flex-shrink:0;height:24px;width:24px}.review-notice-content strong{color:#15803d;display:block;font-size:15px;margin-bottom:4px}.review-notice-content p{color:#166534;font-size:13px;line-height:1.5;margin:0}.wizard-footer{background:#fff;background:var(--bg-primary,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:16px 24px}@media (max-width:768px){.wizard-steps{flex-direction:column;gap:12px}.destination-grid,.schedule-type-grid{grid-template-columns:1fr}.visual-mapper{flex-direction:column}.mapper-connections{flex-direction:row;height:40px;width:100%}.review-grid{grid-template-columns:1fr}.review-item.full{grid-column:span 1}.review-flow{flex-direction:column}}.ij-container{padding:24px}.ij-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.ij-dashboard{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.ij-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;gap:14px;padding:16px;position:relative}.ij-stat-card.connection{grid-column:span 1}.ij-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ij-stat-icon svg{height:22px;width:22px}.ij-stat-icon.jobs{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.ij-stat-icon.running{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ij-stat-icon.today{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.ij-stat-icon.records{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ij-stat-icon.connected{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.ij-stat-icon.disconnected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ij-stat-content{display:flex;flex-direction:column}.ij-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700;line-height:1}.ij-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:4px}.ij-stat-badge{border-radius:12px;font-size:11px;font-weight:500;padding:3px 8px;position:absolute;right:10px;top:10px}.ij-stat-badge.success{background:#dcfce7;color:#16a34a}.ij-actions{display:flex;gap:12px;margin-bottom:20px}.ij-jobs-list{gap:16px}.ij-empty,.ij-jobs-list{display:flex;flex-direction:column}.ij-empty{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);justify-content:center;padding:60px 20px}.ij-empty svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.ij-job-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px;transition:all .2s}.ij-job-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 4px 12px #3b82f61a}.ij-job-card.running{background:#f0fdf4;border-color:#10b981}.ij-job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.ij-job-title h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:600;margin:0 0 8px}.ij-job-badges{display:flex;gap:8px}.ij-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.ij-status-badge.idle{background:#f1f5f9;color:#64748b}.ij-status-badge.running{background:#dcfce7;color:#16a34a}.ij-status-badge.completed{background:#dbeafe;color:#2563eb}.ij-status-badge.failed{background:#fee2e2;color:#dc2626}.ij-type-badge{border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.ij-type-badge.full{background:#f3e8ff;color:#7c3aed}.ij-type-badge.incremental{background:#fef3c7;color:#d97706}.ij-type-badge.camera{background:#dbeafe;color:#2563eb}.ij-switch{display:inline-block;height:24px;position:relative;width:44px}.ij-switch input{height:0;opacity:0;width:0}.ij-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.ij-slider,.ij-slider:before{position:absolute;transition:.3s}.ij-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}.ij-switch input:checked+.ij-slider{background-color:#10b981}.ij-switch input:checked+.ij-slider:before{transform:translateX(20px)}.ij-job-description{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:0 0 16px}.ij-job-details{grid-gap:12px;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px;padding:12px}.ij-detail{display:flex;flex-direction:column;gap:2px}.ij-detail-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;letter-spacing:.3px;text-transform:uppercase}.ij-detail-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:500}.ij-detail-value.completed{color:#16a34a}.ij-detail-value.failed{color:#dc2626}.ij-job-stats{display:flex;gap:16px;margin-bottom:16px}.ij-stat-mini{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:flex;flex-direction:column;padding:8px 16px}.ij-stat-mini.success .ij-stat-mini-value{color:#16a34a}.ij-stat-mini.error .ij-stat-mini-value{color:#dc2626}.ij-stat-mini.rate .ij-stat-mini-value{color:#2563eb}.ij-stat-mini-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:700}.ij-stat-mini-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px}.ij-job-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.ij-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.ij-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.ij-modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600;margin:0}.ij-modal-close{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.ij-modal-close:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.ij-modal-close svg{color:#64748b;color:var(--text-secondary,#64748b);height:18px;width:18px}.ij-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ij-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ij-form-group{margin-bottom:16px}.ij-form-group label{color:#1e293b;color:var(--text-primary,#1e293b);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.ij-form-group input,.ij-form-group select,.ij-form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.ij-form-group input:focus,.ij-form-group select:focus,.ij-form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ij-form-group textarea{min-height:80px;resize:vertical}.ij-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ij-history-list{display:flex;flex-direction:column;gap:8px}.ij-history-item{align-items:flex-start;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:12px;padding:12px}.ij-history-item.completed{background:#f0fdf4;border-color:#86efac}.ij-history-item.failed{background:#fef2f2;border-color:#fca5a5}.ij-history-item.running{background:#eff6ff;border-color:#93c5fd}.ij-history-status{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.ij-history-item.completed .ij-history-status{background:#dcfce7;color:#16a34a}.ij-history-item.failed .ij-history-status{background:#fee2e2;color:#dc2626}.ij-history-item.running .ij-history-status{background:#dbeafe;color:#2563eb}.ij-history-status svg{height:18px;width:18px}.ij-history-info{flex:1 1}.ij-history-time{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;margin-bottom:4px}.ij-history-details{color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.ij-history-details .skipped{color:#d97706}.ij-history-details .failed{color:#dc2626}.ij-history-error{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:12px;margin-top:8px;padding:8px 12px}.ij-empty-text{color:#64748b;color:var(--text-secondary,#64748b);padding:40px 20px;text-align:center}@media (max-width:768px){.ij-dashboard{grid-template-columns:repeat(2,1fr)}.ij-job-details{grid-template-columns:1fr 1fr}.ij-form-row{grid-template-columns:1fr}}.wizard-step-content .validate-action{margin-bottom:24px}.wizard-step-content .fetch-preview-btn{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.wizard-step-content .fetch-preview-btn svg{flex-shrink:0;height:18px;width:18px}.wizard-step-content .validate-hint{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px;margin:8px 0 0}.wizard-step-content .validate-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.wizard-step-content .validate-error svg{color:#dc2626;flex-shrink:0;height:18px;width:18px}.wizard-step-content .preview-section{margin-bottom:24px}.wizard-step-content .preview-section h4{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px}.wizard-step-content .preview-section h4 svg{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0;height:18px;width:18px}.wizard-step-content .preview-table-wrapper{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow-x:auto}.wizard-step-content .preview-table{border-collapse:collapse;font-size:13px;width:100%}.wizard-step-content .preview-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.wizard-step-content .preview-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b);max-width:200px;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;white-space:nowrap}.wizard-step-content .preview-table.transformed th{color:#3b82f6;color:var(--primary-color,#3b82f6)}.wizard-step-content .null-value{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px;font-style:italic}.wizard-step-content .validation-results{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left:4px solid #e2e8f0;border-left:4px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:20px;padding:16px 20px}.wizard-step-content .validation-results.status-valid{background:#f0fdf4;border-left-color:#22c55e}.wizard-step-content .validation-results.status-warning{background:#fffbeb;border-left-color:#f59e0b}.wizard-step-content .validation-results.status-error,.wizard-step-content .validation-results.status-invalid{background:#fef2f2;border-left-color:#ef4444}.wizard-step-content .validation-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.wizard-step-content .validation-header h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600;margin:0}.wizard-step-content .status-icon{flex-shrink:0;height:24px;width:24px}.wizard-step-content .status-icon.success{color:#22c55e}.wizard-step-content .status-icon.warning{color:#f59e0b}.wizard-step-content .status-icon.error{color:#ef4444}.wizard-step-content .validation-items{display:flex;flex-direction:column;gap:8px}.wizard-step-content .validation-item{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;gap:8px}.wizard-step-content .validation-item svg{flex-shrink:0;height:16px;width:16px}.wizard-step-content .validation-item.success svg{color:#22c55e}.wizard-step-content .validation-item.warning svg{color:#f59e0b}.wizard-step-content .validation-item.error svg{color:#ef4444}.wizard-step-content .validation-summary{align-items:center;background:#6366f10f;border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;gap:8px;margin-top:14px;padding:10px 14px}.wizard-step-content .validation-summary svg{color:#6366f1;color:var(--primary-color,#6366f1);flex-shrink:0;height:18px;width:18px}.wizard-step-content .validation-message{background:#00000008;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:10px;padding:8px 12px}.wizard-step-content .validate-empty{align-items:center;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;flex-direction:column;justify-content:center;padding:48px 20px}.wizard-step-content .validate-empty svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.wizard-step-content .validate-empty p{font-size:14px;margin:0}.wizard-step-content .review-section{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-bottom:24px;padding:20px}.wizard-step-content .review-section h4{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;text-transform:uppercase}.wizard-step-content .review-section h4 svg{color:#6366f1;color:var(--primary-color,#6366f1);flex-shrink:0;height:20px;width:20px}.wizard-step-content .review-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wizard-step-content .review-item{display:flex;flex-direction:column;gap:4px}.wizard-step-content .review-item.full{grid-column:1/-1}.wizard-step-content .review-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wizard-step-content .review-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.wizard-step-content .review-value.code{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:4px;display:inline-block;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;padding:4px 8px}.wizard-step-content .review-flow{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:10px;display:flex;gap:20px;justify-content:center;padding:16px}.wizard-step-content .review-flow-node{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;display:flex;gap:12px;min-width:160px;padding:14px 18px}.wizard-step-content .review-flow-node.source{border-color:#3b82f6;border-left:3px solid #3b82f6}.wizard-step-content .review-flow-node.destination{border-color:#22c55e;border-left:3px solid #22c55e}.wizard-step-content .review-flow-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.wizard-step-content .review-flow-node.source .review-flow-icon{background:#eff6ff;color:#3b82f6}.wizard-step-content .review-flow-node.destination .review-flow-icon{background:#f0fdf4;color:#22c55e}.wizard-step-content .review-flow-icon svg{height:22px;width:22px}.wizard-step-content .review-flow-info{display:flex;flex-direction:column;gap:2px}.wizard-step-content .review-flow-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.wizard-step-content .review-flow-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600}.wizard-step-content .review-flow-sub{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px}.wizard-step-content .review-flow-arrow{align-items:center;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;flex-direction:column;gap:6px}.wizard-step-content .review-flow-arrow svg{color:#6366f1;color:var(--primary-color,#6366f1);height:24px;width:24px}.wizard-step-content .review-flow-mappings{color:#6366f1;color:var(--primary-color,#6366f1);font-size:11px;font-weight:600;white-space:nowrap}.wizard-step-content .review-mappings{overflow-x:auto}.wizard-step-content .review-mappings-table{border-collapse:collapse;font-size:13px;width:100%}.wizard-step-content .review-mappings-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.wizard-step-content .review-mappings-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);padding:10px 14px;vertical-align:middle}.wizard-step-content .review-mappings-table tr:last-child td{border-bottom:none}.wizard-step-content .mapping-field{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:500;margin-right:6px}.wizard-step-content .mapping-type{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:4px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:inline-block;font-size:10px;font-weight:500;padding:2px 6px}.wizard-step-content .transform-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.wizard-step-content .transform-badge.direct{background:#f0fdf4;color:#16a34a}.wizard-step-content .transform-badge.formula{background:#fef3c7;color:#d97706}.wizard-step-content .transform-badge.lookup{background:#eff6ff;color:#2563eb}.wizard-step-content .transform-badge.conditional{background:#faf5ff;color:#9333ea}.wizard-step-content .required-badge{background:#fef2f2;border-radius:4px;color:#dc2626;display:inline-block;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px}.wizard-step-content .review-validation{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:20px;padding:16px 20px}.wizard-step-content .review-validation.status-valid{background:#f0fdf4;border-color:#bbf7d0}.wizard-step-content .review-validation.status-warning{background:#fffbeb;border-color:#fde68a}.wizard-step-content .review-validation.status-error,.wizard-step-content .review-validation.status-invalid{background:#fef2f2;border-color:#fecaca}.wizard-step-content .validation-summary-header{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px}.wizard-step-content .validation-summary-header svg{flex-shrink:0;height:22px;width:22px}.wizard-step-content .review-validation.status-valid .validation-summary-header svg{color:#22c55e}.wizard-step-content .review-validation.status-warning .validation-summary-header svg{color:#f59e0b}.wizard-step-content .review-validation.status-error .validation-summary-header svg,.wizard-step-content .review-validation.status-invalid .validation-summary-header svg{color:#ef4444}.wizard-step-content .validation-estimate{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;margin:8px 0 0 32px}.wizard-step-content .review-notice{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #c7d2fe;border-radius:12px;display:flex;gap:14px;margin-top:8px;padding:18px 20px}.wizard-step-content .review-notice>svg{color:#22c55e;flex-shrink:0;height:24px;margin-top:2px;width:24px}.wizard-step-content .review-notice-content{display:flex;flex-direction:column;gap:4px}.wizard-step-content .review-notice-content strong{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px}.wizard-step-content .review-notice-content p{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.5;margin:0}@media (max-width:768px){.wizard-step-content .review-grid{grid-template-columns:1fr}.wizard-step-content .review-flow{flex-direction:column}.wizard-step-content .review-flow-node{min-width:auto;width:100%}.wizard-step-content .review-flow-arrow{transform:rotate(90deg)}}.source-setup{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;padding-bottom:100px}.source-setup .setup-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.source-setup .setup-back-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.source-setup .setup-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.source-setup .setup-back-btn svg{height:18px;width:18px}.source-setup .setup-header-spacer{width:120px}.source-setup .setup-steps{align-items:center;display:flex;gap:0}.source-setup .setup-step{align-items:center;border-radius:8px;display:flex;gap:8px;padding:8px 16px;transition:all .3s}.source-setup .step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.source-setup .step-label{color:#94a3b8;font-size:14px;font-weight:500;transition:all .3s}.source-setup .setup-step.active .step-number{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.source-setup .setup-step.active .step-label{color:#1e293b}.source-setup .setup-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.source-setup .setup-step.completed .step-label{color:#059669}.source-setup .step-connector{background:#e2e8f0;height:2px;margin:0 4px;width:40px}.source-setup .setup-content{margin:0 auto;max-width:1200px;padding:32px}.source-setup .setup-content-narrow{max-width:700px}.source-setup .setup-title-section{margin-bottom:32px;text-align:center}.source-setup .setup-title-section h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.source-setup .setup-title-section p{color:#64748b;font-size:16px;margin:0}.source-setup .setup-search{margin:0 auto 24px;max-width:500px;position:relative}.source-setup .setup-search input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 48px;transition:all .2s;width:100%}.source-setup .setup-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.source-setup .setup-search input::placeholder{color:#94a3b8}.source-setup .search-icon{color:#94a3b8;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.source-setup .search-clear{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.source-setup .search-clear:hover{background:#e2e8f0;color:#334155}.source-setup .search-clear svg{height:16px;width:16px}.source-setup .setup-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.source-setup .category-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.source-setup .category-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.source-setup .category-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 2px 8px #3b82f64d;color:#fff}.source-setup .category-icon{font-size:16px}.source-setup .setup-section{margin-bottom:40px}.source-setup .section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.source-setup .section-icon{font-size:20px}.source-setup .result-count{color:#94a3b8;font-size:14px;font-weight:400;margin-left:auto}.source-setup .connector-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.source-setup .connector-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.source-setup .connector-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.source-setup .connector-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.source-setup .connector-info{flex:1 1;min-width:0}.source-setup .connector-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.source-setup .connector-info p{color:#64748b;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-setup .connector-features{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.source-setup .feature-tag{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;padding:2px 8px}.source-setup .connector-arrow{color:#cbd5e1;transition:all .2s}.source-setup .connector-card:hover .connector-arrow{color:#3b82f6;transform:translateX(4px)}.source-setup .connector-arrow svg{height:20px;width:20px}.source-setup .show-all-btn{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.source-setup .show-all-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.source-setup .show-all-btn svg{height:18px;width:18px}.source-setup .no-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px;text-align:center}.source-setup .no-results-icon{display:block;font-size:48px;margin-bottom:16px}.source-setup .no-results p{color:#64748b;font-size:15px;margin:0}.source-setup .selected-connector{align-items:center;display:flex;gap:16px;justify-content:center}.source-setup .connector-icon-small{align-items:center;border-radius:10px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.source-setup .selected-connector h1{margin:0 0 4px}.source-setup .selected-connector p{margin:0}.source-setup .setup-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.source-setup .form-section{border-bottom:1px solid #e2e8f0;padding:24px}.source-setup .form-section:last-child{border-bottom:none}.source-setup .form-section-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.source-setup .setup-field{margin-bottom:20px}.source-setup .setup-field:last-child{margin-bottom:0}.source-setup .setup-field.full-width{grid-column:1/-1}.source-setup .setup-label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.source-setup .setup-label .required{color:#ef4444;margin-left:4px}.source-setup .setup-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.source-setup .setup-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.source-setup .setup-input::placeholder{color:#94a3b8}.source-setup .setup-textarea{font-family:inherit;min-height:80px;resize:vertical}.source-setup .config-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.source-setup .checkbox-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.source-setup .setup-checkbox{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:10px}.source-setup .setup-checkbox input{display:none}.source-setup .setup-checkbox .checkmark{align-items:center;border:2px solid #e2e8f0;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.source-setup .setup-checkbox input:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.source-setup .setup-checkbox input:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;transform:rotate(45deg);width:6px}.source-setup .setup-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden}.source-setup .summary-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px}.source-setup .summary-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.source-setup .summary-header p{color:#64748b;font-size:14px;margin:0}.source-setup .summary-details{padding:20px}.source-setup .summary-item{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.source-setup .summary-item:last-child{border-bottom:none}.source-setup .summary-label{color:#64748b;font-size:14px}.source-setup .summary-value{color:#1e293b;font-size:14px;font-weight:500}.source-setup .test-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.source-setup .test-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .2s;width:100%}.source-setup .test-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.source-setup .test-btn:disabled{cursor:not-allowed;opacity:.7}.source-setup .test-btn svg{height:20px;width:20px}.source-setup .test-btn.testing{background:#64748b}.source-setup .test-result{align-items:flex-start;border-radius:10px;display:flex;gap:16px;margin-top:20px;padding:16px}.source-setup .test-result.success{background:#f0fdf4;border:1px solid #86efac}.source-setup .test-result.error{background:#fef2f2;border:1px solid #fecaca}.source-setup .test-result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.source-setup .test-result.success .test-result-icon{background:#dcfce7;color:#16a34a}.source-setup .test-result.error .test-result-icon{background:#fee2e2;color:#dc2626}.source-setup .test-result-icon svg{height:20px;width:20px}.source-setup .test-result-content{flex:1 1}.source-setup .test-result-title{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.source-setup .test-result.success .test-result-title{color:#16a34a}.source-setup .test-result.error .test-result-title{color:#dc2626}.source-setup .test-result-message{color:#64748b;display:block;font-size:14px}.source-setup .test-result-latency{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.source-setup .setup-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.source-setup .setup-error svg{flex-shrink:0;height:20px;width:20px}.source-setup .setup-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;margin-top:24px;padding-top:24px}.source-setup .setup-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 28px;transition:all .2s}.source-setup .setup-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.source-setup .setup-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.source-setup .setup-btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.source-setup .setup-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.source-setup .setup-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.source-setup .setup-btn svg{height:18px;width:18px}.source-setup .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@media (max-width:1024px){.source-setup .connector-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.source-setup .setup-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.source-setup .setup-steps{justify-content:center;order:3;width:100%}.source-setup .setup-header-spacer,.source-setup .step-label{display:none}.source-setup .setup-content{padding:20px 16px}.source-setup .setup-title-section h1{font-size:22px}.source-setup .config-fields,.source-setup .connector-grid{grid-template-columns:1fr}.source-setup .setup-categories{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.source-setup .category-btn{white-space:nowrap}.source-setup .setup-actions{flex-direction:column-reverse}.source-setup .setup-btn{width:100%}}.admin-page.target-management-page .filters-bar{align-items:flex-end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:16px!important;justify-content:flex-start!important;padding:16px 20px!important}.admin-page.target-management-page .filter-group{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:6px!important;min-width:auto!important;width:auto!important}.admin-page.target-management-page .filter-group label{font-size:.6875rem!important}.admin-page.target-management-page .filter-group input[type=date],.admin-page.target-management-page .filter-group select{font-size:.875rem!important;min-width:150px!important;padding:10px 14px!important;width:auto!important}.admin-page.target-management-page .filter-group select{min-width:180px!important}.admin-page.target-management-page .filters-bar .btn-primary{font-size:.8125rem!important;height:42px!important;padding:0 20px!important;white-space:nowrap!important}@media (max-width:768px){.admin-page.target-management-page .filters-bar{flex-wrap:wrap!important}.admin-page.target-management-page .filter-group{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:140px!important}}.target-count-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:var(--admin-radius-md);margin-bottom:16px;padding:24px;text-align:center}.target-count-value{color:var(--admin-accent);display:block;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1}.target-count-label{color:var(--admin-text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-top:8px;text-transform:uppercase}.target-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.6875rem;font-weight:700;gap:6px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.target-status-badge.status-exceeded{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.target-status-badge.status-met{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.target-status-badge.status-below{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.target-status-badge.status-no-target{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.comparison-modal{max-width:800px}.comparison-content{max-height:60vh;overflow-y:auto;padding:24px 32px}.comparison-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.summary-item{background:var(--admin-border-light);border-radius:var(--admin-radius-md);padding:20px;text-align:center}.summary-label{color:var(--admin-text-muted);display:block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px}.summary-value{color:var(--admin-text-primary);display:block;font-size:1.5rem}.summary-value.positive{color:var(--admin-success)}.summary-value.negative{color:var(--admin-danger)}.comparison-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-item{border-radius:var(--admin-radius-md)}.stat-item.exceeded{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-item.met{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-item.below{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-item .stat-count{display:block;font-size:2rem;font-weight:800;line-height:1}.stat-item.exceeded .stat-count{color:#047857}.stat-item.met .stat-count{color:#1e40af}.stat-item.below .stat-count{color:#b91c1c}.stat-item .stat-label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-top:6px;opacity:.8}.stat-item.exceeded .stat-label{color:#047857}.stat-item.met .stat-label{color:#1e40af}.stat-item.below .stat-label{color:#b91c1c}.comparison-table-container{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);max-height:300px;overflow-y:auto}.comparison-table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--admin-border-light);padding:12px 16px;text-align:left}.comparison-table th{background:linear-gradient(135deg,#fafbfc,#f1f5f9);color:var(--admin-text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.1em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.comparison-table tbody tr:hover{background-color:#f8fafc}.comparison-table td{color:var(--admin-text-primary);font-size:.875rem;font-weight:500}.comparison-table td.positive{color:var(--admin-success);font-weight:600}.comparison-table td.negative{color:var(--admin-danger);font-weight:600}.filters-bar .btn-primary{height:52px;white-space:nowrap}.filters-bar .btn-primary:disabled{cursor:not-allowed;opacity:.5}.import-modal{max-width:540px}.import-instructions{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--admin-radius-md);margin-bottom:24px;padding:16px 20px}.import-instructions p{color:#0369a1;font-size:.875rem;margin:0 0 12px}.import-instructions ul{color:#0c4a6e;font-size:.8125rem;line-height:1.8;margin:0;padding-left:20px}.import-instructions li strong{color:#0369a1}.file-upload-wrapper{position:relative}.file-input-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.file-upload-area{align-items:center;background:var(--admin-bg-secondary);border:2px dashed var(--admin-border);border-radius:var(--admin-radius-md);cursor:pointer;display:flex;justify-content:center;min-height:100px;padding:20px;transition:all .2s ease;width:100%}.file-upload-area:hover{background:#f0f9ff;border-color:var(--admin-accent)}.file-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.file-placeholder .upload-icon{font-size:2rem}.file-placeholder .upload-text{color:var(--admin-text-primary);font-size:.9375rem;font-weight:500}.file-placeholder .upload-hint{color:var(--admin-text-muted);font-size:.75rem}.file-selected{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:var(--admin-radius-md);display:flex;gap:10px;padding:12px 16px;width:100%}.file-selected .file-icon{font-size:1.5rem}.file-selected .file-name{color:#047857;flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected .file-size{color:#059669;font-size:.8125rem}.import-progress-container{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.progress-animation{height:80px;margin-bottom:24px;position:relative;width:80px}.progress-icon{font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.progress-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--admin-accent);height:80px;left:0;position:absolute;top:0;width:80px}.progress-bar-wrapper{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;max-width:300px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--admin-accent),#818cf8);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--admin-text-primary);font-size:.9375rem;font-weight:500;margin-bottom:4px}.progress-percent{color:var(--admin-accent);font-size:1.5rem;font-weight:700}.checkbox-group{margin-top:8px}.checkbox-label{color:var(--admin-text-primary);font-size:.875rem}.checkbox-label input[type=checkbox]{accent-color:var(--admin-accent)}.help-text{color:var(--admin-text-muted);display:block;font-size:.75rem;margin-left:28px;margin-top:6px}.import-result{padding:8px}.result-header{align-items:center;border-radius:var(--admin-radius-md);display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.result-header.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.result-header.error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.result-icon{font-size:1.5rem}.result-message{color:#1e293b;font-size:.9375rem;font-weight:600}.result-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.result-stats .stat-item{border-radius:var(--admin-radius-md);padding:16px;text-align:center}.result-stats .stat-item.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.result-stats .stat-item.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.result-stats .stat-item.warning{background:linear-gradient(135deg,#fef3c7,#fde68a)}.result-stats .stat-value{color:#1e293b;display:block;font-size:1.75rem;font-weight:800;line-height:1}.result-stats .stat-label{color:#64748b;display:block;font-size:.6875rem;font-weight:700;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.import-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--admin-radius-md);margin-bottom:20px;padding:16px}.import-errors h4{color:#b91c1c;font-size:.875rem;margin:0 0 12px}.errors-list{max-height:200px;overflow-y:auto}.error-item{border-bottom:1px solid #fecaca;display:flex;font-size:.8125rem;gap:8px;padding:8px 0}.error-item:last-child{border-bottom:none}.error-row{color:#b91c1c;font-weight:600;white-space:nowrap}.error-message{color:#7f1d1d}.more-errors{color:#b91c1c;font-size:.75rem;font-style:italic;padding-top:8px}@media (max-width:768px){.comparison-modal{max-width:100%}.comparison-stats,.comparison-summary{grid-template-columns:1fr}.comparison-content{padding:16px}.comparison-table td,.comparison-table th{font-size:.75rem;padding:8px 12px}.import-modal{max-width:100%}.result-stats{grid-template-columns:1fr}}.day-type-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.special-day-card{overflow:hidden;position:relative}.special-day-card .card-badge{border-radius:0 0 0 12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:0;text-transform:uppercase;top:0}.special-day-card .card-header{padding-top:8px}.special-day-card .card-title{color:#1e293b;font-size:1.1rem;margin-bottom:4px}.special-day-card .card-subtitle{color:#64748b;font-size:.85rem}.special-day-modal{display:block;max-height:85vh;max-width:500px;overflow-y:auto}.special-day-modal h3{position:-webkit-sticky;position:sticky;top:0;z-index:10}.special-day-modal .modal-actions{background:#fff;border-top:1px solid #e2e8f0;bottom:0;margin-top:20px;padding-top:20px;position:-webkit-sticky;position:sticky}.special-day-modal .modal-description{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.9rem;margin-bottom:20px;padding-bottom:16px}.special-day-modal textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:10px 14px;resize:vertical;transition:border-color .15s ease;width:100%}.special-day-modal textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-hint{margin-top:4px}.stats-bar .stat-card .stat-icon.purple{background:#9333ea1a;color:#9333ea}.info-row .info-icon{align-items:center;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.admin-table td strong{white-space:nowrap}@media (max-width:768px){.special-day-modal{margin:10px;max-height:90vh;max-width:95%}.day-type-badge{font-size:.7rem;padding:3px 8px}.special-day-card .card-badge{font-size:.6rem;padding:4px 8px}}.report-export-dropdown{display:inline-flex;position:relative}.export-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.875rem;padding:10px 16px}.export-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.export-btn:active:not(:disabled){transform:translateY(0)}.export-btn:disabled{cursor:wait;opacity:.7}.export-btn:focus{box-shadow:0 0 0 4px #3b82f633,0 2px 8px #3b82f64d;outline:none}.export-btn-text{white-space:nowrap}.export-arrow{margin-left:2px;opacity:.8;transition:transform .2s ease}.export-arrow.open{transform:rotate(180deg)}.export-spinner{animation:exportSpin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes exportSpin{to{transform:rotate(1turn)}}.export-dropdown-menu{animation:exportDropdownFade .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 40px #0000001f,0 0 0 1px #00000008;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes exportDropdownFade{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.export-dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.export-option{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.9rem;gap:14px;padding:14px 16px;text-align:left;transition:all .15s ease;width:100%}.export-option:hover{background:#f8fafc}.export-option:active{background:#f1f5f9}.export-option:not(:last-child){border-bottom:1px solid #f1f5f9}.export-option-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.export-option:hover .export-option-icon{transform:scale(1.05)}.export-option-label{flex:1 1;font-weight:500}.export-option:nth-child(2) .export-option-icon{background:#fef2f2}.export-option:nth-child(3) .export-option-icon{background:#eff6ff}.export-option:nth-child(4) .export-option-icon{background:#f0fdf4}[dir=rtl] .export-dropdown-menu{left:0;right:auto}[dir=rtl] .export-arrow{margin-left:0;margin-right:2px}@media (max-width:640px){.export-btn{font-size:.8rem;padding:8px 12px}.export-arrow,.export-btn-text{display:none}.export-dropdown-menu{min-width:180px}}.cxo-dashboard{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px;position:relative;transition:opacity .2s ease}.cxo-report-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:20px;position:relative;z-index:10}.cxo-report-header-actions{display:flex;gap:12px}.cxo-export-content{position:relative;z-index:1}.cxo-dashboard:before{animation:ambientMove 20s ease-in-out infinite;background:radial-gradient(circle at 15% 20%,#6366f133 0,#0000 45%),radial-gradient(circle at 85% 75%,#8b5cf629 0,#0000 40%),radial-gradient(circle at 50% 50%,#a78bfa14 0,#0000 55%),radial-gradient(circle at 70% 10%,#38bdf814 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes ambientMove{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.cxo-top-section .cxo-card:first-child,.cxo-top-section .cxo-day-card:first-of-type{animation:cardSlideUp .6s ease-out forwards;animation-delay:.1s;opacity:0}.cxo-top-section .cxo-chart-card{animation:cardSlideUp .6s ease-out forwards;animation-delay:.2s;opacity:0}.cxo-top-section .cxo-card:nth-child(3),.cxo-top-section .cxo-today-card{animation:cardSlideUp .6s ease-out forwards;animation-delay:.3s;opacity:0}.cxo-bottom-section .cxo-card:first-child{animation:cardSlideUp .6s ease-out forwards;animation-delay:.4s;opacity:0}.cxo-bottom-section .cxo-card:nth-child(2){animation:cardSlideUp .6s ease-out forwards;animation-delay:.5s;opacity:0}.cxo-bottom-section .cxo-card:nth-child(3){animation:cardSlideUp .6s ease-out forwards;animation-delay:.6s;opacity:0}.cxo-error,.cxo-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.cxo-spinner{animation:cxo-spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;height:48px;width:48px}@keyframes cxo-spin{to{transform:rotate(1turn)}}.cxo-retry-btn{background:linear-gradient(135deg,#0096ff,#0056a4);border:none;border-radius:8px;box-shadow:0 4px 15px #0096ff4d;color:#fff;cursor:pointer;font-weight:500;padding:12px 28px;transition:all .3s ease}.cxo-retry-btn:hover{background:linear-gradient(135deg,#00b4ff,#0070c4);box-shadow:0 6px 20px #0096ff66;transform:translateY(-2px)}.cxo-dashboard.refreshing{opacity:.7;pointer-events:none;position:relative}.cxo-refresh-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1b4bf2;border-radius:16px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;gap:12px;left:50%;padding:24px 32px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.cxo-refresh-spinner{animation:cxo-spin .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d;height:40px;width:40px}.cxo-refresh-overlay:after{color:#fffc;content:"Yükleniyor...";font-size:14px;font-weight:500}.cxo-top-section{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(250px,300px) 1fr minmax(250px,300px);margin-bottom:24px;position:relative}.cxo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;padding:24px;transition:all .3s ease}.cxo-card:hover{box-shadow:0 16px 48px #00000040,0 0 0 1px #ffffff26;transform:translateY(-4px)}.cxo-day-card{min-height:280px;text-align:center}.cxo-card-icon,.cxo-day-card{align-items:center;display:flex;flex-direction:column}.cxo-card-icon{margin-bottom:12px}.cxo-people-icon{color:#0056a4;height:50px;width:60px}.cxo-card-icon.teal .cxo-people-icon{color:#00897b}.cxo-card-icon.orange .cxo-people-icon{color:#e65100}.cxo-card-icon.red .cxo-people-icon{color:#c62828}.cxo-card-icon.purple .cxo-people-icon{color:#6a1b9a}.cxo-card-label{color:#0056a4;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.cxo-card-icon.teal .cxo-card-label{color:#00897b}.cxo-card-icon.orange .cxo-card-label{color:#e65100}.cxo-card-icon.red .cxo-card-label{color:#c62828}.cxo-card-icon.purple .cxo-card-label{color:#6a1b9a}.cxo-card-value{color:#1a1a1a;font-size:clamp(24px,5vw,36px);font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cxo-card-date{color:#666;font-size:14px;margin-bottom:16px}.cxo-card-comparisons{border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;padding-top:16px;width:100%}.cxo-comparison-item{align-items:center;display:flex;flex-direction:column;gap:4px}.cxo-comp-icon{font-size:16px}.cxo-comp-content{align-items:center;display:flex;flex-direction:column;gap:2px}.cxo-comp-label{color:#666;font-size:11px}.cxo-comp-value{color:#1a1a1a;font-size:clamp(12px,2vw,16px);font-weight:600;white-space:nowrap}.cxo-comp-change{font-size:12px;font-weight:600}.cxo-comp-change.positive{color:#2e7d32}.cxo-comp-change.negative{color:#c62828}.cxo-chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;min-height:280px;padding:20px 12px 16px;transition:all .3s ease}.cxo-chart-card:hover{box-shadow:0 16px 48px #00000040,0 0 0 1px #ffffff26;transform:translateY(-4px)}.cxo-chart-title{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.cxo-bar-chart{align-items:flex-end;background:#0000;display:flex;flex:1 1;gap:2px;justify-content:space-between;min-height:200px;padding:0 4px;position:relative}.cxo-bar-column{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;z-index:1}.cxo-bar-column.peak .cxo-bar-value{color:#c2410c;font-weight:700}.cxo-bar-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:160px;justify-content:flex-end;position:relative;width:100%}.cxo-bar-wrapper:before{background:#1e293b;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:600;padding:6px 10px;transform:translateX(-50%) translateY(-100%);white-space:nowrap}.cxo-bar-wrapper:after,.cxo-bar-wrapper:before{left:50%;opacity:0;position:absolute;top:-8px;transition:all .2s ease;visibility:hidden;z-index:10}.cxo-bar-wrapper:after{border:6px solid #0000;border-top-color:#1e293b;content:"";transform:translateX(-50%)}.cxo-bar-wrapper:hover:after,.cxo-bar-wrapper:hover:before{opacity:1;visibility:visible}.cxo-bar-wrapper:hover:before{transform:translateX(-50%) translateY(-100%) translateY(-4px)}.cxo-bar-value{color:#475569;font-size:10px;font-weight:600;line-height:1;margin-bottom:4px;text-align:center;transition:all .2s ease;white-space:nowrap}.cxo-bar-wrapper:hover .cxo-bar-value{color:#1e40af;transform:scale(1.1)}.cxo-bar{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:3px 3px 0 0;box-shadow:0 -2px 4px #3b82f633;max-width:32px;min-height:6px;min-width:16px;transition:all .2s ease;width:100%}.cxo-bar-wrapper:hover .cxo-bar{box-shadow:0 -4px 8px #3b82f64d;transform:scaleX(1.1)}.cxo-bar-peak{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 -2px 4px #f59e0b4d}.cxo-bar-wrapper:hover .cxo-bar-peak{box-shadow:0 -4px 8px #f59e0b66}.cxo-bar-label{color:#64748b;font-size:9px;font-weight:500;margin-top:6px;white-space:nowrap}.cxo-bar-column.peak .cxo-bar-label{color:#c2410c;font-weight:600}.cxo-today-card{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:280px}.cxo-today-card .cxo-card-icon{margin-bottom:16px}.cxo-today-card .cxo-card-value{font-size:clamp(28px,6vw,42px);margin-bottom:8px}.cxo-today-card .cxo-card-date{font-size:15px;margin-bottom:0}.cxo-bottom-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);position:relative}.cxo-period-card{align-items:center;display:flex;flex-direction:column;text-align:center}.cxo-period-card .cxo-card-value{font-size:clamp(22px,4vw,32px)}.cxo-period-comparisons{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-around;padding-top:16px;width:100%}.cxo-period-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:70px}.cxo-period-icon{font-size:14px}.cxo-period-content{align-items:center;display:flex;flex-direction:column;gap:2px}.cxo-period-label{color:#666;font-size:10px}.cxo-period-value{color:#1a1a1a;font-size:clamp(11px,1.8vw,14px);font-weight:600;white-space:nowrap}.cxo-period-change{font-size:11px;font-weight:600}.cxo-period-change.positive{color:#2e7d32}.cxo-period-change.negative{color:#c62828}@media (max-width:1400px){.cxo-top-section{grid-template-columns:minmax(220px,260px) 1fr minmax(220px,260px)}.cxo-header{padding:16px 24px}}@media (max-width:1200px){.cxo-top-section{grid-template-columns:1fr}.cxo-chart-card{order:-1}.cxo-bottom-section{grid-template-columns:1fr}.cxo-bar-chart{height:180px}.cxo-header{align-items:flex-start;flex-direction:column;gap:16px}.cxo-filters{flex-wrap:wrap;width:100%}}@media (max-width:768px){.cxo-dashboard{padding:16px}.cxo-card{padding:20px}.cxo-card-value{font-size:28px}.cxo-period-card .cxo-card-value{font-size:24px}.cxo-bar-label,.cxo-bar-value{font-size:8px}.cxo-title{font-size:22px}.report-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 16px 12px}.tab-btn{font-size:13px;padding:10px 16px;white-space:nowrap}}.cxo-top-section:before{background:radial-gradient(ellipse at center,#6366f12e 0,#0000 70%);height:400px;top:-100px;transform:translateX(-50%);width:600px}.cxo-bottom-section:before,.cxo-top-section:before{content:"";left:50%;pointer-events:none;position:absolute;z-index:0}.cxo-bottom-section:before{background:radial-gradient(ellipse at center,#34d3991a 0,#0000 60%);height:300px;top:50%;transform:translate(-50%,-50%);width:100%}.cxo-card,.cxo-chart-card{position:relative;z-index:1}.detail-view{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);border-radius:16px;margin-top:20px;min-height:calc(100vh - 200px);padding:0;position:relative}.detail-view:before{animation:detailAmbientMove 25s ease-in-out infinite;background:radial-gradient(circle at 15% 25%,#6366f133 0,#0000 45%),radial-gradient(circle at 85% 75%,#8b5cf626 0,#0000 40%),radial-gradient(circle at 50% 50%,#a78bfa1a 0,#0000 50%),radial-gradient(circle at 70% 10%,#38bdf814 0,#0000 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes detailAmbientMove{0%,to{opacity:1;transform:scale(1) rotate(0deg)}25%{opacity:.9;transform:scale(1.02) rotate(.5deg)}50%{opacity:.85;transform:scale(1.05) rotate(0deg)}75%{opacity:.9;transform:scale(1.02) rotate(-.5deg)}}.detail-export-content{position:relative}.detail-chart-card{animation:cardSlideUp .6s ease-out forwards;animation-delay:0s;animation-delay:var(--animation-delay,0s);opacity:0}.detail-chart-card:first-child{--animation-delay:0.1s}.detail-chart-card:nth-child(2){--animation-delay:0.2s}.detail-chart-card:nth-child(3){--animation-delay:0.3s}.detail-chart-card:nth-child(4){--animation-delay:0.4s}.detail-chart-card:nth-child(5){--animation-delay:0.5s}.stat-card{animation:cardSlideUp .6s ease-out forwards;animation-delay:.6s;animation-delay:var(--stat-delay,.6s);opacity:0}.stat-card:first-child{--stat-delay:0.6s}.stat-card:nth-child(2){--stat-delay:0.7s}.detail-view-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.detail-view-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;height:48px;width:48px}.detail-view.refreshing{opacity:.7;pointer-events:none}.detail-view-error{align-items:center;color:#f87171;display:flex;font-size:1rem;justify-content:center;min-height:200px}.detail-view-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px;position:relative;z-index:200}.detail-view-header .header-info h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin:0}.detail-view-header .month-year{color:#64748b;font-size:.9rem}.header-actions{align-items:center;display:flex;gap:12px;position:relative;z-index:100}.data-source-badge{border-radius:12px;color:#60a5fa;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.detail-charts-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-auto-rows:minmax(480px,-webkit-max-content);grid-auto-rows:minmax(480px,max-content);grid-template-columns:repeat(2,1fr);padding:24px;position:relative;z-index:1}.detail-charts-grid>.detail-chart-card:first-child,.detail-charts-grid>.detail-chart-card:nth-child(2){min-height:480px}.detail-chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;padding:20px;transition:all .3s ease}.detail-chart-card:hover{box-shadow:0 16px 48px #00000040,0 0 0 1px #ffffff26;transform:translateY(-4px)}.detail-chart-card.full-width,.detail-chart-card.wide{grid-column:span 2;height:auto}.detail-chart-card h3{color:#1e293b;flex-shrink:0;font-size:1rem;font-weight:600;margin:0 0 16px}.weekly-chart{align-self:stretch;background:#fff!important;display:flex;flex-direction:column}.weekly-bars-container{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:10px 0 50px;width:100%}.weekly-bars-container::-webkit-scrollbar{width:6px}.weekly-bars-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.weekly-bars-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.weekly-bars-container::-webkit-scrollbar-thumb:hover{background:#64748b}.weekly-row{display:table;margin-bottom:16px;position:relative;width:100%}.weekly-label{color:#1e293b;font-size:.9rem;font-weight:600;padding-right:16px;text-align:right;width:90px}.weekly-label,.weekly-track{display:table-cell;vertical-align:middle}.weekly-track{background:#e2e8f0;border-radius:8px;cursor:pointer;height:32px;position:relative;transition:transform .2s ease;width:auto}.weekly-row:hover{position:relative;z-index:50}.weekly-track:hover{transform:scaleY(1.05)}.weekly-track:after{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.85rem;font-weight:600;padding:8px 12px;top:calc(100% + 8px);white-space:nowrap}.weekly-track:after,.weekly-track:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:all .2s ease;visibility:hidden;z-index:1000}.weekly-track:before{border:6px solid;border-color:#0000 #0000 #1e293b;content:"";top:calc(100% + 2px)}.weekly-track:hover:after,.weekly-track:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.weekly-fill{align-items:center;background:linear-gradient(90deg,#0056a4,#3b82f6 50%,#00d4ff);border-radius:8px;display:flex;height:100%;justify-content:flex-end;left:0;min-width:60px;padding-right:12px;position:absolute;top:0}.weekly-value{color:#fff;font-size:.8rem;font-weight:700;text-shadow:0 1px 2px #00000080}.monthly-chart{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.monthly-chart:before{background:linear-gradient(90deg,#0056a4,#3b82f6 50%,#00d4ff);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:-4px}.monthly-bar-chart{background:linear-gradient(180deg,#f8fafccc,#f1f5f999);border:1px solid #3b82f61a;border-radius:12px;display:flex;flex:1 1;gap:12px;min-height:0;padding:20px;position:relative}.monthly-y-axis{border-right:2px solid #3b82f633;display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:0 12px 30px 0;width:55px}.y-axis-tick{height:20px}.y-axis-tick span{background:linear-gradient(135deg,#0056a41a,#3b82f61a);border-radius:6px;color:#0056a4;font-size:.8rem;font-weight:700;padding:4px 8px}.monthly-bars-area{display:flex;flex:1 1;flex-direction:column;position:relative}.monthly-grid-lines{bottom:30px;display:flex;flex-direction:column;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:0}.monthly-grid-lines .grid-line{background:linear-gradient(90deg,#3b82f61a,#3b82f633 50%,#3b82f61a);height:1px;width:100%}.monthly-bars{align-items:flex-end;display:flex;flex:1 1;gap:8px;justify-content:space-around;padding-bottom:35px}.monthly-bar-item{align-items:center;animation:barGrowUp .6s ease-out forwards;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:70px;opacity:0;position:relative}.monthly-bar-item:after{background:#1e293b;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.8rem;font-weight:600;padding:8px 12px;top:-45px;white-space:nowrap}.monthly-bar-item:after,.monthly-bar-item:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:all .2s ease;visibility:hidden;z-index:1000}.monthly-bar-item:before{border:6px solid #0000;border-top-color:#1e293b;content:"";top:-12px}.monthly-bar-item:hover:after,.monthly-bar-item:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.monthly-bar-item:hover{z-index:100}@keyframes barGrowUp{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}.monthly-bar-item:first-child{animation-delay:.1s}.monthly-bar-item:nth-child(2){animation-delay:.15s}.monthly-bar-item:nth-child(3){animation-delay:.2s}.monthly-bar-item:nth-child(4){animation-delay:.25s}.monthly-bar-item:nth-child(5){animation-delay:.3s}.monthly-bar-item:nth-child(6){animation-delay:.35s}.monthly-bar-item:nth-child(7){animation-delay:.4s}.monthly-bar-item:nth-child(8){animation-delay:.45s}.monthly-bar-item:nth-child(9){animation-delay:.5s}.monthly-bar-item:nth-child(10){animation-delay:.55s}.monthly-bar-item:nth-child(11){animation-delay:.6s}.monthly-bar-item:nth-child(12){animation-delay:.65s}.bar-wrapper{align-items:flex-end;flex:1 1}.bar-fill,.bar-wrapper{display:flex;width:100%}.bar-fill{align-items:flex-start;background:linear-gradient(180deg,#00d4ff,#3b82f6 30%,#0056a4 70%,#003d75);border-radius:10px 10px 0 0;box-shadow:0 -4px 16px #3b82f64d,inset 0 2px 0 #ffffff4d,inset -2px 0 0 #0000000d,inset 2px 0 0 #ffffff1a;cursor:pointer;justify-content:center;overflow:hidden;padding-top:8px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bar-fill:before{background:linear-gradient(180deg,#ffffff40,#0000);border-radius:10px 10px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.bar-fill:after{background:linear-gradient(180deg,#00d4ff80,#3b82f64d);border-radius:12px 12px 0 0;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.bar-fill:hover:after{animation:barPulse 1.5s ease-in-out infinite;opacity:1}@keyframes barPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.bar-fill:hover{box-shadow:0 -8px 30px #3b82f680,0 0 40px #00d4ff4d,inset 0 2px 0 #fff6;transform:scaleX(1.1) scaleY(1.03)}.bar-value{color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.5px;position:relative;text-shadow:0 2px 4px #0006;z-index:1}.bar-label{background:linear-gradient(135deg,#0056a41a,#3b82f61a);border:1px solid #3b82f633;bottom:-30px;color:#0056a4;font-size:.8rem;padding:4px 10px;position:absolute;transition:all .3s ease}.monthly-bar-item:hover .bar-label{background:linear-gradient(135deg,#0056a433,#3b82f633);transform:scale(1.05)}.no-data-message{color:#64748b;font-size:.9rem;height:200px}.daily-chart-container{align-items:stretch;gap:32px}.line-chart-wrapper{display:flex;flex:2 1;flex-direction:column}.line-chart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:16px}.line-chart svg{height:250px;overflow:visible;width:100%}.axis-label{fill:#1e293b;font-size:12px;font-weight:600}.line-chart .data-point{cursor:pointer;transition:r .2s ease}.line-chart .data-point-group:hover .data-point{r:8}.line-chart-legend{background:#f1f5f9;border-radius:8px;display:flex;gap:24px;justify-content:center;margin-top:16px;padding:12px}.legend-item{font-size:.8rem}.legend-item .dot{border-radius:50%;height:12px;width:12px}.legend-item.weekday .dot{background:#3b82f6}.legend-item.weekend .dot{background:#f59e0b}.legend-note{color:#64748b;font-size:.7rem;font-style:italic;margin-left:8px}.pie-chart-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:24px}.pie-chart{height:160px;width:160px}.pie-chart svg{height:100%;transform:rotate(-90deg);width:100%}.pie-center-label{fill:#64748b;font-size:8px}.pie-center-label,.pie-center-value{transform:rotate(90deg);transform-origin:center}.pie-center-value{fill:#1e293b;font-size:12px;font-weight:700}.pie-legend{display:flex;flex-direction:column;gap:12px;width:100%}.pie-legend-item{align-items:center;background:#e2e8f0;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.pie-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.pie-color.weekday{background:#3b82f6}.pie-color.weekend{background:#f59e0b}.pie-legend-text{display:flex;flex-direction:column;gap:2px}.pie-label{color:#64748b;font-size:.75rem}.pie-value{color:#1e293b;font-size:.9rem;font-weight:600}.hourly-heatmap-card{overflow:hidden}.hourly-header{margin-bottom:20px}.hourly-header h3{margin-bottom:8px}.chart-description{color:#64748b;font-size:.8rem;line-height:1.5;margin:0}.hourly-insights{grid-gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:20px}.insight-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:16px;transition:all .3s ease}.insight-card:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.insight-card.peak{border-left:3px solid #22c55e}.insight-card.day{border-left:3px solid #3b82f6}.insight-card.hour{border-left:3px solid #f59e0b}.insight-card.quiet{border-left:3px solid #6366f1}.insight-icon{height:40px;width:40px}.insight-card.peak .insight-icon{background:#22c55e33}.insight-card.peak .insight-icon svg{stroke:#22c55e}.insight-card.day .insight-icon{background:#3b82f633}.insight-card.day .insight-icon svg{stroke:#60a5fa}.insight-card.hour .insight-icon{background:#f59e0b33}.insight-card.hour .insight-icon svg{stroke:#fbbf24}.insight-card.quiet .insight-icon{background:#6366f133}.insight-card.quiet .insight-icon svg{stroke:#818cf8}.insight-icon svg{height:22px;width:22px}.insight-content{gap:2px;min-width:0}.insight-label{color:#64748b;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.insight-value{color:#1e293b;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-detail{color:#64748b;font-size:.75rem}.hourly-by-day-chart{margin-top:16px;overflow-x:auto}.heatmap-table{border-collapse:initial;border-spacing:3px;font-size:.75rem;width:100%}.heatmap-table th{background:#f1f5f9;border-radius:6px;color:#1e293b;font-size:.8rem;font-weight:600;padding:10px 8px;text-align:center}.heatmap-table th.weekend{background:#f59e0b26;color:#d97706}.heatmap-table th.total-header{background:#3b82f626;color:#2563eb}.corner-cell{min-width:60px;width:60px}.hour-cell{background:#f1f5f9;color:#1e293b;font-size:.8rem;font-weight:600;width:60px}.heatmap-cell,.hour-cell{border-radius:6px;min-width:60px;padding:10px 8px;text-align:center}.heatmap-cell{cursor:pointer;transition:all .2s ease}.heatmap-cell:hover{box-shadow:0 4px 12px #0006;transform:scale(1.08);z-index:2}.heatmap-cell.peak{box-shadow:0 0 0 2px #22c55e,0 4px 12px #22c55e66}.cell-value{color:#fff;font-size:.7rem;font-weight:600;text-shadow:0 1px 3px #00000080}.row-total{background:#3b82f61a;border-radius:6px;color:#2563eb;font-weight:700;padding:10px 8px;text-align:center}.totals-row td{padding:12px 8px}.totals-row .hour-cell{background:#3b82f61a;color:#2563eb}.day-total{background:#f1f5f9;border-radius:6px;color:#475569;text-align:center}.day-total.weekend{background:#f59e0b26;color:#d97706}.grand-total{background:#22c55e26;border-radius:6px;color:#16a34a;font-size:.85rem;text-align:center}.heatmap-legend{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px}.heatmap-legend .legend-text{color:#64748b;font-size:.75rem;font-weight:500}.heatmap-legend .legend-gradient{border-radius:7px;height:14px;width:100px}.heatmap-legend .legend-gradient,.heatmap-legend .legend-gradient.weekday{background:linear-gradient(90deg,#3b82f626,#3b82f6)}.legend-divider{color:#475569;font-size:1rem;font-weight:300}.legend-item-small{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:500;gap:6px}.color-box{border-radius:4px;height:14px;width:14px}.color-box.weekday{background:#3b82f6}.color-box.weekend{background:#f59e0b}.hourly-table-card{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);overflow:hidden;position:relative}.hourly-table-card:before{background:linear-gradient(90deg,#3b82f6,#0891b2 50%,#06b6d4);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.hourly-table-card h3{align-items:center;border-bottom:1px solid #3b82f61a;display:flex;gap:12px;margin-bottom:0;padding-bottom:16px}.hourly-table-card h3:before{animation:tablePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#0891b2);border-radius:50%;content:"";height:8px;width:8px}@keyframes tablePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hourly-table-wrapper{border:1px solid #3b82f61a;border-radius:12px;box-shadow:inset 0 2px 8px #00000008;max-height:450px;overflow-x:auto}.hourly-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.hourly-table-wrapper::-webkit-scrollbar-track{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-radius:4px}.hourly-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border:1px solid #ffffff4d;border-radius:4px}.hourly-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8)}.hourly-avg-table{border-collapse:initial;border-spacing:0;font-size:.8rem;width:100%}.hourly-avg-table td,.hourly-avg-table th{border-bottom:1px solid #e2e8f0cc;padding:14px 12px;text-align:center}.hourly-avg-table th{background:linear-gradient(135deg,#0056a4,#003d75);border-bottom:2px solid #00d4ff4d;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.3px;position:-webkit-sticky;position:sticky;text-shadow:0 1px 2px #0003;top:0;z-index:2}.hourly-avg-table th:first-child{border-radius:12px 0 0 0}.hourly-avg-table th:last-child{border-radius:0 12px 0 0}.hourly-avg-table th.sticky-col{background:linear-gradient(135deg,#1e40af,#1e3a8a);left:0;min-width:160px;padding-left:20px;position:-webkit-sticky;position:sticky;text-align:left;z-index:4}.hourly-avg-table td.sticky-col{background:linear-gradient(90deg,#fff,#f8fafc);border-right:2px solid #3b82f626;left:0;position:-webkit-sticky;position:sticky;z-index:3}.hourly-avg-table th.total-col{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;min-width:90px}.hourly-avg-table td.tenant-name{background:linear-gradient(90deg,#fff,#f8fafc);color:#1e293b;font-weight:600;min-width:160px;padding-left:20px;text-align:left}.hourly-avg-table td.hour-value{border-radius:0;color:#334155;font-weight:500;min-width:65px;position:relative;transition:all .2s ease}.hourly-avg-table td.hour-value:not(:last-of-type){border-right:1px solid #e2e8f080}.hourly-avg-table td.hour-value:hover{border-radius:6px;box-shadow:0 4px 12px #3b82f640;transform:scale(1.08);z-index:2}.hourly-avg-table td.total-value{background:linear-gradient(135deg,#0891b21f,#0e749033);border-left:2px solid #0891b24d;color:#0891b2;font-size:.9rem;font-weight:700;position:relative;text-shadow:0 1px 2px #0000000d}.hourly-avg-table td.total-value:after{background:linear-gradient(180deg,#0891b2,#06b6d4);border-radius:2px;content:"";height:60%;opacity:.6;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:4px}.hourly-avg-table tbody tr:nth-child(odd){background:linear-gradient(90deg,#f8fafc,#f1f5f980 50%,#f8fafc)}.hourly-avg-table tbody tr:nth-child(2n){background:linear-gradient(90deg,#fff,#f8fafc80 50%,#fff)}.hourly-avg-table tbody tr{transition:all .25s ease}.hourly-avg-table tbody tr:hover{background:linear-gradient(90deg,#3b82f614,#3b82f61f 50%,#3b82f614);box-shadow:0 4px 12px #3b82f626;position:relative;transform:scale(1.005);z-index:1}.hourly-avg-table tbody tr:hover td.sticky-col,.hourly-avg-table tbody tr:hover td.tenant-name{background:linear-gradient(90deg,#3b82f61f,#3b82f614)}.hourly-avg-table tbody tr:hover td.total-value{background:linear-gradient(135deg,#0891b226,#0e749040);color:#0e7490}.hourly-avg-table tbody tr{animation:tableRowFadeIn .4s ease-out forwards;opacity:0}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.hourly-avg-table tbody tr:first-child{animation-delay:.05s}.hourly-avg-table tbody tr:nth-child(2){animation-delay:.1s}.hourly-avg-table tbody tr:nth-child(3){animation-delay:.15s}.hourly-avg-table tbody tr:nth-child(4){animation-delay:.2s}.hourly-avg-table tbody tr:nth-child(5){animation-delay:.25s}.hourly-avg-table tbody tr:nth-child(6){animation-delay:.3s}.hourly-avg-table tbody tr:nth-child(7){animation-delay:.35s}.hourly-avg-table tbody tr:nth-child(8){animation-delay:.4s}.hourly-avg-table tbody tr:nth-child(9){animation-delay:.45s}.hourly-avg-table tbody tr:nth-child(10){animation-delay:.5s}.table-legend{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #3b82f61a;border-radius:12px;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px;padding:16px 24px}.legend-section,.table-legend{align-items:center;display:flex}.legend-section{gap:12px}.legend-title{color:#475569;font-size:.8rem;font-weight:600}.legend-scale{align-items:center;display:flex;gap:8px}.scale-label{color:#64748b;font-size:.75rem;font-weight:500}.scale-gradient{background:linear-gradient(90deg,#3b82f614,#3b82f633 25%,#3b82f659 50%,#2563eb80 75%,#2563eba6);border:1px solid #3b82f633;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;height:16px;width:120px}.table-legend .legend-divider{color:#cbd5e1;font-size:1.2rem;font-weight:300}.legend-info{gap:20px}.info-item,.legend-info{align-items:center;display:flex}.info-item{color:#64748b;font-size:.75rem;font-weight:500;gap:8px}.info-icon{border-radius:4px;height:18px;width:18px}.info-icon.total-icon{background:linear-gradient(135deg,#0891b233,#0e749059);border:1px solid #0891b24d;position:relative}.info-icon.total-icon:after{background:linear-gradient(180deg,#0891b2,#06b6d4);border-radius:2px;bottom:3px;content:"";position:absolute;right:2px;top:3px;width:3px}.info-note{align-items:center;color:#94a3b8;display:flex;font-size:.7rem;font-style:italic;gap:6px}.info-note:before{content:"💡";font-size:.85rem}.detail-summary-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);padding:24px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 16px 48px #00000040,0 0 0 1px #ffffff26;transform:translateY(-4px)}.stat-card.weekday-stat{border-left:4px solid #3b82f6}.stat-card.weekend-stat{border-left:4px solid #f59e0b}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.weekday-stat .stat-icon{background:#3b82f633}.weekend-stat .stat-icon{background:#f59e0b33}.stat-icon svg{height:28px;width:28px}.weekday-stat .stat-icon svg{stroke:#60a5fa}.weekend-stat .stat-icon svg{stroke:#fbbf24}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;font-weight:500}.stat-value{font-size:2rem;line-height:1.1}.stat-sublabel{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}@media (max-width:1200px){.detail-charts-grid{grid-template-columns:1fr}.detail-chart-card.full-width,.detail-chart-card.wide{grid-column:span 1}.daily-chart-container{flex-direction:column}.pie-chart-container{flex-direction:row;justify-content:center}.detail-summary-stats{grid-template-columns:1fr}.hourly-insights{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.detail-view-header{flex-direction:column;gap:12px;text-align:center}.detail-charts-grid{gap:16px;padding:16px}.detail-chart-card{padding:16px}.hourly-insights{gap:12px;grid-template-columns:1fr;padding:12px}.insight-card{padding:12px}.insight-icon{height:36px;width:36px}.insight-icon svg{height:18px;width:18px}.insight-value{font-size:.9rem}.heatmap-cell{min-width:45px;padding:8px 4px}.cell-value{font-size:.6rem}.heatmap-legend{flex-wrap:wrap;gap:10px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.stat-icon{height:48px;width:48px}.monthly-bar-chart{height:280px}.monthly-y-axis{width:40px}.y-axis-tick span{font-size:.55rem}}.hourly-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px}.hourly-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.hourly-report-error,.hourly-report-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.hourly-report-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.hourly-report-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#312e81d9;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:24px;margin-bottom:24px;padding:24px}.filter-section{display:flex;flex-direction:column;gap:12px}.filter-section-title{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:600;gap:10px;letter-spacing:.5px;text-transform:uppercase}.filter-section-title svg{stroke:#00d4ff;height:18px;width:18px}.preset-buttons{flex-wrap:wrap;gap:8px}.preset-btn{background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#fffc;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.preset-btn:hover{background:#3b82f633;color:#fff}.preset-btn.active{background:linear-gradient(135deg,#3b82f6,#0056a4);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.date-inputs{align-items:center;display:flex;gap:12px;margin-top:8px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{color:#fff9;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.date-input-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:14px;min-width:150px;padding:10px 14px;transition:all .2s ease}.date-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.date-input-group input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-separator{color:#fff6;font-size:18px;margin-top:20px}.hour-preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.hour-preset-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease}.hour-preset-btn:hover{background:#00d4ff26;border-color:#00d4ff;color:#fff}.hour-preset-btn.active{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2;box-shadow:0 4px 12px #0891b266;color:#fff}.hour-range-visual{margin-top:12px}.hour-timeline{background:#0000004d;border-radius:12px;display:flex;gap:2px;padding:8px}.hour-block{align-items:flex-end;background:#ffffff1a;border-radius:4px;cursor:pointer;display:flex;flex:1 1;height:36px;justify-content:center;position:relative;transition:all .2s ease}.hour-block:hover{background:#3b82f64d}.hour-block.active{background:linear-gradient(180deg,#3b82f6,#0056a4);box-shadow:0 2px 8px #3b82f666}.hour-block.active:first-of-type,.hour-block.active:nth-child(1 of .active){border-radius:8px 4px 4px 8px}.hour-block.active:last-of-type{border-radius:4px 8px 8px 4px}.hour-mark{bottom:-20px;color:#ffffff80;font-size:10px;font-weight:500;position:absolute}.hour-range-display{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:24px}.hour-badge{background:linear-gradient(135deg,#0056a4,#003d75);border-radius:8px;box-shadow:0 4px 12px #0056a466;color:#fff;font-size:14px;font-weight:700;padding:8px 16px}.hour-badge.start{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.hour-badge.end{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.hour-range-line{background:linear-gradient(90deg,#10b981,#3b82f6 50%,#f59e0b);border-radius:2px;flex:1 1;height:3px;max-width:200px}.hourly-report-table-wrapper{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:24px;overflow:hidden}.hourly-report-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.hourly-report-table td,.hourly-report-table th{border-bottom:1px solid #e2e8f0;padding:12px 10px;text-align:center}.hourly-report-table th{background:linear-gradient(135deg,#0056a4,#003d75);color:#fff;font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.hourly-report-table td.sticky-col,.hourly-report-table th.sticky-col{background:#fff;left:0;min-width:120px;position:-webkit-sticky;position:sticky;text-align:left;z-index:3}.hourly-report-table th.sticky-col{background:linear-gradient(135deg,#0056a4,#003d75);z-index:4}.hourly-report-table th.total-col{background:linear-gradient(135deg,#0096ff,#0070c4)}.row-label{display:flex;flex-direction:column;gap:2px}.gate-text{color:#64748b;font-size:11px}.hour-cell{color:#64748b;transition:all .2s ease}.hour-cell.has-value{color:#1e293b;font-weight:500}.hourly-report-summary{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:20px;padding:20px 24px}.summary-card.peak{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}@media (max-width:1024px){.hourly-report-filters{padding:16px}.hour-preset-buttons,.preset-buttons{justify-content:flex-start}.date-inputs{flex-wrap:wrap}.hourly-report-table-wrapper{overflow-x:auto}.hourly-report-summary{flex-wrap:wrap}.summary-card{min-width:calc(50% - 10px)}}@media (max-width:640px){.hourly-report{padding:16px}.hour-preset-btn,.preset-btn{font-size:12px;padding:8px 12px}.hour-timeline{display:none}.summary-card{min-width:100%}}.hourly-report.is-refreshing{position:relative}.hourly-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}.hourly-report.is-refreshing .hourly-report-summary,.hourly-report.is-refreshing .hourly-report-table-wrapper{opacity:.7;transition:opacity .2s ease}.hourly-report-filters,.hourly-report-summary,.hourly-report-table-wrapper{transition:opacity .3s ease,transform .3s ease}.daily-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px}.daily-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.daily-report-error,.daily-report-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.daily-report-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.daily-report-filters{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#312e81cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px 24px}.date-range{display:flex;gap:8px}.date-range input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:14px;padding:10px 14px;transition:all .2s ease}.date-range input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.date-range input::-webkit-calendar-picker-indicator{filter:invert(1)}.daily-report-table-wrapper{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:24px;overflow-x:auto}.daily-report-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.daily-report-table td,.daily-report-table th{border-bottom:1px solid #e2e8f0;padding:12px 10px;text-align:center;white-space:nowrap}.daily-report-table th{background:linear-gradient(135deg,#0056a4,#003d75);color:#fff;font-size:12px;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.daily-report-table td.sticky-col,.daily-report-table th.sticky-col{background:#fff;left:0;min-width:100px;position:-webkit-sticky;position:sticky;text-align:left;z-index:3}.daily-report-table th.sticky-col{background:linear-gradient(135deg,#0056a4,#003d75);z-index:4}.daily-report-table th.total-col{background:linear-gradient(135deg,#0096ff,#0070c4)}.date-text{color:#1e293b;font-weight:500}.gate-cell{color:#64748b;transition:all .2s ease}.gate-cell.has-value{color:#1e293b;font-weight:500}.total-cell{background:#0096ff0d;font-weight:600}.grand-total{background:linear-gradient(135deg,#0096ff26,#0056a426);color:#0056a4;font-size:14px;font-weight:700}.daily-report-summary{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:20px;padding:20px 24px}.summary-card.avg{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:#10b981}@media (max-width:1024px){.daily-report-filters{align-items:stretch;flex-direction:column}.daily-report-summary{flex-wrap:wrap}.summary-card{min-width:calc(50% - 10px)}}@media (max-width:640px){.daily-report{padding:16px}.summary-card{min-width:100%}}.daily-report.is-refreshing{position:relative}.daily-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}.daily-report.is-refreshing .daily-report-summary,.daily-report.is-refreshing .daily-report-table-wrapper{opacity:.7;transition:opacity .2s ease}.daily-report-filters,.daily-report-summary,.daily-report-table-wrapper{transition:opacity .3s ease,transform .3s ease}.monthly-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px}.monthly-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.monthly-report-error,.monthly-report-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.monthly-report-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.monthly-report-filters{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#312e81cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px 24px}.monthly-report-table-wrapper{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:24px;overflow-x:auto}.monthly-report-table{border-collapse:initial;border-spacing:0;font-size:12px;width:100%}.monthly-report-table td,.monthly-report-table th{border-bottom:1px solid #e2e8f0;padding:10px 8px;text-align:right;white-space:nowrap}.monthly-report-table th{background:linear-gradient(135deg,#0056a4,#003d75);color:#fff;font-size:11px;font-weight:600;line-height:1.3;position:-webkit-sticky;position:sticky;top:0;z-index:2}.monthly-report-table td.sticky-col,.monthly-report-table th.sticky-col{background:#fff;left:0;min-width:80px;position:-webkit-sticky;position:sticky;text-align:left;z-index:3}.monthly-report-table th.sticky-col{background:linear-gradient(135deg,#0056a4,#003d75);z-index:4}.monthly-report-table th.percent-col{background:linear-gradient(135deg,#0070c4,#0056a4);min-width:70px}.monthly-report-table th.cumulative{background:linear-gradient(135deg,#00897b,#00695c)}.month-name{color:#1e293b;font-weight:600}.monthly-report-summary{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:20px;padding:20px 24px}@media (max-width:1024px){.monthly-report-filters{align-items:stretch;flex-direction:column}.monthly-report-summary{flex-wrap:wrap}.summary-card{min-width:calc(50% - 10px)}}@media (max-width:640px){.monthly-report{padding:16px}.summary-card{min-width:100%}}.monthly-report.is-refreshing{position:relative}.monthly-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}.monthly-report.is-refreshing .monthly-report-summary,.monthly-report.is-refreshing .monthly-report-table-wrapper{opacity:.7;transition:opacity .2s ease}.monthly-report-filters,.monthly-report-summary,.monthly-report-table-wrapper{transition:opacity .3s ease,transform .3s ease}.portfolio-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px}.portfolio-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.portfolio-report-error,.portfolio-report-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.portfolio-report-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.portfolio-report-filters{align-items:flex-end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#312e81cc;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px 24px}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item.portfolio-selector{flex:1 1}.filter-item label{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.portfolio-buttons{display:flex;flex-wrap:wrap;gap:8px}.portfolio-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fffc;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.portfolio-btn:hover{background:#3b82f633;border-color:#3b82f6;color:#fff}.portfolio-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666;color:#fff}.filter-item select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;min-width:120px;padding:10px 14px;transition:all .2s ease}.filter-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.filter-item select option{background:#1e293b;color:#fff}.portfolio-report-table-wrapper{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:24px;overflow-x:auto}.portfolio-report-table{border-collapse:initial;border-spacing:0;font-size:12px;width:100%}.portfolio-report-table td,.portfolio-report-table th{border-bottom:1px solid #e2e8f0;padding:10px 8px;text-align:right;white-space:nowrap}.portfolio-report-table th{background:linear-gradient(135deg,#0056a4,#003d75);color:#fff;font-size:11px;font-weight:600;line-height:1.3;position:-webkit-sticky;position:sticky;top:0;z-index:2}.portfolio-report-table td.sticky-col,.portfolio-report-table th.sticky-col{background:#fff;left:0;min-width:100px;position:-webkit-sticky;position:sticky;text-align:left;z-index:3}.portfolio-report-table th.sticky-col{background:linear-gradient(135deg,#0056a4,#003d75);z-index:4}.portfolio-report-table th.sortable{cursor:pointer}.portfolio-report-table th.percent-col,.portfolio-report-table th.sortable:hover{background:linear-gradient(135deg,#0070c4,#0056a4)}.portfolio-report-table th.percent-col{min-width:70px}.portfolio-report-table th.cumulative{background:linear-gradient(135deg,#00897b,#00695c)}.value-cell{color:#1e293b;font-weight:500}.value-cell.cumulative{background:#00897b0d}.percent-cell{font-size:11px;font-weight:600}.percent-cell.positive{color:#10b981}.percent-cell.negative{color:#ef4444}.percent-cell.cumulative{background:#00897b0d}.data-row{animation:cardSlideUp .5s ease-out forwards;opacity:0}.data-row:hover,.data-row:hover td.sticky-col{background:#0096ff0d}.totals-row{background:#f8fafc}.totals-row td{border-top:2px solid #0056a4}.total-cell,.totals-row td{color:#0056a4;font-weight:700}.total-cell.cumulative{background:#00897b1a}.portfolio-report-summary{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:20px;padding:20px 24px}.summary-card{background:#f8fafc;border-left:4px solid #0056a4;flex:1 1;flex-direction:column;gap:8px}.summary-card.target{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left-color:#8b5cf6}.summary-card.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:#10b981}.summary-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.summary-label{letter-spacing:.5px;text-transform:uppercase}.summary-value{font-size:24px;font-weight:700}@media (max-width:1024px){.portfolio-report-filters{align-items:stretch;flex-direction:column}.portfolio-report-summary{flex-wrap:wrap}.summary-card{min-width:calc(50% - 10px)}}@media (max-width:640px){.portfolio-report{padding:16px}.summary-card{min-width:100%}}.portfolio-report.is-refreshing{position:relative}.portfolio-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}.portfolio-report.is-refreshing .portfolio-report-summary,.portfolio-report.is-refreshing .portfolio-report-table-wrapper{opacity:.7;transition:opacity .2s ease}.portfolio-report-filters,.portfolio-report-summary,.portfolio-report-table-wrapper{transition:opacity .3s ease,transform .3s ease}.target-actual-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:24px 32px}.target-actual-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{stroke-dasharray:0 251}}.animate-card{animation:cardSlideUp .6s ease-out forwards}.target-actual-error,.target-actual-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.target-actual-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.summary-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.period-card{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff1a;overflow:visible;padding:28px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.period-card:before{background:linear-gradient(90deg,#003d75,#0056a4 50%,#3b82f6);content:"";height:5px;left:0;position:absolute;right:0;top:0}.period-card.weekly:before{background:linear-gradient(90deg,#0056a4,#3b82f6 50%,#00d4ff)}.period-card.monthly:before{background:linear-gradient(90deg,#0891b2,#06b6d4 50%,#22d3ee)}.period-card.yearly:before{background:linear-gradient(90deg,#7c3aed,#8b5cf6 50%,#a78bfa)}.period-card:hover{box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff26;transform:translateY(-4px)}.period-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.period-icon{align-items:center;background:linear-gradient(135deg,#0056a4,#003d75);border-radius:16px;box-shadow:0 8px 20px #0056a466;display:flex;height:56px;justify-content:center;width:56px}.period-icon svg{stroke:#fff;height:28px;width:28px}.period-icon.weekly-icon{background:linear-gradient(135deg,#3b82f6,#0056a4);box-shadow:0 8px 20px #3b82f666}.period-icon.monthly-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 20px #06b6d466}.period-icon.yearly-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px #8b5cf666}.period-badge{background:linear-gradient(135deg,#0056a4,#003d75);border-radius:20px;box-shadow:0 4px 12px #0056a44d;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.period-badge.monthly-badge{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.period-badge.yearly-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.period-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e3a5f);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:42px;font-weight:800;line-height:1;margin-bottom:8px}.period-date-range{border-bottom:1px solid #00000014;color:#64748b;font-size:13px;font-weight:500;margin-bottom:24px;padding-bottom:16px}.comparison-grid{display:flex;flex-direction:column;gap:12px;position:relative}.comparison-item{grid-gap:12px;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:grid;gap:12px;grid-template-columns:28px 1fr auto auto;padding:12px 16px;transition:all .2s ease}.comparison-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateX(4px)}.comparison-item.target{background:linear-gradient(135deg,#0056a414,#0056a40a);border:1px solid #0056a426}.comparison-icon{align-items:center;background:#64748b1a;border-radius:8px;display:flex;height:28px;justify-content:center;width:28px}.comparison-icon svg{stroke:#64748b;height:16px;width:16px}.comparison-icon.target-icon{background:#0056a426}.comparison-icon.target-icon svg{stroke:#0056a4}.comparison-label{color:#64748b;font-size:12px;font-weight:500}.comparison-value{color:#1e293b;font-size:14px;font-weight:700}.comparison-change{border-radius:20px;font-size:12px;font-weight:700;min-width:80px;padding:4px 10px;text-align:center}.comparison-change.positive{background:linear-gradient(135deg,#10b98126,#10b98114);color:#059669}.comparison-change.negative{background:linear-gradient(135deg,#ef444426,#ef444414);color:#dc2626}.progress-ring-container{background:#fff;border-radius:50%;box-shadow:0 4px 20px #00000026;height:60px;padding:4px;position:absolute;right:-10px;top:-10px;width:60px;z-index:10}.progress-ring{height:100%;transform:rotate(-90deg);width:100%}.progress-ring-bg{fill:none;stroke:#0000000f;stroke-width:6}.progress-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;animation:progressFill 1.5s ease-out forwards}.progress-ring-fill.weekly-ring{stroke:#3b82f6}.progress-ring-fill.monthly-ring{stroke:#06b6d4}.progress-ring-fill.yearly-ring{stroke:#8b5cf6}.progress-ring-text{color:#1e293b;font-size:12px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-section{background:linear-gradient(145deg,#fffffffa,#f8fafcf2);border-radius:20px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff1a;padding:28px}.chart-header{border-bottom:2px solid #0056a41a;margin-bottom:28px;padding-bottom:20px}.chart-header h3{font-size:20px;font-weight:800;gap:12px}.chart-header h3:before{display:inline-block;height:24px;width:4px}.chart-legend{background:#00000008}.legend-dot{border-radius:4px;box-shadow:0 2px 6px #00000026;height:14px;width:14px}.legend-dot.actual-dot{background:linear-gradient(135deg,#00d4ff,#3b82f6 50%,#0056a4)}.legend-dot.target-dot{background:linear-gradient(135deg,#e2e8f0,#94a3b8 50%,#64748b)}.legend-dot.change-dot{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%}.chart-container{background:linear-gradient(180deg,#f8fafc80,#0000);border-radius:12px;height:380px;padding:30px 10px 20px}.chart-grid{bottom:100px;display:flex;flex-direction:column;justify-content:space-between;left:10px;pointer-events:none;position:absolute;right:10px;top:30px}.grid-line{background:linear-gradient(90deg,#0000000f,#00000008);position:relative;width:100%}.grid-line:before{color:#94a3b8;content:attr(data-value);font-size:10px;font-weight:500;left:-5px;position:absolute;top:-8px}.chart-bars{gap:12px;height:calc(100% - 80px);position:relative;z-index:1}.bar-group{animation:cardSlideUp .5s ease-out forwards;max-width:80px}.bars-wrapper{padding:0 4px}.bar{border-radius:8px 8px 0 0;min-height:6px;min-width:28px;width:28px}.bar:hover{transform:scaleX(1.1)}.actual-bar{background:linear-gradient(180deg,#00d4ff,#3b82f6 30%,#0056a4);box-shadow:0 -6px 24px #3b82f659}.target-bar{background:linear-gradient(180deg,#e2e8f0,#94a3b8 40%,#64748b);box-shadow:0 -4px 16px #64748b33;opacity:.85}.bar-value{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#0f172a;font-size:11px;font-weight:700;left:50%;opacity:0;padding:2px 6px;position:absolute;top:-32px;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap}.bar:hover .bar-value{opacity:1;transform:translateX(-50%) translateY(-4px)}.bar-label{color:#475569;font-size:13px;font-weight:700;letter-spacing:.5px;margin-top:16px;text-transform:uppercase}.change-indicator{margin-top:8px;min-height:24px}.change-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;gap:2px;padding:4px 10px}.change-indicator.positive .change-badge{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#059669}.change-indicator.positive .change-badge:before{content:"↑";font-size:10px}.change-indicator.negative .change-badge{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#dc2626}.change-indicator.negative .change-badge:before{content:"↓";font-size:10px}.data-source-badge{padding:4px 8px}.data-source-text{font-size:11px}.target-actual-report.is-refreshing{position:relative}.target-actual-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}.target-actual-report.is-refreshing .chart-section,.target-actual-report.is-refreshing .period-card{opacity:.7;transition:opacity .2s ease}@media (max-width:1200px){.summary-cards-grid{gap:20px;grid-template-columns:1fr}.period-card{padding:24px}.period-value{font-size:36px}.progress-ring-container{height:55px;right:-8px;top:-8px;width:55px}}@media (max-width:768px){.target-actual-report{padding:16px}.chart-header{align-items:flex-start;flex-direction:column;gap:16px}.chart-legend{flex-wrap:wrap;gap:12px;padding:8px 16px}.chart-container{height:320px;overflow-x:auto;padding:20px 5px}.chart-bars{min-width:700px;padding:0 10px}.bar-group{max-width:60px}.bar{min-width:22px;width:22px}.comparison-item{gap:8px;grid-template-columns:24px 1fr auto}.comparison-change{grid-column:2/-1;justify-self:start}}@media (max-width:480px){.period-value{font-size:32px}.progress-ring-container{height:50px;right:-6px;top:-6px;width:50px}.progress-ring-text{font-size:10px}}.day-comparison-report{background:linear-gradient(170deg,#1e1b4b,#252369 40%,#312e81 70%,#1e1b4b);min-height:calc(100vh - 200px);padding:20px 24px}.day-comparison-report .report-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-card{animation:cardSlideUp .5s ease-out forwards}.day-comparison-error,.day-comparison-loading{align-items:center;color:#fffc;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #3b82f633}.dc-filter-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px 20px}.filter-group{align-items:center;gap:8px}.filter-label{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.dc-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:13px;font-weight:500;min-width:90px;padding:8px 12px;transition:all .2s}.dc-select:focus,.dc-select:hover{border-color:#3b82f6}.dc-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-divider{background:#e2e8f0;height:32px;width:1px}.year-row{align-items:center;display:flex;gap:8px}.dc-select.year-current{background:linear-gradient(135deg,#3b82f614,#fff);border-color:#3b82f6}.dc-select.year-compare{border-color:#94a3b8}.vs-badge{background:#94a3b8;border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.hour-row{align-items:center;display:flex;gap:6px}.dc-select.hour-select{min-width:75px}.hour-separator{color:#94a3b8;font-weight:600}.filter-spacer{flex:1 1}.preset-buttons{display:flex;gap:6px}.preset-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.preset-btn:hover{border-color:#3b82f6;color:#3b82f6}.preset-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#0000;box-shadow:0 2px 8px #3b82f64d;color:#fff}.kpi-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:16px}.kpi-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001f;padding:20px;position:relative}.kpi-card:before{border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.kpi-card.current:before{background:linear-gradient(90deg,#0056a4,#3b82f6 50%,#00d4ff)}.kpi-card.compare:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.kpi-card.change{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:160px;padding:16px}.kpi-card.change:before{display:none}.kpi-header{justify-content:space-between;margin-bottom:12px}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:linear-gradient(135deg,#3b82f6,#0056a4);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;height:44px;justify-content:center;width:44px}.kpi-icon svg{stroke:#fff;height:22px;width:22px}.kpi-icon.compare-icon{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #64748b40}.kpi-badge{border-radius:16px;font-size:12px;font-weight:700;padding:4px 12px}.kpi-badge.current-badge{background:#3b82f61f;color:#0056a4}.kpi-badge.compare-badge{background:#64748b1f;color:#64748b}.kpi-value{color:#0f172a;font-size:32px;font-weight:800;line-height:1.1;margin-bottom:4px}.kpi-label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:2px}.kpi-period{color:#94a3b8;font-size:11px}.change-indicator-large{text-align:center}.change-indicator-large .change-arrow{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;margin:0 auto 8px;width:44px}.change-indicator-large .change-arrow svg{height:24px;width:24px}.change-indicator-large.positive .change-arrow{background:#10b98126}.change-indicator-large.positive .change-arrow svg{stroke:#059669}.change-indicator-large.negative .change-arrow{background:#ef444426}.change-indicator-large.negative .change-arrow svg{stroke:#dc2626}.change-indicator-large .change-value{font-size:24px;font-weight:800;margin-bottom:2px}.change-indicator-large.positive .change-value{color:#059669}.change-indicator-large.negative .change-value{color:#dc2626}.change-indicator-large .change-label{color:#94a3b8;font-size:10px;letter-spacing:.3px;text-transform:uppercase}.change-details{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px}.change-detail-item{align-items:center;display:flex;gap:8px;justify-content:space-between}.change-detail-item .detail-label{color:#94a3b8;font-size:10px}.change-detail-item .detail-value{font-size:12px;font-weight:700}.change-detail-item .detail-value.positive{color:#059669}.change-detail-item .detail-value.negative{color:#dc2626}.insights-strip{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;gap:40px;justify-content:center;margin-bottom:20px;padding:16px 32px;position:relative;z-index:10}.insight-item,.insights-strip{align-items:center;display:flex}.insight-item{gap:12px}.insight-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.insight-icon svg{height:18px;width:18px}.insight-icon.peak{background:#3b82f61f}.insight-icon.peak svg{stroke:#3b82f6}.insight-icon.day{background:#8b5cf61f}.insight-icon.day svg{stroke:#8b5cf6}.insight-icon.improvement{background:#10b9811f}.insight-icon.improvement svg{stroke:#10b981}.insight-content{display:flex;flex-direction:column}.insight-content .insight-label{color:#94a3b8;font-size:10px;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.insight-content .insight-value{color:#0f172a;font-size:14px;font-weight:700}.insight-divider{background:#e2e8f0;height:36px;width:1px}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.chart-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001f;overflow:hidden;padding:20px}.chart-header{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:12px}.chart-header h3{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:8px}.chart-header h3:before{background:linear-gradient(180deg,#3b82f6,#0056a4);border-radius:2px;content:"";height:14px;width:3px}.chart-legend{gap:14px}.chart-legend .legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:5px}.chart-legend .legend-dot{border-radius:2px;height:8px;width:8px}.chart-legend .legend-item.current .legend-dot{background:linear-gradient(135deg,#00d4ff,#3b82f6)}.chart-legend .legend-item.compare .legend-dot{background:#94a3b8}.hourly-chart-container{display:flex;height:260px;overflow:hidden}.chart-y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:0 12px 32px 0;width:50px}.chart-y-axis .y-label{color:#94a3b8;font-size:10px;font-weight:500;text-align:right}.chart-area{flex:1 1;overflow:hidden;position:relative}.chart-area .grid-lines{bottom:32px;display:flex;flex-direction:column;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:0}.chart-area .grid-line{background:#f1f5f9;height:1px;width:100%}.bars-container{align-items:flex-end;display:flex;gap:3px;height:calc(100% - 32px);justify-content:space-between;position:relative;z-index:1}.bar-group{height:100%;max-width:40px}.bars-wrapper{gap:2px}.bar{animation:barGrow .4s ease-out forwards;border-radius:3px 3px 0 0;min-height:3px;transform-origin:bottom;transition:all .2s ease}.bar.current-bar{background:linear-gradient(180deg,#00d4ff,#3b82f6 50%,#0056a4)}.bar.compare-bar{background:#cbd5e1}.bar-tooltip{background:#fff;border-radius:3px;box-shadow:0 1px 4px #00000026;color:#0f172a;font-size:9px;font-weight:700;left:50%;opacity:0;padding:2px 4px;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.bar:hover .bar-tooltip{opacity:1}.bar-change{border-radius:3px;font-size:8px;font-weight:700;margin-top:2px;padding:1px 3px;white-space:nowrap}.bar-change.positive{background:#10b9811a;color:#059669}.bar-change.negative{background:#ef44441a;color:#dc2626}.bar-label{color:#94a3b8;font-size:9px}.daily-chart-container{display:flex;flex-direction:column;gap:10px}.daily-bar-group{grid-gap:10px;align-items:center;background:#f8fafc;border-radius:10px;display:grid;gap:10px;grid-template-columns:70px 1fr 60px;padding:10px 12px;transition:all .2s ease}.daily-bar-group:hover{background:#f1f5f9;transform:translateX(3px)}.daily-bar-group.weekend{background:#f59e0b0f}.daily-bar-group.weekend:hover{background:#f59e0b1a}.day-label{display:flex;flex-direction:column}.day-label .day-name{color:#0f172a;font-size:13px;font-weight:700}.day-label .day-full{color:#94a3b8;font-size:9px}.daily-bars{display:flex;flex-direction:column;gap:4px}.daily-bar-row{background:#0000000a;border-radius:4px;height:16px;overflow:hidden}.daily-bar{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:flex-end;min-width:35px;padding-right:6px;transition:width .4s ease-out}.daily-bar.current-bar{background:linear-gradient(90deg,#0056a4,#3b82f6 60%,#00d4ff)}.daily-bar.compare-bar{background:linear-gradient(90deg,#64748b,#94a3b8)}.daily-bar-value{color:#fff;font-size:9px;font-weight:700;text-shadow:0 1px 2px #0003}.daily-change{border-radius:6px;font-size:11px;font-weight:700;padding:3px 6px;text-align:right}.daily-change.positive{background:#10b9811a;color:#059669}.daily-change.negative{background:#ef44441a;color:#dc2626}.data-source-indicator{justify-content:flex-end;margin-top:16px;opacity:.6}.data-source-badge{background:#3b82f633;border-radius:4px;color:#3b82f6;font-size:9px;padding:3px 6px}.data-source-text{color:#fff9;font-size:10px}.day-comparison-report.is-refreshing{position:relative}.day-comparison-report.is-refreshing:before{animation:refreshProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes refreshProgress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.day-comparison-report.is-refreshing .chart-card,.day-comparison-report.is-refreshing .insights-strip,.day-comparison-report.is-refreshing .kpi-card{opacity:.7}@media (max-width:1200px){.charts-grid,.kpi-summary-grid{grid-template-columns:1fr}.kpi-summary-grid{gap:12px}.kpi-card.change{order:-1}.dc-filter-bar{gap:12px}.filter-spacer{display:none}.preset-buttons{justify-content:flex-end;width:100%}}@media (max-width:768px){.day-comparison-report{padding:16px}.dc-filter-bar{align-items:stretch;flex-direction:column;padding:12px}.filter-group{justify-content:space-between}.filter-divider{height:1px;width:100%}.preset-buttons{flex-wrap:wrap}.insights-strip{flex-direction:column;gap:12px;padding:16px}.insight-divider{height:1px;width:80%}.hourly-chart-container{height:220px;overflow-x:auto}.bars-container{min-width:500px}.kpi-value{font-size:26px}}@media (max-width:480px){.chart-header{align-items:flex-start;flex-direction:column;gap:10px}.daily-bar-group{gap:6px;grid-template-columns:55px 1fr 45px;padding:8px}.day-label .day-name{font-size:11px}.day-label .day-full{display:none}}.prediction-accuracy-report{padding:0;transition:opacity .2s ease}.prediction-accuracy-report.is-refreshing{opacity:.7;pointer-events:none}.prediction-accuracy-error,.prediction-accuracy-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.prediction-accuracy-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.prediction-accuracy-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.date-range-selector{align-items:center;display:flex;gap:12px}.date-range-selector label{color:#475569;font-size:14px;font-weight:500}.range-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.range-select:focus,.range-select:hover{border-color:#3b82f6}.range-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.accuracy-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.accuracy-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.accuracy-summary-grid{grid-template-columns:1fr}}.accuracy-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px;transition:all .3s ease}.accuracy-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.accuracy-card.main-card{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#bae6fd}.accuracy-card.mape-card{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#bbf7d0}.accuracy-card.mae-card{background:linear-gradient(135deg,#fff,#fefce8);border-color:#fef08a}.accuracy-card.bounds-card{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#e9d5ff}.info-tooltip-wrapper{cursor:help;margin-left:auto;position:relative}.info-icon{color:#94a3b8;height:16px;transition:color .2s;width:16px}.info-tooltip-wrapper:hover .info-icon{color:#3b82f6}.info-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 10px 40px #0003;color:#fff;font-size:12px;line-height:1.5;opacity:0;padding:12px 14px;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-5px);transition:all .2s ease;visibility:hidden;width:280px;z-index:100}.info-tooltip:before{border-bottom:6px solid #1e293b;border-left:6px solid #0000;border-right:6px solid #0000;content:"";position:absolute;right:12px;top:-6px}.info-tooltip-wrapper:hover .info-tooltip{opacity:1;transform:translateY(0);visibility:visible}.card-icon.accuracy-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-icon.mape-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-icon.mae-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-icon.bounds-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.card-value.mae-value{color:#d97706}.card-subtitle{margin-bottom:16px}.accuracy-gauge{margin:16px 0}.gauge-track{height:8px;overflow:hidden}.gauge-fill,.gauge-track{border-radius:4px}.gauge-fill.excellent{background:linear-gradient(90deg,#10b981,#059669)}.gauge-fill.good{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gauge-fill.moderate{background:linear-gradient(90deg,#f59e0b,#d97706)}.gauge-fill.poor{background:linear-gradient(90deg,#ef4444,#dc2626)}.gauge-labels{margin-top:4px}.card-footer{margin-top:auto}.stat-badge{background:#f1f5f9;color:#64748b;font-weight:500;padding:4px 10px}.quality-badge,.stat-badge{border-radius:6px;display:inline-block;font-size:12px}.quality-badge{font-weight:600;padding:4px 12px}.quality-badge.excellent{background:#d1fae5;color:#059669}.quality-badge.good{background:#dbeafe;color:#2563eb}.quality-badge.moderate{background:#fef3c7;color:#d97706}.quality-badge.poor{background:#fee2e2;color:#dc2626}.stat-text{color:#94a3b8;font-size:12px}.confidence-breakdown-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.section-header h3 svg{color:#3b82f6}.confidence-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.confidence-cards{grid-template-columns:1fr}}.confidence-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.confidence-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.confidence-card.high{border-left:4px solid #10b981}.confidence-card.medium{border-left:4px solid #f59e0b}.confidence-card.low{border-left:4px solid #ef4444}.confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.confidence-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.confidence-badge.high{background:#d1fae5;color:#059669}.confidence-badge.medium{background:#fef3c7;color:#d97706}.confidence-badge.low{background:#fee2e2;color:#dc2626}.confidence-card.no-data{background:#f1f5f9;opacity:.7}.no-data-message{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center}.no-data-message svg{height:32px;margin-bottom:8px;opacity:.5;width:32px}.no-data-message span{font-size:13px}.prediction-count{color:#94a3b8;font-size:12px}.confidence-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.stat-row{align-items:center;display:flex;justify-content:space-between}.stat-value{font-size:14px;font-weight:600}.confidence-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.confidence-bar .bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.confidence-bar .bar-fill.high{background:linear-gradient(90deg,#10b981,#059669)}.confidence-bar .bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.confidence-bar .bar-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.predictions-chart-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.chart-legend{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;padding:10px 20px}.legend-item{color:#475569;font-size:13px;font-weight:600;gap:10px}.legend-item .legend-dot{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:16px;width:16px}.legend-item.predicted .legend-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f666}.legend-item.actual .legend-dot{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98166}.predictions-chart{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.chart-container{background:#fff;border-radius:8px;height:320px;padding:20px 10px;position:relative}.chart-bars{align-items:flex-end;display:flex;gap:16px;height:100%;justify-content:space-around;padding:0 20px}.bar-group{align-items:center;animation:barGroupFadeIn .5s ease-out forwards;display:flex;flex:1 1;flex-direction:column;max-width:100px;min-width:60px;opacity:0}@keyframes barGroupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bars-wrapper{border-bottom:2px solid #e2e8f0;gap:6px;height:200px;padding-bottom:4px}.bar{border-radius:6px 6px 0 0;cursor:pointer;flex:1 1;min-height:8px;position:relative}.bar:hover{filter:brightness(1.1);transform:scaleY(1.02);transform-origin:bottom}.bar.predicted-bar{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.bar.actual-bar,.bar.actual-bar.outside{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.bar .bar-value{background:#fff;border-radius:6px;bottom:100%;box-shadow:0 2px 8px #00000026;color:#334155;font-size:10px;font-weight:700;left:50%;margin-bottom:4px;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap;z-index:10}.bar-group:hover .bar-value{opacity:1;transform:translateX(-50%) translateY(-4px)}.bar.predicted-bar .bar-value{border-left:3px solid #3b82f6}.bar.actual-bar .bar-value{border-left:3px solid #10b981}.deviation-badge{border-radius:20px;font-size:11px;font-weight:700;margin:10px 0 6px;padding:4px 10px;transition:transform .2s ease}.bar-group:hover .deviation-badge{transform:scale(1.05)}.deviation-badge.positive{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 2px 4px #16a34a33;color:#16a34a}.deviation-badge.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 4px #dc262633;color:#dc2626}.bar-label{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;margin-top:4px;padding:4px 12px;white-space:nowrap}.chart-empty{align-items:center;color:#94a3b8;display:flex;height:200px;justify-content:center}@media (max-width:768px){.report-header-bar{flex-direction:column;gap:16px}.card-value{font-size:28px}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-bars{overflow-x:auto;padding-bottom:10px}.bar-group{min-width:50px}}.portfolio-ranking-report{padding:0;transition:opacity .2s ease}.portfolio-ranking-report.is-refreshing{opacity:.7;pointer-events:none}.portfolio-ranking-error,.portfolio-ranking-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.portfolio-ranking-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.portfolio-ranking-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.report-header-bar{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.header-controls{align-items:center;display:flex;gap:24px}.date-range-selector,.sort-selector{align-items:center;display:flex;gap:12px}.date-range-selector label,.sort-selector label{color:#475569;font-size:14px;font-weight:500}.range-select,.sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.range-select:hover,.sort-select:hover{border-color:#3b82f6}.range-select:focus,.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ranking-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.ranking-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.ranking-summary-grid{grid-template-columns:1fr}}.summary-card{box-shadow:0 2px 4px #00000005;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-icon{border-radius:12px;height:48px;width:48px}.card-icon svg{height:24px;width:24px}.card-icon.total-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-icon.tenants-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-icon.avg-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-content{display:flex;flex-direction:column;gap:4px}.card-value{color:#1e293b;font-size:24px}.card-value.period-text{font-size:14px;font-weight:600}.rankings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.section-header{flex-direction:column;gap:8px}.section-description{color:#64748b;font-size:13px;line-height:1.5;margin:0;padding-left:30px}.section-header h3 svg{color:#f59e0b}.rankings-table-wrapper{overflow-x:auto}.rankings-table{border-collapse:collapse;width:100%}.rankings-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.rankings-table td{border-bottom:1px solid #f1f5f9;padding:16px}.rank-row{transition:all .2s ease}.rank-row:hover{background:#f8fafc}.rank-row.gold{background:linear-gradient(90deg,#fef9c3,#fff 50%)}.rank-row.silver{background:linear-gradient(90deg,#f1f5f9,#fff 50%)}.rank-row.bronze{background:linear-gradient(90deg,#fed7aa,#fff 50%)}.rank-col{width:60px}.rank-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.rank-badge.gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff;font-size:18px}.rank-badge.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;font-size:18px}.rank-badge.bronze{background:linear-gradient(135deg,#f97316,#c2410c);color:#fff;font-size:18px}.rank-badge.default{background:#f1f5f9;color:#64748b}.tenant-info{display:flex;flex-direction:column;gap:2px}.visitors-col{width:120px}.visitors-value{color:#3b82f6;font-size:15px;font-weight:600}.share-col{width:100px}.share-value{color:#64748b;font-size:14px;font-weight:500}.growth-col{width:100px}.growth-value{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:600;gap:4px;padding:4px 10px}.growth-value.positive{background:#dcfce7;color:#16a34a}.growth-value.negative{background:#fee2e2;color:#dc2626}.growth-value.neutral{background:#f1f5f9;color:#64748b}.percentile-col{width:80px}.percentile-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.percentile-badge.top-10{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.percentile-badge.top-25{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.percentile-badge.top-50{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.percentile-badge.bottom-50{background:#f1f5f9;color:#64748b}.bar-col{width:200px}.bar-wrapper{background:#e2e8f0;border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.bar-fill.gold{background:linear-gradient(90deg,#fbbf24,#d97706)}.bar-fill.silver{background:linear-gradient(90deg,#94a3b8,#64748b)}.bar-fill.bronze{background:linear-gradient(90deg,#f97316,#c2410c)}.bar-fill.default{background:linear-gradient(90deg,#3b82f6,#2563eb)}.distribution-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.distribution-section .section-header h3 svg{color:#3b82f6}.distribution-chart{display:flex;flex-direction:column;gap:12px}.distribution-bar-group{align-items:center;display:flex;gap:16px}.distribution-label{align-items:center;display:flex;gap:12px;min-width:180px}.distribution-label .tenant-rank{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.distribution-label .tenant-name{color:#334155;font-size:14px;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-bar-container{align-items:center;display:flex;flex:1 1;gap:12px}.distribution-bar-wrapper{background:#f1f5f9;border-radius:6px;flex:1 1;height:28px;overflow:hidden}.distribution-bar{border-radius:6px;height:100%;min-width:8px;transition:width .5s ease}.distribution-percent{color:#334155;font-size:14px;font-weight:600;min-width:50px;text-align:right}.distribution-bar.top-10{background:linear-gradient(90deg,#10b981,#059669)}.distribution-bar.top-25{background:linear-gradient(90deg,#3b82f6,#2563eb)}.distribution-bar.top-50{background:linear-gradient(90deg,#f59e0b,#d97706)}.distribution-bar.bottom-50{background:linear-gradient(90deg,#94a3b8,#64748b)}.distribution-bar .bar-label{color:#fff;font-size:12px;font-weight:600}.data-source-indicator{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.data-source-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.data-source-text{color:#64748b;font-size:12px}@media (max-width:768px){.report-header-bar{flex-direction:column;gap:16px}.header-controls{flex-direction:column;width:100%}.date-range-selector,.sort-selector{width:100%}.range-select,.sort-select{flex:1 1}.rankings-table td,.rankings-table th{padding:12px 8px}.bar-col{display:none}.distribution-label{min-width:120px}.distribution-label .tenant-name{max-width:90px}}.target-achievement-report{padding:0;transition:opacity .2s ease}.target-achievement-report.is-refreshing{opacity:.7;pointer-events:none}.target-achievement-error,.target-achievement-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.target-achievement-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}.target-achievement-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.target-achievement-report .report-header-bar{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.target-achievement-report .date-range-selector{align-items:center;display:flex;gap:12px}.target-achievement-report .date-range-selector label{color:#475569;font-size:14px;font-weight:500}.target-achievement-report .range-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.target-achievement-report .range-select:hover{border-color:#3b82f6}.target-achievement-report .range-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.achievement-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.achievement-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.achievement-summary-grid{grid-template-columns:1fr}}.achievement-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px;transition:all .3s ease}.achievement-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.achievement-card.main-card{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#bbf7d0}.achievement-card.consistency-card{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#bae6fd}.achievement-card.distribution-card{background:linear-gradient(135deg,#fff,#fefce8);border-color:#fef08a}.achievement-card.period-card{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#e9d5ff}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.card-icon{border-radius:10px;height:40px;width:40px}.card-icon svg{height:22px;width:22px}.card-icon.target-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.card-icon.consistency-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-icon.distribution-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-icon.period-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.card-label{font-size:14px;font-weight:500}.card-value{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.card-value.exceeded{color:#059669}.card-value.achieved{color:#3b82f6}.card-value.close{color:#f59e0b}.card-value.below{color:#ef4444}.card-value.excellent{color:#059669}.card-value.good{color:#3b82f6}.card-value.moderate{color:#f59e0b}.card-value.poor{color:#ef4444}.card-value.period-value{color:#7c3aed;font-size:32px}.card-subtitle{color:#94a3b8;font-size:12px;margin-bottom:8px}.achievement-gauge{margin:16px 0}.gauge-track{background:#e2e8f0;border-radius:5px;height:10px;overflow:visible;position:relative}.gauge-fill{border-radius:5px;height:100%;max-width:100%;transition:width .5s ease}.gauge-fill.exceeded{background:linear-gradient(90deg,#10b981,#059669)}.gauge-fill.achieved{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gauge-fill.close{background:linear-gradient(90deg,#f59e0b,#d97706)}.gauge-fill.below{background:linear-gradient(90deg,#ef4444,#dc2626)}.target-line{background:#1e293b;border-radius:1px;height:18px;position:absolute;top:-4px;width:2px}.gauge-labels{color:#94a3b8;display:flex;font-size:10px;justify-content:space-between;margin-top:6px}.target-label{color:#1e293b;font-weight:600}.card-footer{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:12px}.stat-text{color:#64748b;font-size:13px;font-weight:500}.distribution-bars{display:flex;flex-direction:column;gap:8px}.dist-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.dist-item.exceeded{background:#d1fae5}.dist-item.achieved{background:#dbeafe}.dist-item.close{background:#fef3c7}.dist-item.below{background:#fee2e2}.dist-label{color:#334155;font-size:12px}.dist-value{font-size:16px;font-weight:700}.dist-item.exceeded .dist-value{color:#059669}.dist-item.achieved .dist-value{color:#2563eb}.dist-item.close .dist-value{color:#d97706}.dist-item.below .dist-value{color:#dc2626}.achievements-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.section-header h3 svg{color:#10b981;height:20px;width:20px}.achievements-table-wrapper{overflow-x:auto}.achievements-table{border-collapse:collapse;width:100%}.achievements-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.achievements-table td{border-bottom:1px solid #f1f5f9;padding:16px}.achievement-row{transition:all .2s ease}.achievement-row:hover{background:#f8fafc}.tenant-col{min-width:150px}.tenant-name{color:#1e293b;font-size:14px;font-weight:600}.actual-col,.target-col{width:120px}.actual-value{color:#3b82f6;font-size:15px;font-weight:600}.target-value{color:#64748b;font-size:14px}.rate-col{width:160px}.rate-wrapper{display:flex;flex-direction:column;gap:6px}.rate-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.rate-badge.exceeded{background:#d1fae5;color:#059669}.rate-badge.achieved{background:#dbeafe;color:#2563eb}.rate-badge.close{background:#fef3c7;color:#d97706}.rate-badge.below{background:#fee2e2;color:#dc2626}.rate-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.rate-fill{border-radius:3px;height:100%;transition:width .5s ease}.rate-fill.exceeded{background:linear-gradient(90deg,#10b981,#059669)}.rate-fill.achieved{background:linear-gradient(90deg,#3b82f6,#2563eb)}.rate-fill.close{background:linear-gradient(90deg,#f59e0b,#d97706)}.rate-fill.below{background:linear-gradient(90deg,#ef4444,#dc2626)}.consistency-col{width:100px}.consistency-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.consistency-badge.excellent{background:#d1fae5;color:#059669}.consistency-badge.good{background:#dbeafe;color:#2563eb}.consistency-badge.moderate{background:#fef3c7;color:#d97706}.consistency-badge.poor{background:#fee2e2;color:#dc2626}.trend-col{width:100px}.trend-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.trend-badge.improving{background:#d1fae5;color:#059669}.trend-badge.stable{background:#f1f5f9;color:#64748b}.trend-badge.declining{background:#fee2e2;color:#dc2626}.details-col{min-width:280px}.details-info{display:flex;flex-wrap:wrap;gap:10px}.detail-item{align-items:center;flex-direction:column;font-weight:500;gap:4px;min-width:75px;padding:8px 12px;text-align:center;transition:all .2s ease}.detail-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.detail-item .detail-icon{font-size:14px;font-weight:700;line-height:1}.detail-item .detail-value{font-size:18px;font-weight:700;line-height:1.2}.detail-item .detail-label{word-wrap:break-word;font-size:10px;font-weight:500;line-height:1.2;max-width:70px;opacity:.85}.detail-item.exceeded-days{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#059669}.detail-item.exceeded-days .detail-icon{color:#047857}.detail-item.met-days{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#2563eb}.detail-item.met-days .detail-icon{color:#1d4ed8}.detail-item.below-days{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626}.detail-item.below-days .detail-icon{color:#b91c1c}.target-achievement-report .data-source-indicator{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.target-achievement-report .data-source-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.target-achievement-report .data-source-text{color:#64748b;font-size:12px}.animate-card{animation:fadeSlideUp .4s ease forwards;opacity:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.target-achievement-report .report-header-bar{flex-direction:column;gap:16px}.card-value{font-size:28px}.achievements-table td,.achievements-table th{padding:12px 8px}.details-col{display:none}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.tenant-scorecard-report{padding:0;transition:opacity .2s ease}.tenant-scorecard-report.is-refreshing{opacity:.7;pointer-events:none}.tenant-sc-error,.tenant-sc-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.tenant-sc-loading .loading-spinner{animation:tenant-sc-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes tenant-sc-spin{to{transform:rotate(1turn)}}.tenant-sc-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.tenant-sc-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 20px;transition:background .2s}.tenant-sc-retry-btn:hover{background:#2563eb}.tenant-sc-header-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.tenant-sc-header-bar,.tenant-sc-header-left{align-items:center;display:flex;gap:12px}.tenant-sc-back-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.tenant-sc-back-btn:hover{background:#f1f5f9;border-color:#94a3b8}.tenant-sc-back-btn svg{color:#475569;height:18px;width:18px}.tenant-sc-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.tenant-sc-subtitle{color:#64748b;font-size:13px;margin:2px 0 0;max-width:500px}.tenant-sc-header-right{align-items:center;display:flex;gap:12px}.tenant-sc-period-select label,.tenant-sc-sort-select label{color:#94a3b8;display:block;font-size:11px;margin-bottom:2px}.tenant-sc-period-select select,.tenant-sc-sort-select select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;padding:6px 28px 6px 10px}.tenant-sc-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.tenant-sc-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}.tenant-sc-summary-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.tenant-sc-summary-card.sc-excellent{border-left:4px solid #10b981}.tenant-sc-summary-card.sc-good{border-left:4px solid #f59e0b}.tenant-sc-summary-card.sc-attention{border-left:4px solid #f97316}.tenant-sc-summary-card.sc-critical{border-left:4px solid #ef4444}.tenant-sc-summary-value{color:#0f172a;font-size:28px;font-weight:800;line-height:1}.tenant-sc-summary-label{color:#64748b;font-size:12px;margin-top:6px}.tenant-sc-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.tenant-sc-table{border-collapse:collapse;width:100%}.tenant-sc-table thead th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.tenant-sc-th-rank{text-align:center!important;width:40px}.tenant-sc-th-name{min-width:160px}.tenant-sc-th-score{text-align:center!important;width:80px}.tenant-sc-th-bar{width:120px}.tenant-sc-th-component{text-align:center!important;width:70px}.tenant-sc-th-status{text-align:center!important;width:140px}.tenant-sc-row{cursor:pointer;transition:background .15s}.tenant-sc-row:hover{background:#f8fafc}.tenant-sc-row td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:12px 14px}.tenant-sc-td-rank{color:#94a3b8;font-weight:700;text-align:center}.tenant-sc-tenant-name{color:#1e293b;font-weight:600}.tenant-sc-td-score{text-align:center}.tenant-sc-score-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:700;padding:4px 12px}.tenant-sc-score-badge.sc-excellent{background:#d1fae5;color:#065f46}.tenant-sc-score-badge.sc-good{background:#fef3c7;color:#92400e}.tenant-sc-score-badge.sc-attention{background:#ffedd5;color:#9a3412}.tenant-sc-score-badge.sc-critical{background:#fee2e2;color:#991b1b}.tenant-sc-td-bar{padding-right:8px}.tenant-sc-bar-bg{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.tenant-sc-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.tenant-sc-bar-fill.sc-excellent{background:#10b981}.tenant-sc-bar-fill.sc-good{background:#f59e0b}.tenant-sc-bar-fill.sc-attention{background:#f97316}.tenant-sc-bar-fill.sc-critical{background:#ef4444}.tenant-sc-td-component{font-size:13px;font-weight:600;text-align:center}.tenant-sc-td-component .sc-excellent{color:#059669}.tenant-sc-td-component .sc-good{color:#d97706}.tenant-sc-td-component .sc-attention{color:#ea580c}.tenant-sc-td-component .sc-critical{color:#dc2626}.tenant-sc-td-status{text-align:center}.tenant-sc-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.tenant-sc-status-pill.sc-excellent{background:#d1fae5;color:#065f46}.tenant-sc-status-pill.sc-good{background:#fef3c7;color:#92400e}.tenant-sc-status-pill.sc-attention{background:#ffedd5;color:#9a3412}.tenant-sc-status-pill.sc-critical{background:#fee2e2;color:#991b1b}.tenant-sc-empty{color:#94a3b8;font-size:15px;padding:60px 20px;text-align:center}.tenant-sc-detail{animation:tenant-sc-fadeIn .3s ease}@keyframes tenant-sc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tenant-sc-detail-top{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr;margin-bottom:24px}.tenant-sc-score-circle-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:32px 24px}.tenant-sc-score-circle{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:160px}.tenant-sc-circle-svg{height:100%;left:0;position:absolute;top:0;width:100%}.tenant-sc-score-circle.sc-excellent{color:#10b981}.tenant-sc-score-circle.sc-good{color:#f59e0b}.tenant-sc-score-circle.sc-attention{color:#f97316}.tenant-sc-score-circle.sc-critical{color:#ef4444}.tenant-sc-circle-inner{align-items:center;display:flex;flex-direction:column;z-index:1}.tenant-sc-circle-value{color:#0f172a;font-size:36px;font-weight:800}.tenant-sc-circle-label{color:#94a3b8;font-size:12px;margin-top:2px}.tenant-sc-status-badge{border-radius:20px;font-size:14px;font-weight:600;margin-top:16px;padding:6px 18px}.tenant-sc-status-badge.sc-excellent{background:#d1fae5;color:#065f46}.tenant-sc-status-badge.sc-good{background:#fef3c7;color:#92400e}.tenant-sc-status-badge.sc-attention{background:#ffedd5;color:#9a3412}.tenant-sc-status-badge.sc-critical{background:#fee2e2;color:#991b1b}.tenant-sc-radar-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;padding:24px}.tenant-sc-radar-container h3{color:#334155;font-size:15px;font-weight:600;margin:0 0 12px}.tenant-sc-radar-svg{max-width:320px;width:100%}.tenant-sc-radar-label{fill:#64748b;font-size:11px;font-weight:600}.tenant-sc-components-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.tenant-sc-component-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:transform .2s,box-shadow .2s}.tenant-sc-component-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.tenant-sc-component-card.sc-excellent{border-top:3px solid #10b981}.tenant-sc-component-card.sc-good{border-top:3px solid #f59e0b}.tenant-sc-component-card.sc-attention{border-top:3px solid #f97316}.tenant-sc-component-card.sc-critical{border-top:3px solid #ef4444}.tenant-sc-comp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tenant-sc-comp-name{color:#334155;font-size:13px;font-weight:600}.tenant-sc-comp-score{font-size:20px;font-weight:800}.tenant-sc-comp-score.sc-excellent{color:#059669}.tenant-sc-comp-score.sc-good{color:#d97706}.tenant-sc-comp-score.sc-attention{color:#ea580c}.tenant-sc-comp-score.sc-critical{color:#dc2626}.tenant-sc-comp-bar-bg{background:#f1f5f9;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.tenant-sc-comp-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.tenant-sc-comp-bar-fill.sc-excellent{background:#10b981}.tenant-sc-comp-bar-fill.sc-good{background:#f59e0b}.tenant-sc-comp-bar-fill.sc-attention{background:#f97316}.tenant-sc-comp-bar-fill.sc-critical{background:#ef4444}.tenant-sc-comp-weight{color:#94a3b8;font-size:11px;margin-bottom:8px}.tenant-sc-comp-details{border-top:1px solid #f1f5f9;padding-top:8px}.tenant-sc-detail-row{align-items:center;color:#475569;display:flex;font-size:12px;justify-content:space-between;padding:3px 0}.tenant-sc-detail-row .positive{color:#059669;font-weight:600}.tenant-sc-detail-row .negative{color:#dc2626;font-weight:600}.tenant-sc-detail-divider{background:#e2e8f0;height:1px;margin:6px 0}.tenant-sc-weekly-bars{display:flex;flex-direction:column;gap:4px;margin:4px 0}.tenant-sc-weekly-bar-row{align-items:center;display:flex;font-size:11px;gap:6px}.tenant-sc-weekly-label{color:#64748b;font-size:11px;min-width:48px}.tenant-sc-weekly-bar-bg{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.tenant-sc-weekly-bar-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .3s ease}.tenant-sc-weekly-value{color:#334155;font-size:11px;font-weight:600;min-width:40px;text-align:right}@media (max-width:1200px){.tenant-sc-components-grid,.tenant-sc-summary-row{grid-template-columns:repeat(3,1fr)}.tenant-sc-detail-top{grid-template-columns:1fr}}@media (max-width:768px){.tenant-sc-header-bar{align-items:flex-start;flex-direction:column}.tenant-sc-header-right{flex-wrap:wrap;width:100%}.tenant-sc-summary-row{grid-template-columns:repeat(2,1fr)}.tenant-sc-components-grid{grid-template-columns:1fr 1fr}.tenant-sc-table-container{font-size:13px}.tenant-sc-td-component,.tenant-sc-th-component{display:none}}.morning-brief-report{padding:0}.morning-brief-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.morning-brief-spinner{animation:morning-brief-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes morning-brief-spin{to{transform:rotate(1turn)}}.morning-brief-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.morning-brief-error p{font-size:15px;margin:12px 0 0}.morning-brief-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 20px;transition:background .2s}.morning-brief-retry-btn:hover{background:#2563eb}.morning-brief-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.morning-brief-header-left{align-items:center;display:flex;gap:14px}.morning-brief-header-icon{align-items:center;background:#ffffff26;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.morning-brief-header-icon svg{color:#fff;height:24px;width:24px}.morning-brief-title{color:#fff;font-size:20px;font-weight:700;margin:0}.morning-brief-subtitle{color:#ffffffbf;font-size:13px;margin:2px 0 0}.morning-brief-header-right{align-items:center;display:flex;gap:10px}.morning-brief-toggle-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.morning-brief-toggle-btn:hover{background:#ffffff40}.morning-brief-toggle-btn.morning-brief-toggle-active{background:#fff;border-color:#fff;color:#1e40af}.morning-brief-send-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#1e40af;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s}.morning-brief-send-btn:hover{background:#f0f9ff;transform:translateY(-1px)}.morning-brief-send-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.morning-brief-send-spinner{animation:morning-brief-spin .6s linear infinite;border:2px solid #bfdbfe;border-radius:50%;border-top-color:#1e40af;height:14px;width:14px}.morning-brief-toast{align-items:center;animation:morning-brief-slideIn .3s ease;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 16px}@keyframes morning-brief-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.morning-brief-toast-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.morning-brief-toast-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.morning-brief-toast-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:2px}.morning-brief-toast-close:hover{opacity:1}.morning-brief-html-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:hidden}.morning-brief-html-label{background:#fff;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-transform:uppercase}.morning-brief-iframe{background:#f1f5f9;border:none;height:700px;width:100%}.morning-brief-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.morning-brief-card{animation:morning-brief-fadeIn .4s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}@keyframes morning-brief-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.morning-brief-card:hover{box-shadow:0 6px 16px #0000000f;transform:translateY(-2px)}.morning-brief-card-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:13px;font-weight:600;gap:8px;padding:14px 18px}.morning-brief-card-header svg{color:#3b82f6;flex-shrink:0}.morning-brief-card-body{padding:18px}.morning-brief-card-yesterday{border-top:3px solid #3b82f6}.morning-brief-card-week{border-top:3px solid #6366f1}.morning-brief-card-targets{border-top:3px solid #f59e0b}.morning-brief-card-prediction{border-top:3px solid #8b5cf6}.morning-brief-card-weather{border-top:3px solid #06b6d4}.morning-brief-card-anomalies{border-top:3px solid #ef4444}.morning-brief-card-scorecard{border-top:3px solid #10b981}.morning-brief-metric-main{margin-bottom:16px;text-align:center}.morning-brief-metric-value{color:#0f172a;display:block;font-size:32px;font-weight:800;line-height:1.1}.morning-brief-metric-label{color:#94a3b8;display:block;font-size:12px;margin-top:4px}.morning-brief-metric-row{display:flex;gap:12px;margin-bottom:12px}.morning-brief-metric-item{background:#f8fafc;border-radius:8px;flex:1 1;padding:10px 12px;text-align:center}.morning-brief-metric-item-label{color:#94a3b8;display:block;font-size:11px;margin-bottom:4px}.morning-brief-metric-item-value{color:#334155;display:block;font-size:15px;font-weight:700}.morning-brief-positive{color:#10b981!important}.morning-brief-negative{color:#ef4444!important}.morning-brief-peak{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:12px;gap:6px;padding:8px 12px}.morning-brief-peak svg{color:#3b82f6;flex-shrink:0}.morning-brief-days-elapsed{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;margin-top:8px;padding-top:8px;text-align:center}.morning-brief-target-row{margin-bottom:14px}.morning-brief-target-row:last-child{margin-bottom:0}.morning-brief-target-label{color:#475569;font-size:12px;font-weight:600;margin-bottom:6px}.morning-brief-target-bar-wrapper{align-items:center;display:flex;gap:10px}.morning-brief-target-bar-bg{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.morning-brief-target-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.morning-brief-target-pct{font-size:14px;font-weight:700;min-width:52px;text-align:right}.morning-brief-achievement-success{background:#10b981;color:#059669!important}.morning-brief-achievement-warning{background:#f59e0b;color:#d97706!important}.morning-brief-achievement-danger{background:#ef4444;color:#dc2626!important}.morning-brief-target-detail{border-top:1px solid #f1f5f9;color:#64748b;font-size:12px;margin-top:10px;padding-top:10px}.morning-brief-no-target{color:#94a3b8;font-size:13px;font-style:italic}.morning-brief-prediction-value{color:#8b5cf6!important}.morning-brief-confidence{align-items:center;display:flex;gap:8px;margin-bottom:10px}.morning-brief-confidence-label{color:#64748b;font-size:12px;white-space:nowrap}.morning-brief-confidence-bar-bg{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.morning-brief-confidence-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;height:100%}.morning-brief-confidence-value{color:#8b5cf6;font-size:13px;font-weight:700;min-width:38px;text-align:right}.morning-brief-bounds{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;padding-top:8px;text-align:center}.morning-brief-weather-content{text-align:center}.morning-brief-weather-temp{color:#0f172a;font-size:36px;font-weight:800;line-height:1}.morning-brief-weather-condition{color:#64748b;font-size:14px;margin-bottom:12px;margin-top:4px}.morning-brief-weather-impact{align-items:center;background:#f0fdfa;border-radius:8px;display:flex;gap:8px;justify-content:center;padding:8px 12px}.morning-brief-weather-impact-label{color:#0d9488;font-size:12px}.morning-brief-weather-impact-value{color:#0d9488;font-size:14px;font-weight:700}.morning-brief-no-data{color:#94a3b8;font-size:13px;font-style:italic;padding:20px 0;text-align:center}.morning-brief-anomaly-count{align-items:center;display:flex;gap:10px;margin-bottom:12px}.morning-brief-anomaly-badge{align-items:center;border-radius:10px;display:flex;font-size:20px;font-weight:800;height:40px;justify-content:center;width:40px}.morning-brief-anomaly-active{background:#fee2e2;color:#dc2626}.morning-brief-anomaly-clear{background:#d1fae5;color:#059669}.morning-brief-anomaly-text{color:#64748b;font-size:13px}.morning-brief-severity-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.morning-brief-severity-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px}.morning-brief-severity-dot{border-radius:50%;height:8px;width:8px}.morning-brief-severity-critical .morning-brief-severity-dot{background:#ef4444}.morning-brief-severity-high .morning-brief-severity-dot{background:#f97316}.morning-brief-severity-medium .morning-brief-severity-dot{background:#f59e0b}.morning-brief-severity-low .morning-brief-severity-dot{background:#10b981}.morning-brief-severity-label{color:#475569;text-transform:capitalize}.morning-brief-severity-count{color:#0f172a;font-weight:700}.morning-brief-anomaly-recent{border-top:1px solid #f1f5f9;padding-top:10px}.morning-brief-anomaly-item{align-items:center;border-bottom:1px solid #f8fafc;display:flex;font-size:12px;gap:8px;padding:6px 0}.morning-brief-anomaly-item:last-child{border-bottom:none}.morning-brief-anomaly-sev{border-radius:4px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.morning-brief-anomaly-sev.morning-brief-severity-critical{background:#fee2e2;color:#991b1b}.morning-brief-anomaly-sev.morning-brief-severity-high{background:#ffedd5;color:#9a3412}.morning-brief-anomaly-sev.morning-brief-severity-medium{background:#fef3c7;color:#92400e}.morning-brief-anomaly-sev.morning-brief-severity-low{background:#d1fae5;color:#065f46}.morning-brief-anomaly-desc{color:#475569;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morning-brief-anomaly-date{color:#94a3b8;white-space:nowrap}.morning-brief-scorecard-content{align-items:center;display:flex;flex-direction:column;gap:12px}.morning-brief-score-circle{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.morning-brief-score-svg{height:100%;left:0;position:absolute;top:0;width:100%}.morning-brief-score-circle.morning-brief-score-excellent{color:#10b981}.morning-brief-score-circle.morning-brief-score-good{color:#f59e0b}.morning-brief-score-circle.morning-brief-score-warning{color:#f97316}.morning-brief-score-circle.morning-brief-score-danger{color:#ef4444}.morning-brief-score-inner{z-index:1}.morning-brief-score-value{color:#0f172a;font-size:28px;font-weight:800}.morning-brief-score-details{align-items:center;display:flex;gap:6px}.morning-brief-score-emoji{font-size:20px}.morning-brief-score-status{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.morning-brief-score-status.morning-brief-score-excellent{background:#d1fae5;color:#065f46}.morning-brief-score-status.morning-brief-score-good{background:#fef3c7;color:#92400e}.morning-brief-score-status.morning-brief-score-warning{background:#ffedd5;color:#9a3412}.morning-brief-score-status.morning-brief-score-danger{background:#fee2e2;color:#991b1b}@media (max-width:1200px){.morning-brief-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.morning-brief-header{align-items:flex-start;flex-direction:column}.morning-brief-header-right{flex-wrap:wrap;width:100%}.morning-brief-grid{grid-template-columns:1fr}.morning-brief-send-btn,.morning-brief-toggle-btn{flex:1 1;justify-content:center}.morning-brief-metric-value{font-size:26px}.morning-brief-iframe{height:500px}}.campaign-roi-page{background:#f8fafc;background:var(--admin-bg,#f8fafc);min-height:100vh;padding:24px 32px}.campaign-roi-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:24px}.campaign-roi-header,.campaign-roi-header-left{align-items:center;display:flex;gap:12px}.campaign-roi-header h2{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;margin:0}.campaign-roi-header-count{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:28px;padding:0 8px}.campaign-roi-header-actions{align-items:center;display:flex;gap:10px}.campaign-roi-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-radius-sm,8px);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.campaign-roi-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.campaign-roi-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.campaign-roi-btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);color:#475569;color:var(--admin-text-secondary,#475569)}.campaign-roi-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.campaign-roi-btn-secondary.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.campaign-roi-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.campaign-roi-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.campaign-roi-btn-danger{background:#fff;border:1px solid #fecaca;color:#ef4444}.campaign-roi-btn-danger:hover{background:#fef2f2;border-color:#ef4444}.campaign-roi-btn-sm{font-size:.75rem;padding:6px 12px}.campaign-roi-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.campaign-roi-back-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:8px;border-radius:var(--admin-radius-sm,8px);color:#475569;color:var(--admin-text-secondary,#475569);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.campaign-roi-back-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.campaign-roi-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.campaign-roi-filter-group{display:flex;flex-direction:column;gap:4px}.campaign-roi-filter-group label{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.campaign-roi-filter-group select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:8px;border-radius:var(--admin-radius-sm,8px);color:#0f172a;color:var(--admin-text-primary,#0f172a);cursor:pointer;font-size:.8125rem;min-width:150px;padding:8px 12px;transition:border-color .2s}.campaign-roi-filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.campaign-roi-table-wrapper{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);overflow:hidden}.campaign-roi-table{border-collapse:collapse;width:100%}.campaign-roi-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border,#e2e8f0)}.campaign-roi-table th{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.6875rem;font-weight:700;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.campaign-roi-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light,#f1f5f9);color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.875rem;padding:14px 16px;vertical-align:middle}.campaign-roi-table tbody tr{cursor:pointer;transition:background .15s}.campaign-roi-table tbody tr:hover{background:#f8fafc}.campaign-roi-table tbody tr:last-child td{border-bottom:none}.campaign-roi-campaign-name{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-weight:600}.campaign-roi-campaign-type{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.75rem;margin-top:2px}.campaign-roi-dates{color:#475569;color:var(--admin-text-secondary,#475569);font-size:.8125rem}.campaign-roi-budget{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.campaign-roi-status{align-items:center;border-radius:100px;display:inline-flex;font-size:.6875rem;font-weight:700;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.campaign-roi-status-planned{background:#f1f5f9;color:#64748b}.campaign-roi-status-active{background:#dbeafe;color:#1e40af}.campaign-roi-status-completed{background:#d1fae5;color:#047857}.campaign-roi-status-cancelled{background:#fee2e2;color:#b91c1c}.campaign-roi-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.campaign-roi-value-positive{color:#059669}.campaign-roi-value-negative{color:#dc2626}.campaign-roi-value-neutral{color:#94a3b8;color:var(--admin-text-muted,#94a3b8)}.campaign-roi-detail{display:flex;flex-direction:column;gap:24px}.campaign-roi-detail-header{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);padding:24px}.campaign-roi-detail-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.campaign-roi-detail-title h3{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1.25rem;font-weight:700;margin:0}.campaign-roi-detail-title-actions{display:flex;gap:8px}.campaign-roi-detail-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.campaign-roi-detail-info-item{display:flex;flex-direction:column;gap:4px}.campaign-roi-detail-info-label{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.campaign-roi-detail-info-value{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.9375rem;font-weight:600}.campaign-roi-detail-description{border-top:1px solid #f1f5f9;border-top:1px solid var(--admin-border-light,#f1f5f9);color:#475569;color:var(--admin-text-secondary,#475569);font-size:.875rem;line-height:1.6;margin-top:16px;padding-top:16px}.campaign-roi-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.campaign-roi-metric-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);padding:20px;transition:box-shadow .2s}.campaign-roi-metric-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md,0 4px 6px -1px #0000001a)}.campaign-roi-metric-label{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.campaign-roi-metric-value{font-feature-settings:"tnum";color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.025em;line-height:1}.campaign-roi-metric-sub{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.75rem;margin-top:6px}.campaign-roi-metric-card.campaign-roi-metric-highlight{border-left:4px solid #3b82f6}.campaign-roi-metric-card.campaign-roi-metric-positive .campaign-roi-metric-value{color:#059669}.campaign-roi-metric-card.campaign-roi-metric-negative .campaign-roi-metric-value{color:#dc2626}.campaign-roi-control{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);padding:24px}.campaign-roi-control h4{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.9375rem;font-weight:700;margin:0 0 16px}.campaign-roi-control-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.campaign-roi-control-item{background:#f8fafc;border-radius:8px;border-radius:var(--admin-radius-sm,8px);padding:16px;text-align:center}.campaign-roi-control-period{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.campaign-roi-control-value{font-feature-settings:"tnum";color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800}.campaign-roi-control-change{font-size:.75rem;font-weight:600;margin-top:4px}.campaign-roi-control-change.positive{color:#059669}.campaign-roi-control-change.negative{color:#dc2626}.campaign-roi-chart{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);padding:24px}.campaign-roi-chart h4{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.9375rem;font-weight:700;margin:0 0 20px}.campaign-roi-chart-container{align-items:flex-end;display:flex;gap:4px;height:200px;padding-top:10px}.campaign-roi-chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.campaign-roi-chart-bar{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;max-width:40px;min-height:2px;position:relative;transition:all .3s ease;width:100%}.campaign-roi-chart-bar:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);opacity:.9}.campaign-roi-chart-bar-tooltip{background:#0f172a;border-radius:4px;color:#fff;display:none;font-size:.6875rem;font-weight:600;left:50%;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:10}.campaign-roi-chart-bar-wrapper:hover .campaign-roi-chart-bar-tooltip{display:block}.campaign-roi-chart-label{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.625rem;margin-top:6px;max-width:40px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.campaign-roi-comparison{display:flex;flex-direction:column;gap:20px}.campaign-roi-comparison-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.campaign-roi-comparison-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:12px;border-radius:var(--admin-radius-md,12px);box-shadow:0 1px 2px #0000000d;box-shadow:var(--admin-shadow-sm,0 1px 2px #0000000d);overflow:hidden;transition:box-shadow .2s,transform .2s}.campaign-roi-comparison-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-2px)}.campaign-roi-comparison-card-stripe{height:4px;width:100%}.campaign-roi-comparison-card-stripe.type-discount{background:linear-gradient(90deg,#f59e0b,#d97706)}.campaign-roi-comparison-card-stripe.type-event{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.campaign-roi-comparison-card-stripe.type-social_media{background:linear-gradient(90deg,#3b82f6,#2563eb)}.campaign-roi-comparison-card-stripe.type-billboard{background:linear-gradient(90deg,#10b981,#059669)}.campaign-roi-comparison-card-stripe.type-email{background:linear-gradient(90deg,#ec4899,#db2777)}.campaign-roi-comparison-card-stripe.type-partnership{background:linear-gradient(90deg,#f97316,#ea580c)}.campaign-roi-comparison-card-stripe.type-other{background:linear-gradient(90deg,#64748b,#475569)}.campaign-roi-comparison-card-body{padding:20px}.campaign-roi-comparison-card-name{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.9375rem;font-weight:700;margin-bottom:4px}.campaign-roi-comparison-card-dates{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.75rem;margin-bottom:16px}.campaign-roi-comparison-card-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.campaign-roi-comparison-card-metric{display:flex;flex-direction:column;gap:2px}.campaign-roi-comparison-card-metric-label{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.campaign-roi-comparison-card-metric-value{font-feature-settings:"tnum";color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.campaign-roi-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.campaign-roi-modal{animation:campaign-roi-modal-in .2s ease-out;background:#fff;border-radius:16px;border-radius:var(--admin-radius-lg,16px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--admin-shadow-xl,0 20px 25px -5px #0000001a);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes campaign-roi-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.campaign-roi-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.campaign-roi-modal-header h3{color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:1.0625rem;font-weight:700;margin:0}.campaign-roi-modal-close{background:none;border:none;color:#94a3b8;color:var(--admin-text-muted,#94a3b8);cursor:pointer;font-size:1.25rem;line-height:1;padding:4px;transition:color .2s}.campaign-roi-modal-close:hover{color:#0f172a;color:var(--admin-text-primary,#0f172a)}.campaign-roi-modal-body{padding:24px}.campaign-roi-modal-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border,#e2e8f0);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.campaign-roi-form-group{margin-bottom:18px}.campaign-roi-form-group label{color:#0f172a;color:var(--admin-text-primary,#0f172a);display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.campaign-roi-form-group input,.campaign-roi-form-group select,.campaign-roi-form-group textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border,#e2e8f0);border-radius:8px;border-radius:var(--admin-radius-sm,8px);box-sizing:border-box;color:#0f172a;color:var(--admin-text-primary,#0f172a);font-size:.875rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.campaign-roi-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.campaign-roi-form-group input:focus,.campaign-roi-form-group select:focus,.campaign-roi-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.campaign-roi-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.campaign-roi-empty{color:#94a3b8;color:var(--admin-text-muted,#94a3b8);padding:60px 20px;text-align:center}.campaign-roi-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.campaign-roi-empty h3{color:#475569;color:var(--admin-text-secondary,#475569);font-size:1.125rem;font-weight:600;margin:0 0 8px}.campaign-roi-empty p{font-size:.875rem;margin:0 0 24px}.campaign-roi-loading{align-items:center;color:#94a3b8;color:var(--admin-text-muted,#94a3b8);display:flex;font-size:.875rem;font-weight:500;gap:10px;justify-content:center;padding:60px 20px}.campaign-roi-spinner{animation:campaign-roi-spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}@keyframes campaign-roi-spin{to{transform:rotate(1turn)}}.campaign-roi-table-actions{display:flex;gap:6px}.campaign-roi-table-actions .campaign-roi-btn-sm{padding:4px 10px}@media (max-width:1024px){.campaign-roi-comparison-cards,.campaign-roi-control-grid,.campaign-roi-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.campaign-roi-page{padding:16px}.campaign-roi-header{align-items:flex-start;flex-direction:column}.campaign-roi-comparison-cards,.campaign-roi-control-grid,.campaign-roi-form-row,.campaign-roi-metrics{grid-template-columns:1fr}.campaign-roi-table-wrapper{overflow-x:auto}.campaign-roi-table{min-width:700px}.campaign-roi-modal{max-width:100%}.campaign-roi-detail-info{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.campaign-roi-comparison-card-metrics,.campaign-roi-detail-info{grid-template-columns:1fr}}.rent-analysis-report{padding:0;transition:opacity .2s ease}.rent-analysis-report.is-refreshing{opacity:.7;pointer-events:none}.rent-ar-error,.rent-ar-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.rent-ar-loading .loading-spinner{animation:rent-ar-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes rent-ar-spin{to{transform:rotate(1turn)}}.rent-ar-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.rent-ar-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 20px;transition:background .2s}.rent-ar-retry-btn:hover{background:#2563eb}.rent-ar-header-bar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.rent-ar-header-bar,.rent-ar-header-left{align-items:center;display:flex;gap:12px}.rent-ar-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.rent-ar-subtitle{color:#64748b;font-size:13px;margin:2px 0 0;max-width:500px}.rent-ar-header-right{align-items:center;display:flex;gap:12px}.rent-ar-view-toggle{background:#e2e8f0;border-radius:8px;display:flex;padding:2px}.rent-ar-toggle-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s;white-space:nowrap}.rent-ar-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.rent-ar-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.rent-ar-period-select label{color:#94a3b8;display:block;font-size:11px;margin-bottom:2px}.rent-ar-period-select select{-webkit-appearance:auto;appearance:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;padding:6px 28px 6px 10px}.rent-ar-kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.rent-ar-kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.rent-ar-kpi-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.rent-ar-kpi-card.rent-ar-excellent{border-left:4px solid #10b981}.rent-ar-kpi-card.rent-ar-good{border-left:4px solid #3b82f6}.rent-ar-kpi-card.rent-ar-attention{border-left:4px solid #f59e0b}.rent-ar-kpi-card.rent-ar-critical{border-left:4px solid #ef4444}.rent-ar-kpi-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rent-ar-kpi-icon svg{color:#3b82f6;height:22px;width:22px}.rent-ar-kpi-content{min-width:0}.rent-ar-kpi-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rent-ar-kpi-label{color:#64748b;font-size:12px;margin-top:2px}.rent-ar-info-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.rent-ar-info-card,.rent-ar-suggestions-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.rent-ar-info-title{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:15px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.rent-ar-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.rent-ar-info-item{display:flex;flex-direction:column;gap:2px}.rent-ar-info-label{color:#94a3b8;font-size:11px;font-weight:500}.rent-ar-info-value{color:#1e293b;font-size:14px;font-weight:600}.rent-ar-suggestions-loading{display:flex;justify-content:center;padding:32px}.rent-ar-suggestions-loading .loading-spinner{animation:rent-ar-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.rent-ar-suggestions-list{display:flex;flex-direction:column;gap:10px}.rent-ar-suggestion-item{border:1px solid #e2e8f0;border-radius:10px;padding:14px;transition:transform .15s}.rent-ar-suggestion-item:hover{transform:translateX(4px)}.rent-ar-suggestion-item.rent-ar-priority-high{background:#fef2f2;border-left:4px solid #ef4444}.rent-ar-suggestion-item.rent-ar-priority-medium{background:#fffbeb;border-left:4px solid #f59e0b}.rent-ar-suggestion-item.rent-ar-priority-low{background:#eff6ff;border-left:4px solid #3b82f6}.rent-ar-suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rent-ar-suggestion-type{color:#1e293b;font-size:13px;font-weight:700}.rent-ar-suggestion-priority{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.rent-ar-suggestion-priority.rent-ar-priority-high{background:#fee2e2;color:#991b1b}.rent-ar-suggestion-priority.rent-ar-priority-medium{background:#fef3c7;color:#92400e}.rent-ar-suggestion-priority.rent-ar-priority-low{background:#dbeafe;color:#1e40af}.rent-ar-suggestion-message{color:#475569;font-size:13px;line-height:1.5;margin:0}.rent-ar-suggestions-empty{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.rent-ar-suggestions-empty svg{color:#10b981;margin-bottom:8px}.rent-ar-suggestions-empty p{font-size:13px;margin:0}.rent-ar-portfolio-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.rent-ar-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;text-align:center;transition:transform .2s,box-shadow .2s}.rent-ar-summary-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.rent-ar-summary-card.rent-ar-excellent{border-left:4px solid #10b981}.rent-ar-summary-card.rent-ar-good{border-left:4px solid #3b82f6}.rent-ar-summary-card.rent-ar-attention{border-left:4px solid #f59e0b}.rent-ar-summary-card.rent-ar-critical{border-left:4px solid #ef4444}.rent-ar-summary-value{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.rent-ar-summary-value.rent-ar-summary-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rent-ar-summary-label{color:#64748b;font-size:12px;margin-top:6px}.rent-ar-summary-sub{color:#94a3b8;font-size:13px;font-weight:600;margin-top:2px}.rent-ar-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.rent-ar-table{border-collapse:collapse;width:100%}.rent-ar-table thead th{border-bottom:2px solid #e2e8f0;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase;transition:color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.rent-ar-table thead th:hover{color:#334155}.rent-ar-th-rank{text-align:center!important;width:48px}.rent-ar-th-name{min-width:160px}.rent-ar-th-value{text-align:right!important;width:130px}.rent-ar-th-bar{width:120px}.rent-ar-sort-icon{font-size:12px;margin-left:4px}.rent-ar-row{transition:background .15s}.rent-ar-row:hover{background:#f8fafc}.rent-ar-row td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:12px 14px}.rent-ar-td-rank{color:#94a3b8;font-weight:700;text-align:center}.rent-ar-tenant-name{color:#1e293b;font-weight:600}.rent-ar-td-value{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;text-align:right}.rent-ar-efficiency-badge{border-radius:16px;display:inline-block;font-size:13px;font-weight:700;padding:3px 10px}.rent-ar-efficiency-badge.rent-ar-excellent{background:#d1fae5;color:#065f46}.rent-ar-efficiency-badge.rent-ar-good{background:#dbeafe;color:#1e40af}.rent-ar-efficiency-badge.rent-ar-attention{background:#fef3c7;color:#92400e}.rent-ar-efficiency-badge.rent-ar-critical{background:#fee2e2;color:#991b1b}.rent-ar-td-bar{padding-right:8px}.rent-ar-bar-bg{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.rent-ar-bar-fill{border-radius:4px;height:100%;transition:width .6s ease}.rent-ar-bar-fill.rent-ar-excellent{background:#10b981}.rent-ar-bar-fill.rent-ar-good{background:#3b82f6}.rent-ar-bar-fill.rent-ar-attention{background:#f59e0b}.rent-ar-bar-fill.rent-ar-critical{background:#ef4444}.rent-ar-empty{color:#94a3b8;padding:60px 20px;text-align:center}.rent-ar-empty svg{color:#cbd5e1;margin-bottom:12px}.rent-ar-empty h3{color:#64748b;font-size:16px;font-weight:600;margin:0 0 4px}.rent-ar-empty p{color:#94a3b8;font-size:14px;margin:0}@media (max-width:1200px){.rent-ar-kpi-row{grid-template-columns:repeat(2,1fr)}.rent-ar-portfolio-summary{grid-template-columns:repeat(3,1fr)}.rent-ar-info-row{grid-template-columns:1fr}.rent-ar-info-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.rent-ar-header-bar{align-items:flex-start;flex-direction:column}.rent-ar-header-right{flex-wrap:wrap;width:100%}.rent-ar-kpi-row{grid-template-columns:1fr}.rent-ar-portfolio-summary{grid-template-columns:repeat(2,1fr)}.rent-ar-info-grid{grid-template-columns:1fr}.rent-ar-table-container{font-size:13px}.rent-ar-td-bar,.rent-ar-th-bar{display:none}}.conversion-report{padding:0;transition:opacity .2s ease}.conversion-report-error,.conversion-report-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.conversion-report-loading .loading-spinner{animation:conversion-report-spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes conversion-report-spin{to{transform:rotate(1turn)}}.conversion-report-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;color:#b91c1c}.conversion-report-error svg{color:#ef4444;margin-bottom:12px}.conversion-report-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:8px 24px;transition:all .2s}.conversion-report-retry-btn:hover{background:#2563eb}.conversion-report-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.conversion-report-header-left{align-items:center;display:flex;gap:12px}.conversion-report-title{color:#1e293b;font-size:20px;font-weight:700;margin:0}.conversion-report-tenant-name{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:14px;padding:4px 12px}.conversion-report-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.conversion-report-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.conversion-report-tab-btn svg{height:18px;width:18px}.conversion-report-tab-btn:hover{background:#ffffff80;color:#334155}.conversion-report-tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b;font-weight:600}.conversion-report-content{animation:conversion-report-fadeIn .3s ease}@keyframes conversion-report-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.conversion-report-inline-loading{display:flex;justify-content:center;padding:40px}.conversion-report-inline-loading .loading-spinner{animation:conversion-report-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:36px;width:36px}.conversion-report-filters{align-items:flex-end;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.conversion-report-date-group{display:flex;flex-direction:column;gap:6px}.conversion-report-date-group label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.conversion-report-date-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.conversion-report-date-input:hover{border-color:#3b82f6}.conversion-report-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.conversion-report-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.conversion-report-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.conversion-report-kpi-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.conversion-report-kpi-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.conversion-report-kpi-icon svg{height:24px;width:24px}.conversion-report-kpi-rate{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#bbf7d0}.conversion-report-kpi-rate .conversion-report-kpi-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.conversion-report-kpi-revenue{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#bae6fd}.conversion-report-kpi-revenue .conversion-report-kpi-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.conversion-report-kpi-basket{background:linear-gradient(135deg,#fff,#fefce8);border-color:#fef08a}.conversion-report-kpi-basket .conversion-report-kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.conversion-report-kpi-capture{background:linear-gradient(135deg,#fff,#faf5ff);border-color:#e9d5ff}.conversion-report-kpi-capture .conversion-report-kpi-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.conversion-report-kpi-label{color:#64748b;font-size:13px;font-weight:500;margin-bottom:8px}.conversion-report-kpi-value{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2}.conversion-report-summary-row{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px;padding:16px 20px}.conversion-report-summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.conversion-report-summary-label{color:#94a3b8;font-size:12px;font-weight:500}.conversion-report-summary-value{color:#334155;font-size:16px;font-weight:700}.conversion-report-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.conversion-report-section-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 16px;padding:20px 20px 0}.conversion-report-section-title svg{color:#3b82f6;height:20px;width:20px}.conversion-report-section-desc{color:#94a3b8;font-size:13px;margin:0}.conversion-report-table-wrapper{overflow-x:auto}.conversion-report-table{border-collapse:collapse;width:100%}.conversion-report-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.conversion-report-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:14px 16px;white-space:nowrap}.conversion-report-table-row{transition:all .2s ease}.conversion-report-table-row:hover{background:#f8fafc}.conversion-report-td-date{color:#1e293b;font-weight:600}.conversion-report-td-notes{color:#94a3b8;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversion-report-rate-badge{background:#dbeafe;border-radius:6px;color:#2563eb;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px}.conversion-report-table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#94a3b8;font-size:13px;padding:12px 16px}.conversion-report-source-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.conversion-report-source-manual{background:#dbeafe;color:#2563eb}.conversion-report-source-import{background:#d1fae5;color:#059669}.conversion-report-source-pos{background:#fef3c7;color:#d97706}.conversion-report-no-data{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.conversion-report-no-data svg{color:#cbd5e1;margin-bottom:16px}.conversion-report-no-data-title{color:#475569;font-size:16px;font-weight:600;margin:0 0 8px}.conversion-report-no-data-desc{color:#94a3b8;font-size:14px;margin:0}.conversion-report-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.conversion-report-add-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.conversion-report-add-btn svg{height:18px;width:18px}.conversion-report-add-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.conversion-report-delete-btn{align-items:center;background:#0000;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.conversion-report-delete-btn svg{height:14px;width:14px}.conversion-report-delete-btn:hover{background:#fef2f2;border-color:#ef4444}.conversion-report-modal-overlay{align-items:center;animation:conversion-report-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.conversion-report-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.conversion-report-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.conversion-report-modal-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.conversion-report-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.conversion-report-modal-close svg{height:18px;width:18px}.conversion-report-modal-close:hover{background:#e2e8f0;color:#1e293b}.conversion-report-modal-body{padding:24px}.conversion-report-form-group{margin-bottom:16px}.conversion-report-form-group label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.conversion-report-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.conversion-report-form-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.conversion-report-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.conversion-report-form-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.conversion-report-form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.conversion-report-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.conversion-report-cancel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.conversion-report-cancel-btn:hover{background:#e2e8f0}.conversion-report-save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.conversion-report-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666}.conversion-report-save-btn:disabled{cursor:not-allowed;opacity:.5}.conversion-report-period-select{align-items:center;display:flex;gap:12px}.conversion-report-period-select label{color:#475569;font-size:14px;font-weight:500}.conversion-report-period-btns{display:flex;gap:4px}.conversion-report-period-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.conversion-report-period-btn:hover{border-color:#3b82f6;color:#3b82f6}.conversion-report-period-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.conversion-report-trend-banner{align-items:center;border-radius:12px;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:24px;padding:16px 24px}.conversion-report-trend-banner.conversion-report-positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#059669}.conversion-report-trend-banner.conversion-report-negative{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626}.conversion-report-trend-banner.conversion-report-neutral{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#64748b}.conversion-report-trend-arrow{font-size:24px;line-height:1}.conversion-report-trend-text{font-size:15px}.conversion-report-comparison-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.conversion-report-comparison-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px;transition:all .3s ease}.conversion-report-comparison-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.conversion-report-comparison-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.conversion-report-comparison-values{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.conversion-report-comparison-current,.conversion-report-comparison-previous{align-items:center;display:flex;justify-content:space-between}.conversion-report-comparison-period-label{color:#94a3b8;font-size:12px}.conversion-report-comparison-current .conversion-report-comparison-number{color:#1e293b;font-size:20px;font-weight:700}.conversion-report-comparison-previous .conversion-report-comparison-number{color:#94a3b8;font-size:16px;font-weight:600}.conversion-report-comparison-change{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:700;gap:4px;padding:6px 12px}.conversion-report-comparison-change.conversion-report-positive{background:#d1fae5;color:#059669}.conversion-report-comparison-change.conversion-report-negative{background:#fee2e2;color:#dc2626}.conversion-report-comparison-change.conversion-report-neutral{background:#f1f5f9;color:#64748b}.conversion-report-period-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.conversion-report-period-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.conversion-report-period-card-prev{background:#f8fafc}.conversion-report-period-card-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:15px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.conversion-report-period-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.conversion-report-period-stat{display:flex;flex-direction:column;gap:4px}.conversion-report-period-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.conversion-report-period-stat-value{color:#1e293b;font-size:18px;font-weight:700}.conversion-report-period-card-prev .conversion-report-period-stat-value{color:#64748b}@media (max-width:1200px){.conversion-report-kpi-grid{grid-template-columns:repeat(2,1fr)}.conversion-report-comparison-grid{grid-template-columns:1fr}.conversion-report-summary-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.conversion-report-kpi-grid,.conversion-report-summary-row{grid-template-columns:1fr}.conversion-report-tabs{flex-direction:column}.conversion-report-data-header,.conversion-report-filters{align-items:stretch;flex-direction:column}.conversion-report-data-header{gap:12px}.conversion-report-period-btns{flex-wrap:wrap}.conversion-report-form-row,.conversion-report-period-details,.conversion-report-period-stats{grid-template-columns:1fr}.conversion-report-modal{margin:16px}.conversion-report-kpi-value{font-size:22px}.conversion-report-comparison-current .conversion-report-comparison-number{font-size:18px}}.reports-page{background:linear-gradient(170deg,#1e1b4b,#252369 35%,#312e81 55%,#252369 80%,#1e1b4b);margin:0;max-width:100%;min-height:calc(100vh - 60px);padding:0;position:relative}.reports-page:before{background:radial-gradient(ellipse at 10% 10%,#6366f126 0,#0000 45%),radial-gradient(ellipse at 90% 90%,#8b5cf61f 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.page-header{padding:24px 32px}.page-header h1{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px;text-shadow:0 2px 10px #0000004d}.page-subtitle{color:#fff9;font-size:14px;margin:0}.quick-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.quick-stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.stat-label{color:#64748b;font-size:13px;margin-bottom:8px}.stat-value{color:#1e293b;font-size:28px;font-weight:700}.stat-change{font-size:13px;margin-top:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.report-tabs{background:#0000;display:flex;gap:4px;margin:0;padding:0 32px 16px;width:-webkit-fit-content;width:fit-content}.reports-page .tab-btn{background:#ffffff14;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.reports-page .tab-btn:before{background:linear-gradient(180deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.reports-page .tab-btn:hover{background:#ffffff1f;color:#ffffffe6}.reports-page .tab-btn:hover:before{opacity:1}.reports-page .tab-btn.active{background:#ffffff26;border-bottom:2px solid #00d4ff;box-shadow:0 4px 15px #00d4ff33;color:#fff}.reports-page .tab-btn.active:after{background:linear-gradient(90deg,#0096ff,#00d4ff);bottom:0;box-shadow:0 0 10px #00d4ff80;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.reports-page .tab-btn-with-icon{align-items:center;display:flex;gap:8px;min-width:auto;padding:10px 16px}.reports-page .tab-btn-with-icon .tab-icon{stroke-width:2;flex-shrink:0;height:18px;opacity:.7;transition:all .3s ease;width:18px}.reports-page .tab-btn-with-icon:hover .tab-icon{opacity:1}.reports-page .tab-btn-with-icon.active .tab-icon{stroke:#00d4ff;filter:drop-shadow(0 0 3px rgba(0,212,255,.4));opacity:1}.reports-page .tab-btn-with-icon span{font-size:13px;font-weight:500;white-space:nowrap}.reports-dropdown-container{position:relative}.reports-dropdown-btn{align-items:center;display:flex;gap:8px}.reports-dropdown-btn .reports-icon{height:18px;width:18px}.reports-dropdown-btn .dropdown-chevron{height:14px;transition:transform .2s ease;width:14px}.reports-dropdown-btn .dropdown-chevron.open{transform:rotate(180deg)}.reports-dropdown-menu{animation:dropdownFadeIn .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1b4bfa;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;left:0;min-width:500px;overflow:hidden;padding:16px;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.reports-dropdown-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.report-menu-item{align-items:center;animation:menuItemSlide .3s ease forwards;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex-direction:column;gap:10px;opacity:0;padding:16px 12px;transition:all .3s ease}@keyframes menuItemSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.report-menu-item:hover{background:#0096ff26;border-color:#0096ff4d;box-shadow:0 4px 20px #0096ff33;transform:translateY(-2px)}.report-menu-item.active{background:#0096ff33;border-color:#0096ff;box-shadow:0 0 20px #0096ff4d;color:#fff}.report-menu-icon{align-items:center;background:#0096ff26;border-radius:10px;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.report-menu-item:hover .report-menu-icon{background:#0096ff40;transform:scale(1.1)}.report-menu-icon svg{stroke:#0096ff;height:20px;width:20px}.report-menu-name{font-size:12px;font-weight:500;line-height:1.3;text-align:center}.report-filters{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-wrap:wrap;gap:16px;margin:0 32px 24px;padding:20px}.cxo-header{align-items:center;background:linear-gradient(135deg,#4338ca33,#312e8159);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;overflow:visible;padding:20px 32px;position:relative}.cxo-header:before{background:radial-gradient(ellipse at 30% 50%,#6366f126 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.cxo-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;position:relative;text-shadow:0 2px 10px #0000004d;z-index:1}.cxo-title:after{background:linear-gradient(90deg,#0096ff,#00d4ff);border-radius:2px;box-shadow:0 0 10px #0096ff80;content:"";display:block;height:3px;margin-top:8px;width:60px}.cxo-filters{display:flex;gap:16px;position:relative;z-index:100}.cxo-filter-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #ffffff1a;padding:12px 16px;position:relative;transition:all .3s ease;z-index:100}.cxo-filter-group:hover{box-shadow:0 8px 30px #0003,0 0 0 1px #ffffff26;transform:translateY(-2px)}.cxo-filter-group label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:10px 36px 10px 14px;transition:all .2s ease;width:100%}.detail-select:hover{border-color:#3b82f6}.detail-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-dropdown{min-width:160px}.dropdown-trigger{border-radius:8px;justify-content:space-between}.modern-dropdown.open .dropdown-trigger{border-color:#0056a4;box-shadow:0 0 0 3px #0056a41a}.modern-dropdown.open .dropdown-arrow{color:#0056a4}.dropdown-panel{border-radius:12px;box-shadow:0 12px 48px #0003,0 0 0 1px #0000000d;min-width:220px}.dropdown-options{max-height:220px}.dropdown-option{color:#374151;font-size:14px;padding:11px 14px}.dropdown-option.selected{background:#eff6ff;color:#1e40af;font-weight:500}.dropdown-option.selected:hover{background:#dbeafe}.checkbox-wrapper{height:20px;position:relative;width:20px}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.checkbox-wrapper .checkmark{background:#fff;border:2px solid #d1d5db;border-radius:5px;height:20px;left:0;position:absolute;top:0;transition:all .2s ease;width:20px}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background:#0056a4;border-color:#0056a4}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.dropdown-panel::-webkit-scrollbar{width:6px}.dropdown-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dropdown-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#64748b;font-size:13px;font-weight:500}.filter-group input,.filter-group select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:180px;padding:10px 14px}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.generate-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);padding:10px 24px;transition:all .2s}.generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.error-message{background:#fef2f2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:0 32px 20px;padding:16px}.report-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0003;margin:0 32px;overflow:hidden}.report-header{border-bottom:1px solid #e2e8f0;padding:24px}.report-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px}.report-summary{display:flex;flex-wrap:wrap;gap:24px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:13px}.summary-value{color:#1e293b;font-size:18px;font-weight:600}.summary-value.trend-improving{color:#10b981}.summary-value.trend-declining{color:#ef4444}.summary-value.trend-stable{color:#f59e0b}.report-section{border-top:1px solid #e2e8f0;padding:24px}.report-section h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.table-container{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table td,.report-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.report-table th{background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-table td{color:#1e293b;font-size:14px}.report-table tr:hover{background:#f8fafc}.report-table tr.empty-row td{color:#94a3b8}.report-table td.positive{color:#10b981;font-weight:500}.report-table td.negative{color:#ef4444;font-weight:500}.source-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.source-badge.manual{background:#dbeafe;color:#1d4ed8}.source-badge.camera{background:#dcfce7;color:#15803d}.source-badge.mixed{background:#fef3c7;color:#b45309}.source-badge.none{background:#f1f5f9;color:#64748b}.status-badge{border-radius:12px;display:inline-block}.status-badge.exceeded{background:#dcfce7;color:#15803d}.status-badge.met{background:#dbeafe;color:#1d4ed8}.status-badge.below{background:#fee2e2;color:#dc2626}.status-badge.no-target{background:#f1f5f9;color:#64748b}.status-summary{display:flex;gap:16px;padding:24px}.status-item{border-radius:10px;flex:1 1;padding:16px;text-align:center}.status-item.exceeded{background:#dcfce7}.status-item.met{background:#dbeafe}.status-item.below{background:#fee2e2}.status-item.no-target{background:#f1f5f9}.status-count{color:#1e293b;display:block;font-size:28px;font-weight:700}.status-label{color:#64748b;font-size:13px}.breakdown-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.breakdown-card{background:#f8fafc;border-radius:10px;padding:16px;text-align:center}.breakdown-title{color:#64748b;font-size:13px;margin-bottom:8px}.breakdown-value{font-size:24px}.breakdown-label{color:#94a3b8;font-size:12px}.period-comparison-header{align-items:center;display:flex;gap:24px;margin-top:16px}.period-box{border-radius:10px;flex:1 1;padding:20px;text-align:center}.period-box.current{background:#dbeafe}.period-box.previous{background:#f1f5f9}.period-label{color:#64748b;display:block;font-size:13px;margin-bottom:4px}.period-dates{color:#94a3b8;display:block;font-size:12px;margin-bottom:8px}.period-total{color:#1e293b;display:block;font-size:28px;font-weight:700}.period-avg{color:#64748b;display:block;font-size:13px;margin-top:4px}.period-change{text-align:center}.change-value{display:block;font-size:24px;font-weight:700}.change-value.positive{color:#10b981}.change-value.negative{color:#ef4444}.change-percent{font-size:14px}.change-percent.positive{color:#10b981}.change-percent.negative{color:#ef4444}.highlights-row{display:flex;gap:16px;padding:0 24px 24px}.highlight-card{border-radius:10px;flex:1 1;padding:16px;text-align:center}.highlight-card.positive{background:#dcfce7}.highlight-card.negative{background:#fee2e2}.highlight-label{color:#64748b;display:block;font-size:13px;margin-bottom:4px}.highlight-value{color:#1e293b;font-size:18px;font-weight:600}.source-comparison{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.source-box{background:#f8fafc;border-radius:10px;padding:16px}.source-box h4{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.source-bars{display:flex;flex-direction:column;gap:12px}.source-bar{align-items:center;display:flex;gap:12px}.source-bar .source-label{color:#64748b;font-size:13px;width:60px}.bar-container{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar{border-radius:4px;height:100%;transition:width .3s ease}.bar.manual{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bar.camera{background:linear-gradient(90deg,#10b981,#059669)}.source-percent{color:#1e293b;font-size:13px;font-weight:500;text-align:right;width:50px}.empty-state{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 8px 32px #00000026;margin:0 32px;padding:80px 20px;text-align:center}.empty-icon{color:#fff6;height:80px;margin:0 auto 20px;width:80px}.empty-icon svg{height:100%;width:100%}.empty-state p{color:#fff9;font-size:16px}@media (max-width:1024px){.quick-stats-row{grid-template-columns:repeat(2,1fr)}.period-comparison-header{flex-direction:column}.source-comparison{grid-template-columns:1fr}.cxo-header{align-items:flex-start;flex-direction:column;gap:16px}.cxo-filters{width:100%}}@media (max-width:640px){.reports-page{padding:0}.quick-stats-row{grid-template-columns:1fr}.report-filters{flex-direction:column}.filter-group,.filter-group input,.filter-group select{width:100%}.report-tabs{overflow-x:auto;padding:0 16px 12px;width:100%}.status-summary{flex-wrap:wrap}.status-item{min-width:calc(50% - 8px)}.cxo-header{padding:16px}.cxo-title{font-size:22px}.cxo-filters{flex-wrap:wrap;gap:12px}.cxo-filter-group{flex:1 1;min-width:140px}}.overview-report{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:24px}.overview-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.overview-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.generated-at{color:#94a3b8;font-size:12px}.overview-main-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.main-card{border-radius:16px;overflow:hidden;padding:24px;position:relative}.main-card.yesterday{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.main-card.today{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.main-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.main-card .card-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.main-card .card-change{border-radius:20px;font-size:14px;font-weight:600;padding:4px 10px}.main-card .card-change.positive{background:#dcfce7;color:#16a34a}.main-card .card-change.negative{background:#fee2e2;color:#dc2626}.main-card .card-change.neutral{background:#f1f5f9;color:#64748b}.main-card .card-value{color:#1e293b;font-size:48px;font-weight:800;line-height:1;margin-bottom:8px}.main-card .card-comparison{color:#64748b;font-size:13px}.live-indicator{align-items:center;color:#16a34a;display:inline-flex;font-weight:500;gap:6px}.live-indicator:before{animation:pulse 2s infinite;background:#16a34a;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.overview-period-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.period-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.period-card.week{border-left:4px solid #3b82f6}.period-card.month{border-left:4px solid #8b5cf6}.period-card.year{border-left:4px solid #f59e0b}.period-card .period-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.period-card .period-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.period-card .period-change{font-size:13px;font-weight:600}.period-card .period-change.positive{color:#16a34a}.period-card .period-change.negative{color:#dc2626}.period-values{align-items:center;display:flex;justify-content:space-between}.period-current,.period-previous{text-align:center}.period-current .value,.period-previous .value{color:#1e293b;display:block;font-size:24px;font-weight:700}.period-current .label,.period-previous .label{color:#94a3b8;display:block;font-size:11px;margin-top:4px}.period-vs{color:#94a3b8;font-size:12px;font-weight:500}.overview-chart-section{background:#f8fafc;border-radius:12px;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.peak-info{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:13px;padding:6px 12px}.hourly-chart{align-items:flex-end;display:flex;gap:8px;height:200px;padding-bottom:30px;position:relative}.hourly-chart .chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.hourly-chart .bar-container{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.hourly-chart .bar{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:70%}.hourly-chart .chart-bar:hover .bar{box-shadow:0 0 10px #3b82f666;transform:scaleX(1.1)}.hourly-chart .chart-bar.peak .bar{background:linear-gradient(180deg,#f59e0b,#d97706)}.hourly-chart .bar-label{color:#64748b;font-size:11px;margin-top:8px}.hourly-chart .bar-value{color:#94a3b8;font-size:10px;height:14px}.overview-empty,.overview-error,.overview-loading{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.overview-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}.retry-btn{background:#3b82f6;font-weight:500;margin-top:16px;padding:10px 24px}.retry-btn:hover{background:#2563eb}@media (max-width:1024px){.overview-main-cards,.overview-period-cards{grid-template-columns:1fr}}@media (max-width:640px){.main-card .card-value{font-size:36px}.hourly-chart{height:150px;overflow-x:auto}.hourly-chart .chart-bar{min-width:30px}}.yearly-forecast-tab{animation:fadeIn .3s ease-out;padding:0}.yearly-controls{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.controls-left,.yearly-controls{align-items:flex-start;display:flex}.controls-left{gap:24px}.controls-right{align-items:center;display:flex;gap:12px}.scenario-selector,.year-range-selector{display:flex;flex-direction:column;gap:8px}.scenario-selector label,.year-range-selector label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.scenario-buttons,.selector-buttons{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;padding:4px}.selector-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.selector-btn:hover{background:#ffffffb3;color:#1e293b}.selector-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f659;color:#fff}.scenario-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.scenario-btn:hover{background:#ffffffb3}.scenario-btn.optimistic.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98159;color:#fff}.scenario-btn.base.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f659;color:#fff}.scenario-btn.pessimistic.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b59;color:#fff}.scenario-icon{font-size:16px}.comparison-btn,.economic-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.comparison-btn:hover,.economic-btn:hover{background:#f8fafc;border-color:#cbd5e1}.comparison-btn.active{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.export-btn,.export-panel{display:flex;gap:8px}.export-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;justify-content:center;min-width:100px;padding:10px 18px;transition:all .2s ease}.export-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.export-btn.pdf{background:#fef2f2;border-color:#fecaca;color:#dc2626}.export-btn.pdf:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.export-btn.excel{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.export-btn.excel:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.export-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.yearly-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{align-items:flex-start;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .25s ease}.summary-card:before{background:#e2e8f0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.summary-card.scenario-optimistic:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.scenario-base:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-card.scenario-pessimistic:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.card-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:14px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.summary-card.revenue .card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.summary-card.confidence .card-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.summary-card.monthly-avg .card-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.card-content{flex:1 1;min-width:0}.card-value{color:#0f172a;font-size:26px;font-weight:800;line-height:1.2;margin-bottom:4px}.card-label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:2px}.card-sub{color:#94a3b8;font-size:11px;font-weight:500}.confidence-bar-small{background:#e2e8f0;border-radius:3px;height:6px;margin-top:10px;overflow:hidden;width:100%}.confidence-bar-small .confidence-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .5s ease-out}.year-tabs{border-bottom:2px solid #f1f5f9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.year-tab{background:#f8fafc;border:2px solid #0000;border-radius:10px;color:#64748b;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .2s ease}.year-tab:hover{background:#f1f5f9;color:#1e293b}.year-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.yearly-chart-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;padding:24px}.chart-header-section{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.chart-title-group{align-items:center;display:flex;gap:12px}.chart-icon-wrapper{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;color:#3b82f6;display:flex;height:40px;justify-content:center;width:40px}.chart-header-section h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.click-hint{background:#f8fafc;border-radius:8px;font-size:13px;gap:8px;padding:8px 14px}.chart-empty-state,.click-hint{align-items:center;color:#94a3b8;display:flex}.chart-empty-state{flex-direction:column;justify-content:center;padding:80px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.chart-wrapper{display:flex;gap:12px;margin-bottom:20px}.y-axis{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding-right:8px;width:50px}.y-axis-tick{align-items:center;display:flex;height:0;justify-content:flex-end}.y-axis-tick span{color:#94a3b8;font-size:11px;font-weight:600}.chart-body{flex:1 1;height:320px;min-width:0;position:relative}.grid-lines{display:flex;flex-direction:column;inset:0;justify-content:space-between;pointer-events:none;position:absolute}.grid-line{background:#f1f5f9;height:1px}.grid-line:first-child{background:#e2e8f0}.bars-row{align-items:flex-end;display:flex;inset:0;padding:0 8px;position:absolute}.bar-column{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;padding:0 4px;position:relative}.bar-column:hover .main-bar{filter:brightness(1.08);transform:scaleY(1.02)}.bar-area{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding-bottom:4px;position:relative;width:100%}.bar-value-label{color:#475569;font-size:11px;font-weight:700;margin-bottom:6px;white-space:nowrap}.bars-wrapper{align-items:flex-end;display:flex;flex:1 1;gap:4px;justify-content:center;width:100%}.bar{border-radius:6px 6px 2px 2px;transform-origin:bottom center;transition:all .3s ease}.bar.main-bar{box-shadow:0 2px 8px #0000001f;max-width:56px;width:70%}.bar.main-bar.high{background:linear-gradient(0deg,#10b981,#34d399)}.bar.main-bar.medium{background:linear-gradient(0deg,#f59e0b,#fbbf24)}.bar.main-bar.low{background:linear-gradient(0deg,#ef4444,#f87171)}.bar.comparison-bar{background:linear-gradient(0deg,#94a3b8,#cbd5e1);max-width:28px;opacity:.8;width:35%}.month-label{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding-top:8px}.month-name{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:11px;font-weight:700;padding:5px 12px}.bar-column:hover .month-name{background:#f1f5f9;border-color:#cbd5e1}.confidence-indicator{border-radius:50%;box-shadow:0 1px 3px #0003;height:8px;width:8px}.confidence-indicator.high{background:#10b981}.confidence-indicator.medium{background:#f59e0b}.confidence-indicator.low{background:#ef4444}.chart-tooltip{bottom:100%;left:50%;margin-bottom:12px;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:1000}.bar-column:hover .chart-tooltip{opacity:1;visibility:visible}.bar-column:first-child .chart-tooltip{left:0;transform:translateX(0)}.bar-column:first-child .tooltip-arrow{left:24px}.bar-column:last-child .chart-tooltip{left:auto;right:0;transform:translateX(0)}.bar-column:last-child .tooltip-arrow{left:auto;right:24px}.tooltip-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.06));height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 8px #00000014;min-width:200px;padding:14px 16px}.tooltip-title{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.tooltip-title span:first-child{color:#0f172a;font-size:15px;font-weight:700}.confidence-badge{border-radius:12px;font-size:11px;font-weight:700;padding:4px 8px}.tooltip-stats{display:flex;flex-direction:column;gap:8px}.tooltip-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:10px;padding:8px 10px}.tooltip-row.comparison{background:#f5f3ff;margin-top:4px}.row-icon{flex-shrink:0;font-size:16px}.row-label{color:#64748b;flex:1 1;font-size:12px;font-weight:600}.row-value{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:6px}.change-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.change-badge.up{background:#d1fae5;color:#059669}.change-badge.down{background:#fee2e2;color:#dc2626}.tooltip-hint{color:#3b82f6;font-size:11px;font-weight:600;margin-top:10px;padding-top:8px;text-align:center}.chart-legend,.tooltip-hint{border-top:1px solid #f1f5f9}.chart-legend{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding-top:16px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:8px}.legend-dot{border-radius:50%;box-shadow:0 1px 2px #00000026;height:10px;width:10px}.legend-dot.high{background:#10b981}.legend-dot.medium{background:#f59e0b}.legend-dot.low{background:#ef4444}.legend-dot.comparison{background:#94a3b8}.formula-panel{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-top:24px;overflow:hidden}.formula-toggle-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease;width:100%}.formula-toggle-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.toggle-content{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:10px}.formula-toggle-btn .chevron{color:#64748b;transition:transform .3s ease}.formula-toggle-btn .chevron.expanded{transform:rotate(180deg)}.formula-content{animation:slideDown .3s ease-out;padding:24px}.formula-section{border-bottom:1px solid #f1f5f9;margin-bottom:28px;padding-bottom:24px}.formula-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.formula-section h4{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:10px;margin:0 0 16px}.section-icon{font-size:18px}.formula-box{background:linear-gradient(135deg,#1e293b,#334155);border-radius:10px;margin-bottom:16px;padding:16px 20px}.formula-box code{color:#a5f3fc;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6}.formula-details{display:flex;flex-direction:column;gap:10px}.detail-item{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:10px 14px}.detail-item.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.detail-label{color:#1e293b;font-size:13px;font-weight:700;white-space:nowrap}.detail-desc{color:#64748b;font-size:13px;text-align:right}.confidence-table{background:#f8fafc;border-radius:10px;overflow:hidden}.conf-row{border-bottom:1px solid #e2e8f0;display:grid;font-size:13px;grid-template-columns:1fr 120px 100px;padding:12px 16px}.conf-row:last-child{border-bottom:none}.conf-row.header{background:#e2e8f0;color:#475569;font-weight:700}.conf-value{font-weight:700;text-align:center}.conf-value.good{color:#10b981}.conf-value.medium{color:#f59e0b}.conf-value.warning{color:#f97316}.conf-value.low{color:#ef4444}.conf-value.critical{color:#dc2626}.scenario-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.scenario-card{background:#f8fafc;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .2s ease}.scenario-card.active{border-color:currentColor}.scenario-card.optimistic{color:#10b981}.scenario-card.optimistic.active{background:#d1fae5}.scenario-card.base{color:#3b82f6}.scenario-card.base.active{background:#dbeafe}.scenario-card.pessimistic{color:#f59e0b}.scenario-card.pessimistic.active{background:#fef3c7}.scenario-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.scenario-icon{font-size:18px}.scenario-name{font-size:14px;font-weight:700}.scenario-body .multiplier{font-size:20px;font-weight:800;margin-bottom:8px}.scenario-body p{color:#64748b;font-size:12px;line-height:1.5;margin:0}.source-list{display:flex;flex-direction:column;gap:10px}.source-item{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:14px;padding:12px 16px}.source-icon{font-size:24px}.source-info{display:flex;flex-direction:column;gap:2px}.source-name{color:#1e293b;font-size:13px;font-weight:700}.source-desc{color:#64748b;font-size:12px}.notes-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0 0 0 20px}.notes-list li{color:#475569;font-size:13px;line-height:1.5}.comparison-selector{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.comparison-selector label,.comparison-selector select{color:#1e40af;font-size:13px;font-weight:600}.comparison-selector select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231e40af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #93c5fd;border-radius:8px;cursor:pointer;padding:8px 32px 8px 14px}.comparison-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.drill-down-container{margin-bottom:24px}.drill-breadcrumb{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;gap:16px;margin-bottom:20px;padding:14px 18px}.back-btn,.drill-breadcrumb{align-items:center;border:1px solid #e2e8f0;display:flex}.back-btn{background:#fff;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.breadcrumb-trail{align-items:center;display:flex;gap:10px}.breadcrumb-item{border-radius:6px;color:#64748b;font-size:14px;font-weight:500;padding:4px 10px}.breadcrumb-item.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#1e293b;font-weight:700}.breadcrumb-item.clickable{cursor:pointer}.breadcrumb-item.clickable:hover{background:#eff6ff;color:#3b82f6}.breadcrumb-sep{color:#cbd5e1}.economic-panel-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.economic-panel{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.economic-panel .panel-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px}.economic-panel-header{align-items:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.economic-panel-header .header-left{align-items:center;display:flex;gap:16px}.economic-panel-header .header-icon{align-items:center;background:#ffffff26;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.economic-panel-header h2{color:#fff!important;font-size:20px;font-weight:700;margin:0}.economic-panel-header .header-year{font-size:13px;opacity:.7}.economic-panel-header .close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.economic-panel-header .close-btn:hover{background:#fff3}.economic-summary-row{grid-gap:16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:24px 28px}.economic-summary-row .summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:18px}.economic-summary-row .summary-card .card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;font-weight:800;height:44px;justify-content:center;width:44px}.economic-summary-row .summary-card.current-usd .card-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.economic-summary-row .summary-card.current-eur .card-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.economic-summary-row .summary-card.inflation .card-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.economic-summary-row .card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.economic-summary-row .card-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.economic-summary-row .card-value{color:#0f172a;font-size:22px;font-weight:800}.economic-summary-row .card-trend{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.economic-summary-row .mini-chart{opacity:.8}.economic-summary-row .trend-badge{border-radius:8px;font-size:11px;font-weight:700;padding:4px 8px}.economic-summary-row .trend-badge.up{background:#fee2e2;color:#dc2626}.economic-summary-row .trend-badge.down{background:#d1fae5;color:#059669}.inflation-input-wrapper{align-items:center;display:flex;gap:6px}.inflation-input-wrapper input{border:2px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:18px;font-weight:700;padding:8px 12px;text-align:center;transition:all .2s ease;width:70px}.inflation-input-wrapper input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;outline:none}.inflation-input-wrapper>span{color:#64748b;font-size:16px;font-weight:700}.forecasts-section{padding:24px 28px}.forecasts-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.forecasts-section .section-header h3{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:10px;margin:0}.forecasts-section .section-legend{display:flex;gap:16px}.forecasts-section .legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px}.forecasts-section .legend-color{border-radius:4px;height:12px;width:12px}.forecasts-section .legend-color.usd{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.forecasts-section .legend-color.eur{background:linear-gradient(135deg,#10b981,#34d399)}.months-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.month-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;padding:14px;transition:all .2s ease}.month-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.month-card.modified{background:linear-gradient(135deg,#eff6ff,#f8fafc);border-color:#3b82f6}.month-card .month-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:10px}.month-card .month-name{background:#e2e8f0;border-radius:6px;color:#0f172a;font-size:13px;font-weight:800;padding:4px 8px}.month-card .month-full{color:#64748b;font-size:12px;font-weight:500}.month-card .modified-badge{background:#dbeafe;border-radius:4px;color:#2563eb;font-size:9px;font-weight:700;margin-left:auto;padding:3px 6px}.currency-inputs{display:flex;flex-direction:column;gap:10px}.currency-row{gap:10px}.currency-label,.currency-row{align-items:center;display:flex}.currency-label{gap:4px;min-width:50px}.currency-symbol{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:800;height:22px;justify-content:center;width:22px}.currency-row.usd .currency-symbol{background:#dbeafe;color:#2563eb}.currency-row.eur .currency-symbol{background:#d1fae5;color:#059669}.currency-name{color:#64748b;font-size:10px;font-weight:700}.input-with-trend{align-items:center;display:flex;flex:1 1;gap:6px}.input-with-trend input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;flex:1 1;font-size:14px;font-weight:600;min-width:0;padding:8px 10px;transition:all .2s ease;width:100%}.input-with-trend input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.trend-indicator{flex-shrink:0;font-size:14px;font-weight:700}.trend-indicator.up{color:#ef4444}.trend-indicator.down{color:#10b981}.trend-indicator.neutral{color:#94a3b8}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;margin:0 28px 24px;padding:14px 18px}.info-banner .info-icon{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-banner p{color:#1e40af;font-size:13px;line-height:1.5;margin:0}.economic-panel-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 28px}.economic-panel-footer .btn-reset{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.economic-panel-footer .btn-reset:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569}.economic-panel-footer .footer-actions{display:flex;gap:12px}.economic-panel-footer .btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.economic-panel-footer .btn-cancel:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.economic-panel-footer .btn-save{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease}.economic-panel-footer .btn-save:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.economic-panel-footer .btn-cancel:disabled,.economic-panel-footer .btn-reset:disabled,.economic-panel-footer .btn-save:disabled{cursor:not-allowed;opacity:.5}.economic-panel-footer .btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:900px){.economic-summary-row{grid-template-columns:1fr}.months-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.economic-panel{border-radius:16px 16px 0 0;max-height:95vh}.economic-panel-overlay{align-items:flex-end;padding:0}.months-grid{grid-template-columns:repeat(2,1fr)}.economic-panel-footer{flex-direction:column;gap:12px}.economic-panel-footer .btn-reset{justify-content:center;width:100%}.economic-panel-footer .footer-actions{width:100%}.economic-panel-footer .footer-actions button{flex:1 1}}.error-container,.loading-container{padding:80px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border-top-color:#3b82f6;margin-bottom:20px}.error-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;color:#dc2626;display:flex;font-size:28px;height:56px;justify-content:center;margin-bottom:20px;width:56px}.retry-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.drill-chart-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;padding:24px}.drill-chart-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.drill-chart-header .chart-title-group{align-items:flex-start;display:flex;gap:14px}.drill-chart-header .chart-title-group>div{display:flex;flex-direction:column;gap:4px}.drill-chart-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.chart-subtitle{color:#64748b;font-size:13px;font-weight:500;margin:0}.chart-icon-wrapper.weekly{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.chart-icon-wrapper.daily{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1}.week-date-range{color:#94a3b8;font-size:10px;font-weight:500;white-space:nowrap}.chart-body.daily{height:280px}.bars-row.daily{gap:2px}.bar-column.weekend{background:#a855f708;border-radius:8px}.bar.main-bar.weekday{background:linear-gradient(0deg,#3b82f6,#60a5fa)}.bar.main-bar.weekend{background:linear-gradient(0deg,#a855f7,#c084fc)}.month-name.weekend{background:#faf5ff;border-color:#e9d5ff;color:#7c3aed}.day-badge{border-radius:10px;font-size:10px;font-weight:600;padding:3px 8px}.day-badge.weekday{background:#dbeafe;color:#2563eb}.day-badge.weekend{background:#f3e8ff;color:#7c3aed}.legend-dot.weekday{background:#3b82f6}.legend-dot.weekend{background:#a855f7}.week-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.week-card{border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .25s ease}.week-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px) scale(1.02)}.week-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.week-number{font-size:14px;font-weight:800;letter-spacing:.5px}.week-confidence{border-radius:8px;font-size:11px;font-weight:700;padding:4px 8px}.week-card-value{font-size:32px;font-weight:800;line-height:1.1;margin-bottom:6px}.week-card-meta{margin-bottom:14px}.week-dates{font-size:12px;font-weight:600}.week-card-footer{border-top:1px solid;justify-content:space-between;padding-top:12px}.footer-stat,.week-card-footer{align-items:center;display:flex}.footer-stat{font-size:11px;font-weight:600;gap:5px}.week-card-hover-indicator{opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.week-card:hover .week-card-hover-indicator{opacity:.7;right:8px}.intensity-legend{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;padding:8px 14px}.legend-label{color:#64748b;font-size:11px;font-weight:600}.intensity-scale{display:flex;gap:3px}.scale-block{border-radius:3px;height:12px;width:20px}.scale-block.very-low{background:linear-gradient(135deg,#a7f3d0,#d1fae5)}.scale-block.low{background:linear-gradient(135deg,#6ee7b7,#a7f3d0)}.scale-block.medium{background:linear-gradient(135deg,#34d399,#6ee7b7)}.scale-block.high{background:linear-gradient(135deg,#10b981,#34d399)}.scale-block.very-high{background:linear-gradient(135deg,#059669,#10b981)}.drill-summary-cards{border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:24px;padding-top:20px}.drill-summary-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;gap:14px;padding:16px 20px;transition:all .2s ease}.drill-summary-card:hover{background:#f1f5f9;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.summary-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.summary-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.summary-icon.orange{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.summary-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.summary-content{display:flex;flex-direction:column;gap:4px}.summary-label{color:#64748b;font-size:12px;font-weight:600}.summary-value{color:#0f172a;font-size:20px;font-weight:800}@media (max-width:1200px){.yearly-summary-cards{grid-template-columns:repeat(2,1fr)}.scenario-cards{grid-template-columns:1fr}}@media (max-width:768px){.yearly-controls{align-items:stretch;flex-direction:column}.yearly-summary-cards{grid-template-columns:1fr}.chart-plot-area{height:280px}.chart-y-axis{display:none}.chart-legend-section{align-items:center;flex-direction:column}.drill-summary-cards{flex-direction:column}.drill-breadcrumb{align-items:flex-start}.drill-breadcrumb,.drill-chart-header{flex-direction:column;gap:12px}.chart-body.daily{height:240px}.y-axis{width:40px}.y-axis-tick span{font-size:10px}.bar-value-label{font-size:9px}.month-name{font-size:10px;padding:4px 8px}.week-cards-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.week-card{padding:14px}.week-card-value{font-size:24px}.intensity-legend{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.week-cards-grid{grid-template-columns:1fr}}.smart-alerts{padding:0}.smart-alerts-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.smart-alerts-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.smart-alerts-error{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.smart-alerts-error .error-icon{font-size:48px;margin-bottom:16px}.smart-alerts-error .retry-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 24px;transition:background .2s}.smart-alerts-error .retry-btn:hover{background:#4f46e5}.alerts-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:20px}.summary-card .summary-icon{font-size:32px}.summary-card .summary-content{display:flex;flex-direction:column}.summary-card .summary-value{color:#1e293b;font-size:28px;font-weight:700;line-height:1.2}.summary-card .summary-label{color:#64748b;font-size:13px;margin-top:2px}.summary-card.critical{border-left:4px solid #ef4444}.summary-card.high{border-left:4px solid #f59e0b}.summary-card.opportunity{border-left:4px solid #22c55e}.alerts-filters{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.alerts-filters .filter-group{display:flex;flex-direction:column;gap:6px}.alerts-filters .filter-group label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.alerts-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;min-width:160px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.alerts-filters select:hover{border-color:#cbd5e1}.alerts-filters select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.alerts-filters .refresh-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-left:auto;padding:10px 20px;transition:background .2s}.alerts-filters .refresh-btn:hover{background:#4f46e5}.alerts-filters .refresh-btn svg{height:16px;width:16px}.no-alerts{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.no-alerts .no-alerts-icon{font-size:64px;margin-bottom:16px}.no-alerts h3{color:#1e293b;font-size:20px;margin:0 0 8px}.no-alerts p{color:#64748b;margin:0}.alerts-list{display:flex;flex-direction:column;gap:16px}.alert-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:box-shadow .2s,transform .2s}.alert-card:hover{box-shadow:0 4px 12px #0000001a}.alert-card.priority-critical{border-left:4px solid #dc2626}.alert-card.priority-urgent{border-left:4px solid #ea580c}.alert-card.priority-high{border-left:4px solid #f59e0b}.alert-card.priority-medium{border-left:4px solid #3b82f6}.alert-card.priority-low{border-left:4px solid #22c55e}.alert-card.priority-info{border-left:4px solid #64748b}.alert-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 20px}.alert-badges{display:flex;gap:10px}.category-badge,.priority-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px}.priority-badge{background:#fef3c7;color:#92400e}.priority-critical .priority-badge{background:#fee2e2;color:#991b1b}.priority-urgent .priority-badge{background:#ffedd5;color:#9a3412}.priority-high .priority-badge{background:#fef3c7;color:#92400e}.priority-medium .priority-badge{background:#dbeafe;color:#1e40af}.priority-low .priority-badge{background:#dcfce7;color:#166534}.category-badge,.priority-info .priority-badge{background:#f1f5f9;color:#475569}.alert-date{color:#64748b;font-size:12px}.alert-body{padding:20px}.alert-title{color:#1e293b;font-size:17px;font-weight:600;line-height:1.4;margin:0 0 10px}.alert-message{color:#475569;font-size:14px;line-height:1.6;margin:0}.alert-confidence,.alert-target-date,.alert-tenant{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-top:12px}.confidence-icon,.target-icon,.tenant-icon{font-size:14px}.alert-actions-section{background:#fafafa;border-top:1px solid #e2e8f0;padding:16px 20px}.alert-actions-section h4{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.suggested-actions-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.suggested-actions-list li{align-items:flex-start;color:#475569;display:flex;font-size:13px;gap:8px;line-height:1.5}.action-bullet{color:#6366f1;font-weight:700}.alert-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:14px 20px}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.action-btn svg{height:14px;width:14px}.action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.acknowledge:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;color:#1e40af}.action-btn.resolve:hover:not(:disabled){background:#dcfce7;border-color:#86efac;color:#166534}.action-btn.dismiss:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#991b1b}.btn-spinner{animation:spin .6s linear infinite;border-top-color:#6366f1}.alert-status-info{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:12px 20px}.status-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px}.status-badge.status-acknowledged{background:#dbeafe;color:#1e40af}.status-badge.status-resolved{background:#dcfce7;color:#166534}.status-badge.status-dismissed{background:#f1f5f9;color:#64748b}.resolution-note{color:#64748b;font-size:12px;font-style:italic}.resolve-modal{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;max-width:500px;width:100%}.modal-header h3{color:#1e293b;font-size:18px;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#f1f5f9;color:#1e293b}.close-btn svg{height:18px;width:18px}.resolve-alert-title{background:#f8fafc;border-left:3px solid #6366f1;border-radius:8px;color:#475569;font-size:14px;margin:0 0 20px;padding:12px 16px}.modal-body .form-group{display:flex;flex-direction:column;gap:8px}.modal-body .form-group label{color:#475569;font-size:13px;font-weight:500}.modal-body textarea{border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:12px 14px;resize:vertical;transition:border-color .2s,box-shadow .2s}.modal-body textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-cancel,.btn-resolve{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-resolve{align-items:center;background:#22c55e;border:none;color:#fff;display:flex;gap:8px}.btn-resolve:hover:not(:disabled){background:#16a34a}.btn-resolve:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.alerts-summary{grid-template-columns:repeat(2,1fr)}.alerts-filters{flex-wrap:wrap}.alerts-filters .refresh-btn{justify-content:center;width:100%}}@media (max-width:640px){.alerts-summary{grid-template-columns:1fr}.alert-header{align-items:flex-start;flex-direction:column;gap:10px}.alert-footer{flex-wrap:wrap}.action-btn{flex:1 1;justify-content:center}.resolve-modal{margin:16px}}.view-tabs{background:#f1f5f9;border-radius:12px;margin-bottom:20px;padding:6px}.view-tab,.view-tabs{align-items:center;display:flex;gap:8px}.view-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.view-tab:hover{background:#ffffff80;color:#1e293b}.view-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1}.view-tab .tab-icon{font-size:16px}.view-tab .tab-badge{align-items:center;background:#e2e8f0;border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.view-tab.active .tab-badge{background:#eef2ff;color:#6366f1}.view-actions{gap:12px;margin-left:auto}.generate-btn,.view-actions{align-items:center;display:flex}.generate-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s}.generate-btn:hover:not(:disabled){background:#4f46e5}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generate-btn svg{height:16px;width:16px}.generated-msg{color:#22c55e;font-size:13px;font-weight:500}.rules-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.rules-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.rules-header h3{color:#1e293b;font-size:18px;margin:0 0 6px}.rules-header p{color:#64748b;font-size:14px;margin:0}.no-rules{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-rules-icon{font-size:48px;margin-bottom:16px}.no-rules h4{color:#1e293b;font-size:18px;margin:0 0 8px}.no-rules p{color:#64748b;font-size:14px;margin:0}.rules-list{display:flex;flex-direction:column}.rule-card{border-bottom:1px solid #e2e8f0;padding:16px 20px;transition:background .2s}.rule-card:last-child{border-bottom:none}.rule-card:hover{background:#f8fafc}.rule-card.inactive{opacity:.6}.rule-header{justify-content:space-between;margin-bottom:10px}.rule-header,.rule-info{align-items:center;display:flex}.rule-info{gap:10px}.rule-priority{font-size:18px}.rule-name{color:#1e293b;font-size:15px;font-weight:600}.system-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:11px;font-weight:500;padding:3px 8px}.toggle-switch{display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.rule-body{padding-left:28px}.rule-description{color:#475569;font-size:13px;line-height:1.5;margin:0 0 12px}.rule-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.meta-icon{font-size:14px}.rule-actions-preview{align-items:center;background:#f8fafc;border-radius:6px;display:flex;gap:8px;margin-left:28px;margin-top:12px;padding:8px 12px}.actions-label{color:#64748b;font-size:12px}.actions-count{color:#6366f1;font-size:12px;font-weight:500}@media (max-width:768px){.view-tabs{flex-wrap:wrap}.view-actions{margin-left:0;margin-top:8px;width:100%}.generate-btn{flex:1 1;justify-content:center}.rule-header{align-items:flex-start;flex-direction:column;gap:12px}.rule-body{padding-left:0}.rule-actions-preview{margin-left:0}}.ai-predictions-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.error-icon{font-size:48px}.retry-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.retry-btn:hover{background:#4f46e5}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.header-left h1{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.header-icon{font-size:32px}.header-subtitle{color:#64748b;font-size:14px;margin:0}.header-right{align-items:center;display:flex;gap:16px}.tenant-filter-group{display:flex;flex-direction:column;gap:6px;position:relative}.tenant-filter-group>label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.modern-dropdown{min-width:200px;position:relative}.dropdown-trigger{align-items:center;background:linear-gradient(135deg,#f0f7ff,#e0efff);border:1px solid #c5ddf8;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.dropdown-trigger:hover{background:linear-gradient(135deg,#e0efff,#d0e5ff);border-color:#a5c8f0}.modern-dropdown.open .dropdown-trigger{background:linear-gradient(135deg,#e0efff,#d0e5ff);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dropdown-icon{align-items:center;color:#6366f1;display:flex;justify-content:center}.dropdown-text{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#64748b;flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.modern-dropdown.open .dropdown-arrow{color:#6366f1;transform:rotate(180deg)}.dropdown-panel{animation:dropdownSlide .2s ease;background:#fff;border-radius:14px;box-shadow:0 12px 48px #00000026,0 0 0 1px #0000000d;left:0;max-width:350px;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 14px}.dropdown-search .search-icon{color:#9ca3af;flex-shrink:0;height:18px;width:18px}.dropdown-search input{background:#0000;border:none;color:#374151;flex:1 1;font-size:14px;outline:none}.dropdown-search input::placeholder{color:#9ca3af}.dropdown-search .clear-search{align-items:center;background:#e5e7eb;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .15s ease;width:20px}.dropdown-search .clear-search:hover{background:#d1d5db}.dropdown-search .clear-search svg{color:#6b7280;height:12px;width:12px}.dropdown-options{max-height:260px;overflow-y:auto}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .15s ease}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f0f7ff}.dropdown-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.dropdown-option.selected:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.radio-wrapper{flex-shrink:0}.radio-circle{align-items:center;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .15s ease;width:20px}.radio-circle.checked{border-color:#6366f1}.radio-dot{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;height:10px;width:10px}.option-text{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-city{background:#f1f5f9;border-radius:6px;color:#64748b;flex-shrink:0;font-size:12px;padding:4px 8px}.dropdown-empty{color:#9ca3af;font-size:13px;padding:20px 14px;text-align:center}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.refresh-btn:hover{background:#f1f5f9}.refresh-btn.refreshing{cursor:not-allowed;opacity:.6}.ai-predictions-page .quality-banner{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.ai-predictions-page .quality-banner.limited{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.ai-predictions-page .quality-banner.insufficient{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.tabs-container{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:12px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.tab-button:hover{background:#f1f5f9;color:#1e293b}.tab-button.active{background:#6366f1;color:#fff}.alert-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.tab-button.yearly-tab{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;color:#0284c7}.tab-button.yearly-tab:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.tab-button.yearly-tab.active{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#0284c7;color:#fff}.tab-icon{font-size:14px}.yearly-tab-content{padding:0}.tab-content{animation:fadeIn .3s ease}.ai-predictions-page .main-prediction-card{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:20px;color:#fff;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.ai-predictions-page .main-prediction-card:before{background:radial-gradient(circle,#a78bfa26 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.ai-predictions-page .prediction-main{position:relative;text-align:center;z-index:1}.ai-predictions-page .prediction-date{color:#ffffffb3;font-size:14px;margin-bottom:8px}.ai-predictions-page .prediction-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;line-height:1;margin-bottom:8px}.ai-predictions-page .prediction-label{color:#fffc;font-size:16px;margin-bottom:20px}.ai-predictions-page .confidence-range{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:12px;display:inline-flex;font-size:14px;gap:10px;margin-bottom:20px;padding:10px 20px}.range-label{color:#ffffffb3;font-weight:500}.range-values{color:#a78bfa;font-size:16px;font-weight:700}.ai-predictions-page .confidence-meter{margin:0 auto;max-width:300px}.ai-predictions-page .confidence-label{color:#fffc;display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:8px}.ai-predictions-page .confidence-label span{font-weight:700}.ai-predictions-page .confidence-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.ai-predictions-page .confidence-fill{border-radius:4px;height:100%;transition:width .5s ease}.ai-predictions-page .stability-badge{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;position:absolute;right:20px;top:20px}.ai-predictions-page .stability-badge.stable{background:#22c55e33;border:1px solid #22c55e66;color:#86efac}.ai-predictions-page .stability-badge.new{background:#3b82f633;border:1px solid #3b82f666;color:#93c5fd}.ai-predictions-page .stability-badge.significant_change{background:#f59e0b33;border:1px solid #f59e0b66;color:#fcd34d}.ai-predictions-page .stats-row-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.ai-predictions-page .stat-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;min-width:0;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.ai-predictions-page .stat-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.ai-predictions-page .stat-card.peak-day-card{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border:2px solid #fcd34d!important;display:flex!important;min-height:100px;opacity:1!important;visibility:visible!important}.ai-predictions-page .stat-card.peak-day-card .stat-content,.ai-predictions-page .stat-card.peak-day-card .stat-icon{display:block!important;visibility:visible!important}.ai-predictions-page .stat-card.peak-day-card .stat-label,.ai-predictions-page .stat-card.peak-day-card .stat-sub,.ai-predictions-page .stat-card.peak-day-card .stat-value{color:#92400e!important;display:block!important;visibility:visible!important}.ai-predictions-page .stat-card.revenue{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.ai-predictions-page .stat-card.revenue.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.ai-predictions-page .stat-card .warning-icon{font-size:28px}.ai-predictions-page .stat-card .warning-text{color:#92400e;font-size:11px;line-height:1.3}.ai-predictions-page .stat-card.quality{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.ai-predictions-page .stat-card.quality.excellent{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7}.ai-predictions-page .stat-card.quality.good{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.ai-predictions-page .stat-card.quality.fair{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.ai-predictions-page .stat-card.quality.poor{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.ai-predictions-page .stat-icon{flex-shrink:0;font-size:24px}.ai-predictions-page .stat-content{flex:1 1;min-width:0;overflow:hidden}.ai-predictions-page .stat-value-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.ai-predictions-page .stat-value{color:#1e293b;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.ai-predictions-page .stat-value.quality-value{font-size:18px}.ai-predictions-page .stat-badge{align-items:center;border-radius:4px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;gap:2px;padding:2px 6px;white-space:nowrap}.ai-predictions-page .stat-badge.up{background:#dcfce7;color:#16a34a}.ai-predictions-page .stat-badge.down{background:#fee2e2;color:#dc2626}.ai-predictions-page .stat-badge.stable{background:#f1f5f9;color:#64748b}.ai-predictions-page .stat-label{color:#64748b;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ai-predictions-page .stat-label,.ai-predictions-page .stat-sub{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-predictions-page .stat-sub{color:#94a3b8;margin-top:4px}.ai-predictions-page .stat-comparison{align-items:center;border-top:1px solid #f1f5f9;display:flex;font-size:11px;gap:4px;line-height:1.2;margin-top:6px;padding-top:6px}.ai-predictions-page .stat-comparison .comparison-label{color:#94a3b8;white-space:nowrap}.ai-predictions-page .stat-comparison .comparison-value{color:#64748b;font-weight:600;white-space:nowrap}.ai-predictions-page .insights-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.ai-predictions-page .insights-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.ai-predictions-page .insights-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.ai-predictions-page .insight-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:14px}.ai-predictions-page .insight-icon{flex-shrink:0;font-size:20px}.ai-predictions-page .insight-text{color:#334155;font-size:14px;line-height:1.5}.ai-predictions-page .formula-tab{display:flex;flex-direction:column;gap:24px}.ai-predictions-page .formula-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.ai-predictions-page .section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.section-icon{font-size:24px}.ai-predictions-page .section-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.ai-predictions-page .baseline-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:20px}.ai-predictions-page .baseline-result{align-items:center;border-bottom:1px solid #bae6fd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.ai-predictions-page .baseline-label{color:#0369a1;font-size:14px;font-weight:500}.ai-predictions-page .baseline-value{color:#0c4a6e;font-size:28px;font-weight:700}.ai-predictions-page .baseline-components{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.ai-predictions-page .component-item{background:#fff;border:1px solid #e0f2fe;border-radius:10px;padding:14px}.ai-predictions-page .component-header{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.ai-predictions-page .weight-badge{background:#0ea5e9;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.ai-predictions-page .component-value{color:#1e293b;font-size:20px;font-weight:700}.ai-predictions-page .momentum-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:20px}.ai-predictions-page .momentum-main{align-items:center;display:flex;gap:16px;margin-bottom:16px}.ai-predictions-page .momentum-value{color:#92400e;font-size:32px;font-weight:700}.ai-predictions-page .momentum-desc{color:#78350f;font-size:14px}.ai-predictions-page .momentum-details{display:flex;gap:24px}.ai-predictions-page .momentum-item{display:flex;flex-direction:column;gap:4px}.ai-predictions-page .momentum-item span:first-child{color:#92400e;font-size:12px}.ai-predictions-page .momentum-item span:last-child{color:#78350f;font-size:16px;font-weight:600}.ai-predictions-page .momentum-trend-row{align-items:center;background:#ffffff80;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:12px 16px}.ai-predictions-page .trend-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px}.ai-predictions-page .trend-badge.up{background:#22c55e26;color:#15803d}.ai-predictions-page .trend-badge.down{background:#ef444426;color:#b91c1c}.ai-predictions-page .trend-badge.stable{background:#64748b26;color:#475569}.ai-predictions-page .momentum-trend-row .percent-change{font-size:20px;font-weight:700}.ai-predictions-page .momentum-trend-row .percent-change.positive{color:#15803d}.ai-predictions-page .momentum-trend-row .percent-change.negative{color:#b91c1c}.ai-predictions-page .adjustments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.ai-predictions-page .adjustment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.ai-predictions-page .adjustment-card.positive{border-left:4px solid #22c55e}.ai-predictions-page .adjustment-card.negative{border-left:4px solid #ef4444}.ai-predictions-page .adjustment-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.ai-predictions-page .adjustment-icon{font-size:24px}.ai-predictions-page .adjustment-title{color:#1e293b;font-size:14px;font-weight:600}.ai-predictions-page .adjustment-factor{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.ai-predictions-page .adjustment-desc,.ai-predictions-page .adjustment-details{color:#64748b;font-size:13px;line-height:1.5}.ai-predictions-page .yoy-warning{background:#fef3c7;border-radius:6px;color:#92400e;font-size:12px;margin-top:10px;padding:8px 12px}.ai-predictions-page .final-calculation{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;color:#fff;padding:24px}.ai-predictions-page .calculation-formula{align-items:center;display:flex;flex-wrap:wrap;font-size:18px;gap:12px;justify-content:center}.ai-predictions-page .formula-part{background:#ffffff1a;border-radius:8px;font-weight:600;padding:8px 16px}.ai-predictions-page .formula-part.factors{color:#ffffffb3;font-size:14px}.ai-predictions-page .formula-op{color:#ffffff80;font-size:24px}.ai-predictions-page .formula-result{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;font-size:24px;font-weight:700;padding:12px 24px}.ai-predictions-page .forecast-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px;padding:24px}.ai-predictions-page .forecast-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.ai-predictions-page .forecast-chart{align-items:flex-end;background:linear-gradient(0deg,#f8fafc 0,#0000 30%);border-bottom:2px solid #e2e8f0;display:flex;flex-direction:row;height:320px;justify-content:space-around;margin-bottom:16px;padding:20px 10px}.ai-predictions-page .forecast-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;max-width:120px;padding:0 8px;transition:transform .2s ease}.ai-predictions-page .forecast-column:hover{transform:translateY(-4px)}.ai-predictions-page .forecast-value{align-items:center;background:#f1f5f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#1e293b;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;margin-bottom:10px;min-width:60px;padding:6px 12px;text-align:center;white-space:nowrap}.ai-predictions-page .forecast-column.peak .forecast-value{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.ai-predictions-page .forecast-bar{background:linear-gradient(180deg,#818cf8,#6366f1 50%,#4f46e5);border-radius:10px 10px 0 0;box-shadow:0 4px 12px #6366f14d;min-height:8px;position:relative;transition:all .5s ease;width:60px}.ai-predictions-page .forecast-column:hover .forecast-bar{box-shadow:0 6px 20px #6366f166;transform:scaleX(1.1)}.ai-predictions-page .forecast-column.peak .forecast-bar{background:linear-gradient(180deg,#fbbf24,#f59e0b 50%,#d97706);box-shadow:0 4px 20px #f59e0b80}.ai-predictions-page .forecast-column.peak:hover .forecast-bar{box-shadow:0 6px 28px #f59e0b99}.ai-predictions-page .forecast-peak-badge{animation:forecastBounce 1s ease-in-out infinite;font-size:14px;margin-right:4px}@keyframes forecastBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.ai-predictions-page .forecast-label{color:#1e293b;font-size:14px;font-weight:700;margin-top:14px}.ai-predictions-page .forecast-date{color:#64748b;font-size:12px;font-weight:500;margin-top:4px}.ai-predictions-page .forecast-factors{display:flex;gap:6px;margin-top:10px}.ai-predictions-page .forecast-factor-badge{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:16px}.ai-predictions-page .forecast-legend{display:flex;gap:24px;justify-content:center}.ai-predictions-page .forecast-legend-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.ai-predictions-page .forecast-legend-color{background:#6366f1;border-radius:4px;height:16px;width:16px}.ai-predictions-page .forecast-legend-color.peak{background:#f59e0b}.ai-predictions-page .weekly-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;overflow-x:auto;padding:24px}.ai-predictions-page .weekly-table{border-collapse:collapse;width:100%}.ai-predictions-page .weekly-table td,.ai-predictions-page .weekly-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left}.ai-predictions-page .weekly-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ai-predictions-page .weekly-table td{color:#1e293b;font-size:14px}.ai-predictions-page .weekly-table tr.peak-row{background:#fef3c7}.ai-predictions-page .prediction-cell{font-size:16px;font-weight:700}.ai-predictions-page .confidence-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.ai-predictions-page .weekly-table td.positive{color:#16a34a;font-weight:500}.ai-predictions-page .weekly-table td.negative{color:#dc2626;font-weight:500}.ai-predictions-page .clickable-row{cursor:pointer;transition:background-color .2s ease}.ai-predictions-page .clickable-row:hover{background-color:#f1f5f9}.ai-predictions-page .clickable-row.peak-row:hover{background-color:#fde68a}.ai-predictions-page .clickable-row.expanded{background-color:#e0f2fe}.ai-predictions-page .expand-cell{text-align:center;width:40px}.ai-predictions-page .expand-icon{color:#64748b;display:inline-block;font-size:10px;transition:transform .3s ease}.ai-predictions-page .expand-icon.expanded{transform:rotate(90deg)}.ai-predictions-page .expanded-row{background-color:#f8fafc}.ai-predictions-page .expanded-row td{border-bottom:2px solid #e2e8f0;padding:0!important}.ai-predictions-page .formula-expansion{animation:slideDown .3s ease;padding:20px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-predictions-page .formula-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.ai-predictions-page .formula-icon{font-size:18px}.ai-predictions-page .formula-content{display:flex;flex-direction:column;gap:20px}.ai-predictions-page .formula-equation{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:16px 24px}.ai-predictions-page .formula-result-value{color:#6366f1;font-size:24px;font-weight:700}.ai-predictions-page .formula-equals{color:#64748b;font-size:20px}.ai-predictions-page .formula-base{background:#f1f5f9;border-radius:8px;color:#1e293b;font-size:18px;font-weight:600;padding:6px 12px}.ai-predictions-page .formula-operator{color:#94a3b8;font-size:16px;font-weight:500}.ai-predictions-page .formula-factor{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:16px;font-weight:600;padding:6px 12px}.ai-predictions-page .formula-factor.positive{background:#dcfce7;color:#16a34a}.ai-predictions-page .formula-factor.negative{background:#fee2e2;color:#dc2626}.ai-predictions-page .formula-breakdown{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.breakdown-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.breakdown-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.breakdown-value{color:#1e293b;font-size:18px;font-weight:700}.breakdown-value.positive{color:#16a34a}.breakdown-value.negative{color:#dc2626}.breakdown-desc{color:#94a3b8;font-size:12px}.ai-predictions-page .alerts-tab{display:flex;flex-direction:column;gap:24px}.ai-predictions-page .alerts-section,.ai-predictions-page .recommendations-section,.ai-predictions-page .risk-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px}.ai-predictions-page .alerts-section h3,.ai-predictions-page .recommendations-section h3,.ai-predictions-page .risk-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.ai-predictions-page .alerts-list{display:flex;flex-direction:column;gap:12px}.ai-predictions-page .alert-card{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:14px;padding:16px}.ai-predictions-page .alert-card.alert-high{background:#fef2f2;border-color:#fecaca}.ai-predictions-page .alert-card.alert-medium{background:#fffbeb;border-color:#fde68a}.ai-predictions-page .alert-card.alert-info{background:#eff6ff;border-color:#bfdbfe}.ai-predictions-page .alert-card.alert-low{background:#f0fdf4;border-color:#bbf7d0}.ai-predictions-page .alert-card .alert-icon{flex-shrink:0;font-size:24px}.ai-predictions-page .alert-card .alert-content{flex:1 1}.ai-predictions-page .alert-card .alert-message{color:#1e293b;font-size:14px;font-weight:500;margin-bottom:6px}.ai-predictions-page .alert-meta{align-items:center;display:flex;gap:12px}.ai-predictions-page .alert-date{color:#64748b;font-size:12px}.ai-predictions-page .alert-severity{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.ai-predictions-page .alert-severity.high{background:#fee2e2;color:#dc2626}.ai-predictions-page .alert-severity.medium{background:#fef3c7;color:#d97706}.ai-predictions-page .alert-severity.info{background:#dbeafe;color:#2563eb}.ai-predictions-page .no-alerts{color:#64748b;padding:40px;text-align:center}.ai-predictions-page .no-alerts-icon{display:block;font-size:48px;margin-bottom:12px}.ai-predictions-page .recommendations-list{display:flex;flex-direction:column;gap:10px}.ai-predictions-page .recommendation-item{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:12px;padding:14px}.ai-predictions-page .rec-icon{flex-shrink:0;font-size:18px}.ai-predictions-page .rec-text{color:#166534;font-size:14px;line-height:1.5}.ai-predictions-page .no-recommendations{color:#64748b;font-size:14px;padding:20px;text-align:center}.ai-predictions-page .risk-list{display:flex;flex-direction:column;gap:10px}.ai-predictions-page .risk-item{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;gap:12px;padding:14px}.ai-predictions-page .risk-icon{flex-shrink:0;font-size:18px}.ai-predictions-page .risk-text{color:#991b1b;font-size:14px;line-height:1.5}@media (max-width:1200px){.ai-predictions-page .stats-row-container{grid-template-columns:repeat(2,1fr)}.ai-predictions-page .stat-card{padding:20px}.ai-predictions-page .stat-value{font-size:24px}}@media (max-width:1024px){.ai-predictions-page .adjustments-grid,.ai-predictions-page .baseline-components,.ai-predictions-page .insights-list{grid-template-columns:1fr}}@media (max-width:640px){.ai-predictions-page .stats-row-container{grid-template-columns:1fr}.ai-predictions-page .stat-card{padding:16px}.ai-predictions-page .stat-value{font-size:22px}}@media (max-width:768px){.ai-predictions-page{padding:16px}.header-right,.page-header{flex-direction:column}.header-right,.tenant-select{width:100%}.stats-row{grid-template-columns:1fr}.ai-predictions-page .prediction-value{font-size:48px}.ai-predictions-page .stability-badge{justify-content:center;margin-top:20px;position:static}.ai-predictions-page .forecast-chart{height:200px;overflow-x:auto}.ai-predictions-page .forecast-column{min-width:60px}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{white-space:nowrap}.ai-predictions-page .calculation-formula{font-size:14px}.ai-predictions-page .formula-result{font-size:18px}}.ai-predictions-page .stat-card.clickable{cursor:pointer;position:relative}.ai-predictions-page .stat-card.clickable:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-4px)}.ai-predictions-page .stat-click-hint{opacity:.4;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.ai-predictions-page .stat-card.clickable:hover .stat-click-hint{opacity:.8}.ai-predictions-page .stat-click-hint svg{stroke:#64748b}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.revenue-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.revenue-modal-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.revenue-modal-title{align-items:center;display:flex;gap:16px}.revenue-modal-title svg{flex-shrink:0}.revenue-modal-title h2{font-size:1.5rem;font-weight:700;margin:0}.revenue-modal-title .modal-subtitle{font-size:.875rem;margin:4px 0 0;opacity:.9}.ai-predictions-page .modal-close{align-items:center;background:#fff3;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.ai-predictions-page .modal-close:hover{background:#ffffff59;transform:scale(1.05)}.ai-predictions-page .modal-close svg{stroke:#fff}.revenue-modal-body{flex:1 1;overflow-y:auto;padding:28px}.revenue-main-display{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:16px;margin-bottom:28px;padding:32px;text-align:center}.revenue-big-number{color:#059669;font-size:3.5rem;font-weight:800;line-height:1}.revenue-big-number .currency{font-size:2rem;margin-right:4px;opacity:.8;vertical-align:super}.revenue-big-number .not-configured{color:#94a3b8}.revenue-period{color:#059669;font-size:1rem;font-weight:500;margin-top:12px}.revenue-breakdown-section,.revenue-formula-section,.revenue-insights-section,.revenue-metrics-section,.revenue-source-section{margin-bottom:28px}.revenue-breakdown-section h3,.revenue-formula-section h3,.revenue-insights-section h3,.revenue-metrics-section h3,.revenue-source-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:12px}.revenue-breakdown-section h3 svg,.revenue-formula-section h3 svg,.revenue-insights-section h3 svg,.revenue-metrics-section h3 svg,.revenue-source-section h3 svg{stroke:#6366f1}.ai-predictions-page .formula-visual{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:24px}.ai-predictions-page .formula-visual .formula-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:140px;padding:16px 20px;text-align:center}.ai-predictions-page .formula-visual .formula-item.result{background:linear-gradient(135deg,#059669,#10b981);border:none;box-shadow:0 4px 12px #0596694d}.ai-predictions-page .formula-visual .formula-item.result .formula-label,.ai-predictions-page .formula-visual .formula-item.result .formula-value{color:#fff}.ai-predictions-page .formula-visual .formula-value{color:#1e293b;font-size:1.25rem;font-weight:700}.ai-predictions-page .formula-visual .formula-label{color:#64748b;font-size:.75rem;margin-top:6px}.ai-predictions-page .formula-visual .formula-operator{color:#94a3b8;font-size:1.5rem;font-weight:700}.daily-revenue-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr)}.daily-revenue-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.daily-revenue-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.daily-revenue-item.peak{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.daily-day{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:8px}.daily-visitors{color:#64748b;font-size:.75rem;margin-bottom:4px}.daily-revenue{color:#059669;font-size:1rem;font-weight:700}.peak-badge{color:#92400e;font-size:.7rem;font-weight:600;margin-top:8px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.metric-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px}.metric-icon{flex-shrink:0;font-size:1.5rem}.metric-value{color:#1e293b;font-size:1.125rem;font-weight:700}.metric-label{color:#64748b;font-size:.75rem;margin-top:2px}.source-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.source-status{align-items:center;display:flex;font-weight:600;gap:10px;margin-bottom:10px}.source-status.success{color:#059669}.source-status.success svg{stroke:#059669}.source-status.warning{color:#d97706}.source-status.warning svg{stroke:#d97706}.source-info-card p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.cxo-insights-list{display:flex;flex-direction:column;gap:12px}.cxo-insight-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:flex;font-size:.9rem;gap:12px;line-height:1.5;padding:14px 16px}.cxo-insight-item.warning{background:#fef3c7;border-color:#fcd34d;color:#92400e}.ai-predictions-page .insight-bullet{flex-shrink:0;font-size:1rem}.cxo-insight-item strong{color:#1e293b}.cxo-insight-item .positive{color:#059669;font-weight:600}.cxo-insight-item .negative{color:#dc2626;font-weight:600}.revenue-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 28px}.modal-footer-note{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px;max-width:60%}.modal-footer-note svg{stroke:#94a3b8;flex-shrink:0}.modal-close-btn{background:#1e293b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s ease}.modal-close-btn:hover{background:#334155;transform:translateY(-1px)}@media (max-width:900px){.daily-revenue-grid{grid-template-columns:repeat(4,1fr)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.ai-predictions-page .formula-visual{gap:12px}.ai-predictions-page .formula-visual .formula-item{min-width:100px;padding:12px 14px}}@media (max-width:640px){.revenue-modal{border-radius:16px 16px 0 0;margin-top:auto;max-height:95vh}.revenue-modal-header{padding:20px}.revenue-modal-title h2{font-size:1.25rem}.revenue-modal-body{padding:20px}.revenue-big-number{font-size:2.5rem}.daily-revenue-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:1fr}.ai-predictions-page .formula-visual{flex-direction:column}.ai-predictions-page .formula-visual .formula-operator{transform:rotate(90deg)}.modal-footer-note{display:none}.revenue-modal-footer{justify-content:center}}.ai-factor-breakdown-popup{animation:aiFbPopupIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 48px #0000001f,0 0 0 1px #6366f114;color:#1e293b;font-size:12px;padding:18px;width:340px;z-index:99999}@keyframes aiFbPopupIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-factor-breakdown-popup .fb-title{align-items:center;border-bottom:2px solid #eef2ff;color:#1e293b;display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:14px;padding-bottom:10px}.ai-factor-breakdown-popup .fb-section{margin-bottom:14px}.ai-factor-breakdown-popup .fb-section-label{color:#6366f1;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.ai-factor-breakdown-popup .fb-baseline-row{border-radius:6px;color:#64748b;display:flex;font-size:11px;justify-content:space-between;padding:4px 8px;transition:background .15s ease}.ai-factor-breakdown-popup .fb-baseline-row:hover{background:#f8fafc}.ai-factor-breakdown-popup .fb-baseline-row span:last-child{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;font-weight:600}.ai-factor-breakdown-popup .fb-baseline-total{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:8px;border-top:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-top:6px;padding:8px}.ai-factor-breakdown-popup .fb-factor-row{grid-gap:4px;align-items:center;border-radius:8px;display:grid;gap:4px;grid-template-columns:22px 1fr 48px 55px;padding:5px 8px;transition:background .15s ease}.ai-factor-breakdown-popup .fb-factor-row:hover{background:#f8fafc}.ai-factor-breakdown-popup .fb-factor-icon{font-size:13px}.ai-factor-breakdown-popup .fb-factor-label{color:#475569;font-weight:500}.ai-factor-breakdown-popup .fb-factor-value{color:#64748b}.ai-factor-breakdown-popup .fb-factor-pct,.ai-factor-breakdown-popup .fb-factor-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;font-weight:600;text-align:right}.ai-factor-breakdown-popup .fb-factor-pct.positive,.ai-factor-breakdown-popup .fb-factor-value.positive{color:#16a34a}.ai-factor-breakdown-popup .fb-factor-pct.negative,.ai-factor-breakdown-popup .fb-factor-value.negative{color:#dc2626}.ai-factor-breakdown-popup .fb-info-row{opacity:.55}.ai-factor-breakdown-popup .fb-info-value{color:#94a3b8}.ai-factor-breakdown-popup .fb-info-tag{color:#94a3b8;font-size:9px;font-style:italic;grid-column:3/-1;text-align:right}.ai-factor-breakdown-popup .fb-weather-detail{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#64748b;display:flex;font-size:11px;gap:6px;margin:-2px 0 4px;padding:4px 8px 4px 30px}.ai-factor-breakdown-popup .fb-weather-detail:hover{background:#f1f5f9;border-color:#e2e8f0}.ai-factor-breakdown-popup .fb-weather-emoji{flex-shrink:0;font-size:13px}.ai-factor-breakdown-popup .fb-weather-temp{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;font-weight:700;min-width:32px}.ai-factor-breakdown-popup .fb-weather-cond{color:#64748b;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-factor-breakdown-popup .fb-weather-tag{background:#eef2ff;border-radius:4px;color:#94a3b8;flex-shrink:0;font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.ai-factor-breakdown-popup .fb-result{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-top:6px;padding:10px 12px}.ai-factor-breakdown-popup .fb-result-value{color:#fff;font-family:SF Mono,Monaco,Consolas,monospace;font-size:16px}.weekly-tab .fb-hint{color:#94a3b8;font-size:10px;margin-bottom:8px;margin-top:4px;text-align:center}@media (max-width:768px){.ai-factor-breakdown-popup{font-size:11px;padding:14px;width:300px}}.settings-page{margin:0 auto;max-width:1200px;padding:24px}.settings-page .page-header{margin-bottom:32px}.settings-page .page-header h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:4px}.settings-page .header-subtitle{color:#64748b;font-size:.95rem}.alert{align-items:center;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-bottom:20px;padding:14px 18px}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:box-shadow .2s}.settings-card:hover{box-shadow:0 4px 12px #00000014}.settings-card .card-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px 24px}.settings-card .card-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.settings-card .card-icon svg{color:#fff;height:22px;width:22px}.settings-card .card-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.settings-card .card-header p{color:#64748b;font-size:.85rem}.settings-card .card-body{padding:24px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.settings-page .form-group{display:flex;flex-direction:column;margin-bottom:16px}.settings-page .form-group:last-child{margin-bottom:0}.settings-page .form-group label{color:#374151;font-size:.85rem;font-weight:600;margin-bottom:8px}.settings-page .form-group input,.settings-page .form-group select,.settings-page .form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.95rem;padding:12px 16px;transition:all .2s;width:100%}.settings-page .form-group input:hover,.settings-page .form-group select:hover,.settings-page .form-group textarea:hover{border-color:#cbd5e1}.settings-page .form-group input:focus,.settings-page .form-group select:focus,.settings-page .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.settings-page .form-group input:disabled,.settings-page .form-group select:disabled,.settings-page .form-group textarea:disabled,.settings-page .input-disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.settings-page .form-group textarea{min-height:80px;resize:vertical}.form-hint{color:#94a3b8;font-size:.75rem}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.stat-item .stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:#64748b;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.settings-actions{display:flex;justify-content:flex-end;padding-top:8px}.btn-lg{font-size:1rem;padding:14px 28px}.settings-page .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 24px;transition:all .2s}.settings-page .btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.settings-page .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-page .btn-primary svg{height:18px;width:18px}.settings-page .btn-primary .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.settings-page .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.settings-page .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.settings-page .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.settings-page .empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#64748b;display:flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:20px;width:80px}.settings-page .empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:8px}.settings-page .empty-state p{color:#64748b;font-size:.95rem}.members-table{border-collapse:collapse;width:100%}.members-table td,.members-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left}.members-table th{background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.members-table td{color:#1e293b;font-size:.9rem}.members-table tr:hover{background:#f8fafc}.member-info{gap:12px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.member-details{display:flex;flex-direction:column}.member-name{color:#1e293b;font-weight:600}.member-email{color:#64748b;font-size:.8rem}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-badge.owner{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.role-badge.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.role-badge.member{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.role-badge.viewer{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.table-actions{display:flex;gap:8px}.btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.btn-edit{background:#f1f5f9;color:#475569}.btn-edit:hover{background:#e2e8f0}.btn-danger{background:#fef2f2;color:#dc2626}.btn-danger:hover{background:#fee2e2}.plan-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s}.plan-card:hover{border-color:#3b82f6;box-shadow:0 8px 30px #3b82f626;transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.plan-card.current:before{background:#3b82f6;color:#fff;content:"Mevcut Plan";font-size:.7rem;font-weight:600;padding:4px 40px;position:absolute;right:-28px;top:12px;transform:rotate(45deg)}.plan-name{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:8px}.plan-price{color:#3b82f6;font-size:2.5rem;font-weight:800;margin-bottom:4px}.plan-price span{color:#64748b;font-size:1rem;font-weight:500}.plan-description{color:#64748b;font-size:.85rem;margin-bottom:24px}.plan-features{list-style:none;margin:0 0 24px;padding:0;text-align:left}.plan-features li{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.plan-features li svg{color:#10b981;flex-shrink:0;height:18px;width:18px}.btn-plan{border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px;transition:all .2s;width:100%}.btn-plan.current{background:#e2e8f0;border:none;color:#64748b;cursor:default}.btn-plan.upgrade{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-plan.upgrade:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.usage-section{margin-top:24px}.usage-item{margin-bottom:20px}.usage-header{display:flex;justify-content:space-between;margin-bottom:8px}.usage-label{color:#374151;font-size:.9rem;font-weight:500}.usage-value{color:#64748b;font-size:.85rem}.usage-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.usage-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.usage-bar-fill.low{background:linear-gradient(90deg,#10b981,#34d399)}.usage-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-bar-fill.high{background:linear-gradient(90deg,#ef4444,#f87171)}.settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.settings-modal-header{border-bottom:1px solid #e2e8f0;padding:20px 24px}.settings-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600}.settings-modal-body{padding:24px}.settings-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.invite-form{display:flex;flex-direction:column;gap:20px}.invite-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.settings-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.settings-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:4px}.settings-subtitle{color:#64748b;font-size:.95rem}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px}.settings-section h2{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:20px;padding-bottom:12px}.usage-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.usage-grid{grid-template-columns:1fr}}.usage-card{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.usage-card:hover{background:#f1f5f9}.usage-card.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.usage-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.usage-icon svg{height:24px;width:24px}.usage-icon.requests{background:linear-gradient(135deg,#3b82f626,#3b82f61a)}.usage-icon.requests svg{stroke:#3b82f6}.usage-icon.tokens{background:linear-gradient(135deg,#8b5cf626,#8b5cf61a)}.usage-icon.tokens svg{stroke:#8b5cf6}.usage-icon.cost{background:linear-gradient(135deg,#10b98126,#10b9811a)}.usage-icon.cost svg{stroke:#10b981}.usage-content{display:flex;flex-direction:column}.usage-content .usage-value{color:#1e293b;font-size:1.5rem;font-weight:700}.usage-content .usage-label{color:#64748b;font-size:.85rem}.providers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.provider-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:all .2s}.provider-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.provider-card.default{background:linear-gradient(135deg,#fafbff,#f0f5ff);border-color:#3b82f6}.default-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.provider-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.provider-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.api-key-masked{background:#f1f5f9;border-radius:4px;color:#64748b;font-family:monospace;font-size:.8rem;padding:2px 8px}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 10px}.status-badge.active{background:#10b9811a;color:#059669}.status-badge.inactive{background:#64748b1a;color:#64748b}.provider-models{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.model-item{align-items:center;display:flex;font-size:.85rem;gap:8px}.model-label{color:#64748b;min-width:60px}.model-value{background:#f1f5f9;border-radius:4px;color:#1e293b;font-weight:500;padding:2px 8px}.budget-section{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.budget-info{color:#64748b;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px}.budget-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.budget-progress{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%;transition:width .5s}.budget-progress.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.budget-progress.exceeded{background:linear-gradient(90deg,#ef4444,#f87171)}.provider-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:12px}.test-status{color:#64748b;font-size:.75rem}.test-status.success{color:#059669}.test-status.failed{color:#dc2626}.provider-actions{display:flex;gap:6px}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon svg{stroke:#64748b;height:16px;width:16px}.btn-icon:hover{background:#e2e8f0}.btn-icon:hover svg{stroke:#3b82f6}.btn-icon.danger:hover{background:#fef2f2}.btn-icon.danger:hover svg{stroke:#dc2626}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:14px;width:14px}.settings-page .empty-state svg{stroke:#94a3b8;height:64px;margin-bottom:16px;width:64px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:480px;width:100%}.modal-content.large{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:24px}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:10px}.form-group.checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.weather-empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;padding:60px 20px;text-align:center}.weather-empty-icon,.weather-empty-state{align-items:center;display:flex;justify-content:center}.weather-empty-icon{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:50%;height:80px;margin-bottom:20px;width:80px}.weather-empty-icon svg{stroke:#0ea5e9;height:40px;width:40px}.weather-empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:8px}.weather-empty-state p{color:#64748b;font-size:.95rem;margin-bottom:24px;max-width:400px}.weather-config-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .2s}.weather-config-card:hover{border-color:#0ea5e9;box-shadow:0 8px 24px #0ea5e91f}.weather-config-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px 24px}.weather-provider-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:14px;box-shadow:0 4px 12px #0ea5e94d;display:flex;height:56px;justify-content:center;width:56px}.weather-provider-icon svg{stroke:#fff;height:28px;width:28px}.weather-provider-info{flex:1 1}.weather-provider-info h3{color:#1e293b;font-size:1.15rem;font-weight:600;margin-bottom:4px}.weather-status-badge{align-items:center;border-radius:24px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px}.weather-status-badge svg{height:16px;width:16px}.weather-status-badge.success{background:#10b9811a;color:#059669}.weather-status-badge.success svg{stroke:#059669}.weather-status-badge.failed{background:#ef44441a;color:#dc2626}.weather-status-badge.failed svg{stroke:#dc2626}.weather-status-badge.pending{background:#f59e0b1a;color:#d97706}.weather-status-badge.pending svg{stroke:#d97706}.weather-config-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px}.weather-detail-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:14px;padding:16px;transition:all .2s}.weather-detail-item:hover{background:#f1f5f9}.weather-detail-item .detail-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;height:40px;justify-content:center;width:40px}.weather-detail-item .detail-icon svg{stroke:#0ea5e9;height:20px;width:20px}.weather-detail-item .detail-content{display:flex;flex-direction:column}.weather-detail-item .detail-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.weather-detail-item .detail-value{color:#1e293b;font-size:.95rem;font-weight:600}.weather-config-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.btn-weather-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.btn-weather-action svg{height:18px;width:18px}.btn-weather-action.test{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-weather-action.test:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-weather-action.test:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-weather-action.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-weather-action.edit:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-weather-action.delete{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.btn-weather-action.delete:hover{background:#fee2e2;transform:translateY(-2px)}.weather-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.weather-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;padding:24px;transition:all .2s}.weather-info-card:hover{background:#f1f5f9;border-color:#cbd5e1}.weather-info-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.weather-info-icon svg{height:24px;width:24px}.weather-info-icon.openweathermap{background:linear-gradient(135deg,#fef3c7,#fde68a)}.weather-info-icon.openweathermap svg{stroke:#f59e0b}.weather-info-icon.why{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.weather-info-icon.why svg{stroke:#6366f1}.weather-info-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:8px}.weather-info-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:12px}.weather-info-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;text-decoration:none;transition:all .2s}.weather-info-link svg{height:14px;width:14px}.weather-info-link:hover{color:#2563eb;text-decoration:underline}.ollama-config-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86efac;border-radius:12px;margin-bottom:20px;padding:20px}.info-banner{border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.info-banner-success{background:#fff;border-left:4px solid #22c55e;box-shadow:0 2px 6px #0000000a}.info-banner-success .info-icon{fill:#22c55e;flex-shrink:0;height:24px;margin-top:2px;width:24px}.info-banner-success strong{color:#166534;display:block;font-size:.95rem;margin-bottom:4px}.info-banner-success p{color:#15803d;font-size:.85rem;line-height:1.5;margin:0}.discover-btn{align-items:center;background:#fff;border:2px solid #86efac;color:#166534;display:inline-flex;font-weight:500;gap:8px;margin-top:12px;padding:10px 16px}.discover-btn:hover{background:#f0fdf4;border-color:#22c55e}.discover-btn:disabled{cursor:not-allowed;opacity:.6}.discover-btn .btn-icon{height:18px;width:18px}.discovered-models{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000a;margin-top:16px;padding:16px}.discovered-models h4{color:#166534;font-size:.9rem;font-weight:600;margin:0 0 12px}.model-chips{display:flex;flex-wrap:wrap;gap:8px}.model-chip{align-items:center;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.model-chip:hover{background:#bbf7d0}.model-chip small{color:#15803d;font-size:.75rem;font-weight:400;opacity:.9}.ollama-config-section .form-group{background:#0000}.ollama-config-section .form-group label{color:#166534}.ollama-config-section .form-group input{background:#fff;border-color:#bbf7d0}.ollama-config-section .form-group input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.ollama-config-section .form-hint{color:#15803d}.firebase-setup-steps{color:#64748b;font-size:.85rem;margin:12px 0 0;padding-left:20px}.firebase-setup-steps li{line-height:1.5;margin-bottom:8px}.weather-info-icon.firebase,.weather-provider-icon.firebase{background:linear-gradient(135deg,#fef3c7,#fde68a)}.weather-info-icon.firebase svg,.weather-provider-icon.firebase svg{stroke:#f59e0b}.file-upload-area{margin-top:8px}.file-input{display:none}.file-upload-label{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;text-align:center;transition:all .2s}.file-upload-label:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.file-upload-label svg{stroke:#64748b;height:48px;margin-bottom:12px;transition:all .2s;width:48px}.file-upload-label:hover svg{stroke:#3b82f6;transform:translateY(-4px)}.file-upload-label span{color:#64748b;font-size:.9rem;font-weight:500}.file-upload-label:hover span{color:#3b82f6}.file-upload-label.selected{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.file-upload-label.selected svg{stroke:#10b981}.file-upload-label.selected span{color:#059669}.modal-content{max-height:85vh;overflow-y:auto}.modal-body{max-height:calc(85vh - 140px);overflow-y:auto}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0;padding-bottom:8px}.form-hint{color:#64748b;display:block;font-size:.8rem;margin-top:6px}.form-hint a{color:#3b82f6;text-decoration:none}.form-hint a:hover{text-decoration:underline}.optional{color:#94a3b8;font-size:.85rem;font-weight:400}@media (max-width:768px){.file-upload-label{padding:24px 16px}.file-upload-label svg{height:40px;width:40px}}.email-providers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.email-provider-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.email-provider-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.email-provider-card:hover{border-color:#3b82f6;box-shadow:0 8px 30px #3b82f626;transform:translateY(-4px)}.email-provider-card:hover:before{transform:scaleX(1)}.email-provider-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.email-provider-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.email-provider-icon svg{height:28px;width:28px}.email-provider-icon.smtp{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.email-provider-icon.smtp svg{stroke:#0284c7}.email-provider-icon.microsoft{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.email-provider-icon.microsoft svg{stroke:#2563eb;fill:none}.email-provider-icon.gmail{background:linear-gradient(135deg,#fee2e2,#fecaca)}.email-provider-icon.gmail svg{stroke:#dc2626}.email-provider-info{flex:1 1}.email-provider-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:4px}.email-provider-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.email-provider-badge.oauth{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.email-provider-badge.basic{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b}.email-provider-description{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:16px}.email-provider-action{align-items:center;color:#3b82f6;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:flex-end;margin-top:auto}.email-provider-action svg{height:16px;transition:transform .2s;width:16px}.email-provider-card:hover .email-provider-action svg{transform:translateX(4px)}.email-config-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .2s}.email-config-card:hover{box-shadow:0 8px 24px #00000014}.email-config-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:24px}.email-config-header .email-provider-icon{box-shadow:0 4px 12px #0000001a}.email-config-info{flex:1 1}.email-config-info h3{color:#1e293b;font-size:1.15rem;font-weight:600;margin-bottom:4px}.email-config-email{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;padding:4px 10px}.email-status-badge{align-items:center;border-radius:24px;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px}.email-status-badge svg{height:18px;width:18px}.email-status-badge.success{background:#10b9811a;color:#059669}.email-status-badge.success svg{stroke:#059669}.email-status-badge.failed{background:#ef44441a;color:#dc2626}.email-status-badge.failed svg{stroke:#dc2626}.email-status-badge.pending{background:#f59e0b1a;color:#d97706}.email-status-badge.pending svg{stroke:#d97706}.email-config-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:24px}.email-detail-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:14px;padding:16px;transition:all .2s}.email-detail-item:hover{background:#f1f5f9}.email-detail-icon{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;display:flex;height:40px;justify-content:center;width:40px}.email-detail-icon svg{stroke:#3b82f6;height:20px;width:20px}.email-detail-content{display:flex;flex-direction:column}.email-detail-label{color:#64748b;font-size:.75rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.email-detail-value{color:#1e293b;font-size:.95rem;font-weight:600}.email-detail-value.connected{color:#059669}.email-detail-value.not-connected{color:#dc2626}.email-config-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.btn-email-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.btn-email-action svg{height:18px;width:18px}.btn-email-action.connect{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.btn-email-action.connect:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.btn-email-action.test{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-email-action.test:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-email-action.test:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-email-action.edit{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-email-action.edit:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-email-action.delete{background:#fff;border:2px solid #fecaca;color:#dc2626}.btn-email-action.delete:hover{background:#fef2f2;transform:translateY(-2px)}.test-email-section{align-items:center;display:flex;flex:1 1;gap:12px;min-width:300px}.test-email-input{border:2px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:.9rem;min-width:200px;padding:12px 16px;transition:all .2s}.test-email-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.test-email-input::placeholder{color:#94a3b8}.email-empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;padding:60px 24px;text-align:center}.email-empty-icon,.email-empty-state{align-items:center;display:flex;justify-content:center}.email-empty-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;height:80px;margin-bottom:20px;width:80px}.email-empty-icon svg{stroke:#3b82f6;height:40px;width:40px}.email-empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:8px}.email-empty-state p{color:#64748b;font-size:.95rem;margin-bottom:24px;max-width:400px}.modal-content.modal-wide{max-width:560px}.oauth-info-banner{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.oauth-info-banner svg{stroke:#3b82f6;flex-shrink:0;height:24px;margin-top:2px;width:24px}.oauth-info-banner span{color:#1e40af;font-size:.9rem;line-height:1.5}.form-divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.checkbox-row{display:flex;gap:24px;margin-bottom:20px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.checkbox-label span{-webkit-user-select:none;user-select:none}.email-info-section{margin-top:32px}.email-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.email-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:16px;padding:24px;transition:all .2s}.email-info-card:hover{background:#f1f5f9;border-color:#cbd5e1}.email-info-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.email-info-icon svg{height:24px;width:24px}.email-info-icon.setup{background:linear-gradient(135deg,#fef3c7,#fde68a)}.email-info-icon.setup svg{stroke:#f59e0b}.email-info-icon.secure{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.email-info-icon.secure svg{stroke:#059669}.email-info-icon.docs{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.email-info-icon.docs svg{stroke:#6366f1}.email-info-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:8px}.email-info-content p{color:#64748b;font-size:.9rem;line-height:1.5}.email-info-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:12px;text-decoration:none;transition:all .2s}.email-info-link svg{height:14px;width:14px}.email-info-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:768px){.email-providers-grid{grid-template-columns:1fr}.email-config-header{align-items:flex-start;flex-direction:column;gap:16px}.email-status-badge{align-self:flex-start}.email-config-details{grid-template-columns:1fr}.email-config-actions{flex-direction:column}.test-email-section{flex-direction:column}.test-email-input,.test-email-section{min-width:auto;width:100%}.btn-email-action{justify-content:center;width:100%}.checkbox-row{flex-direction:column;gap:12px}}@keyframes email-spin{to{transform:rotate(1turn)}}.btn-email-action .btn-spinner{animation:email-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.email-templates-section{margin-top:24px}.email-templates-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.email-templates-list{display:flex;flex-direction:column;gap:12px}.email-template-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s}.email-template-item:hover{background:#f1f5f9;border-color:#cbd5e1}.email-template-info{align-items:center;display:flex;gap:12px}.email-template-key{color:#1e293b;font-weight:600}.email-template-lang{background:#fff;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.email-template-actions{display:flex;gap:8px}.notification-settings .toggle-switch{cursor:pointer;display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.notification-settings .toggle-switch input{height:0;opacity:0;width:0}.notification-settings .toggle-slider{background-color:#cbd5e1;border-radius:26px;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-settings .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:20px;left:3px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.notification-settings input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.notification-settings input:checked+.toggle-slider:before{transform:translateX(22px)}.notification-settings .toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #3b82f61a}.notification-settings .notif-preference-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 0;transition:all .15s ease}.notification-settings .notif-preference-item:last-child{border-bottom:none;padding-bottom:4px}.notification-settings .notif-preference-item:first-child{padding-top:4px}.notification-settings .notif-preference-info{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.notification-settings .notif-preference-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notification-settings .notif-preference-icon.channel{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification-settings .notif-preference-icon.alert{background:linear-gradient(135deg,#fff7ed,#fed7aa)}.notification-settings .notif-preference-icon.summary{background:linear-gradient(135deg,#f0fdf4,#bbf7d0)}.notification-settings .notif-preference-text{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-settings .notif-preference-label{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.3}.notification-settings .notif-preference-desc{color:#64748b;font-size:.8rem;line-height:1.4}.notification-settings .card-icon.channels-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-settings .card-icon.alerts-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-settings .card-icon.summary-icon{background:linear-gradient(135deg,#10b981,#059669)}.notification-settings .card-icon.rules-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.notification-settings .rules-header{align-items:center;display:flex;width:100%}.notification-settings .rules-header-text{flex:1 1}.notification-settings .rules-btn-create{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.notification-settings .rules-btn-create:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.notification-settings .notif-rules-list{display:flex;flex-direction:column;gap:8px}.notification-settings .notif-rule-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.notification-settings .notif-rule-item:hover{background:#f1f5f9;border-color:#cbd5e1}.notification-settings .notif-rule-item.inactive{opacity:.55}.notification-settings .notif-rule-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.notification-settings .notif-rule-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.notification-settings .notif-rule-text{display:flex;flex-direction:column;gap:4px;min-width:0}.notification-settings .notif-rule-name{color:#1e293b;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-settings .notif-rule-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notification-settings .notif-rule-type-badge{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#2563eb;display:inline-flex;font-size:.6875rem;font-weight:600;padding:2px 8px}.notification-settings .notif-rule-priority-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.6875rem;font-weight:600;padding:2px 8px}.notification-settings .notif-rule-priority-badge.low{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.notification-settings .notif-rule-priority-badge.medium{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.notification-settings .notif-rule-priority-badge.high{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.notification-settings .notif-rule-priority-badge.urgent{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.notification-settings .notif-rule-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.notification-settings .notif-rule-actions .toggle-switch{height:22px;width:42px}.notification-settings .notif-rule-actions .toggle-slider:before{height:16px;width:16px}.notification-settings .notif-rule-actions input:checked+.toggle-slider:before{transform:translateX(20px)}.notification-settings .notif-btn-delete{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.notification-settings .notif-btn-delete:hover{background:#ef444414;border-color:#ef444426;color:#ef4444}.notification-settings .notif-empty-rules{align-items:center;display:flex;flex-direction:column;padding:48px 24px;text-align:center}.notification-settings .notif-empty-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin-bottom:16px;opacity:.7;width:64px}.notification-settings .notif-empty-rules p{color:#94a3b8;font-size:.9rem;margin:0}.notification-settings .notif-delete-modal{animation:notifSlideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;overflow:hidden;width:100%}.notification-settings .notif-delete-modal-body{padding:28px 24px;text-align:center}.notification-settings .notif-delete-modal-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.notification-settings .notif-delete-modal-body h3{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 8px}.notification-settings .notif-delete-modal-body p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.notification-settings .notif-delete-modal-actions{display:flex;gap:12px;justify-content:center;padding:16px 24px 24px}.notification-settings .notif-btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.notification-settings .notif-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.notification-settings .notif-btn-confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.notification-settings .notif-btn-confirm-delete:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.notification-settings .notif-modal-overlay{align-items:center;animation:notifFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notifSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-settings .notif-modal{animation:notifSlideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.notification-settings .notif-modal h3{background:linear-gradient(135deg,#fafbfc,#f1f5f9);border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0;padding:24px 28px}.notification-settings .notif-modal-body{overflow-y:auto;padding:24px 28px}.notification-settings .notif-form-group{margin-bottom:18px}.notification-settings .notif-form-group label{color:#374151;display:block;font-size:.8125rem;font-weight:600;margin-bottom:6px}.notification-settings .notif-form-group input,.notification-settings .notif-form-group select,.notification-settings .notif-form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-size:.875rem;padding:10px 14px;transition:all .2s ease;width:100%}.notification-settings .notif-form-group textarea{min-height:72px;resize:vertical}.notification-settings .notif-form-group input:hover,.notification-settings .notif-form-group select:hover,.notification-settings .notif-form-group textarea:hover{border-color:#cbd5e1}.notification-settings .notif-form-group input:focus,.notification-settings .notif-form-group select:focus,.notification-settings .notif-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.notification-settings .notif-form-hint{color:#94a3b8;font-size:.75rem;margin-top:4px}.notification-settings .notif-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.notification-settings .notif-modal-actions{background:linear-gradient(180deg,#fafbfc,#f1f5f9);border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.notification-settings .notif-modal-actions .notif-btn-cancel{padding:10px 20px}.notification-settings .notif-btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.notification-settings .notif-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.notification-settings .notif-btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.notification-settings .notif-saving{align-items:center;animation:notifSlideIn .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:10px;bottom:24px;box-shadow:0 4px 16px #0000001a;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:24px;z-index:100}.notification-settings .notif-saving-spinner{animation:notifSpin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes notifSpin{to{transform:rotate(1turn)}}@keyframes notifSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.notification-settings.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.notification-settings .notif-loading-spinner{animation:notifSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:44px;width:44px}@media (max-width:768px){.notification-settings .notif-form-row{grid-template-columns:1fr}.notification-settings .notif-modal{border-radius:16px;margin:0;max-width:none}.notification-settings .notif-rule-meta{display:none}.notification-settings .rules-btn-create{font-size:.75rem;padding:6px 12px}}.rtl .notification-settings .notif-preference-info{flex-direction:row-reverse}.rtl .notification-settings .notif-preference-text{text-align:right}.rtl .notification-settings .notif-rule-info{flex-direction:row-reverse}.rtl .notification-settings .notif-rule-text{text-align:right}.rtl .notification-settings .rules-btn-create{margin-left:0;margin-right:auto}.rtl .notification-settings .notif-modal-actions{justify-content:flex-start}.rtl .notification-settings .notif-saving{left:24px;right:auto}
/*# sourceMappingURL=main.285d1688.css.map*/