.top-nav-bar{flex-shrink:0;width:100%;background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);padding:.4rem .75rem;z-index:99;box-shadow:0 2px 12px #0003;position:sticky;top:var(--app-header-height, 70px);overflow:visible}.top-nav-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-primary, linear-gradient(90deg, #00d4ff, #00ff88));opacity:.3}.top-nav-bar{display:flex;justify-content:center}.top-nav-bar-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;width:100%;max-width:var(--content-max-width, 1360px);margin:0 auto;overflow:visible}@media (max-width: 768px){.top-nav-bar{padding:.35rem .5rem}.top-nav-bar-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;overflow:visible}.top-nav-dropdown-wrap{min-width:0}.top-nav-bar-item,.top-nav-bar-trigger{min-height:44px;padding:.5rem .4rem;width:100%;min-width:0}.top-nav-bar-item-icon,.top-nav-bar-trigger-icon{flex-shrink:0}.top-nav-bar-item-label,.top-nav-bar-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.top-nav-bar-item{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .6rem;min-height:36px;box-sizing:border-box;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .85));font-size:.8rem;font-weight:500;white-space:nowrap;text-decoration:none;cursor:pointer;transition:all .2s ease}.top-nav-bar-item:hover{background:#00d4ff1a;border-color:#00d4ff40;color:var(--text-primary, #fff)}.top-nav-bar-item.active{background:#00d4ff26;border-color:var(--accent-primary, #00d4ff);color:var(--accent-primary, #00d4ff)}.top-nav-bar-item-icon{display:flex;align-items:center;justify-content:center;font-size:.95rem;pointer-events:none}.top-nav-bar-item-label{max-width:90px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.top-nav-dropdown-wrap{position:relative}.top-nav-bar-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .6rem;min-height:36px;box-sizing:border-box;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .85));font-size:.8rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.top-nav-bar-trigger:hover{background:#00d4ff1a;border-color:#00d4ff40;color:var(--text-primary, #fff)}.top-nav-bar-trigger.open,.top-nav-bar-trigger.has-active{background:#00d4ff1f;border-color:#00d4ff4d;color:var(--accent-primary, #00d4ff)}.top-nav-bar-trigger-icon{display:flex;align-items:center;justify-content:center;font-size:.95rem;pointer-events:none}.top-nav-bar-trigger-label{max-width:85px;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.top-nav-bar-trigger-chevron{font-size:.65rem;opacity:.8;transition:transform .2s ease;pointer-events:none}.top-nav-bar-trigger.open .top-nav-bar-trigger-chevron{transform:rotate(180deg)}.top-nav-dropdown{position:absolute;top:100%;left:0;margin-top:.2rem;min-width:200px;max-width:280px;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0006;padding:.35rem 0;z-index:1100;max-height:70vh;overflow-y:auto}.top-nav-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-height:40px;box-sizing:border-box;color:var(--text-secondary, rgba(255, 255, 255, .85));font-size:.85rem;text-decoration:none;transition:background .15s ease;border:none;background:transparent;width:100%;text-align:left;cursor:pointer}.top-nav-dropdown-item:hover{background:#00d4ff1a;color:var(--text-primary, #fff)}.top-nav-dropdown-item.active{background:#00d4ff26;color:var(--accent-primary, #00d4ff);font-weight:600}.top-nav-dropdown-item-icon{display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;pointer-events:none}.top-nav-dropdown-item-label{overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media (max-width: 768px){.top-nav-bar-inner{overflow-x:auto}.top-nav-dropdown{position:fixed;left:12px;right:12px;top:calc(var(--app-header-height, 70px) + 52px);max-width:calc(100vw - 24px);max-height:calc(100vh - var(--app-header-height, 70px) - 52px - 16px);overflow-y:auto;margin-top:0;-webkit-overflow-scrolling:touch;z-index:1100;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg))}.top-nav-dropdown-item{min-height:44px;padding:.6rem 1rem}}.ui-breadcrumbs{margin-bottom:12px}.ui-breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:4px;list-style:none;margin:0;padding:0;font-size:.8125rem;color:var(--text-secondary)}.ui-breadcrumbs-item{display:flex;align-items:center;gap:4px}.ui-breadcrumbs-sep{color:var(--text-muted);margin:0 2px;-webkit-user-select:none;user-select:none}.ui-breadcrumbs-link{color:var(--text-secondary);text-decoration:none;transition:color .2s}.ui-breadcrumbs-link:hover{color:var(--accent-primary)}.ui-breadcrumbs-category{color:var(--text-muted)}.ui-breadcrumbs-current{color:var(--text-primary);font-weight:500}:root{--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 80px;--content-max-width: 1600px}.main-layout{display:flex;flex-direction:column;min-height:calc(100vh - var(--app-header-height, 70px));position:relative;margin-top:var(--app-header-height, 70px)}.main-layout-tablet .sidebar{display:none}.main-layout-tablet .main-content{margin-left:0!important;width:100%!important;padding:1.25rem 1.5rem}.main-content{padding:2rem;transition:margin-left .3s ease,width .3s ease;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.main-content-inner{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;min-width:0;overflow-y:visible;box-sizing:border-box}.main-content-inner>*{width:100%;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;box-sizing:border-box}.main-content>*{width:100%;max-width:var(--content-max-width);margin-left:auto;margin-right:auto;box-sizing:border-box}.sidebar{width:var(--sidebar-width-expanded);background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:70px;height:calc(100vh - 70px);z-index:99;transition:transform .3s ease,width .3s ease;overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 20px #0000004d}@media (min-width: 769px){.sidebar{z-index:10}}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:var(--gradient-primary);opacity:.3}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-secondary));box-shadow:0 0 10px #00d4ff80}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color);min-height:70px;position:relative;background:var(--bg-card);box-shadow:0 2px 8px #0000001a}.sidebar-header:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:var(--gradient-primary);opacity:.3}.sidebar-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.125rem;color:var(--text-primary);flex:1;min-width:0}.sidebar-logo-icon{font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(0,212,255,.5));flex-shrink:0}.sidebar-logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logo-collapsed{width:48px;height:48px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00d4ff4d;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;flex-shrink:0}.sidebar-logo-collapsed:hover{transform:scale(1.1);box-shadow:0 6px 20px #00d4ff80}.sidebar-logo-initial{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:0}.sidebar-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.sidebar-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--gradient-primary);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;opacity:.2}.sidebar-toggle:hover:before{width:100%;height:100%}.sidebar-toggle:hover{background:var(--bg-card);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px #00d4ff4d;transform:scale(1.05)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-logo-icon{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;width:100%}.sidebar.collapsed .sidebar-toggle{width:40px;height:40px;font-size:1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:var(--gradient-primary);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00d4ff4d}.sidebar.collapsed .sidebar-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00d4ff80}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .5rem;position:relative}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;min-height:44px;box-sizing:border-box;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:calc(100% - 1rem);margin:0 .5rem;position:relative;overflow:hidden;text-decoration:none}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);transform:scaleY(0);transition:transform .3s ease;border-radius:0 3px 3px 0}.sidebar-item:hover{background:var(--bg-card);color:var(--text-primary);transform:translate(4px);border:1px solid var(--border-hover)}.sidebar-item:hover:before{transform:scaleY(1)}.sidebar-item.active{background:var(--gradient-card);color:var(--text-primary);border:1px solid var(--accent-primary);box-shadow:var(--glow-primary);font-weight:600;position:relative}.sidebar-item.active:before{transform:scaleY(1);width:4px;box-shadow:0 0 10px var(--accent-primary)}.sidebar-item.active:after{content:"";position:absolute;right:1rem;width:6px;height:6px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.sidebar-item.nested{font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;margin-left:1rem}.sidebar-item-icon{font-size:1.125rem;display:flex;align-items:center;justify-content:center;min-width:24px;flex-shrink:0;transition:transform .3s ease;pointer-events:none}.sidebar-item:hover .sidebar-item-icon{transform:scale(1.1)}.sidebar-item.active .sidebar-item-icon{color:var(--accent-primary);filter:drop-shadow(0 0 8px rgba(0,212,255,.5))}.sidebar-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;pointer-events:none}.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:1rem;margin:.5rem;width:calc(100% - 1rem);min-height:56px;border-radius:12px;position:relative}.sidebar.collapsed .sidebar-item:before{display:none}.sidebar.collapsed .sidebar-item-icon{font-size:1.5rem;margin:0}.sidebar.collapsed .sidebar-item:hover{background:var(--bg-card);transform:scale(1.1);box-shadow:0 4px 12px #00d4ff4d;border:2px solid var(--accent-primary)}.sidebar.collapsed .sidebar-item.active{background:var(--gradient-card);border:2px solid var(--accent-primary);box-shadow:0 0 20px #00d4ff80;transform:scale(1.05)}.sidebar-category{margin-bottom:.5rem}.sidebar-category-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;min-height:44px;box-sizing:border-box;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-align:left;width:calc(100% - 1rem);margin:0 .5rem;position:relative}.sidebar-category-header:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-category-header.has-active{color:var(--accent-primary)}.sidebar-category-icon{font-size:1rem;display:flex;align-items:center;justify-content:center;min-width:20px;flex-shrink:0;pointer-events:none}.sidebar-category-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sidebar-category-chevron{font-size:.75rem;transition:transform .3s ease;flex-shrink:0;pointer-events:none}.sidebar-category-header[aria-expanded=true] .sidebar-category-chevron{transform:rotate(90deg)}.sidebar.collapsed .sidebar-category-label,.sidebar.collapsed .sidebar-category-chevron{display:none}.sidebar.collapsed .sidebar-category-header{justify-content:center;padding:1rem;min-height:56px;border-radius:12px}.sidebar.collapsed .sidebar-category-icon{font-size:1.5rem}.sidebar.collapsed .sidebar-category-header:hover{background:var(--bg-card);transform:scale(1.1);box-shadow:0 4px 12px #00d4ff4d;border:2px solid var(--accent-primary)}.sidebar-category-items{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem}.sidebar.collapsed .sidebar-category-items{display:none}.sidebar-mobile-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:102;background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff0d;transition:all .3s ease;font-size:1.125rem}.sidebar-mobile-toggle:hover{border-color:var(--accent-primary);box-shadow:var(--glow-primary),0 4px 12px #00d4ff33;transform:scale(1.05);background:var(--bg-card)}.sidebar-mobile-toggle:active{transform:scale(.95);box-shadow:0 1px 4px #0003}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (max-width: 768px){.sidebar-mobile-toggle{display:flex;top:.75rem;left:.75rem;width:44px;height:44px;border-radius:10px;z-index:102}.sidebar{transform:translate(-100%);box-shadow:4px 0 20px #00000080;top:55px;height:calc(100vh - 55px);z-index:100}.sidebar.mobile-open{transform:translate(0);z-index:100}.sidebar-overlay{display:block;z-index:99}.main-content{margin-left:0!important;padding:1rem;width:100%!important;display:flex;flex-direction:column;align-items:center}.main-content>*{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.sidebar.collapsed{width:var(--sidebar-width-expanded)}body.has-sidebar-toggle .app-header{padding-left:3.5rem}.main-content *,.client-main-content *{grid-template-columns:1fr!important}}@media (min-width: 769px){.client-layout .main-content{margin-left:var(--sidebar-width-expanded);width:calc(100% - var(--sidebar-width-expanded));transition:margin-left .3s ease,width .3s ease}body.sidebar-collapsed .client-layout .main-content{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}}.main-layout-tablet .main-content>*{max-width:var(--content-max-width)}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border-color);z-index:90;box-shadow:0 -2px 12px #00000026}.bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px;color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-weight:500;transition:color .2s,background .2s;min-width:0}.bottom-nav__link:hover{color:var(--text-primary);background:#ffffff0a}.bottom-nav__link--active,.bottom-nav__link--active .bottom-nav__icon{color:var(--cta-primary)}.bottom-nav__icon{font-size:1.25rem;flex-shrink:0}.bottom-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.client-layout{display:flex;min-height:calc(100vh - 70px);position:relative;margin-top:70px}@media (max-width: 1024px){.client-layout{margin-top:60px}}@media (max-width: 768px){.client-layout{margin-top:55px}.client-main-content{margin-left:0!important;width:100%!important;padding:1rem;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 1rem)}.client-main-content>*{width:100%;max-width:100%}}.client-main-content{position:relative;width:100%;transition:margin-left .3s ease,width .3s ease;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:2rem;overflow-x:hidden;overflow-y:visible}.client-main-content .main-content-inner{width:100%;max-width:var(--content-max-width, 1600px);margin-left:auto;margin-right:auto;min-width:0;box-sizing:border-box}.client-main-content .main-content-inner>*{width:100%;max-width:100%;margin-left:auto;margin-right:auto;min-width:0;box-sizing:border-box}@media (min-width: 769px){.client-main-content{margin-left:var(--sidebar-width-expanded, 280px);width:calc(100% - var(--sidebar-width-expanded, 280px));transition:margin-left .3s ease,width .3s ease}body.sidebar-collapsed .client-main-content{margin-left:var(--sidebar-width-collapsed, 80px);width:calc(100% - var(--sidebar-width-collapsed, 80px))}}.client-header-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px;padding:10px 0}.client-theme-toggle,.client-logout-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .3s ease}.client-theme-toggle:hover,.client-logout-button:hover{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.client-logout-button span{display:none}@media (min-width: 769px){.client-logout-button span{display:inline}}.kpi-card{background:linear-gradient(135deg,#00d4ff1a,#8338ec0d);border:1px solid rgba(0,212,255,.2);border-left:4px solid var(--accent-primary, #00d4ff);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,0,110,.1) 0%,transparent 70%);pointer-events:none}.kpi-card:hover{border-color:#00d4ff80;box-shadow:0 8px 32px #00d4ff26,0 0 20px #8338ec1a;transform:translateY(-4px);background:linear-gradient(135deg,#00d4ff26,#8338ec1a)}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative;z-index:1}.kpi-card-title{font-size:14px;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin:0}.kpi-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00d4ff33;border-radius:8px;color:var(--accent-primary, #00d4ff);font-size:18px}.kpi-card-value{font-size:32px;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:8px;position:relative;z-index:1;background:linear-gradient(135deg,var(--accent-primary, #00d4ff),var(--accent-secondary, #8338ec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-card-subtitle{font-size:12px;color:var(--text-tertiary, #6b7280);margin:0;position:relative;z-index:1}.kpi-card-trend{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#00d4ff1a;border-radius:6px;width:fit-content;position:relative;z-index:1}.kpi-card-trend.up{background:#10b9811a;color:#10b981}.kpi-card-trend.down{background:#ef44441a;color:#ef4444}.kpi-card-trend.stable{background:#6b72801a;color:#6b7280}.trend-icon{font-size:14px;display:flex;align-items:center}.trend-value{font-size:12px;font-weight:600}[data-theme=dark] .kpi-card{border-color:#00d4ff26}[data-theme=light] .kpi-card{background:linear-gradient(135deg,#00d4ff0d,#8338ec05);border-color:#00d4ff33}[data-theme=light] .kpi-card-title{color:#666}[data-theme=light] .kpi-card-value{color:#1a1a1a}[data-theme=light] .kpi-card-subtitle{color:#999}@media (max-width: 768px){.kpi-card{padding:16px}.kpi-card-value{font-size:24px}.kpi-card-title{font-size:12px}}.admin-summary-section{display:flex;flex-direction:column;gap:24px}.admin-summary-header{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.admin-summary-header h2{font-size:28px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;background:linear-gradient(135deg,var(--accent-primary, #00d4ff),var(--accent-secondary, #8338ec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-summary-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}}@media (max-width: 768px){.admin-summary-section{gap:20px}.admin-summary-header h2{font-size:24px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}}@media (max-width: 480px){.admin-summary-header h2{font-size:20px}.kpi-grid{grid-template-columns:1fr}}.chart-card{background:linear-gradient(135deg,#0a0e2780,#1e1e3c4d);border:1px solid rgba(0,212,255,.1);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,0,110,.05) 0%,transparent 70%);pointer-events:none}.chart-card-title{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin:0 0 16px;position:relative;z-index:1}.chart-card-content{flex:1;position:relative;z-index:1;min-height:300px}.chart-card :global(.recharts-wrapper){filter:drop-shadow(0 2px 8px rgba(0,212,255,.1))}.chart-card :global(.recharts-surface){background:transparent}.chart-card :global(.recharts-cartesian-axis){font-size:12px}.chart-card :global(.recharts-cartesian-axis-tick){color:var(--text-secondary, #9ca3af)}.chart-card :global(.recharts-cartesian-axis-line){stroke:#00d4ff1a}.chart-card :global(.recharts-cartesian-grid-horizontal line),.chart-card :global(.recharts-cartesian-grid-vertical line){stroke:#00d4ff0d}.chart-card :global(.recharts-legend-wrapper){padding:16px 0 0!important}.chart-card :global(.recharts-legend-item){display:inline-block;margin-right:20px;color:var(--text-secondary, #9ca3af);font-size:12px}.chart-card :global(.recharts-legend-item-text){color:var(--text-secondary, #9ca3af)}.chart-card :global(.recharts-tooltip-wrapper){outline:none}.chart-card :global(.recharts-default-tooltip){background:#000c!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-card :global(.recharts-tooltip-label){color:var(--accent-primary, #00d4ff)!important;font-weight:600;margin-bottom:4px!important}.chart-card :global(.recharts-tooltip-item){color:var(--text-secondary, #9ca3af)!important;font-size:12px}[data-theme=light] .chart-card{background:linear-gradient(135deg,#fffc,#f5f5ff99);border-color:#00d4ff33}[data-theme=light] .chart-card-title{color:#333}[data-theme=light] .chart-card :global(.recharts-cartesian-axis-tick){color:#666}[data-theme=light] .chart-card :global(.recharts-legend-item-text){color:#666}[data-theme=light] .chart-card :global(.recharts-tooltip-item){color:#333!important}@media (max-width: 768px){.chart-card{padding:16px}.chart-card-title{font-size:14px}.chart-card-content{min-height:250px}}.data-table-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0a0e2780,#1e1e3c4d);border:1px solid rgba(0,212,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-table-title{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);padding:16px 20px;margin:0;border-bottom:1px solid rgba(0,212,255,.1);background:#0003}.data-table-wrapper{overflow-y:auto;overflow-x:auto;flex:1}.data-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--text-primary, #ffffff)}.data-table thead{position:sticky;top:0;background:#0000004d;z-index:10;border-bottom:2px solid rgba(0,212,255,.2)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;font-size:12px;white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer;transition:color .2s}.data-table th.sortable:hover{color:var(--accent-primary, #00d4ff)}.header-content{display:flex;align-items:center;gap:6px}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(0,212,255,.05);word-break:break-word}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr.striped:nth-child(2n){background-color:#00d4ff08}.data-table tbody tr:hover{background-color:#00d4ff14}.data-table tbody tr.clickable{cursor:pointer}.expand-column{width:40px;text-align:center;padding:8px}.expand-btn{background:none;border:none;color:var(--accent-primary, #00d4ff);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform .2s}.expand-btn:hover{transform:scale(1.2)}.expand-row{background-color:#00d4ff0d!important}.expand-content{padding:16px;border-left:4px solid var(--accent-primary, #00d4ff)}.data-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:var(--text-secondary, #9ca3af)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.2);border-top-color:var(--accent-primary, #00d4ff);border-radius:50%;animation:spin 1s linear infinite}.data-table-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary, #6b7280);font-size:14px}[data-theme=light] .data-table-container{background:linear-gradient(135deg,#fffc,#f5f5ff99);border-color:#00d4ff33}[data-theme=light] .data-table-title{color:#333;border-bottom-color:#00d4ff33}[data-theme=light] .data-table thead{background:#f0f5ff99;border-bottom-color:#00d4ff33}[data-theme=light] .data-table th{color:#666}[data-theme=light] .data-table td{color:#333;border-bottom-color:#00d4ff1a}[data-theme=light] .data-table tbody tr.striped:nth-child(2n){background-color:#00d4ff0d}.data-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.data-table-wrapper::-webkit-scrollbar-track{background:#0000001a}.data-table-wrapper::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.data-table-wrapper::-webkit-scrollbar-thumb:hover{background:#00d4ff80}@media (max-width: 768px){.data-table-container{font-size:12px}.data-table th,.data-table td{padding:8px 12px}.data-table th{font-size:11px}}.admin-agent-kpis-section{display:flex;flex-direction:column;gap:24px;margin:40px 0}.admin-agent-header{display:flex;flex-direction:column;gap:8px}.admin-agent-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;background:linear-gradient(135deg,#00d4ff,#8338ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-agent-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0}.agent-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.agent-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;grid-auto-rows:auto}.chart-item{min-height:300px}.chart-item.full-width{grid-column:1 / -1}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-success{background-color:#10b98133;color:#10b981}.status-badge.status-failed{background-color:#ef444433;color:#ef4444}.status-badge.status-pending{background-color:#f59e0b33;color:#f59e0b}.status-badge.status-scheduled{background-color:#3b82f633;color:#3b82f6}@media (max-width: 1024px){.agent-content-grid{grid-template-columns:1fr}.chart-item{grid-column:1!important}}@media (max-width: 768px){.admin-agent-kpis-section{gap:20px;margin:30px 0}.admin-agent-header h2{font-size:20px}.agent-summary-cards{grid-template-columns:1fr;gap:12px}.agent-content-grid{gap:16px}}.admin-clients-projects-section{display:flex;flex-direction:column;gap:24px;margin:40px 0}.admin-clients-header{display:flex;flex-direction:column;gap:8px}.admin-clients-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;background:linear-gradient(135deg,#00d4ff,#8338ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-clients-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0}.clients-table-container{width:100%}.no-data{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary, #6b7280);font-size:16px}.client-details{display:flex;flex-direction:column;gap:16px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.details-section h4{font-size:14px;font-weight:600;color:var(--accent-primary, #00d4ff);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.projects-list,.team-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.project-item,.team-item{background:#00d4ff0d;border:1px solid rgba(0,212,255,.1);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.project-item:hover,.team-item:hover{background:#00d4ff1a}.project-name,.member-name{font-weight:600;color:var(--text-primary, #ffffff);flex:1}.project-meta,.member-meta{display:flex;gap:12px;align-items:center;font-size:12px}.project-status{padding:2px 8px;border-radius:4px;font-weight:600;text-transform:capitalize}.project-status.status-active{background-color:#10b98133;color:#10b981}.project-status.status-completed{background-color:#3b82f633;color:#3b82f6}.project-status.status-paused{background-color:#f59e0b33;color:#f59e0b}.project-status.status-on-hold{background-color:#6b728033;color:#6b7280}.project-hours,.member-hours{color:var(--accent-primary, #00d4ff);font-weight:600}.member-email{color:var(--text-secondary, #9ca3af);font-size:11px}.client-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.client-status.status-active{background-color:#10b98133;color:#10b981}.client-status.status-inactive{background-color:#ef444433;color:#ef4444}.client-status.status-paused{background-color:#f59e0b33;color:#f59e0b}.clients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:linear-gradient(135deg,#00d4ff1a,#8338ec0d);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:16px;text-align:center}.stat-card:hover{border-color:#00d4ff66;background:linear-gradient(135deg,#00d4ff26,#8338ec1a)}.stat-label{font-size:12px;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.stat-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent-primary, #00d4ff),var(--accent-secondary, #8338ec));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.admin-clients-projects-section{gap:20px;margin:30px 0}.admin-clients-header h2{font-size:20px}.details-grid{grid-template-columns:1fr;gap:16px}.clients-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-value{font-size:20px}}.admin-email-financial-section{display:flex;flex-direction:column;gap:32px;margin:40px 0}.admin-email-financial-header{display:flex;flex-direction:column;gap:8px}.admin-email-financial-header h2{font-size:24px;font-weight:700;color:var(--text-primary, #ffffff);margin:0;background:linear-gradient(135deg,#00d4ff,#8338ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-email-financial-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0}.section-title{font-size:16px;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(0,212,255,.2)}.email-metrics-not-available{color:var(--text-secondary, #9ca3af);font-size:14px;margin:0;padding:16px;background:#3b82f60d;border:1px dashed rgba(59,130,246,.3);border-radius:8px}.email-summary-section,.financial-summary-section{width:100%}.summary-cards-grid,.financial-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:20px}.chart-wrapper{min-height:350px}.table-wrapper{width:100%;margin-bottom:20px}.table-wrapper.full-width{grid-column:1 / -1}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-email-financial-section{gap:24px;margin:30px 0}.admin-email-financial-header h2{font-size:20px}.summary-cards-grid,.financial-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.charts-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.summary-cards-grid,.financial-cards-grid{grid-template-columns:1fr}}.quick-actions-bar{margin-bottom:24px;padding:16px 0;border-bottom:1px solid rgba(0,212,255,.12)}.quick-actions-title{font-size:13px;font-weight:600;color:var(--text-secondary, #9ca3af);margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.quick-action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:8px;background:#00d4ff0a;border:1px solid rgba(0,212,255,.12);color:var(--text-primary, #fff);text-decoration:none;font-size:11px;font-weight:500;transition:background .2s,border-color .2s;min-height:56px}.quick-action-item:hover{background:#00d4ff1a;border-color:#00d4ff40;color:var(--text-primary, #fff)}.quick-action-icon{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent-primary, #00d4ff)}.quick-action-label{text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.quick-action-item{padding:12px 10px;font-size:12px;min-height:60px}.quick-action-icon{font-size:20px}}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:6px}.quick-action-item{padding:8px 6px;font-size:10px;min-height:52px}.quick-action-icon{font-size:16px}.quick-action-label{word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}}.admin-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;margin-bottom:20px;background:linear-gradient(90deg,#00d4ff14,#8338ec0f);border:1px solid rgba(0,212,255,.2);border-radius:8px;font-size:13px;color:var(--text-secondary, #9ca3af)}.admin-banner-text{flex:1;min-width:200px}.admin-banner-link{color:var(--accent-primary, #00d4ff);text-decoration:none;font-weight:600;white-space:nowrap}.admin-banner-link:hover{text-decoration:underline}@media (max-width: 768px){.admin-banner{flex-direction:column;align-items:flex-start;gap:8px}}.home-assistant-info{margin-bottom:24px;padding:16px 20px;background:linear-gradient(135deg,#8338ec0f,#00d4ff0d);border:1px solid rgba(131,56,236,.18);border-radius:10px;font-size:14px}.home-assistant-info-header{margin-bottom:12px}.home-assistant-info-title{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #f3f4f6)}.home-assistant-info-intro{margin:0;color:var(--text-secondary, #9ca3af);line-height:1.45}.home-assistant-tools-list{margin:0 0 16px;padding-left:20px;color:var(--text-secondary, #9ca3af);line-height:1.6}.home-assistant-tools-list li{margin-bottom:4px}.home-assistant-tools-list strong{color:var(--text-primary, #e5e7eb)}.home-assistant-fields-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(131,56,236,.2)}.home-assistant-fields-toggle{background:none;border:none;color:var(--accent-primary, #00d4ff);font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.home-assistant-fields-toggle:hover{color:var(--accent-secondary, #8338ec)}.home-assistant-fields-content{margin-top:12px}.home-assistant-fields-intro{margin:0 0 12px;color:var(--text-secondary, #9ca3af);font-size:13px}.home-assistant-field-block{margin-bottom:14px;padding:10px 12px;background:#00000026;border-radius:8px}.home-assistant-field-entity{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary, #e5e7eb)}.home-assistant-field-row{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #9ca3af)}.home-assistant-field-label{color:var(--accent-primary, #00d4ff);font-weight:500}@media (max-width: 768px){.home-assistant-info{padding:12px 14px}.home-assistant-tools-list{padding-left:18px}}.home-calendar-section{padding:20px;background:#00d4ff0a;border:1px solid rgba(0,212,255,.15);border-radius:12px;margin-top:24px}.home-calendar-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.home-calendar-icon{font-size:22px;color:var(--accent-primary, #00d4ff)}.home-calendar-title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary, #fff)}.home-calendar-desc{font-size:13px;color:var(--text-secondary, #9ca3af);margin:0 0 12px}.home-calendar-link{color:var(--accent-primary, #00d4ff);font-weight:600;text-decoration:none;font-size:14px}.home-calendar-link:hover{text-decoration:underline}.home-page{animation:fadeIn .5s ease;display:flex;flex-direction:column;width:100%}@media (min-width: 769px) and (max-width: 1280px){.home-page{flex-direction:column;gap:1rem}.home-page .ai-recommendations-panel,.home-page .dashboard-container{width:100%}}.home-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.home-page.loading p{color:var(--text-secondary);font-size:1rem;font-weight:500}.admin-dashboard-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a122e,#0a0e27);color:var(--text-primary, #ffffff);padding:32px 24px;gap:24px}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;border-bottom:2px solid rgba(0,212,255,.1);margin-bottom:8px}.header-content{display:flex;flex-direction:column;gap:8px;flex:1}.admin-dashboard-header h1{font-size:36px;font-weight:700;margin:0;background:linear-gradient(135deg,#00d4ff,#8338ec,#ff006e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0}.header-controls{display:flex;align-items:center;gap:12px}.live-data-badge{font-size:12px;color:var(--accent-primary, #00d4ff);background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);padding:4px 10px;border-radius:6px;font-weight:500}.refresh-button{background:linear-gradient(135deg,#00d4ff1a,#8338ec0d);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:8px 16px;cursor:pointer;color:var(--accent-primary, #00d4ff);font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.refresh-button:hover:not(:disabled){border-color:#00d4ff99;background:linear-gradient(135deg,#00d4ff33,#8338ec1a)}.refresh-icon{width:16px;height:16px}.refresh-icon.loading{animation:spin 1s linear infinite}.last-updated{font-size:12px;color:var(--text-tertiary, #6b7280);min-width:140px;text-align:right;animation:fadeInOut 2s ease-in-out}.last-updated.loading{color:var(--accent-primary, #00d4ff);font-weight:600}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:.7}}.error-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ef444433,#ef44441a);border:2px solid rgba(239,68,68,.4);border-radius:12px;padding:16px 20px;gap:16px}.error-content{flex:1}.error-content h3{margin:0 0 4px;color:#ef4444;font-size:16px}.error-content p{margin:0;color:var(--text-secondary, #9ca3af);font-size:14px}.error-retry{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s}.error-retry:hover{background:#ef44444d;border-color:#ef4444cc}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary, #9ca3af)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,212,255,.2);border-top-color:var(--accent-primary, #00d4ff);border-radius:50%;animation:spin 1s linear infinite}.admin-dashboard-content{display:flex;flex-direction:column;gap:40px;flex:1}.admin-dashboard-footer{display:flex;justify-content:center;align-items:center;padding-top:24px;border-top:1px solid rgba(0,212,255,.1);color:var(--text-tertiary, #6b7280);font-size:12px}.admin-dashboard-footer p{margin:0}[data-theme=light] .admin-dashboard-page{background:linear-gradient(135deg,#f8fafc,#f0f4f8,#f8fafc)}[data-theme=light] .admin-dashboard-header{border-bottom-color:#00d4ff33}[data-theme=light] .refresh-button{border-color:#00d4ff4d;color:#06c}@media (max-width: 768px){.admin-dashboard-page{padding:20px 16px;gap:20px}.admin-dashboard-header{flex-direction:column;gap:16px}.admin-dashboard-header h1{font-size:28px}.header-controls{width:100%;justify-content:space-between}.last-updated{text-align:left}.admin-dashboard-content{gap:32px}.error-banner{flex-direction:column;align-items:flex-start}.error-retry{width:100%}}@media (max-width: 480px){.admin-dashboard-page{padding:16px 12px}.admin-dashboard-header h1{font-size:24px}.header-subtitle{font-size:12px}.header-controls{gap:8px}.last-updated{font-size:11px;min-width:auto}}.app-category-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.category-tab:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.category-icon{font-size:1rem}.category-label{font-weight:600}.commits-dashboard{background:var(--bg-card);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.commits-dashboard.loading,.commits-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.commits-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.commits-title{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.repo-selector-container{width:100%;max-width:400px}.repo-selector{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.repo-selector:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.repo-selector:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.repo-selector optgroup{font-weight:600;color:var(--accent);background:var(--bg-secondary)}.repo-selector option{padding:.5rem;background:var(--bg-primary);color:var(--text-primary)}.commits-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.commits-title h2{font-size:1.75rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.repo-badge{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.commits-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:var(--bg-secondary);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.stat-value{font-size:2rem;font-weight:700;background:var(--gradient-3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.commits-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.commits-list-container{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.commits-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.commits-list-header h3{font-size:1.25rem;font-weight:600;margin:0}.last-update{font-size:.75rem;color:var(--text-muted)}.commits-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.commit-item{display:grid;grid-template-columns:40px 48px 1fr auto;gap:1.25rem;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:all .2s;position:relative;overflow:hidden;min-height:80px}.commit-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s}.commit-item:hover{transform:translate(4px);box-shadow:0 6px 20px var(--shadow-lg);border-color:var(--accent);background:var(--bg-card)}.commit-item:hover:before{transform:scaleY(1)}.commit-index{font-size:.875rem;font-weight:600;color:var(--text-muted);text-align:center;min-width:30px}.commit-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);flex-shrink:0}.commit-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem}.commit-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.commit-message{font-weight:500;margin-bottom:.75rem;color:var(--text-primary);font-size:.9375rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commit-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap;line-height:1.6}.commit-author{font-weight:600;color:var(--accent-light)}.commit-separator{color:var(--text-muted)}.commit-sha{font-family:Courier New,monospace;background:var(--bg-primary);padding:.25rem .625rem;border-radius:6px;font-size:.75rem;border:1px solid var(--border-color)}.commit-date{color:var(--text-secondary);font-weight:500}.commit-time{color:var(--text-muted);font-size:.8125rem;font-weight:500}.commit-arrow{color:var(--accent);font-size:1.25rem;opacity:0;transition:opacity .2s,transform .2s}.commit-item:hover .commit-arrow{opacity:1;transform:translate(4px)}.commits-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.sidebar-section h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.authors-list,.dates-list{display:flex;flex-direction:column;gap:1rem}.author-item{display:flex;flex-direction:column;gap:.5rem}.author-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.author-count{font-size:.75rem;color:var(--text-secondary)}.author-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.author-bar-fill{height:100%;background:var(--gradient-1);border-radius:3px;transition:width .3s}.date-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.date-label{font-size:.875rem;color:var(--text-primary)}.date-count{font-weight:600;color:var(--accent);background:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem}@media (max-width: 1200px){.commits-content{grid-template-columns:1fr}}@media (max-width: 768px){.commits-dashboard{padding:1rem}.commits-stats{grid-template-columns:1fr}.commit-item{grid-template-columns:1fr;gap:.75rem}.commit-index,.commit-arrow{display:none}}.workflows-dashboard{background:var(--bg-card);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.workflows-dashboard.loading,.workflows-dashboard.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.workflows-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:1rem}.workflows-header h3{font-size:1.5rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workflows-stats{display:flex;gap:.75rem;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);font-size:.875rem}.stat-badge.success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.stat-badge.failure{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.stat-label{font-weight:500}.stat-value{font-weight:700}.workflows-list{display:flex;flex-direction:column;gap:1rem}.workflow-item{display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);text-decoration:none;color:inherit;transition:all .2s;position:relative;overflow:hidden}.workflow-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;transition:transform .2s}.workflow-item.status-success:before{background:#22c55e}.workflow-item.status-failure:before{background:#ef4444}.workflow-item.status-in-progress:before{background:#3b82f6;animation:pulse 2s infinite}.workflow-item.status-cancelled:before{background:#6b7280}.workflow-item:hover{transform:translate(4px);box-shadow:0 4px 12px var(--shadow);border-color:var(--accent)}.workflow-status-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.workflow-details{flex:1;min-width:0}.workflow-name{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}.workflow-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.workflow-branch{font-family:Courier New,monospace;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:6px;font-size:.75rem}.workflow-separator{color:var(--text-muted)}.workflow-actor{display:flex;align-items:center;gap:.5rem;font-weight:500}.workflow-avatar{width:20px;height:20px;border-radius:50%;border:1px solid var(--border-color)}.workflow-date{color:var(--text-muted)}.workflow-arrow{color:var(--accent);font-size:1.25rem;opacity:0;transition:opacity .2s,transform .2s}.workflow-item:hover .workflow-arrow{opacity:1;transform:translate(4px)}@media (max-width: 768px){.workflow-item{grid-template-columns:1fr;gap:.75rem}.workflow-status-icon,.workflow-arrow{display:none}}.repository-metrics{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1.5rem}.repository-metrics.loading{display:flex;align-items:center;justify-content:center;min-height:150px}.repository-metrics h4{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.metric-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.metric-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.metric-content{flex:1}.metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.metrics-footer{padding-top:1rem;border-top:1px solid var(--border-color)}.metric-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.info-label{color:var(--text-secondary)}.info-value{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.git-token-config{background:#0a0e27cc;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.token-config-header h3{margin:0 0 .5rem;color:#00d4ff;font-size:1.2rem}.token-description{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.token-status{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#00d4ff1a;border-radius:8px}.status-badge{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.status-badge.success{background:#0f03;color:#0f0;border:1px solid rgba(0,255,0,.3)}.btn-delete{padding:.5rem 1rem;background:#f003;color:#ff6b6b;border:1px solid rgba(255,0,0,.3);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-delete:hover:not(:disabled){background:#ff00004d;border-color:#ff000080}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.token-input-section{margin-bottom:1rem}.token-input-section label{display:block;color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.token-input-wrapper{position:relative;display:flex;align-items:center}.token-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-size:.9rem;font-family:Courier New,monospace;transition:all .3s ease}.token-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.token-input:disabled{opacity:.5;cursor:not-allowed}.btn-toggle-visibility{position:absolute;right:.5rem;background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;font-size:1.2rem;transition:color .3s ease}.btn-toggle-visibility:hover{color:#00d4ff}.token-help{margin:.5rem 0 0;color:#fff9;font-size:.85rem}.token-help a{color:#00d4ff;text-decoration:none;transition:color .3s ease}.token-help a:hover{color:#0f8;text-decoration:underline}.message.success{background:#0f03;color:#0f0;border:1px solid rgba(0,255,0,.3)}.btn-save{width:100%;padding:.75rem;background:linear-gradient(135deg,#00d4ff,#0f8);color:#0a0e27;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.repository-selector{background:#0a0e27cc;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.selector-header h3{margin:0 0 .5rem;color:#00d4ff;font-size:1.2rem}.selector-description{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem;line-height:1.5}.selected-count{color:#0f8;font-weight:600}.selector-controls{margin-bottom:1.5rem}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.search-input::placeholder{color:#ffffff80}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.85rem;transition:all .3s ease}.filter-btn:hover{background:#00d4ff1a;border-color:#00d4ff80;color:#00d4ff}.filter-btn.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff}.repositories-list{max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.repository-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#0000004d;border:1px solid rgba(0,212,255,.2);border-radius:8px;transition:all .3s ease;cursor:pointer}.repository-item:hover{background:#00d4ff1a;border-color:#00d4ff66}.repository-item.selected{background:#00d4ff26;border-color:#00d4ff}.repo-checkbox{margin-top:.25rem}.repo-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#00d4ff}.repo-content{flex:1;min-width:0}.repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.repo-name{margin:0;font-size:1rem;font-weight:600;color:#00d4ff;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.repo-name a{color:#00d4ff;text-decoration:none;transition:color .3s ease}.repo-name a:hover{color:#0f8;text-decoration:underline}.private-badge{font-size:.75rem;padding:.25rem .5rem;background:#f003;color:#ff6b6b;border-radius:4px;border:1px solid rgba(255,0,0,.3)}.repo-stats{display:flex;align-items:center;gap:.75rem;flex-shrink:0;flex-wrap:wrap}.repo-language{padding:.25rem .5rem;background:#00d4ff33;color:#00d4ff;border-radius:4px;font-size:.75rem;font-weight:500}.repo-stat{color:#ffffffb3;font-size:.85rem}.repo-description{color:#ffffffb3;font-size:.9rem;margin:.5rem 0;line-height:1.4}.repo-footer{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font-size:.85rem;color:#fff9}.repo-branch{display:flex;align-items:center;gap:.25rem}.repo-updated{margin-left:auto}.empty-state{text-align:center;padding:3rem;color:#ffffff80}.error-message{text-align:center;padding:2rem;color:#ff6b6b}.error-message p{margin:0 0 1rem}.btn-retry{padding:.75rem 1.5rem;background:#00d4ff33;color:#00d4ff;border:1px solid rgba(0,212,255,.3);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-retry:hover{background:#00d4ff4d;border-color:#00d4ff}.message{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.message.error{background:#f003;color:#ff6b6b;border:1px solid rgba(255,0,0,.3)}.loading-spinner{border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:1rem auto}.repositories-list::-webkit-scrollbar{width:8px}.repositories-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.repositories-list::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.repositories-list::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.repository-welcome-screen{padding:0;max-width:1200px;margin:0 auto}.welcome-header{text-align:center;margin-bottom:48px;padding:32px 0}.welcome-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);border-radius:20px;box-shadow:0 8px 24px #2196f34d;margin-bottom:24px}.welcome-icon{font-size:40px;color:#fff}.welcome-header h1{margin:0 0 12px;color:var(--text-primary, #fff);font-size:36px;font-weight:700;letter-spacing:-.5px}.welcome-subtitle{margin:0;color:var(--text-secondary, #aaa);font-size:18px;line-height:1.5}.welcome-content{display:flex;flex-direction:column;gap:48px}.welcome-section{background:var(--card-background, #1e1e1e);border-radius:16px;padding:32px;border:1px solid var(--border-color, #333);box-shadow:0 4px 20px #0003}.welcome-section h2{margin:0 0 24px;color:var(--text-primary, #fff);font-size:24px;font-weight:600;letter-spacing:-.3px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{padding:24px;background:var(--background-secondary, #2a2a2a);border-radius:12px;border:1px solid var(--border-color, #333);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--primary-color)}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);border-radius:12px;color:#fff;font-size:20px;margin-bottom:16px}.feature-card h3{margin:0 0 12px;color:var(--text-primary, #fff);font-size:18px;font-weight:600}.feature-card p{margin:0;color:var(--text-secondary, #aaa);font-size:14px;line-height:1.6}.config-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.config-card{padding:24px;background:var(--background-secondary, #2a2a2a);border-radius:12px;border:1px solid var(--border-color, #333)}.config-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.config-icon{font-size:24px;color:var(--primary-color)}.config-header h3{margin:0;color:var(--text-primary, #fff);font-size:18px;font-weight:600}.config-card p{margin:0 0 20px;color:var(--text-secondary, #aaa);font-size:14px;line-height:1.6}.config-card strong{color:var(--text-primary, #fff);font-weight:600}.btn-configure-token{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2196f34d;margin-bottom:12px}.btn-configure-token:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366;background:linear-gradient(135deg,var(--cta-primary-hover) 0%,var(--primary-color) 100%)}.token-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:20px;color:#4caf50;font-size:12px;font-weight:600}.status-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.repo-count-badge{display:inline-flex;align-items:center;padding:6px 12px;background:var(--background-primary, #0f0f0f);border:1px solid var(--border-color, #333);border-radius:20px;color:var(--text-primary, #fff);font-size:12px;font-weight:600}.getting-started{display:flex;flex-direction:column;gap:20px}.step-card{display:flex;gap:20px;padding:24px;background:var(--background-secondary, #2a2a2a);border-radius:12px;border:1px solid var(--border-color, #333);transition:all .3s ease}.step-card:hover{border-color:var(--primary-color);transform:translate(4px)}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);border-radius:10px;color:#fff;font-size:20px;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{margin:0 0 8px;color:var(--text-primary, #fff);font-size:18px;font-weight:600}.step-content p{margin:0;color:var(--text-secondary, #aaa);font-size:14px;line-height:1.6}@media (max-width: 768px){.welcome-header h1{font-size:28px}.welcome-subtitle{font-size:16px}.welcome-section{padding:24px}.features-grid,.config-info{grid-template-columns:1fr}.step-card{flex-direction:column;gap:16px}.step-number{width:36px;height:36px;font-size:18px}}.tabs-container{background:#0a0e27cc;border:1px solid rgba(0,212,255,.3);border-radius:12px;overflow:hidden}.tabs-header{display:flex;background:#0000004d;border-bottom:1px solid rgba(0,212,255,.3);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#ffffffb3;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;white-space:nowrap;position:relative}.tab-button:hover{background:#00d4ff1a;color:#00d4ff}.tab-button.active{color:#00d4ff;border-bottom-color:#00d4ff;background:#00d4ff1a}.tab-icon{font-size:1.1rem}.tab-label{font-weight:600}.tabs-content{padding:1.5rem}@media (max-width: 768px){.tab-button{padding:.75rem 1rem;font-size:.85rem}.tabs-content{padding:1rem}}.apps-page{min-height:100vh}.apps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.config-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:600}.config-button:hover{border-color:var(--accent);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.config-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.no-repos{text-align:center;padding:2rem;color:var(--text-secondary)}.no-repos p{margin:.5rem 0}.no-repos .hint{font-size:.85rem;color:var(--text-secondary);opacity:.7}.apps-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.apps-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.apps-sidebar{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color);height:fit-content;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto}.apps-sidebar h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.repositories-list{display:flex;flex-direction:column;gap:1.5rem}.repository-group{display:flex;flex-direction:column;gap:.5rem}.group-header{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid var(--border-color)}.repo-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left;width:100%}.repo-button:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 12px var(--shadow)}.repo-button.active{background:var(--gradient-1);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.repo-icon{font-size:1.25rem;flex-shrink:0}.repo-info{flex:1;min-width:0}.repo-name{font-weight:600;font-size:.9375rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-path{font-size:.75rem;color:var(--text-secondary);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo-button.active .repo-path{color:#fffc}.apps-content{display:flex;flex-direction:column;gap:2rem}.repo-header{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.repo-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.repo-breadcrumb{font-size:.875rem;color:var(--text-secondary);font-family:Courier New,monospace}.repo-tabs,.repo-tab-content{background:transparent}.repo-tab-content h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.no-selection-view,.overview-section{display:flex;flex-direction:column;gap:2rem}.selection-hint{background:var(--bg-card);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.selection-hint p{font-size:1rem;color:var(--text-secondary);margin:0}.no-selection{background:var(--bg-card);border-radius:16px;padding:4rem;text-align:center;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.no-selection p{font-size:1.125rem;color:var(--text-secondary);margin:.5rem 0}.no-selection .hint{font-size:.9rem;color:var(--text-secondary);opacity:.7}@media (max-width: 1200px){.apps-layout{grid-template-columns:1fr}.apps-sidebar{position:static;max-height:none}}@media (max-width: 768px){.apps-sidebar{padding:1rem}.repo-header{padding:1.5rem}.repo-header h2{font-size:1.5rem}}.expense-form-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color);height:fit-content;position:sticky;top:100px}.expense-form-card h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expense-form{display:flex;flex-direction:column;gap:1.25rem}.form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.submit-button{padding:1rem;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}@media (max-width: 768px){.expense-form-card{position:static}.form-row{grid-template-columns:1fr}}.expense-list-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.expense-list-card h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.expenses-list{display:flex;flex-direction:column;gap:1rem;max-height:800px;overflow-y:auto;padding-right:.5rem}.expense-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s}.expense-item:hover{transform:translate(4px);box-shadow:0 4px 12px var(--shadow);border-color:var(--accent)}.expense-main{flex:1;min-width:0}.expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.expense-amount{font-size:1.5rem;font-weight:700;color:var(--accent)}.expense-date{font-size:.875rem;color:var(--text-secondary)}.expense-description{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.expense-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.expense-user,.expense-client{font-weight:500}.expense-category{background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:6px;font-size:.75rem}.expense-separator{color:var(--text-muted)}.expense-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);font-style:italic}.delete-button{background:transparent;border:2px solid var(--border-color);border-radius:8px;padding:.5rem;font-size:1.25rem;cursor:pointer;transition:all .2s;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-button:hover:not(:disabled){border-color:#ef4444;background:#ef44441a;transform:scale(1.1)}.delete-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.expense-item{flex-direction:column}.delete-button{align-self:flex-end}}.expense-summary-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.expense-summary-card h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-item{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.summary-item.total{background:var(--gradient-1);color:#fff;border:none}.summary-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;opacity:.8}.summary-item.total .summary-label{opacity:.9}.summary-value{font-size:2rem;font-weight:700}.summary-list-item{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.summary-list-item span:first-child{font-weight:500;color:var(--text-primary)}.summary-list-item span:last-child{font-weight:700;color:var(--accent)}@media (max-width: 768px){.summary-grid{grid-template-columns:1fr}}.income-form{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.income-form h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.income-form form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.required{color:var(--error)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.amount-input{display:flex;gap:.5rem}.amount-input input{flex:1}.amount-input select{width:100px}.error-message{padding:.75rem;background:#ef44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.875rem}.submit-button{padding:.875rem 1.5rem;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.income-list{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}.income-list.empty{text-align:center;padding:3rem;color:var(--text-secondary)}.income-list h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary)}.income-items{display:flex;flex-direction:column;gap:1rem}.income-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s}.income-item:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}.income-main{flex:1}.income-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.income-header h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.income-amount{font-size:1.25rem;font-weight:700;color:var(--success)}.income-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.income-detail{display:flex;gap:.5rem;font-size:.875rem}.detail-label{font-weight:600;color:var(--text-secondary)}.income-notes{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid var(--accent)}.notes-label{font-weight:600;color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:.5rem}.income-notes p{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.5}.income-invoice{margin-top:.75rem}.invoice-link{color:var(--accent);text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s}.invoice-link:hover{text-decoration:underline}.income-actions{display:flex;gap:.5rem;margin-left:1rem}.delete-button{padding:.5rem 1rem;background:#ef44441a;border:1px solid var(--error);border-radius:8px;color:var(--error);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-button:hover:not(:disabled){background:var(--error);color:#fff}.delete-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.income-item{flex-direction:column}.income-actions{margin-left:0;margin-top:1rem;width:100%}.delete-button{flex:1}.income-details{grid-template-columns:1fr}}.income-summary-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color);margin-bottom:2rem}.income-summary-card h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--success);margin-bottom:2rem}.total-label{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.total-amount{font-size:2rem;font-weight:700;color:var(--success)}.summary-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-section{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.summary-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.summary-list{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.item-name{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.item-details{display:flex;align-items:center;gap:.5rem}.item-amount{font-size:.9375rem;font-weight:700;color:var(--success)}.item-count{font-size:.75rem;color:var(--text-secondary)}.empty-message{text-align:center;color:var(--text-secondary);font-size:.875rem;padding:1rem}@media (max-width: 768px){.summary-sections{grid-template-columns:1fr}}.client-invoices-section{padding:.5rem 0}.client-invoices-section.loading{color:var(--text-secondary, #666)}.invoices-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invoices-section-header h3{margin:0;font-size:1.1rem}.btn-new-invoice{padding:.4rem .8rem;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-new-invoice:hover{opacity:.9}.no-invoices{color:var(--text-secondary, #666);margin:1rem 0}.invoices-table-wrap{overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse;font-size:.9rem}.invoices-table th,.invoices-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--border, #eee)}.invoices-table th{font-weight:600;background:var(--bg-secondary, #f5f5f5)}.btn-download-pdf{padding:.25rem .5rem;font-size:.85rem;border:1px solid var(--border, #ddd);border-radius:4px;background:#fff;cursor:pointer}.btn-download-pdf:hover:not(:disabled){background:var(--bg-secondary, #f5f5f5)}.btn-download-pdf:disabled{opacity:.7;cursor:not-allowed}.create-invoice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.create-invoice-modal{background:#fff;border-radius:8px;max-width:720px;width:95%;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.create-invoice-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #eee)}.create-invoice-modal-header h3{margin:0;font-size:1.2rem}.create-invoice-modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 .25rem;line-height:1;color:#666}.create-invoice-form{padding:1.25rem}.create-invoice-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}.create-invoice-form .form-group{flex:1}.create-invoice-form .form-group label{display:block;margin-bottom:.25rem;font-size:.9rem}.create-invoice-form .form-group input,.create-invoice-form .form-group textarea{width:100%;padding:.4rem .5rem;border:1px solid var(--border, #ddd);border-radius:4px}.lines-header{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .5rem}.lines-header label{font-weight:600}.btn-add-line{padding:.35rem .6rem;font-size:.85rem;border:1px solid var(--primary, #2563eb);background:#fff;color:var(--primary, #2563eb);border-radius:4px;cursor:pointer}.lines-table-wrap{overflow-x:auto;margin-bottom:.75rem}.lines-table{width:100%;border-collapse:collapse;font-size:.9rem}.lines-table th,.lines-table td{padding:.4rem;text-align:left;border-bottom:1px solid var(--border, #eee)}.lines-table th{font-weight:600;background:var(--bg-secondary, #f5f5f5)}.lines-table input,.lines-table select{width:100%;padding:.3rem .4rem;border:1px solid var(--border, #ddd);border-radius:4px}.lines-table td:first-child input{min-width:160px}.btn-remove-line{padding:.2rem .4rem;font-size:.8rem;border:none;background:transparent;color:#666;cursor:pointer}.btn-remove-line:hover:not(:disabled){color:#c00}.btn-remove-line:disabled{cursor:not-allowed;opacity:.5}.totals-row{display:flex;gap:1.5rem;align-items:center;margin-bottom:1rem;padding:.5rem 0;font-size:.95rem}.totals-row strong{margin-left:auto}.form-error{color:#c00;margin-bottom:.75rem;font-size:.9rem}.create-invoice-form .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border, #eee)}.create-invoice-form .cancel-button,.create-invoice-form .submit-button{padding:.5rem 1rem;border-radius:6px;font-size:.95rem;cursor:pointer}.create-invoice-form .submit-button{background:var(--primary, #2563eb);color:#fff;border:none}.create-invoice-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.create-invoice-form .cancel-button{background:#fff;border:1px solid var(--border, #ddd)}.client-management{display:flex;flex-direction:column;gap:2rem}.form-modal-content{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.form-group input,.form-group textarea{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-group textarea{resize:vertical}.client-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);transition:all .2s}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.client-header h4{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.client-actions{display:flex;gap:.5rem}.detail-button{background:transparent;border:2px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:1rem;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.detail-button:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.client-company{font-weight:600;color:var(--accent);margin-bottom:.75rem;font-size:.9375rem}.client-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.client-detail-view .management-header{flex-direction:column;align-items:flex-start}.back-button{padding:.5rem .75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--text-primary)}.back-button:hover{border-color:var(--accent)}.detail-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.detail-tab{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-size:.95rem;cursor:pointer}.detail-tab.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);font-weight:600}.detail-panel{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.client-detail-fields p{margin:.5rem 0;font-size:.95rem}.client-detail-fields .edit-button{margin-bottom:1rem}@media (max-width: 768px){.form-row,.clients-grid{grid-template-columns:1fr}}.user-management{display:flex;flex-direction:column;gap:2rem}.management-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.management-header h2{font-size:1.75rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-button{padding:.75rem 1.5rem;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3)}.form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.form-modal-content{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.form-modal-content h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-button,.submit-button{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.cancel-button:hover{border-color:var(--accent)}.submit-button{background:var(--gradient-1);color:#fff}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.user-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);transition:all .2s}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent)}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-header h4{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.user-email{font-size:.875rem;color:var(--text-secondary)}.user-actions{display:flex;gap:.5rem}.edit-button,.delete-button{background:transparent;border:2px solid var(--border-color);border-radius:6px;padding:.5rem;font-size:1rem;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.edit-button:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.delete-button:hover{border-color:#ef4444;background:#ef44441a}.user-badges{display:flex;gap:.5rem;flex-wrap:wrap}.role-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.admin{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.role-badge.user{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.active-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}@media (max-width: 768px){.users-grid{grid-template-columns:1fr}}.accounting-page{min-height:100vh}.accounting-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.accounting-header{margin-bottom:2rem}.accounting-header h1{font-size:2rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accounting-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.accounting-tab{padding:.75rem 1.5rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.accounting-tab:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.accounting-tab.active{background:var(--gradient-1);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.expenses-section{display:flex;flex-direction:column;gap:2rem}.expenses-filters{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.filter-group select{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s}.filter-group select:hover{border-color:var(--accent)}.filter-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.expenses-content{display:grid;grid-template-columns:400px 1fr;gap:2rem}@media (max-width: 1200px){.expenses-content{grid-template-columns:1fr}}@media (max-width: 768px){.accounting-header h1{font-size:1.5rem}.accounting-tabs{flex-direction:column}.accounting-tab{width:100%}.expenses-filters{flex-direction:column}.filter-group{min-width:100%}}.kpi-card{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--accent-primary)}.kpi-card:hover:before{transform:scaleX(1)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.kpi-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0}.kpi-icon{color:var(--accent-primary);font-size:1.75rem;filter:drop-shadow(0 0 8px rgba(0,212,255,.5));transition:transform .3s ease}.kpi-card:hover .kpi-icon{transform:scale(1.1) rotate(5deg)}.kpi-value{font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.2;letter-spacing:-1px}.kpi-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.kpi-trend{font-size:.8125rem;font-weight:600;padding:.375rem .75rem;border-radius:8px;display:inline-flex;align-items:center;gap:.375rem;letter-spacing:.5px;transition:all .3s ease}.kpi-trend.positive{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.kpi-trend.positive:hover{background:#10b98140;box-shadow:0 0 15px var(--success-glow)}.kpi-trend.negative{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.kpi-trend.negative:hover{background:#ef444440;box-shadow:0 0 15px var(--error-glow)}@media (max-width: 768px){.kpi-card{padding:1.5rem}.kpi-value{font-size:2rem}}.grid-layout{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1.5rem;padding:0;animation:fadeIn .5s ease}@media (max-width: 1200px){.grid-layout{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.grid-layout{grid-template-columns:1fr;gap:1rem}}.aitana-calls-list{min-height:400px}.aitana-calls-list.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.aitana-calls-list h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.calls-table{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.call-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .2s}.call-item:hover{transform:translate(4px);box-shadow:0 4px 12px var(--shadow);border-color:var(--accent)}.call-outcome-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-details{flex:1;min-width:0}.call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.call-phone{font-weight:600;color:var(--text-primary);font-size:1rem}.call-outcome{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.outcome-success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.outcome-rejected{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.outcome-voicemail{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.outcome-no-answer{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.call-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex-wrap:wrap}.call-separator{color:var(--text-muted)}.call-duration{font-family:Courier New,monospace;background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px;font-size:.75rem}.call-conversion{color:#22c55e;font-weight:600}.call-appointment{color:#3b82f6;font-weight:600}.call-transcription{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary);font-style:italic;line-height:1.5}@media (max-width: 768px){.call-item{flex-direction:column}.call-outcome-icon{align-self:flex-start}}.aitana-metrics-chart{display:flex;flex-direction:column;gap:2rem}.aitana-metrics-chart h3{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-section{display:flex;flex-direction:column;gap:1rem}.chart-section h4{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.outcome-distribution{display:flex;flex-direction:column;gap:1rem}.outcome-bar-item{display:flex;flex-direction:column;gap:.5rem}.outcome-bar-header{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.outcome-label{font-weight:500;color:var(--text-primary)}.outcome-count{font-weight:600;color:var(--text-secondary)}.outcome-bar-container{height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative}.outcome-bar-fill{height:100%;border-radius:12px;transition:width .3s ease;min-width:2px}.charts-row{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.donut-chart-container{position:relative;width:200px;height:200px}.donut-chart{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{font-size:2rem;font-weight:700;color:var(--text-primary)}.donut-label{font-size:.875rem;color:var(--text-secondary)}.donut-legend{display:flex;flex-direction:column;gap:.75rem;flex:1}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-label{flex:1;color:var(--text-primary)}.legend-value{color:var(--text-secondary);font-weight:600}.comparison-chart{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.comparison-bar-item{display:flex;align-items:center;gap:1rem}.comparison-label{min-width:120px;font-weight:600;color:var(--text-primary)}.comparison-bar-container{flex:1;position:relative;height:40px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.comparison-bar-fill{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.comparison-value{color:#fff;font-weight:600;font-size:.9rem}.line-chart-container{padding:1rem;background:var(--bg-tertiary);border-radius:8px;overflow-x:auto}.line-chart{width:100%;min-width:600px;height:200px;display:block}.hourly-chart{display:flex;align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0;border-bottom:2px solid var(--border-color)}.hourly-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.hourly-bar-container{width:100%;height:150px;background:var(--bg-tertiary);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;position:relative}.hourly-bar-fill{width:100%;background:var(--gradient-1);border-radius:4px 4px 0 0;transition:height .3s ease;min-height:2px}.hourly-label{font-size:.75rem;color:var(--text-secondary);text-align:center;transform:rotate(-45deg);white-space:nowrap;margin-top:.5rem}.hourly-count{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-top:-.5rem}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.empty-state p{margin:0}@media (max-width: 768px){.hourly-chart{gap:.25rem}.hourly-label{font-size:.625rem}}.aitana-kpis-chart{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.aitana-kpis-chart h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem}.kpi-chart-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.kpi-chart-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.kpi-chart-section h4{margin:0 0 1rem;color:#374151;font-size:1.1rem}.trend-chart-container{padding:1rem;background:var(--bg-tertiary);border-radius:8px;overflow-x:auto}.trend-chart{width:100%;min-width:700px;height:250px;display:block}.duration-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:1rem;background:var(--bg-tertiary);border-radius:8px;gap:.5rem}.duration-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.duration-bar-container{width:100%;height:150px;background:var(--bg-secondary);border-radius:4px;position:relative;overflow:hidden}.duration-bar-fill{position:absolute;bottom:0;width:100%;transition:height .3s ease;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem}.duration-label{font-size:.75rem;color:#6b7280;text-align:center}.duration-value{font-size:.875rem;font-weight:600;color:#1f2937}.heatmap-container{padding:1rem;background:var(--bg-tertiary);border-radius:8px;overflow-x:auto}.heatmap-header{display:flex;margin-bottom:.5rem}.heatmap-day-label{min-width:50px;font-size:.875rem;font-weight:600;color:#6b7280;text-align:center;padding:.5rem}.heatmap-hour-label{flex:1;font-size:.75rem;color:#9ca3af;text-align:center;padding:.25rem;min-width:30px}.heatmap-row{display:flex;margin-bottom:.25rem}.heatmap-cell{flex:1;aspect-ratio:1;min-width:30px;min-height:30px;border:1px solid #e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;position:relative}.heatmap-cell:hover{transform:scale(1.1);z-index:1;box-shadow:0 2px 4px #0003}.heatmap-count{font-size:.7rem;font-weight:600;color:#1f2937}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.875rem;color:#6b7280}.heatmap-legend-gradient{display:flex;gap:2px}.heatmap-legend-gradient>div{width:20px;height:20px;border-radius:4px}.empty-state{text-align:center;padding:2rem;color:#6b7280}@media (max-width: 768px){.trend-chart{min-width:500px}.heatmap-container{font-size:.7rem}.heatmap-cell{min-width:20px;min-height:20px}}.call-filters{background:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color);margin-bottom:1.5rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.filters-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.btn-reset{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s}.btn-reset:hover{background:var(--bg-tertiary);border-color:var(--accent)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.filter-select,.filter-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);transition:all .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.filter-select:hover,.filter-input:hover{border-color:var(--accent)}@media (max-width: 768px){.call-filters{padding:1rem}.filters-grid{grid-template-columns:1fr}.filters-header{flex-direction:column;align-items:flex-start;gap:1rem}}.pending-calls-list{padding:2rem;color:var(--text-primary)}.pending-calls-list.loading,.pending-calls-list.error{display:flex;align-items:center;justify-content:center;min-height:400px}.btn-retry,.btn-refresh{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.call-card{background:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.call-card:hover{box-shadow:0 4px 6px var(--shadow);transform:translateY(-2px);border-color:var(--accent)}.call-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.phone-number{font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;color:var(--accent)}.call-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.call-info-item{display:flex;justify-content:space-between;font-size:.875rem}.call-info-item .label{color:var(--text-secondary);font-weight:500}.call-info-item .value{color:var(--text-primary)}.call-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.call-id{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.pending-calls-list{padding:1rem}.calls-grid{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:flex-start;gap:1rem}}.executed-calls-list{padding:2rem;color:var(--text-primary)}.executed-calls-list.loading,.executed-calls-list.error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-message p{color:#ef4444;margin-bottom:1rem}.btn-retry,.btn-refresh,.btn-export{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s;margin-left:.5rem}.btn-retry:hover,.btn-refresh:hover{opacity:.9}.btn-export{background:var(--success)}.btn-export:hover{opacity:.9}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.header-actions{display:flex;gap:.5rem}.search-bar{margin-bottom:1.5rem}.search-input{width:100%;max-width:500px;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.calls-count{margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state p{font-size:1.125rem}.calls-table-container{overflow-x:auto;background:var(--bg-card);border-radius:8px;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color);margin-bottom:1.5rem}.calls-table{width:100%;border-collapse:collapse}.calls-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.calls-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.calls-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.calls-table tbody tr:hover{background:var(--bg-secondary)}.calls-table td{padding:1rem;font-size:.875rem;color:var(--text-primary)}.phone-cell{font-family:Courier New,monospace}.phone-number{font-weight:600;color:var(--accent)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.btn-view{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-view:hover{opacity:.9}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.btn-pagination{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s}.btn-pagination:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.executed-calls-list{padding:1rem}.calls-table-container{overflow-x:scroll}.calls-table{min-width:800px}.list-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;flex-direction:column}.btn-refresh,.btn-export{width:100%;margin-left:0;margin-top:.5rem}}.call-workflow-timeline{background:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color)}.call-workflow-timeline.empty{text-align:center;padding:3rem;color:var(--text-secondary)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.timeline-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.event-count{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.timeline-container{position:relative;padding-left:2rem}.timeline-container:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--border-color),var(--bg-tertiary))}.timeline-item{position:relative;margin-bottom:2rem;display:flex;align-items:flex-start}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--shadow);z-index:1;border:3px solid var(--bg-card)}.timeline-icon{font-size:1rem}.timeline-content{flex:1;background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-left:.5rem;border:1px solid var(--border-color);transition:all .2s}.timeline-content:hover{background:var(--bg-tertiary);border-color:var(--accent);box-shadow:0 2px 4px var(--shadow)}.timeline-header-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.event-type{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.event-time{font-size:.875rem;color:var(--text-secondary);font-weight:500}.timeline-meta{display:flex;gap:1rem;margin-bottom:.5rem}.step-order{background:#e0e7ff;color:#4338ca;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.time-diff{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.timeline-payload{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.timeline-payload details{cursor:pointer}.timeline-payload summary{font-size:.875rem;color:var(--text-secondary);font-weight:500;-webkit-user-select:none;user-select:none}.timeline-payload summary:hover{color:var(--text-primary)}.timeline-payload pre{margin-top:.5rem;padding:.75rem;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;overflow-x:auto;border:1px solid var(--border-color);color:var(--text-primary)}@media (max-width: 768px){.call-workflow-timeline{padding:1rem}.timeline-container{padding-left:1.5rem}.timeline-marker{left:-1.5rem;width:2rem;height:2rem}.timeline-icon{font-size:.875rem}.timeline-content{padding:.75rem}.timeline-header-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.call-detail-view{padding:2rem;max-width:1400px;margin:0 auto;color:var(--text-primary)}.call-detail-view.loading,.call-detail-view.error{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{font-size:1.25rem;color:var(--text-secondary)}.call-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.call-detail-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.btn-back{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all .2s}.btn-back:hover{background:var(--bg-tertiary);border-color:var(--accent)}.call-detail-content{display:flex;flex-direction:column;gap:1.5rem}.call-info-section{background:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color)}.info-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:1rem;color:var(--text-primary)}.phone-number{font-family:Courier New,monospace;font-weight:600;color:var(--accent)}.call-id{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-secondary)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;text-transform:capitalize}.badge-pending{background:#fef3c7;color:#92400e}.badge-initiated{background:#dbeafe;color:#1e40af}.badge-ringing{background:#e0e7ff;color:#4338ca}.badge-answered{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-voicemail{background:var(--bg-tertiary);border:1px solid var(--accent-tertiary);color:var(--accent-tertiary)}.badge-completed{background:#d1fae5;color:#065f46}.badge-failed{background:#fee2e2;color:#991b1b}.badge-success{background:#d1fae5;color:#065f46}.badge-no-answer{background:#fef3c7;color:#92400e}.badge-default{background:var(--bg-tertiary);color:#6b7280}.call-detail-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.call-detail-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.call-detail-tabs button:hover{color:var(--text-primary);background:var(--bg-secondary)}.call-detail-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{background:var(--bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color);min-height:400px}.tab-panel{animation:fadeIn .3s}.transcription-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.transcription-content{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border:1px solid var(--border-color)}.transcription-text{font-size:1rem;line-height:1.75;color:var(--text-primary);white-space:pre-wrap;margin-bottom:1rem}.transcription-meta{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-secondary);padding-top:1rem;border-top:1px solid var(--border-color)}.no-transcription{text-align:center;padding:3rem;color:var(--text-secondary)}.transcription-segments{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.transcription-segments h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.transcription-segment{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.segment-text{font-size:.9375rem;line-height:1.6;color:var(--text-primary);margin-bottom:.5rem}.segment-meta{font-size:.75rem;color:var(--text-secondary)}.audio-section{text-align:center}.audio-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.audio-player{width:100%;max-width:600px;margin-bottom:1rem}.audio-download{display:inline-block;background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:background .2s}.audio-download:hover{opacity:.9}.notes-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-item{background:var(--bg-secondary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.note-date{font-size:.875rem;color:var(--text-secondary)}.note-text{font-size:.9375rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.no-notes{text-align:center;padding:3rem;color:var(--text-secondary)}@media (max-width: 768px){.call-detail-view{padding:1rem}.call-detail-header h1{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.call-detail-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.call-detail-tabs button{white-space:nowrap}}.conversation-section{padding:1.5rem 0}.conversation-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.conversation-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.conversation-intent,.conversation-state{margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.intent-badge,.state-badge{display:inline-block;padding:.5rem 1rem;background:#3b82f6;color:#fff;border-radius:6px;font-weight:500;font-size:.875rem}.conversation-history{margin-bottom:2rem}.conversation-messages{display:flex;flex-direction:column;gap:1rem}.conversation-message{padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.conversation-message.user{background:#dbeafe;border-color:#93c5fd}.conversation-message.assistant{background:#f0fdf4;border-color:#86efac}.conversation-message.system{background:var(--bg-tertiary);border-color:#d1d5db}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-role{font-weight:600;font-size:.875rem;color:var(--text-secondary)}.message-timestamp{font-size:.75rem;color:var(--text-secondary)}.message-content{font-size:.9375rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.rag-context{margin-bottom:2rem}.rag-items{display:flex;flex-direction:column;gap:1rem}.rag-item{padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.rag-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rag-source{font-weight:600;font-size:.875rem;color:var(--text-primary)}.rag-score{font-size:.75rem;color:var(--text-secondary);padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px}.rag-content{font-size:.875rem;line-height:1.6;color:var(--text-primary)}.extracted-info{margin-bottom:2rem}.extracted-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.extracted-info .info-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.extracted-info .info-item label{display:block;font-weight:600;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.extracted-info .info-item span{display:block;font-size:.9375rem;color:var(--text-primary)}.quality-section{position:relative}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scorePulse{0%,to{box-shadow:0 0 40px #6366f14d}50%{box-shadow:0 0 60px #6366f180}}.analysis-dashboard{animation:fadeIn .6s ease-out}.score-card{animation:fadeIn .5s ease-out}.analysis-card{animation:fadeIn .7s ease-out}.analysis-card:nth-child(1){animation-delay:.1s}.analysis-card:nth-child(2){animation-delay:.2s}.analysis-card:nth-child(3){animation-delay:.3s}.call-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.call-progress-modal{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:16px;max-width:700px;width:90%;max-height:85vh;border:1px solid var(--border-color);box-shadow:var(--shadow-lg),var(--glow-primary);position:relative;animation:slideUp .3s ease;display:flex;flex-direction:column;overflow:hidden}.call-progress-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color);background:var(--backdrop-bg);position:sticky;top:0;z-index:10;flex-shrink:0}.header-content{display:flex;align-items:center;gap:1rem;flex:1}.call-status-badge{padding:.375rem .75rem;border-radius:8px;background:#00d4ff1a;border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:.875rem;font-weight:600}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 10px #00d4ff33}.modal-content{padding:2rem;overflow-y:auto;flex:1;min-height:0}.progress-steps{display:flex;flex-direction:column;gap:1rem}.progress-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);transition:all .3s ease;position:relative}.progress-step.current{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33}.progress-step.step-completed{background:#10b9811a;border-color:var(--success)}.progress-step.step-in-progress{background:#00d4ff1a;border-color:var(--accent-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 15px #00d4ff33}50%{box-shadow:0 0 25px #00d4ff66}}.progress-step.step-error{background:#ef44441a;border-color:var(--error)}.progress-step.step-pending{opacity:.6}.step-icon{font-size:1.5rem;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;border:2px solid var(--border-color)}.step-completed .step-icon{background:#10b98133;border-color:var(--success)}.step-in-progress .step-icon{background:#00d4ff33;border-color:var(--accent-primary);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-error .step-icon{background:#ef444433;border-color:var(--error)}.step-content{flex:1;min-width:0}.step-label{font-weight:600;color:var(--text-primary);font-size:.9375rem;margin-bottom:.25rem}.step-message{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem;word-break:break-word}.step-message.error-message{color:var(--error);font-weight:600;background:#ef44441a;padding:.5rem;border-radius:6px;border:1px solid rgba(239,68,68,.3);margin-top:.5rem}.step-spinner{flex-shrink:0;width:20px;height:20px}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.call-events-section{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.call-chat{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;max-height:400px;min-height:150px;display:flex;flex-direction:column}.call-chat h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.chat-message{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);align-self:flex-end;max-width:80%}.ai-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);align-self:flex-start;max-width:80%}.message-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem}.message-speaker{font-weight:600;color:var(--text-primary)}.message-time{color:var(--text-secondary);font-size:.6875rem}.message-text{color:var(--text-primary);font-size:.875rem;line-height:1.5;word-break:break-word}.technical-events,.status-events{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem;max-height:200px;min-height:100px;display:flex;flex-direction:column}.technical-events h3,.status-events h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.events-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.technical-event,.status-event{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;background:var(--bg-secondary);font-size:.8125rem;animation:slideIn .3s ease}.event-time{color:var(--text-secondary);font-size:.75rem;min-width:60px}.event-message,.event-status{color:var(--text-primary);flex:1}.empty-events{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.chat-messages::-webkit-scrollbar,.events-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.events-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.events-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.events-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (max-width: 768px){.call-progress-modal{padding:1.5rem;margin:1rem;max-width:95%}.modal-header h2{font-size:1.25rem}.progress-step{padding:.75rem}.call-chat,.technical-events,.status-events{max-height:300px}.user-message,.ai-message{max-width:90%}}.manual-intervention-section{margin-top:2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;background:linear-gradient(135deg,#00d4ff0d,#8b5cf60d);border:1px solid rgba(0,212,255,.2)}.manual-intervention-section h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.intervention-controls{display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-group label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.manual-mode-indicator{padding:.25rem .75rem;border-radius:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.8125rem;font-weight:600;margin-left:auto;animation:pulse 2s ease-in-out infinite}.record-button{padding:.75rem 1.5rem;border-radius:8px;border:2px solid var(--accent-primary);background:var(--bg-card);color:var(--accent-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.record-button:hover:not(:disabled){background:#00d4ff1a;box-shadow:0 0 15px #00d4ff4d;transform:translateY(-2px)}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button.recording{background:#ef44441a;border-color:#ef4444;color:#ef4444;animation:pulse 1.5s ease-in-out infinite}.silent-message-input{display:flex;gap:.5rem}.silent-message-input input{flex:1;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.9375rem;transition:all .3s ease}.silent-message-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 10px #00d4ff33}.silent-message-input button{padding:.75rem 1.5rem;border-radius:8px;border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease}.silent-message-input button:hover:not(:disabled){background:#00d4ffe6;box-shadow:0 0 15px #00d4ff66;transform:translateY(-2px)}.silent-message-input button:disabled{opacity:.5;cursor:not-allowed}.predefined-messages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.predefined-message-btn{padding:.625rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.predefined-message-btn:hover:not(:disabled){background:#00d4ff1a;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 8px #00d4ff33}.predefined-message-btn:disabled{opacity:.5;cursor:not-allowed}.intervention-error{padding:.75rem;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.875rem;font-weight:500}.silent-message{background:#8b5cf61a!important;border:1px solid rgba(139,92,246,.3)!important;border-left:4px solid rgba(139,92,246,.6)!important}.initiate-call-form{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-width:600px;margin:0 auto;position:relative;overflow:hidden}.initiate-call-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.initiate-call-form h2{margin:0 0 2rem;font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:.9375rem}.form-group input[type=tel],.form-group input[type=text]{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.form-group input[type=tel]:focus,.form-group input[type=text]:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:disabled{background-color:var(--bg-tertiary);opacity:.6;cursor:not-allowed}.form-hint{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.8125rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.metadata-inputs{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.metadata-inputs input{flex:1;min-width:120px}.metadata-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.metadata-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color);font-size:.9375rem;transition:all .3s ease}.metadata-item:hover{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 10px #00d4ff1a}.metadata-key{font-weight:600;color:var(--accent-primary)}.metadata-value{color:var(--text-secondary);flex:1}.btn-remove{background:#ef44441a;border:1px solid var(--error);color:var(--error);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease;font-weight:600}.btn-remove:hover:not(:disabled){background:#ef444433;box-shadow:0 0 10px var(--error-glow);transform:scale(1.1)}.btn-remove:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.9375rem;border:1px solid;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.error-message{background:#ef444426;color:var(--error);border-color:var(--error);box-shadow:0 0 15px var(--error-glow)}.success-message{background:#10b98126;color:var(--success);border-color:var(--success);box-shadow:0 0 15px var(--success-glow)}.error-icon,.success-icon{font-size:1.25rem;flex-shrink:0}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;flex-wrap:wrap}.form-actions .btn-primary,.form-actions .btn-secondary{flex:1;min-width:150px}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-primary);border:1px solid rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-primary),0 4px 20px #00d4ff66}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6;transform:none}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.initiate-call-form{padding:1.5rem;margin:0 1rem}.metadata-inputs{flex-direction:column}.metadata-inputs input{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.knowledge-base-manager{padding:2rem;max-width:1400px;margin:0 auto;position:relative}.kb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.kb-header h2{margin:0;font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-actions{display:flex;gap:.75rem;flex-wrap:wrap}.kb-search{display:flex;gap:.75rem;margin-bottom:2rem;background:var(--bg-card);padding:1rem;border-radius:12px;border:1px solid var(--border-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.kb-search input{flex:1;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.kb-search input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.kb-search input::placeholder{color:var(--text-muted)}.kb-search button{padding:.875rem 1.5rem;border:none;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.kb-search button:not(:disabled){background:var(--gradient-secondary);color:#fff;box-shadow:var(--glow-primary)}.kb-search button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--glow-primary),0 4px 20px #00d4ff66}.kb-search button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.kb-form{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);padding:2rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.kb-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.kb-form h3{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9375rem}.form-group .required{color:var(--error)}.form-group textarea,.form-group input[type=text]{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.form-group textarea:focus,.form-group input[type=text]:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.form-group textarea::placeholder,.form-group input[type=text]::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:180px;line-height:1.6}.form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.8125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.kb-documents{margin-top:2rem}.kb-stats{margin-bottom:1.25rem;color:var(--text-secondary);font-size:.9375rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.empty-state .hint{font-size:.875rem;margin-top:.75rem;color:var(--text-muted)}.documents-list{display:grid;gap:1rem}.document-card{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.document-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.document-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--accent-primary)}.document-card:hover:before{transform:scaleX(1)}.doc-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.doc-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.doc-meta{flex:1;display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center}.badge.category{background:#00d4ff26;color:var(--accent-primary);border:1px solid rgba(0,212,255,.3)}.badge.source{background:#8338ec26;color:var(--accent-secondary);border:1px solid rgba(131,56,236,.3)}.badge.score{background:#ff006e26;color:var(--accent-tertiary);border:1px solid rgba(255,0,110,.3)}.doc-actions{display:flex;gap:.5rem}.btn-icon{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:.5rem;font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.btn-icon.btn-danger:hover{background:#ef444426;border-color:var(--error);color:var(--error);box-shadow:0 0 15px var(--error-glow)}.doc-content{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;font-size:.9375rem}.doc-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.tag{background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s ease}.tag:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .3s ease;box-shadow:var(--glow-primary);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.btn-danger{background:#ef44441a;color:var(--error);border:1px solid var(--error);padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.knowledge-base-manager{padding:1rem}.kb-header{flex-direction:column;align-items:flex-start}.kb-actions{width:100%}.kb-actions button{flex:1}.kb-search{flex-direction:column}.kb-search input{width:100%}}.aitana-page{min-height:100vh}.aitana-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.aitana-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.aitana-header h1{font-size:2rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-range-selector{display:flex;gap:.5rem}.date-range-selector button{padding:.5rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.date-range-selector button:hover{border-color:var(--accent);color:var(--text-primary)}.date-range-selector button.active{background:var(--gradient-1);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.aitana-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.aitana-charts,.aitana-calls{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--border-color)}@media (max-width: 1200px){.aitana-content{grid-template-columns:1fr}}.aitana-tabs{display:flex;gap:.5rem;margin-top:2rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.aitana-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.aitana-tabs button:hover{color:var(--text-primary);background:var(--bg-secondary)}.aitana-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.aitana-tab-content{margin-top:1.5rem}@media (max-width: 768px){.aitana-header h1{font-size:1.5rem}.date-range-selector{width:100%;justify-content:stretch}.date-range-selector button{flex:1}.aitana-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.aitana-tabs button{white-space:nowrap}}.bot-selector-hero{position:relative;z-index:5;padding:20px 24px;border-radius:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003}.bot-selector-hero__client-row{margin-bottom:20px}.bot-selector-hero__label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.bot-selector-hero__select{width:100%;max-width:320px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.bot-selector-hero__select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6a11cb40}.bot-selector-hero__bots-row .bot-selector-hero__label{margin-bottom:12px}.bot-selector-hero__empty,.bot-selector-hero__loading{color:var(--text-muted);font-size:.9rem;padding:12px 0}.bot-selector-hero__loading{display:flex;align-items:center;gap:10px}.bot-selector-hero__cards{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.bot-selector-hero__card{display:flex;align-items:center;gap:14px;padding:14px 18px;min-width:180px;max-width:240px;border:2px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0d;color:var(--text-primary);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;text-align:left}.bot-selector-hero__card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.bot-selector-hero__card--selected{border-color:transparent;background:#6a11cb26;box-shadow:0 4px 20px #6a11cb59,0 0 0 2px #6a11cb66;transform:scale(1.02)}.bot-selector-hero__card--selected:hover{background:#6a11cb33;box-shadow:0 6px 24px #6a11cb66,0 0 0 2px #6a11cb80}.bot-selector-hero__card-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.bot-selector-hero__card-avatar-img{width:100%;height:100%;object-fit:cover}.bot-selector-hero__card-avatar-icon{font-size:1.5rem;color:var(--text-muted)}.bot-selector-hero__card--selected .bot-selector-hero__card-avatar-icon{color:var(--accent-primary)}.bot-selector-hero__card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.bot-selector-hero__card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-selector-hero__card-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.bot-selector-hero__card-badge--on{color:var(--success, #22c55e)}.bot-selector-hero__card-badge--off{color:var(--text-muted)}.bot-selector-hero__card-provider{font-size:.75rem;color:var(--text-muted)}@media (prefers-reduced-motion: reduce){.bot-selector-hero__card,.bot-selector-hero__card:hover,.bot-selector-hero__card--selected{transition:none}.bot-selector-hero__card:hover,.bot-selector-hero__card--selected{transform:none}}@media (max-width: 768px){.bot-selector-hero{padding:16px;margin-bottom:16px}.bot-selector-hero__cards{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding-bottom:8px;-webkit-overflow-scrolling:touch}.bot-selector-hero__cards::-webkit-scrollbar{height:6px}.bot-selector-hero__cards::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.bot-selector-hero__card{flex:0 0 auto;min-width:160px;max-width:200px}}.inbound-dashboard{padding:0;display:flex;flex-direction:column;gap:1rem;position:relative}.incoming-call-toast{position:fixed;top:16px;right:16px;z-index:10000;pointer-events:auto;animation:inboundToastIn .3s ease-out}.incoming-call-toast-content{background:var(--card-bg, rgba(30, 41, 59, .95));border:1px solid var(--accent, #3b82f6);border-radius:12px;padding:1rem 1.25rem;min-width:280px;box-shadow:0 8px 24px #00000059}.incoming-call-toast-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--accent, #3b82f6);font-weight:600;font-size:.95rem}.incoming-call-toast-icon{font-size:1.1rem}.incoming-call-toast-dismiss{margin-left:auto;background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;padding:.25rem;border-radius:4px}.incoming-call-toast-dismiss:hover{color:var(--text-primary, #fff);background:#ffffff1a}.incoming-call-toast-body{margin-bottom:1rem}.incoming-call-toast-number{margin:0 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff)}.incoming-call-toast-meta{margin:0;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.incoming-call-toast-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s}.incoming-call-toast-btn:hover{opacity:.9}@keyframes inboundToastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.inbound-content{display:flex;flex-direction:column;gap:1rem}.inbound-section-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color, #333);padding-bottom:.5rem}.inbound-section-tabs button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;background:transparent;color:var(--text-secondary, #999);font-size:.9rem;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s}.inbound-section-tabs button:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fff)}.inbound-section-tabs button.active{background:var(--accent, #3b82f6);color:#fff}.inbound-section-tabs .badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:10px;font-weight:700}.inbound-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary, #64748b);text-align:center;padding:2rem}.placeholder-icon{font-size:3rem;opacity:.3;margin-bottom:1rem}.inbound-placeholder h3{margin:0 0 .5rem;color:var(--text-primary, #e2e8f0);font-size:1.2rem}.inbound-placeholder p{margin:0;font-size:.9rem;max-width:400px}.config-panel{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;overflow:hidden}.config-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #334155);background:var(--bg-secondary, #0f172a)}.config-header h3{margin:0;color:var(--text-primary, #fff);font-size:1rem;display:flex;align-items:center;gap:.5rem}.config-header-actions{display:flex;align-items:center;gap:.8rem}.btn-icon{background:none;border:1px solid var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:.4rem .5rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-delete-sm:hover{color:#ef4444;border-color:#ef4444}.config-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.config-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.config-form-grid{grid-template-columns:1fr}}.form-group label{font-size:.8rem;color:var(--text-secondary, #94a3b8);font-weight:500}.form-hint{font-size:.7rem;color:var(--text-secondary, #64748b);font-style:italic}.form-group input,.form-group select,.form-group textarea{padding:.6rem .8rem;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.9rem}.input-readonly{opacity:.7;cursor:not-allowed}.business-hours-section{border-top:1px solid var(--border-color, #334155);padding-top:1rem}.business-hours-section h4{margin:0 0 .8rem;font-size:.9rem;color:var(--text-primary, #e2e8f0)}.day-label{min-width:80px;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.hours-row input[type=time]{padding:.4rem .6rem;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.8rem}.hours-sep{color:var(--text-secondary, #64748b)}.form-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color, #334155);padding-top:1rem}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-primary, #e2e8f0);cursor:pointer}.toggle-label input[type=checkbox]{accent-color:var(--accent, #3b82f6);width:18px;height:18px}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--accent, #3b82f6);border:none;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-save:hover{filter:brightness(1.1)}.no-config-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary, #64748b)}.no-config-icon{font-size:3rem;opacity:.3;margin-bottom:1rem}.no-config-state h3{margin:0 0 .5rem;color:var(--text-primary, #e2e8f0)}.no-config-state p{margin:0 0 1.5rem;font-size:.9rem;max-width:400px}.btn-create{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:var(--accent, #3b82f6);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.btn-create:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-create:disabled{opacity:.6;cursor:not-allowed;transform:none}.panel-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px}.kpi-icon{font-size:1.5rem;color:var(--accent, #3b82f6);padding:.8rem;background:var(--accent-bg, rgba(59, 130, 246, .1));border-radius:10px}.kpi-content{display:flex;flex-direction:column}.kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary, #fff)}.kpi-label{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.calls-panel,.overview-panel .all-configs-table,.live-panel{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;overflow:hidden}.calls-panel h3,.live-panel h3,.all-configs-table h3{padding:1rem 1.2rem;margin:0;font-size:1rem}.calls-filters{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.2rem 1rem;align-items:center}.calls-filters input[type=date],.calls-filters input[type=text]{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color, #334155);background:var(--bg-input, #0f172a);color:var(--text-primary, #e2e8f0);font-size:.85rem}.calls-filters input[type=text]{min-width:140px}.calls-filters select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color, #334155);background:var(--bg-input, #0f172a);color:var(--text-primary, #e2e8f0);font-size:.85rem}.calls-table-wrapper tr.clickable-row{cursor:pointer}.calls-table-wrapper tr.clickable-row:hover{background:var(--bg-hover, rgba(59, 130, 246, .08))}.calls-table-wrapper .preview-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-badges{display:flex;flex-wrap:wrap;gap:.25rem}.event-badge{font-size:.7rem;padding:.2rem .4rem;border-radius:4px;background:var(--accent-dim, rgba(59, 130, 246, .2));color:var(--accent, #3b82f6)}.calls-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--border-color, #334155)}.calls-pagination button{padding:.4rem .8rem;border-radius:6px;border:1px solid var(--border-color, #334155);background:var(--bg-card, #1e293b);color:var(--text-primary, #e2e8f0);cursor:pointer}.calls-pagination button:disabled{opacity:.5;cursor:not-allowed}.call-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.call-detail-overlay-inner{background:var(--bg-card, #1e293b);border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:auto}.analytics-charts{margin:1rem 0;padding:1rem;background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px}.analytics-charts h3{margin:0 0 1rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chart-card{background:var(--bg-secondary, #0f172a);border-radius:8px;padding:1rem;border:1px solid var(--border-color, #334155)}.chart-card.full-width{grid-column:1 / -1}.chart-card h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary, #94a3b8)}.calls-table-wrapper{overflow-x:auto}.calls-table-wrapper table,.all-configs-table table{width:100%;border-collapse:collapse}.calls-table-wrapper table th,.all-configs-table table th{text-align:left;padding:.7rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #94a3b8);border-bottom:1px solid var(--border-color, #334155);background:var(--bg-secondary, #0f172a)}.calls-table-wrapper table td,.all-configs-table table td{padding:.7rem 1rem;font-size:.85rem;color:var(--text-primary, #e2e8f0);border-bottom:1px solid var(--border-color, #1e293b)}td.mono{font-family:JetBrains Mono,monospace;font-size:.8rem}td.empty{text-align:center;color:var(--text-secondary, #64748b);padding:2rem}.row-selected{background:var(--accent-bg, rgba(59, 130, 246, .08))}.toggle-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.2rem}.toggle-btn.on{color:#22c55e}.toggle-btn.off{color:#64748b}.btn-edit{display:flex;align-items:center;gap:.3rem;background:none;border:1px solid var(--border-color, #334155);color:var(--text-secondary, #94a3b8);padding:.3rem .6rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-edit:hover{color:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #64748b)}.empty-state p{font-size:1.1rem;margin:.5rem 0;color:var(--text-primary, #e2e8f0)}.empty-state span{font-size:.85rem}.live-panel.two-column{display:flex;gap:0;min-height:420px}.live-panel-list{width:300px;min-width:280px;border-right:1px solid var(--border-color, #334155);display:flex;flex-direction:column}.live-panel-list h3{flex-shrink:0}.live-panel-list .empty-state.small{padding:1.5rem}.live-panel-list .empty-state.small .empty-icon{font-size:2rem}.active-calls-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.active-calls-list .active-call-card{text-align:left;width:100%;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.active-calls-list .active-call-card.selected{border-color:#22c55e;background:#22c55e14}.active-calls-list .active-call-card .call-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.live-panel-detail{flex:1;display:flex;flex-direction:column;min-width:0;padding:1rem}.live-detail-header{border-bottom:1px solid var(--border-color, #334155);padding-bottom:.75rem;margin-bottom:.75rem}.live-detail-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary, #fff)}.live-detail-title .call-duration{margin-left:auto;color:var(--text-secondary, #94a3b8);font-size:.9rem}.live-detail-meta{display:flex;gap:1rem;margin-top:.4rem;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.live-transcription-feed{flex:1;overflow-y:auto;min-height:200px;max-height:280px;background:var(--bg-secondary, #0f172a);border-radius:8px;padding:.75rem 1rem;margin-bottom:.75rem}.live-transcription-feed .waiting{color:var(--text-secondary, #64748b);font-style:italic;margin:0}.transcription-line{margin-bottom:.6rem;display:flex;flex-direction:column;gap:.2rem}.transcription-line.user{align-items:flex-end}.transcription-line.user .transcription-text{background:var(--accent, #3b82f6);color:#fff;padding:.4rem .75rem;border-radius:12px 12px 4px;max-width:85%}.transcription-line.ai .transcription-text{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);padding:.4rem .75rem;border-radius:12px 12px 12px 4px;max-width:85%}.transcription-speaker{font-size:.7rem;color:var(--text-secondary, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.live-bot-actions{border-top:1px solid var(--border-color, #334155);padding-top:.75rem;margin-bottom:.75rem}.live-bot-actions h4{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.live-bot-actions ul{margin:0;padding-left:1.2rem;font-size:.8rem;color:var(--text-primary, #e2e8f0)}.live-bot-actions li{margin-bottom:.3rem}.bot-action-type{font-weight:600;color:var(--accent, #3b82f6)}.bot-action-payload{margin-left:.5rem;color:var(--text-secondary, #94a3b8)}.live-detail-actions{padding-top:.75rem;border-top:1px solid var(--border-color, #334155);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.live-detail-actions .action-btn{padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color, #334155);cursor:pointer;transition:background .2s,color .2s}.live-detail-actions .action-btn:disabled{opacity:.6;cursor:not-allowed}.live-detail-actions .action-btn.intervene{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6)}.live-detail-actions .action-btn.intervene:hover:not(:disabled){filter:brightness(1.1)}.live-detail-actions .action-btn.transfer{background:var(--bg-card, #1e293b);color:var(--text-primary, #f1f5f9)}.live-detail-actions .action-btn.transfer:hover:not(:disabled){background:var(--bg-hover, #334155)}.live-detail-actions .action-btn.hangup{background:#991b1b;color:#fff;border-color:#991b1b}.live-detail-actions .action-btn.hangup:hover:not(:disabled){filter:brightness(1.1)}.live-action-error{width:100%;margin:.25rem 0 0;font-size:.8rem;color:#ef4444}.actions-hint{font-size:.8rem;color:var(--text-secondary, #64748b)}.live-panel-detail .empty-state.small{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem}.active-calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem}.active-call-card{background:var(--bg-card, #1e293b);border:1px solid var(--accent, #3b82f6);border-radius:10px;padding:1rem;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{border-color:var(--accent, #3b82f6)}50%{border-color:#22c55e}}.call-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pulse-icon{color:#22c55e;animation:pulse 1s infinite}.caller-number{font-weight:600;color:var(--text-primary, #fff);flex:1}.call-duration{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.call-details{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--text-secondary, #94a3b8)}.phone-mode-toggle{display:flex;gap:0;margin-bottom:.4rem;border:1px solid var(--border-color, #334155);border-radius:6px;overflow:hidden;width:fit-content}.phone-mode-toggle .mode-btn{padding:.3rem .8rem;border:none;background:var(--bg-secondary, #0f172a);color:var(--text-secondary, #94a3b8);font-size:.75rem;cursor:pointer;transition:all .2s}.phone-mode-toggle .mode-btn:not(:last-child){border-right:1px solid var(--border-color, #334155)}.phone-mode-toggle .mode-btn.active{background:var(--accent, #3b82f6);color:#fff}.phone-mode-toggle .mode-btn:hover:not(.active){background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fff)}.acs-empty-hint{padding:.5rem .8rem;background:var(--bg-secondary, #0f172a);border:1px dashed var(--border-color, #334155);border-radius:6px;font-size:.8rem;color:var(--text-secondary, #64748b)}.client-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.client-form-modal{background:var(--card-background, #1e1e1e);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.client-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #333)}.client-form-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px}.close-button{background:none;border:none;color:var(--text-secondary, #aaa);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button:hover{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff)}.client-form{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group .required{color:#f44336}.form-group input,.form-group textarea,.form-group select{padding:10px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group input.error,.form-group textarea.error{border-color:#f44336}.error-message{color:#f44336;font-size:12px;margin-top:-4px}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color, #333)}.btn-secondary{padding:10px 20px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--border-color, #333)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.client-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:2px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);transition:all .2s;cursor:pointer}.client-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);border-color:var(--accent)}.client-card.selected{border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.client-card-header h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.active-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.client-company{font-weight:600;color:var(--accent);margin-bottom:1rem;font-size:.9375rem}.client-card-id-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.client-card-id-label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.client-card-id-value{font-size:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:.25rem .5rem;color:var(--text-primary);font-family:Consolas,Courier New,monospace}.copy-client-id-btn-card{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:6px;padding:.2rem .5rem;cursor:pointer;line-height:1}.copy-client-id-btn-card:hover{color:var(--text-primary);background:var(--bg-tertiary)}.client-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px}.client-metric{display:flex;align-items:center;gap:.75rem}.metric-icon{font-size:1.5rem}.metric-info{flex:1}.metric-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.metric-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.client-contact{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);padding-top:1rem;border-top:1px solid var(--border-color)}.client-table-container{background:var(--card-background, #1e1e1e);border-radius:12px;overflow-x:auto;overflow-y:visible;margin-top:20px;width:100%;-webkit-overflow-scrolling:touch}.client-table{width:100%;border-collapse:collapse}.client-table thead{background:var(--background-secondary, #2a2a2a)}.client-table th{padding:15px;text-align:left;color:var(--text-primary, #fff);font-weight:600;font-size:14px;border-bottom:2px solid var(--border-color, #333)}.client-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.client-table th.sortable:hover{background:var(--card-background, #1e1e1e)}.client-table th.actions-column{text-align:center;width:150px}.client-table tbody tr{border-bottom:1px solid var(--border-color, #333);transition:background .2s ease}.client-table tbody tr:hover{background:var(--background-secondary, #2a2a2a)}.client-table tbody tr.inactive{opacity:.6}.client-table td{padding:15px;color:var(--text-secondary, #aaa);font-size:14px}.client-name-cell{cursor:pointer;color:var(--text-primary, #fff);font-weight:500}.client-name-cell:hover{color:var(--primary-color)}.client-table-id-row{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--text-secondary, #aaa)}.client-table-id-label{font-size:11px;text-transform:uppercase;letter-spacing:.4px}.client-table-id-value{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:6px;padding:2px 6px;color:var(--text-secondary, #aaa);font-family:Consolas,Courier New,monospace}.copy-client-id-btn-table{border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #aaa);border-radius:6px;padding:2px 6px;cursor:pointer;line-height:1}.copy-client-id-btn-table:hover{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff)}.client-table td a{color:var(--primary-color);text-decoration:none}.client-table td a:hover{text-decoration:underline}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#4caf5033;color:#4caf50}.status-badge.inactive{background:#9e9e9e33;color:#9e9e9e}.action-btn{padding:6px 10px;border:none;background:transparent;font-size:16px;cursor:pointer;border-radius:6px;transition:all .2s ease;opacity:.7}.action-btn:hover{opacity:1;transform:scale(1.1);background:var(--background-secondary, #2a2a2a)}.action-btn.view:hover{background:#2196f333}.action-btn.edit:hover{background:#ff980033}.action-btn.delete:hover{background:#f4433633}.action-btn.toggle:hover{background:#9c27b033}.client-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}@media (max-width: 768px){.client-table-container{overflow-x:auto}.client-table{min-width:800px}.client-table th,.client-table td{padding:12px 10px}.action-buttons{flex-wrap:wrap}.action-btn{min-width:44px;min-height:44px}.client-grid-view{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.client-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.client-table th,.client-table td{padding:14px 12px;font-size:14px}.client-grid-view{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.client-table-container{overflow-x:auto}.client-table th,.client-table td{padding:14px 16px}.client-grid-view{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}.client-detail-view{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin-top:20px}.client-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.back-button{padding:8px 15px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--border-color, #333)}.client-title h2{margin:0 0 5px;color:var(--text-primary, #fff);font-size:24px}.client-company{color:var(--text-secondary, #aaa);font-size:14px;margin:0}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.status-toggle,.btn-secondary,.btn-danger{padding:8px 15px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.status-toggle.active{background:#4caf5033;color:#4caf50;border:1px solid #4caf50}.status-toggle.inactive{background:#9e9e9e33;color:#9e9e9e;border:1px solid #9e9e9e}.btn-secondary{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.btn-secondary:hover{background:var(--border-color, #333)}.btn-danger{background:#f4433633;color:#f44336;border:1px solid #f44336}.btn-danger:hover{background:#f443364d}.client-detail-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color, #333);flex-wrap:wrap}@media (min-width: 769px) and (max-width: 1024px){.client-detail-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.client-detail-tabs button{flex-shrink:0;white-space:nowrap}}@media (min-width: 1024px){.client-detail-view{padding:24px 28px}.client-detail-content{max-width:100%}.modal-overlay .modal-content{max-width:min(90vw,800px)}}.client-detail-tabs button{padding:12px 20px;background:transparent;border:none;color:var(--text-secondary, #aaa);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.client-detail-tabs button:hover{color:var(--text-primary, #fff)}.client-detail-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.client-detail-content{margin-top:20px}.info-tab .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.info-section{background:var(--background-secondary, #2a2a2a);border-radius:8px;padding:20px}.info-section.full-width{grid-column:1 / -1}.info-section h3{margin:0 0 15px;color:var(--text-primary, #fff);font-size:18px}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-color, #333);gap:15px}.info-item:last-child{border-bottom:none}.info-item-empty,.info-value-empty{color:var(--text-secondary, #888);font-style:italic}.info-item strong{color:var(--text-primary, #fff);min-width:100px}.info-item span,.info-item a{color:var(--text-secondary, #aaa);text-align:right;word-break:break-word}.info-item a{color:var(--primary-color);text-decoration:none}.info-item a:hover{text-decoration:underline}.notes-content{color:var(--text-secondary, #aaa);line-height:1.6;white-space:pre-wrap;margin:0}.projects-list,.expenses-list,.incomes-list,.automations-list{display:flex;flex-direction:column;gap:15px}.project-item,.expense-item,.income-item,.automation-item{background:var(--background-secondary, #2a2a2a);border-radius:8px;padding:20px;transition:all .2s ease}.project-item:hover,.expense-item:hover,.income-item:hover,.automation-item:hover{transform:translate(4px);border-left:3px solid var(--primary-color)}.project-item h4,.expense-item h4,.income-item h4,.automation-item h4{margin:0 0 10px;color:var(--text-primary, #fff);font-size:16px}.project-item p,.automation-item p{margin:0 0 15px;color:var(--text-secondary, #aaa);font-size:14px}.project-meta,.expense-meta,.income-meta,.automation-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary, #aaa)}.expense-header,.income-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.expense-amount,.income-amount{font-size:18px;font-weight:700;color:var(--text-primary, #fff)}.expense-amount{color:#f44336}.income-amount{color:#4caf50}.empty-state .hint{color:var(--text-secondary, #aaa);font-size:14px;margin-top:8px}.empty-state-cta{margin-top:16px;padding:10px 20px;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.empty-state-cta:hover{opacity:.9}.client-detail-content .tab-actions{margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-overlay .modal-content{max-height:calc(100vh - 32px);overflow-y:auto}.client-create-user-modal{background:var(--card-bg);background-color:var(--card-bg);border-radius:12px;padding:24px;max-width:420px;width:90%}.client-create-user-modal h3{margin:0 0 8px;color:var(--text-primary, #fff)}.client-create-user-modal .modal-hint{color:var(--text-secondary, #aaa);font-size:13px;margin:0 0 16px}.client-create-user-modal .form-group{margin-bottom:14px}.client-create-user-modal .form-group label{display:block;margin-bottom:4px;color:var(--text-secondary, #aaa);font-size:13px}.client-create-user-modal .form-group input,.client-create-user-modal .form-group select{width:100%;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.client-create-user-modal .error-message{color:#f44336;font-size:13px;margin:0 0 12px}.client-create-user-modal .success-message{color:#4caf50;font-size:13px;margin:0 0 12px}.client-create-user-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.client-create-user-modal .btn-primary{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.wiki-tab .wiki-pages-list{display:flex;flex-direction:column;gap:16px}.wiki-tab .wiki-page-item{padding:16px;background:var(--background-secondary, #2a2a2a);border-radius:8px;border:1px solid var(--border-color, #333)}.wiki-tab .wiki-page-item h4{margin:0 0 8px;color:var(--text-primary, #fff)}.wiki-tab .wiki-summary{color:var(--text-secondary, #aaa);font-size:14px;margin:0 0 8px}.wiki-tab .wiki-meta{font-size:13px;color:var(--text-secondary, #aaa);margin-bottom:8px}.wiki-tab .wiki-view-link{color:#4caf50;font-size:14px}.wiki-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.wiki-tab-header h3{margin:0;font-size:18px}.wiki-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.wiki-edit-btn,.wiki-delete-btn{padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary)}.wiki-edit-btn:hover,.wiki-delete-btn:hover{background:#ffffff0d}.wiki-delete-btn{border-color:#ef444480;color:#ef4444}.wiki-modal-content{max-width:720px;width:100%}.wiki-editor-wrap{min-height:200px;background:var(--background-secondary, #1a1a2e);border-radius:8px;overflow:hidden}.invoice-link{color:#4caf50;font-size:14px}.architecture-maps-tab-flows-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color, #333)}.architecture-maps-tab-flows-title{margin:0 0 16px;color:var(--text-primary, #fff);font-size:1.125rem;font-weight:600}.architecture-maps-tab-flows-desc{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary, #aaa)}.architecture-maps-tab-flows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.architecture-maps-tab-flow-card{background:var(--bg-card, #1e1e1e);padding:16px;border-radius:12px;border:1px solid var(--border-color, #333)}.architecture-maps-tab-flow-card-title{margin:0 0 12px;color:var(--text-primary, #fff);font-size:1rem;font-weight:600}.architecture-maps-tab-flow-card-empty{margin:0;font-size:.9rem;color:var(--text-secondary, #aaa)}.architecture-maps-tab-flow-list{margin:0;padding-left:20px;font-size:.9rem}.architecture-maps-tab-flow-item{margin-bottom:8px}.architecture-maps-tab-flow-name{font-weight:600;color:var(--text-primary, #fff)}.architecture-maps-tab-flow-status{margin-left:8px;color:var(--text-secondary, #aaa)}.architecture-maps-tab-flow-btn{margin-left:8px;padding:4px 10px;font-size:.8rem;background:var(--accent-color, var(--primary-color));color:#fff;border:none;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block}.architecture-maps-tab-flow-btn:hover{opacity:.9}.architecture-maps-tab-flow-cta{margin-top:12px;padding:8px 14px;font-size:.85rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer}.architecture-maps-tab-flow-cta:hover{opacity:.9}.architecture-maps-tab-flow-cta-link{display:inline-block;text-decoration:none}@media (max-width: 768px){.client-detail-header{flex-direction:column}.header-actions{width:100%}.status-toggle,.btn-secondary,.btn-danger{flex:1}.info-grid{grid-template-columns:1fr}.client-detail-tabs{overflow-x:auto}.client-detail-tabs button{white-space:nowrap}}.client-calendars-section{padding:1rem 0;color:var(--text-primary, #e8eaf6)}.client-calendars-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.client-calendars-header h3{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #e8eaf6)}.client-calendars-hint{width:100%;margin:0 0 .5rem;color:var(--text-secondary, #9ca3af);font-size:.9rem}.client-calendars-error{color:var(--error, #ef4444);margin-bottom:.5rem;font-size:.9rem}.client-calendars-policy{margin-bottom:1rem;padding:.9rem;border-radius:10px;border:1px solid var(--border-color, rgba(131, 56, 236, .25));background:var(--bg-card, rgba(46, 41, 78, .9))}.client-calendars-policy h4{margin:0 0 .35rem;font-size:.95rem}.client-calendars-policy-hint{margin:0 0 .6rem;color:var(--text-secondary, #9ca3af);font-size:.82rem}.client-calendars-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin-bottom:.6rem}.client-calendars-policy-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--text-secondary, #9ca3af)}.client-calendars-policy-checkbox{flex-direction:row!important;align-items:center;gap:.45rem!important;color:var(--text-primary, #e8eaf6)!important}.client-calendars-policy-grid input{width:100%;padding:.45rem;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #e8eaf6)}.client-calendars-routing-rules{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--text-secondary, #9ca3af);margin-bottom:.6rem}.client-calendars-routing-rules textarea{width:100%;padding:.5rem;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #e8eaf6);font-family:Consolas,Courier New,monospace;font-size:.78rem}.client-calendars-weekdays{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.client-calendars-weekdays>span{color:var(--text-secondary, #9ca3af);font-size:.82rem}.client-calendars-weekday-buttons{display:flex;gap:.35rem}.client-calendars-weekday{border:1px solid var(--border-color, rgba(131, 56, 236, .25));background:transparent;color:var(--text-secondary, #9ca3af);border-radius:6px;width:28px;height:28px;font-size:.8rem;cursor:pointer}.client-calendars-weekday.active{background:#10b98133;color:var(--success, #10b981);border-color:#10b98166}.client-calendars-loading,.client-calendars-empty{color:var(--text-secondary, #9ca3af);font-style:italic}.client-calendars-btn-add{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;background:var(--gradient-secondary, linear-gradient(135deg, #00d4ff 0%, #8338ec 100%));color:#fff;transition:opacity .2s,transform .1s}.client-calendars-btn-add:hover{opacity:.95;transform:translateY(-1px)}.client-calendars-list{list-style:none;padding:0;margin:0}.client-calendars-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border:1px solid var(--border-color, rgba(131, 56, 236, .25));border-radius:10px;margin-bottom:.5rem;background:var(--bg-card, rgba(46, 41, 78, .9));transition:background .2s,border-color .2s}.client-calendars-item:hover{background:var(--bg-card-hover, rgba(55, 48, 90, .95));border-color:var(--border-hover, rgba(131, 56, 236, .45))}.client-calendars-item-main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.client-calendars-item-main strong{color:var(--text-primary, #e8eaf6)}.client-calendars-provider{font-size:.85rem;color:var(--text-secondary, #9ca3af)}.client-calendars-badge{font-size:.75rem;padding:.2rem .5rem;background:#8338ec40;color:var(--accent-secondary, #8338ec);border-radius:6px}.client-calendars-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;padding:.2rem .5rem;border-radius:6px}.client-calendars-status--connected{background:#10b98133;color:var(--success, #10b981)}.client-calendars-status--error{background:#ef444433;color:var(--error, #ef4444)}.client-calendars-status--unknown{background:#6b728040;color:var(--text-muted, #6b7280)}.client-calendars-status--checking{background:#3b82f633;color:var(--info, #3b82f6)}.client-calendars-status-spin{animation:client-calendars-spin .8s linear infinite}@keyframes client-calendars-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.client-calendars-item-actions{display:flex;align-items:center;gap:.5rem}.client-calendars-btn-verify{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:1px solid var(--border-color, rgba(131, 56, 236, .25));border-radius:6px;font-size:.8rem;cursor:pointer;background:var(--bg-tertiary, #2E294E);color:var(--text-primary, #e8eaf6);transition:background .2s,border-color .2s}.client-calendars-btn-verify:hover:not(:disabled){background:#8338ec26;border-color:var(--accent-secondary, #8338ec)}.client-calendars-btn-verify:disabled{opacity:.6;cursor:not-allowed}.client-calendars-btn-delete{padding:.35rem .5rem;border:none;border-radius:6px;cursor:pointer;background:transparent;color:var(--text-secondary, #9ca3af);transition:background .2s,color .2s}.client-calendars-btn-delete:hover{background:#ef444433;color:var(--error, #ef4444)}.client-calendars-modal-hint{margin:0 0 1rem;color:var(--text-secondary, #9ca3af);font-size:.875rem}.client-calendars-modal .form-group{margin-bottom:1rem}.client-calendars-modal .form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--text-primary, #e8eaf6)}.client-calendars-modal .checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:400}.client-calendars-modal input[type=text],.client-calendars-modal input[type=password],.client-calendars-modal select{width:100%;padding:.5rem;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #e8eaf6)}.client-calendars-modal .error-message{color:var(--error, #ef4444);margin-bottom:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.client-calendars-btn-secondary{padding:.5rem 1rem;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #e8eaf6);cursor:pointer;font-size:14px}.client-calendars-btn-secondary:hover{background:var(--border-color, #333)}.client-calendars-btn-add-modal{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--primary-color, #E04F2F);color:#fff;font-weight:600;cursor:pointer;font-size:14px}.client-calendars-btn-add-modal:hover:not(:disabled){filter:brightness(1.1)}.client-calendars-btn-add-modal:disabled{opacity:.7;cursor:not-allowed}.client-calendars-calendly-panel{margin-bottom:1rem;padding:.9rem;border-radius:10px;border:1px solid rgba(59,130,246,.35);background:#1e3a5f59}.client-calendars-calendly-panel h4{margin:0 0 .35rem;font-size:.95rem}.client-calendars-n8n-label{display:block;font-size:.82rem;color:var(--text-secondary, #9ca3af);margin-bottom:.5rem}.client-calendars-n8n-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.client-calendars-n8n-row input{flex:1;min-width:200px;padding:.45rem;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--bg-input, #1a1a2e);color:var(--text-primary, #e8eaf6)}.client-calendars-meta{font-size:.8rem;color:var(--text-secondary, #9ca3af);margin:.35rem 0 .5rem}.client-calendars-calendly-list{list-style:none;margin:.5rem 0 0;padding:0}.client-calendars-calendly-item{padding:.65rem 0;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08))}.client-calendars-calendly-url{margin:.35rem 0;font-size:.78rem;color:var(--text-secondary, #9ca3af)}.client-calendars-calendly-url code{display:block;margin-top:.2rem;word-break:break-all;font-size:.75rem;color:var(--text-primary, #e8eaf6)}.client-calendars-calendly-flags{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.78rem;margin:.35rem 0;color:var(--text-secondary, #9ca3af)}.client-calendars-calendly-flags .ok{color:#4ade80}.client-calendars-calendly-flags .err{color:var(--error, #ef4444)}.client-calendars-contacts-block{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.client-calendars-contacts-block h5{margin:0 0 .35rem;font-size:.88rem}.client-calendars-contacts-table-wrap{overflow-x:auto;margin-top:.5rem}.client-calendars-contacts-table{width:100%;border-collapse:collapse;font-size:.78rem}.client-calendars-contacts-table th,.client-calendars-contacts-table td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.client-calendars-contacts-table th{color:var(--text-secondary, #9ca3af);font-weight:600}.client-secrets-section{padding:0 4px}.client-secrets-intro{font-size:14px;color:var(--text-secondary, #9ca3af);margin-bottom:24px;line-height:1.5}.secrets-block{margin-bottom:28px;padding:20px;background:var(--bg-card, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px}.secrets-block-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 14px;color:var(--text-primary, #fff)}.secrets-block-title svg{color:var(--accent-primary, #00d4ff)}.secrets-empty{margin:0 0 12px;color:var(--text-secondary, #9ca3af);font-size:14px}.secrets-list{list-style:none;padding:0;margin:0 0 14px}.secrets-list-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;margin-bottom:8px;background:#0003;border-radius:8px;font-size:14px}.secrets-provider{font-weight:600;min-width:120px}.secrets-status.enabled{color:#22c55e}.secrets-status.disabled{color:#6b7280}.secrets-hint{font-size:13px;color:var(--text-tertiary, #6b7280);margin:0;line-height:1.4}.secrets-calendar-desc{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0 0 14px}.secrets-calendar-btn{padding:10px 18px;background:#00d4ff26;border:1px solid rgba(0,212,255,.4);border-radius:8px;color:var(--accent-primary, #00d4ff);font-weight:600;cursor:pointer;font-size:14px}.secrets-calendar-btn:hover{background:#00d4ff40;border-color:#00d4ff99}.wiki-editor-wrapper{background:transparent;border-radius:8px;border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease}.wiki-editor-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.wiki-editor-wrapper .ql-container{min-height:300px;font-size:1rem;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:0 0 8px 8px}.wiki-editor-wrapper .ql-editor{min-height:300px;color:var(--text-primary);padding:1rem}.wiki-editor-wrapper .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal;opacity:.7}.wiki-editor-wrapper .ql-toolbar{border:none;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;background:var(--bg-secondary);padding:.75rem}.wiki-editor-wrapper .ql-toolbar .ql-stroke{stroke:var(--text-primary)}.wiki-editor-wrapper .ql-toolbar .ql-fill{fill:var(--text-primary)}.wiki-editor-wrapper .ql-toolbar .ql-picker-label{color:var(--text-primary)}.wiki-editor-wrapper .ql-toolbar button:hover,.wiki-editor-wrapper .ql-toolbar button.ql-active{background:#00d4ff1a;border-radius:4px}.wiki-editor-wrapper .ql-toolbar button:hover .ql-stroke,.wiki-editor-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent-primary)}.wiki-editor-wrapper .ql-toolbar button:hover .ql-fill,.wiki-editor-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--accent-primary)}.wiki-editor-wrapper .ql-picker-options{background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);box-shadow:var(--shadow-md);padding:.5rem}.wiki-editor-wrapper .ql-picker-item{color:var(--text-primary);border-radius:4px;padding:.25rem .5rem}.wiki-editor-wrapper .ql-picker-item:hover{background:#00d4ff1a;color:var(--accent-primary)}.wiki-editor-wrapper .ql-picker-item.ql-selected{background:#00d4ff33;color:var(--accent-primary)}.wiki-editor-wrapper .ql-snow .ql-tooltip{background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);box-shadow:var(--shadow-md);padding:.5rem}.wiki-editor-wrapper .ql-snow .ql-tooltip input{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.5rem}.wiki-editor-wrapper .ql-snow .ql-tooltip input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff1a}.architecture-map-list{padding:0}.architecture-map-list-header{margin-bottom:32px}.list-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.list-header-content h2{margin:0;color:var(--text-primary, #fff);font-size:24px;font-weight:600;letter-spacing:-.3px}.map-count-badge{padding:6px 14px;background:var(--background-secondary, #2a2a2a);border-radius:20px;color:var(--text-secondary, #aaa);font-size:13px;font-weight:500;border:1px solid var(--border-color, #333)}.architecture-map-list-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-secondary, #aaa);font-size:16px;pointer-events:none;z-index:1}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid var(--border-color, #333);border-radius:10px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:14px;transition:all .2s ease}.search-input::placeholder{color:var(--text-secondary, #aaa)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.filters-row{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:12px 16px;border:1px solid var(--border-color, #333);border-radius:10px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:180px}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.architecture-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.architecture-map-card{background:var(--card-background, #1e1e1e);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color, #333);display:flex;flex-direction:column;height:100%}.architecture-map-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006;border-color:var(--primary-color)}.map-card-header{margin-bottom:16px}.map-card-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.map-card-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600;line-height:1.3;flex:1;letter-spacing:-.2px}.architecture-map-card--compact .map-card-title-compact{margin:0;color:var(--text-primary, #fff);font-size:1rem;font-weight:600;line-height:1.3;flex:1}.map-card-action-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--accent-color, var(--primary-color));color:#fff;text-align:center;text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.map-card-action-link:hover{opacity:.9;transform:translateY(-1px)}.architecture-maps-tab{padding:0}.architecture-maps-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.architecture-maps-tab-title{margin:0;color:var(--text-primary, #fff);font-size:1.125rem;font-weight:600}.architecture-maps-tab-actions{display:flex;gap:10px}.architecture-maps-tab-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.architecture-maps-tab-btn-primary{background:var(--primary-color);color:#fff}.architecture-maps-tab-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.architecture-maps-tab-btn-secondary{background:var(--bg-secondary, #2a2a2a);color:var(--text-primary);border:1px solid var(--border-color)}.architecture-maps-tab-btn-secondary:hover{border-color:var(--primary-color);color:var(--text-primary)}.architecture-maps-tab-empty{text-align:center;padding:32px 20px}.architecture-maps-tab-empty-text{margin:0 0 12px;color:var(--text-secondary);font-size:.9rem}.architecture-maps-tab-empty .architecture-maps-tab-btn{display:inline-block;margin-top:12px}.architecture-maps-tab-grid{margin-bottom:0}.site-badge{padding:5px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.5px;flex-shrink:0;box-shadow:0 2px 4px #0003}.map-description{color:var(--text-secondary, #aaa);font-size:14px;margin:0 0 20px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.map-card-meta{display:flex;gap:20px;margin:0 0 20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-color, #333);border-bottom:1px solid var(--border-color, #333)}.meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #aaa)}.meta-icon{font-size:14px;color:var(--primary-color);opacity:.8}.map-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:0}.btn-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-action-icon{font-size:14px}.btn-view{background:var(--primary-color);color:#fff}.btn-view:hover{background:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-edit{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.btn-edit:hover{background:var(--border-color, #333);border-color:var(--primary-color);transform:translateY(-1px)}.btn-delete{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.btn-delete:hover{background:#f4433640;border-color:#f44336;transform:translateY(-1px)}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;gap:24px}.architecture-map-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.architecture-map-list-error .error-message{margin:0;color:var(--text-secondary, #aaa)}.architecture-map-list-error .retry-button{padding:.5rem 1rem;background:var(--primary-color, #6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem}.architecture-map-list-error .retry-button:hover{opacity:.9}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary, #aaa)}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-state h3{margin:0 0 12px;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.empty-state p{font-size:15px;margin:0;color:var(--text-secondary, #aaa);line-height:1.5}@media (max-width: 768px){.architecture-map-grid{grid-template-columns:1fr;gap:16px}.architecture-map-list-filters{gap:12px}.filters-row{flex-direction:column}.filter-select{width:100%;min-width:unset}.map-card-actions{flex-direction:column}.btn-action{width:100%}.list-header-content{flex-direction:column;align-items:flex-start}}.client-management{padding:0;width:100%;max-width:100%;box-sizing:border-box}.client-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:15px}.header-left h2{margin:0;color:var(--text-primary, #fff);font-size:24px}.client-count{padding:4px 12px;background:var(--background-secondary, #2a2a2a);border-radius:12px;color:var(--text-secondary, #aaa);font-size:14px}.header-actions{display:flex;gap:10px}.btn-primary{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-color);transform:translateY(-1px)}.client-management-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px;flex-wrap:wrap}.search-section{flex:1;min-width:300px}.search-input{width:100%;padding:10px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.search-input:focus{outline:none;border-color:var(--primary-color)}.filters-section{display:flex;gap:10px;align-items:center}.filter-select{padding:10px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;cursor:pointer}.view-mode-toggle{display:flex;gap:5px;background:var(--background-secondary, #2a2a2a);border-radius:8px;padding:4px}.view-mode-toggle button{padding:6px 12px;border:none;background:transparent;color:var(--text-secondary, #aaa);font-size:16px;cursor:pointer;border-radius:6px;transition:all .2s ease}.view-mode-toggle button:hover{background:var(--card-background, #1e1e1e)}.view-mode-toggle button.active{background:var(--primary-color);color:#fff}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color, #333);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #aaa)}@media (max-width: 768px){.client-management-header{flex-direction:column;align-items:stretch}.header-actions,.btn-primary{width:100%}.client-management-toolbar{flex-direction:column}.search-section{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.client-management{padding:0 8px}.client-management-toolbar{flex-wrap:wrap;gap:12px}.search-section{min-width:260px;flex:1 1 auto}.filters-section{flex-wrap:wrap}}@media (min-width: 1024px){.client-management{padding:0 16px;max-width:100%}.client-management-header{margin-bottom:24px}.client-management-toolbar{flex-wrap:nowrap;gap:20px}.search-section{max-width:400px}}.clients-page{min-height:100vh}.clients-page.loading,.clients-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.clients-page.error{color:var(--text-primary)}.retry-button{padding:.75rem 1.5rem;background:var(--gradient-1);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-rgb),.3)}.loading-spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.clients-header{margin-bottom:2rem}.clients-header h1{font-size:2rem;font-weight:700;margin:0;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clients-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.clients-content.with-details{grid-template-columns:1fr 400px}.clients-list-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.client-details-section{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}@media (max-width: 1200px){.clients-content{grid-template-columns:1fr}.client-details-section{position:static;max-height:none}}@media (max-width: 768px){.clients-header h1{font-size:1.5rem}.clients-grid{grid-template-columns:1fr}}.automation-list{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin:20px 0}.automation-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.automation-list-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px}.automation-search{padding:8px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;min-width:250px}.automation-search:focus{outline:none;border-color:var(--primary-color)}.automation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.automation-card{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px;transition:all .2s ease}.automation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--primary-color)}.automation-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.automation-type-icon{font-size:32px;line-height:1}.automation-title-section{flex:1;min-width:0}.automation-name{margin:0 0 5px;color:var(--text-primary, #fff);font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-type{color:var(--text-secondary, #aaa);font-size:12px;text-transform:uppercase}.automation-status-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.automation-description{color:var(--text-secondary, #aaa);font-size:14px;margin:0 0 15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.automation-stats{display:flex;gap:20px;margin-bottom:15px;padding:15px;background:var(--card-background, #1e1e1e);border-radius:8px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{color:var(--text-secondary, #aaa);font-size:12px}.stat-value{color:var(--text-primary, #fff);font-size:18px;font-weight:700}.automation-footer{border-top:1px solid var(--border-color, #333);padding-top:15px}.automation-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.automation-meta-item{color:var(--text-secondary, #aaa);font-size:12px}.automation-tags{display:flex;gap:5px;flex-wrap:wrap}.automation-tag{padding:3px 8px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:11px}@media (max-width: 768px){.automation-grid{grid-template-columns:1fr}.automation-list-header{flex-direction:column;align-items:stretch}.automation-search{width:100%}}.workflow-diagram-container{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 2px 8px #0000001a}.workflow-diagram-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.workflow-diagram-header h3{margin:0;color:var(--text-primary, #fff);font-size:18px}.workflow-status-badge{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.workflow-diagram{background:var(--background-secondary, #2a2a2a);border-radius:8px;padding:20px;overflow:visible}.workflow-node{transition:all .2s ease}.workflow-node:hover{transform:scale(1.05);filter:brightness(1.1)}.workflow-node rect{transition:all .2s ease}.workflow-node:hover rect{stroke-width:3}.node-icon,.node-label{fill:var(--text-primary, #fff)}.node-sublabel{fill:var(--text-secondary, #aaa)}.workflow-info{display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, #333);flex-wrap:wrap}.workflow-info-item{color:var(--text-secondary, #aaa);font-size:14px}.workflow-info-item strong{color:var(--text-primary, #fff);margin-right:5px}@media (max-width: 768px){.workflow-diagram-container{padding:15px}.workflow-info{flex-direction:column;gap:10px}}.execution-logs-list{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin:20px 0}.execution-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.execution-logs-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px}.status-filter{padding:8px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;cursor:pointer}.status-filter:focus{outline:none;border-color:var(--primary-color)}.logs-table{display:flex;flex-direction:column;gap:12px}.log-item{display:flex;gap:15px;padding:15px;background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:8px;transition:all .2s ease}.log-item:hover{border-color:var(--primary-color);transform:translate(4px)}.log-status-icon{font-size:24px;line-height:1;flex-shrink:0}.log-details{flex:1;min-width:0}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:10px}.log-date{color:var(--text-primary, #fff);font-size:14px;font-weight:500}.log-status-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}.log-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary, #aaa)}.log-separator{color:var(--text-secondary, #aaa)}.log-error{margin-top:8px;padding:8px;background:#f443361a;border-left:3px solid #f44336;border-radius:4px;color:#ffcdd2;font-size:13px}.log-error strong{color:#f44336}.log-result{margin-top:8px;padding:8px;background:var(--card-background, #1e1e1e);border-radius:4px;color:var(--text-secondary, #aaa);font-size:13px;line-height:1.5;font-family:Courier New,monospace}.log-actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.retry-button{padding:6px 10px;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;transition:all .2s ease}.retry-button:hover{background:var(--cta-primary-hover);transform:scale(1.1)}@media (max-width: 768px){.log-item{flex-direction:column}.log-actions{align-self:flex-end}}.automation-details{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin:20px 0}.automation-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.automation-details-header h2{margin:0 0 10px;color:var(--text-primary, #fff);font-size:24px}.automation-description{color:var(--text-secondary, #aaa);font-size:14px;margin:0}.automation-actions{display:flex;gap:10px;flex-wrap:wrap}.status-select{padding:8px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;cursor:pointer}.execute-button,.close-button{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.execute-button{background:var(--primary-color);color:#fff}.execute-button:hover{background:var(--cta-primary-hover)}.close-button{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.close-button:hover{background:var(--border-color, #333)}.automation-details-content{margin:30px 0}.automation-info-section{background:var(--background-secondary, #2a2a2a);border-radius:12px;padding:20px}.automation-info-section h3{margin:0 0 20px;color:var(--text-primary, #fff);font-size:18px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.info-item{color:var(--text-secondary, #aaa);font-size:14px}.info-item strong{color:var(--text-primary, #fff);margin-right:8px}@media (max-width: 768px){.automation-details-header{flex-direction:column}.automation-actions{width:100%}.status-select,.execute-button,.close-button{flex:1}}.azure-services-list{background:var(--card-background, #1e1e1e);border-radius:12px;padding:20px;margin:20px 0}.azure-services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.azure-services-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px}.filters{display:flex;gap:10px;flex-wrap:wrap}.category-filter,.status-filter{padding:8px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;cursor:pointer}.category-filter:focus,.status-filter:focus{outline:none;border-color:var(--primary-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.service-card{background:var(--background-secondary, #2a2a2a);border:2px solid var(--border-color, #333);border-radius:12px;padding:20px;transition:all .2s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:var(--primary-color)}.service-card.selected{border-color:var(--primary-color);background:#2196f31a}.service-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.service-icon{font-size:32px;line-height:1}.service-title-section{flex:1;min-width:0}.service-name{margin:0 0 5px;color:var(--text-primary, #fff);font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-name-tech{color:var(--text-secondary, #aaa);font-size:11px;font-family:Courier New,monospace}.service-status-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.service-description{color:var(--text-secondary, #aaa);font-size:13px;margin:0 0 15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:15px;border-top:1px solid var(--border-color, #333)}.service-category{padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}.service-region{color:var(--text-secondary, #aaa);font-size:12px}.service-docs-link{color:var(--primary-color);text-decoration:none;font-size:12px;transition:color .2s ease}.service-docs-link:hover{color:var(--primary-color);text-decoration:underline}.empty-state{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.loading{display:flex;justify-content:center;align-items:center;padding:40px}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.azure-services-header{flex-direction:column;align-items:stretch}.filters{width:100%}.category-filter,.status-filter{flex:1}}.automation-page{padding:20px}.automation-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.automation-page-header h1{margin:0;color:var(--text-primary, #fff);font-size:28px}.view-tabs{display:flex;gap:10px;flex-wrap:wrap}.view-tabs button{padding:10px 20px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-tabs button:hover{background:var(--card-background, #1e1e1e);border-color:var(--primary-color)}.view-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width: 768px){.automation-page-header{flex-direction:column;align-items:stretch}.view-tabs{width:100%}.view-tabs button{flex:1}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:var(--card-bg);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;min-width:320px;max-width:420px;box-shadow:var(--shadow-lg)}.confirm-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.confirm-modal-message{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:12px}.confirm-modal-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-modal-cancel{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.confirm-modal-cancel:hover{border-color:var(--border-hover)}.confirm-modal-confirm{color:#fff}.confirm-modal-primary{background:var(--primary-color)}.confirm-modal-primary:hover{background:var(--cta-primary-hover)}.confirm-modal-danger{background:var(--error)}.confirm-modal-danger:hover{opacity:.9}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;min-height:200px}.page-loading__spinner{font-size:2rem;color:var(--text-secondary, #64748b);animation:page-loading-spin .8s linear infinite}.page-loading__message{margin:0;font-size:.95rem;color:var(--text-secondary, #64748b)}@keyframes page-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-node{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;min-width:150px;box-shadow:var(--shadow-sm);transition:all .2s}.custom-node.selected{border-width:3px;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.custom-node-header{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#fff;font-weight:600;font-size:12px;border-radius:6px 6px 0 0}.custom-node-icon{font-size:16px}.custom-node-type{flex:1;text-transform:uppercase;letter-spacing:.5px}.custom-node-body{padding:12px}.custom-node-name{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:4px;word-break:break-word}.custom-node-technology{font-size:11px;color:var(--text-muted);margin-bottom:4px;font-style:italic}.custom-node-description{font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.custom-handle{width:8px;height:8px;background:var(--text-muted);border:2px solid var(--bg-secondary);border-radius:50%}.custom-handle:hover{background:var(--primary-color);width:10px;height:10px}.component-toolbar{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-tertiary);border-right:1px solid var(--border-color);min-width:200px;max-width:250px;overflow-y:auto}.toolbar-section{display:flex;flex-direction:column;gap:8px}.toolbar-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.toolbar-components{display:flex;flex-direction:column;gap:6px}.toolbar-component-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;font-size:13px}.toolbar-component-btn:hover{background:var(--bg-card);border-color:var(--border-hover);transform:translate(2px)}.toolbar-component-btn:active{transform:translate(0)}.toolbar-icon{font-size:16px;flex-shrink:0}.toolbar-label-text{color:var(--text-primary);font-weight:500}.toolbar-divider{height:1px;background:var(--border-color);margin:8px 0}.toolbar-actions{display:flex;flex-direction:column;gap:6px}.toolbar-action-btn{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;font-size:16px;color:var(--text-primary)}.toolbar-action-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-hover)}.toolbar-action-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-action-btn.danger:hover:not(:disabled){background:#ef444426;border-color:var(--error);color:var(--error)}.toolbar-create-type-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:background .2s;color:var(--text-secondary)}.toolbar-create-type-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-loading{padding:12px;text-align:center;color:var(--text-secondary);font-size:12px}.toolbar-divider-small{height:1px;background:var(--border-color);margin:8px 0}.toolbar-label-small{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.toolbar-component-btn.custom-type{border-left:3px solid var(--accent-secondary)}.properties-panel{display:flex;flex-direction:column;background:var(--bg-tertiary);border-left:1px solid var(--border-color);min-width:280px;max-width:320px;height:100%;overflow-y:auto}.properties-panel-header{padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.properties-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.properties-panel-empty{padding:32px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.properties-panel-content{padding:16px;display:flex;flex-direction:column;gap:20px}.property-group{display:flex;flex-direction:column;gap:6px}.property-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.property-input,.property-textarea,.property-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .2s}.property-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.property-input:focus,.property-textarea:focus,.property-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-glow)}.property-textarea{resize:vertical;font-family:inherit}.property-value{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);word-break:break-word}.type-badge{display:inline-block;padding:4px 8px;background:var(--gradient-card);color:var(--accent-primary);border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;width:fit-content;border:1px solid var(--border-color)}.component-type-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.component-type-form{background:var(--bg-secondary);border-radius:8px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{margin:0;font-size:18px;color:var(--text-primary)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--info-glow)}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.color-input-group{display:flex;gap:8px;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;background:var(--bg-secondary)}.color-input-group input[type=text]{flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{padding:12px;background:#ef444426;border:1px solid var(--error);border-radius:6px;color:var(--error);font-size:14px;margin-bottom:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.component-type-form .btn-primary,.component-type-form .btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.component-type-form .btn-primary{background:var(--primary-color);color:#fff}.component-type-form .btn-primary:hover:not(:disabled){background:var(--cta-primary-hover)}.component-type-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.component-type-form .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.component-type-form .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.architecture-map-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-tertiary)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.editor-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.editor-actions{display:flex;gap:12px}.architecture-map-editor .btn-primary,.architecture-map-editor .btn-secondary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.architecture-map-editor .btn-primary{background:var(--primary-color);color:#fff}.architecture-map-editor .btn-primary:hover:not(:disabled){background:var(--cta-primary-hover)}.architecture-map-editor .btn-primary:disabled{opacity:.5;cursor:not-allowed}.architecture-map-editor .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.architecture-map-editor .btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-hover)}.architecture-map-editor .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.editor-content{display:flex;flex:1;overflow:hidden}.editor-canvas{flex:1;background:var(--bg-primary)}.react-flow__node-architectureNode{background:transparent;border:none;padding:0}.react-flow__handle:hover{background:var(--primary-color);width:10px;height:10px}.map-actions-menu{position:relative}.map-actions-menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s}.map-actions-menu-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.map-actions-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);z-index:1100;padding:8px 0}.map-actions-menu-section-title{display:block;padding:6px 16px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.map-actions-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.map-actions-menu-item:hover:not(:disabled){background:var(--bg-tertiary)}.map-actions-menu-item:disabled{opacity:.6;cursor:not-allowed}.map-actions-menu-item svg{font-size:14px;color:var(--text-secondary)}.map-actions-menu-divider{height:1px;background:var(--border-color);margin:8px 0}.map-actions-menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.map-actions-menu-modal{background:var(--card-bg);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;min-width:320px;box-shadow:var(--shadow-lg)}.map-actions-menu-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.map-actions-menu-modal-desc{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.map-actions-menu-modal-input{width:100%;padding:10px 12px;margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--bg-tertiary)}.map-actions-menu-modal-input:focus{outline:none;border-color:var(--primary-color)}.map-actions-menu-modal-actions{display:flex;justify-content:flex-end;gap:12px}.map-actions-menu-modal-actions .btn-primary,.map-actions-menu-modal-actions .btn-secondary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none}.map-actions-menu-modal-actions .btn-primary{background:var(--primary-color);color:#fff}.map-actions-menu-modal-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.architecture-map-viewer{display:flex;flex-direction:column;height:100%;background:var(--bg-tertiary)}.viewer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.viewer-header-info{flex:1}.viewer-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.viewer-description{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.5}.viewer-meta{display:flex;flex-wrap:wrap;gap:8px}.viewer-meta .meta-badge{display:inline-block;padding:4px 12px;background:var(--bg-tertiary);color:var(--text-primary);border-radius:12px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.viewer-actions{display:flex;align-items:center;gap:12px;margin-left:24px}.viewer-action-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.viewer-action-btn:hover{border-color:var(--border-hover)}.viewer-fit-btn{white-space:nowrap}.viewer-content{flex:1;overflow:hidden}.viewer-canvas{width:100%;height:100%;background:var(--bg-primary)}.react-flow__node-architectureNode{background:transparent;border:none;padding:0;cursor:default}.react-flow__node-architectureNode:hover{cursor:pointer}.react-flow__handle{width:8px;height:8px;background:var(--text-muted);border:2px solid var(--bg-secondary)}.react-flow__edge-path{stroke:var(--text-muted);stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--primary-color);stroke-width:3}.react-flow__edge-text{font-size:12px;fill:var(--text-primary)}.react-flow__controls{box-shadow:var(--shadow-sm)}.react-flow__controls-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.react-flow__controls-button:hover{background:var(--bg-tertiary)}.react-flow__minimap{background:var(--bg-secondary);border:1px solid var(--border-color)}.architecture-map-form-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:100%}.architecture-map-form{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);width:100%;max-width:700px;position:relative;overflow:hidden}.architecture-map-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.architecture-map-form:hover:before{transform:scaleX(1)}.form-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.form-header h2{margin:0;font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-content{padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:all .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1);background:var(--bg-card)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d4ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-primary{padding:.75rem 1.5rem;background:var(--gradient-primary);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--glow-primary);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-primary),0 4px 20px rgba(var(--accent-rgb),.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px rgba(var(--accent-rgb),.2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.architecture-map-form-container{padding:1rem}.form-content{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.architecture-page{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--background-primary, #0f0f0f)}.architecture-page-breadcrumb{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 24px;background:var(--bg-secondary, #1e1e1e);border-bottom:1px solid var(--border-color, #333)}.architecture-page-breadcrumb-context{font-size:14px;color:var(--text-secondary, #aaa)}.architecture-page-breadcrumb-back{padding:6px 12px;font-size:13px;background:transparent;color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.architecture-page-breadcrumb-back:hover{border-color:var(--primary-color)}.architecture-page-header{background:var(--card-background, #1e1e1e);border-bottom:1px solid var(--border-color, #333);padding:0;margin:0;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;gap:24px;flex-wrap:wrap}.header-title-section{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.header-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);border-radius:12px;box-shadow:0 4px 12px #2196f34d;flex-shrink:0}.header-icon{font-size:24px;color:#fff}.header-text{flex:1;min-width:0}.header-text h1{margin:0 0 6px;color:var(--text-primary, #fff);font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2}.header-subtitle{margin:0;color:var(--text-secondary, #aaa);font-size:15px;font-weight:400;line-height:1.4}.btn-create-new{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2196f34d;white-space:nowrap;flex-shrink:0}.btn-create-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366;background:linear-gradient(135deg,var(--cta-primary-hover) 0%,var(--primary-color) 100%)}.btn-create-new:active{transform:translateY(0);box-shadow:0 2px 8px #2196f34d}.btn-icon{font-size:14px}.architecture-page-content{flex:1;overflow-y:auto;padding:32px 40px}.view-tabs{display:flex;gap:10px;background:var(--background-secondary, #2a2a2a);border-radius:8px;padding:4px}.view-tabs button{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary, #aaa);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.view-tabs button:hover{color:var(--text-primary, #fff)}.view-tabs button.active{background:var(--primary-color);color:#fff}.architecture-editor-placeholder,.architecture-viewer-placeholder{background:var(--card-background, #1e1e1e);border-radius:12px;padding:60px;text-align:center;color:var(--text-secondary, #aaa)}.architecture-viewer-placeholder h2{color:var(--text-primary, #fff);margin-bottom:20px}.architecture-editor-placeholder button,.architecture-viewer-placeholder button{margin-top:20px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.architecture-editor-placeholder button:hover,.architecture-viewer-placeholder button:hover{background:var(--cta-primary-hover)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;color:var(--text-secondary, #aaa)}.loading-spinner-icon{font-size:48px;color:var(--primary-color);animation:spin 1s linear infinite}@media (max-width: 768px){.header-content{padding:24px 20px;flex-direction:column;align-items:stretch}.header-title-section{gap:16px}.header-icon-wrapper{width:48px;height:48px}.header-icon{font-size:20px}.header-text h1{font-size:24px}.header-subtitle{font-size:14px}.btn-create-new{width:100%;justify-content:center}.architecture-page-content{padding:24px 20px}}.clickup-api-key-config{background:var(--card-bg, #1e1e1e);border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid var(--border-color, #333)}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.config-header h3{margin:0;color:var(--text-primary, #fff);font-size:18px}.help-link{color:var(--primary-color, #4a9eff);text-decoration:none;font-size:14px;transition:opacity .2s}.help-link:hover{opacity:.8;text-decoration:underline}.config-content{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:var(--text-secondary, #ccc);font-size:14px;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.api-key-input{width:100%;padding:12px 40px 12px 12px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #fff);font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.api-key-input:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.api-key-input::placeholder{color:var(--text-tertiary, #666)}.toggle-visibility{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary, #ccc);cursor:pointer;padding:4px;font-size:18px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.toggle-visibility:hover{opacity:.7}.help-text{margin:0;color:var(--text-tertiary, #888);font-size:12px}.config-actions{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #3a8eef);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--secondary-bg, #3a3a3a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #555)}.btn-secondary:hover{background:var(--secondary-hover, #4a4a4a)}.config-status{margin-top:8px}.status-badge{display:inline-block;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.clickup-generate-panel{margin-top:16px;padding:16px;background:var(--card-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:6px}.generate-panel-title{margin:0 0 8px;color:var(--text-primary, #fff);font-size:14px;font-weight:600}.generate-panel-hint{margin:0 0 12px;color:var(--text-tertiary, #888);font-size:12px;line-height:1.4}.generate-panel-textarea{width:100%;min-height:100px;padding:10px 12px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #fff);font-size:13px;font-family:inherit;resize:vertical;margin-bottom:8px}.generate-panel-textarea:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.generate-panel-prompt{width:100%;padding:8px 12px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;color:var(--text-primary, #fff);font-size:13px;margin-bottom:12px}.generate-panel-prompt:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.btn-generate{padding:8px 16px;background:var(--primary-color, #4a9eff);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.btn-generate:hover:not(:disabled){opacity:.9}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.generate-panel-error{margin-top:12px;padding:10px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;color:#f44336;font-size:13px}.suggested-tasks{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color, #444)}.suggested-title{margin:0 0 12px;color:var(--text-primary, #fff);font-size:13px;font-weight:600}.suggested-list{margin:0 0 12px;padding-left:20px;list-style:disc}.suggested-item{margin-bottom:8px;color:var(--text-primary, #fff);font-size:13px}.suggested-name{font-weight:500;display:block}.suggested-desc{display:block;color:var(--text-secondary, #ccc);font-size:12px;margin-top:2px;white-space:pre-wrap}.btn-create-clickup{padding:8px 16px;background:#22c55e;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.btn-create-clickup:hover:not(:disabled){opacity:.9}.btn-create-clickup:disabled{opacity:.6;cursor:not-allowed}.create-result{margin-top:12px;padding:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:4px;color:#22c55e;font-size:13px}.clickup-projects-list{background:var(--card-bg, #1e1e1e);border-radius:8px;padding:24px;border:1px solid var(--border-color, #333)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-create-inline{padding:6px 12px;font-size:13px;background:var(--primary-color, #4a9eff);color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.btn-create-inline:hover{opacity:.9}.btn-create-inline.small{padding:4px 10px;font-size:12px}.btn-cancel-inline{padding:6px 12px;font-size:13px;background:transparent;color:var(--text-secondary, #ccc);border:1px solid var(--border-color, #444);border-radius:6px;cursor:pointer}.btn-cancel-inline.small{padding:4px 10px;font-size:12px}.create-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.create-inline-form.block{display:flex;margin-bottom:8px}.create-inline-input{padding:6px 10px;font-size:13px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #fff);min-width:160px}.create-inline-input.optional{min-width:140px}.create-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.space-create-actions{display:flex;gap:8px;margin-bottom:12px}.new-task-form-wrap{margin-bottom:12px}.folder-list-actions{margin-bottom:10px}.projects-header h3{margin:0;color:var(--text-primary, #fff);font-size:18px}.team-selector{padding:8px 12px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:border-color .2s}.team-selector:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.error-banner{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;padding:12px;margin-bottom:16px;color:#f44336;font-size:14px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #333);border-top-color:var(--primary-color, #4a9eff);border-radius:50%;animation:spin 1s linear infinite;margin:40px auto}.empty-state,.error-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #ccc)}.error-state p{color:#f44336;margin-bottom:16px}.spaces-container{display:flex;flex-direction:column;gap:12px}.space-card{background:var(--secondary-bg, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;overflow:hidden;transition:border-color .2s}.space-card:hover{border-color:var(--primary-color, #4a9eff)}.space-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--hover-bg, #333);transition:background .2s}.space-header:hover{background:var(--hover-bg-active, #3a3a3a)}.space-info{display:flex;align-items:center;gap:12px;flex:1}.space-icon{font-size:20px}.space-name{margin:0;color:var(--text-primary, #fff);font-size:16px;font-weight:500}.archived-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#9e9e9e33;color:#9e9e9e;border-radius:4px;font-size:11px;font-weight:500}.expand-icon{color:var(--text-secondary, #ccc);font-size:12px;transition:transform .2s}.space-content{padding:16px;border-top:1px solid var(--border-color, #444)}.section-title{margin:0 0 12px;color:var(--text-secondary, #ccc);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lists-section,.folders-section{margin-bottom:20px}.folders-section:last-child{margin-bottom:0}.folder-item{margin-bottom:8px}.folder-header{display:flex;align-items:center;gap:8px;padding:10px;background:var(--hover-bg, #333);border-radius:4px;transition:background .2s}.folder-header:hover{background:var(--hover-bg-active, #3a3a3a)}.folder-icon{font-size:16px}.folder-name{flex:1;color:var(--text-primary, #fff);font-size:14px;font-weight:500}.folder-lists{margin-left:24px;margin-top:8px;padding-left:16px;border-left:2px solid var(--border-color, #444)}.list-item{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;background:var(--card-bg, #1e1e1e);border-radius:4px;transition:background .2s}.list-item:hover{background:var(--hover-bg, #333)}.list-item.nested{margin-left:0}.list-icon{font-size:14px}.list-name{flex:1;color:var(--text-primary, #fff);font-size:14px}.task-count{color:var(--text-tertiary, #888);font-size:12px;background:var(--secondary-bg, #2a2a2a);padding:2px 8px;border-radius:12px}.empty-section{text-align:center;padding:20px;color:var(--text-tertiary, #888);font-size:14px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color, #4a9eff);color:#fff}.btn-primary:hover{background:var(--primary-hover, #3a8eef)}.list-item-wrapper{margin-bottom:4px}.list-item-clickable{cursor:pointer}.list-item-clickable:hover{background:var(--hover-bg-active, #3a3a3a)}.list-tasks{margin-left:24px;margin-top:8px;padding:12px;background:var(--secondary-bg, #2a2a2a);border-radius:4px;border-left:2px solid var(--primary-color, #4a9eff)}.loading-spinner.small{width:24px;height:24px;border-width:2px;margin:16px auto}.empty-tasks{color:var(--text-tertiary, #888);font-size:13px;padding:8px 0}.task-row{padding:10px 0;border-bottom:1px solid var(--border-color, #333)}.task-row:last-child{border-bottom:none}.task-status-badge,.task-status-select{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px}.task-status-select{min-width:100px;max-width:160px;background:var(--input-bg, #2a2a2a);border:1px solid var(--border-color, #444);color:var(--text-primary, #fff);cursor:pointer}.task-status-select:disabled{opacity:.7;cursor:not-allowed}.task-status-badge{font-weight:500;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.task-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-name{flex:1;color:var(--text-primary, #fff);font-size:14px;font-weight:500;min-width:0}.btn-copy-task{padding:4px 10px;font-size:12px;background:var(--primary-color, #4a9eff);color:#fff;border:none;border-radius:4px;cursor:pointer;flex-shrink:0}.btn-copy-task:hover{opacity:.9}.btn-toggle-desc{margin-top:6px;padding:2px 0;font-size:12px;color:var(--primary-color, #4a9eff);background:none;border:none;cursor:pointer}.task-description{margin-top:8px;padding:10px;background:var(--card-bg, #1e1e1e);border-radius:4px;color:var(--text-secondary, #ccc);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.clickup-page{padding:24px;max-width:1400px;margin:0 auto}.clickup-page-header{margin-bottom:32px}.clickup-page-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:12px}.clickup-page-title-row h2{margin:0}.clickup-page-header h2{margin:0 0 12px;color:var(--text-primary, #fff);font-size:28px;font-weight:600}.page-description{margin:0;color:var(--text-secondary, #ccc);font-size:14px;line-height:1.6;max-width:800px}.clickup-page-content{display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.clickup-page{padding:16px}.clickup-page-header h2{font-size:24px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-background, #1e1e1e);border-radius:16px;width:100%;max-width:660px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--border-color, #333)}.modal-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary, #999);font-size:32px;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff)}.modal-body{padding:25px}.modal-error{background:#f443361a;border:1px solid #f44336;border-radius:8px;padding:12px 16px;color:#f44336;font-size:14px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-input{padding:12px 16px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:15px;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-hint{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:8px;padding:12px 16px;color:var(--text-secondary, #999);font-size:13px;margin-top:10px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 25px;border-top:1px solid var(--border-color, #333)}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333)}.btn-cancel:hover:not(:disabled){background:var(--card-background, #1e1e1e)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}}.time-tracker{background:var(--card-background, #1e1e1e);border-radius:12px;padding:30px;margin:20px 0;min-height:600px}.time-tracker.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.time-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.time-tracker-header h2{margin:0;color:var(--text-primary, #fff);font-size:28px;font-weight:600}.daily-summary-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px;border-radius:10px;box-shadow:0 4px 15px #667eea4d}.daily-summary-label{color:#ffffffe6;font-size:14px;font-weight:500}.daily-summary-time{color:#fff;font-size:18px;font-weight:700}.time-tracker-main{display:flex;flex-direction:column;gap:30px}.time-tracker-controls{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:16px;padding:30px;box-shadow:0 4px 20px #0003}.start-section{display:flex;flex-direction:column;gap:20px}.form-group label{color:var(--text-primary, #fff);font-size:14px;font-weight:500}.client-select,.type-select,.description-input{padding:12px 16px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:15px;transition:all .2s ease}.client-select:focus,.type-select:focus,.description-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.client-select{cursor:pointer}.btn-start,.btn-pause,.btn-resume,.btn-stop{padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-start{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-pause{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-pause:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.btn-resume{background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);color:#fff}.btn-resume:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.btn-stop{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-stop:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}.running-section{display:flex;flex-direction:column;gap:25px;align-items:center}.timer-display{text-align:center;width:100%}.timer-time{font-size:72px;font-weight:700;color:var(--text-primary, #fff);font-family:Courier New,monospace;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.3);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer-status{font-size:18px;color:var(--text-secondary, #999);margin-bottom:15px;font-weight:500}.timer-client{font-size:16px;color:var(--text-primary, #fff);margin-bottom:10px}.timer-client strong{color:var(--primary-color)}.timer-description{font-size:14px;color:var(--text-secondary, #999);font-style:italic}.timer-controls{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.time-entry-list{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:16px;padding:25px}.time-entry-list.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.time-entry-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.time-entry-list-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.btn-refresh{background:transparent;border:1px solid var(--border-color, #333);border-radius:8px;padding:8px 12px;color:var(--text-primary, #fff);cursor:pointer;font-size:18px;transition:all .2s ease}.btn-refresh:hover{background:var(--card-background, #1e1e1e);border-color:var(--primary-color);transform:rotate(180deg)}.empty-state p{margin:0 0 8px;font-size:16px}.empty-state-hint{font-size:14px;color:var(--text-secondary, #666)}.time-entry-items{display:flex;flex-direction:column;gap:12px}.time-entry-item{background:var(--card-background, #1e1e1e);border:2px solid var(--border-color, #333);border-radius:12px;padding:18px;transition:all .2s ease}.time-entry-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003}.time-entry-item.active{border-color:#4caf50;background:#4caf500d}.time-entry-item.paused{border-color:#ff9800;background:#ff98000d}.time-entry-main{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.time-entry-info{flex:1;display:flex;flex-direction:column;gap:8px}.time-entry-client{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-primary, #fff)}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.active-badge{background:#4caf5033;color:#4caf50}.paused-badge{background:#ff980033;color:#ff9800}.time-entry-description{font-size:14px;color:var(--text-secondary, #999);font-style:italic}.time-entry-meta{display:flex;gap:15px;font-size:13px;color:var(--text-secondary, #999)}.time-entry-duration{display:flex;align-items:center}.duration-value{font-size:20px;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.time-entry-actions{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.btn-delete{background:transparent;border:1px solid var(--border-color, #333);border-radius:6px;padding:6px 10px;color:var(--text-secondary, #999);cursor:pointer;font-size:16px;transition:all .2s ease}.btn-delete:hover{background:#f443361a;border-color:#f44336;color:#f44336}@media (max-width: 768px){.time-tracker{padding:20px}.timer-time{font-size:48px}.time-entry-main{flex-direction:column}.timer-controls{flex-direction:column;width:100%}.timer-controls button{width:100%}}.time-entries-view{background:var(--card-background, #1e1e1e);border-radius:12px;padding:25px;margin:20px 0}.time-entries-view.loading{display:flex;justify-content:center;align-items:center;min-height:300px}.time-entries-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.time-entries-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px;font-weight:600}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-filter,.type-filter{padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.date-filter:focus,.type-filter:focus{outline:none;border-color:var(--primary-color)}.time-entries-summary{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.summary-card{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:8px;padding:15px 20px;display:flex;flex-direction:column;gap:5px}.summary-label{font-size:12px;color:var(--text-secondary, #999);text-transform:uppercase;font-weight:600}.summary-value{font-size:24px;font-weight:700;color:var(--primary-color)}.time-entries-table{overflow-x:auto}.time-entries-table table{width:100%;border-collapse:collapse}.time-entries-table thead{background:var(--background-secondary, #2a2a2a)}.time-entries-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary, #fff);font-size:13px;text-transform:uppercase;border-bottom:2px solid var(--border-color, #333)}.time-entries-table td{padding:12px;border-bottom:1px solid var(--border-color, #333);color:var(--text-primary, #fff);font-size:14px}.time-entries-table tbody tr:hover{background:var(--background-secondary, #2a2a2a)}.user-cell{font-weight:500}.date-cell{color:var(--text-secondary, #999);font-size:13px}.client-cell{font-weight:500}.type-cell{font-size:13px}.description-cell{color:var(--text-secondary, #999);font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration-cell{font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.btn-edit{background:transparent;border:1px solid var(--border-color, #333);border-radius:6px;padding:6px 10px;color:var(--text-secondary, #999);cursor:pointer;font-size:16px;transition:all .2s ease}.btn-edit:hover{background:#2196f31a;border-color:var(--primary-color);color:var(--primary-color)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary, #999)}.empty-state p{margin:0;font-size:16px}.time-entries-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0;flex-wrap:wrap}.btn-pagination{padding:8px 16px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);cursor:pointer;font-size:14px;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-secondary, #999)}.my-statistics-view{background:var(--card-background, #1e1e1e);border-radius:12px;padding:25px;margin:20px 0}.my-statistics-view.loading,.my-statistics-view.error{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary, #999)}.my-statistics-view.error{color:var(--error-color, #e74c3c)}.my-statistics-title{margin:0 0 20px;font-size:22px;font-weight:600;color:var(--text-primary, #fff)}.my-statistics-filters{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #333)}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:14px;color:var(--text-secondary, #999)}.range-buttons{flex-wrap:wrap}.filter-btn{padding:8px 14px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.filter-btn:hover{background:var(--background-hover, #333);border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.custom-dates .date-input{padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.date-sep{color:var(--text-secondary, #999);margin:0 4px}.project-select{padding:8px 12px;min-width:180px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.my-statistics-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:28px}.kpi-card{background:var(--background-secondary, #2a2a2a);border-radius:10px;padding:16px;border:1px solid var(--border-color, #333);display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #999)}.kpi-value{font-size:20px;font-weight:700;color:var(--text-primary, #fff)}.my-statistics-section{margin-bottom:24px}.my-statistics-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.evolution-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding:10px 0}.evolution-bar-wrap{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.evolution-bar{width:100%;max-width:24px;min-height:4px;background:var(--primary-color);border-radius:4px 4px 0 0;transition:height .2s}.evolution-label{font-size:11px;color:var(--text-secondary, #999)}.evolution-dates{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary, #999);margin-top:4px}.by-client-list{list-style:none;margin:0;padding:0}.by-client-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:var(--background-secondary, #2a2a2a);margin-bottom:8px;border:1px solid var(--border-color, #333)}.client-name{flex:1;font-weight:500;color:var(--text-primary, #fff)}.client-hours{font-weight:600;color:var(--primary-color)}.client-count{font-size:13px;color:var(--text-secondary, #999)}.my-statistics-period{margin:16px 0 0;font-size:13px;color:var(--text-secondary, #999)}.admin-dashboard{background:var(--card-background, #1e1e1e);border-radius:12px;padding:30px;margin:20px 0}.admin-dashboard.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.dashboard-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.export-csv-button{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-weight:600;cursor:pointer}.export-csv-button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color)}.export-csv-button:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard-empty-state{margin-bottom:20px;padding:16px 20px;background:#ffffff0d;border-radius:8px;border:1px dashed var(--border-color, #333)}.admin-dashboard-empty-state p{margin:0;color:var(--text-secondary, #999);font-size:14px}.stat-list-ver-mas{margin-top:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color, #333);border-radius:8px;color:var(--primary-color);font-size:13px;cursor:pointer;width:100%}.stat-list-ver-mas:hover{background:#ffffff0d}.dashboard-header h2{margin:0;color:var(--text-primary, #fff);font-size:24px;font-weight:600}.date-filters{display:flex;align-items:center;gap:10px}.date-input{padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.date-input:focus{outline:none;border-color:var(--primary-color)}.admin-dashboard-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;background:#ffffff08;border-radius:10px;border:1px solid var(--border-color, #333)}.admin-dashboard-filters-label{font-size:14px;font-weight:600;color:var(--text-secondary, #999);margin-right:4px}.admin-dashboard-filter-select{padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;min-width:160px}.admin-dashboard-filter-select:focus{outline:none;border-color:var(--primary-color)}.admin-dashboard-filter-clear{padding:8px 14px;border-radius:8px;border:1px solid var(--border-color, #333);background:transparent;color:var(--text-secondary, #999);font-size:13px;cursor:pointer}.admin-dashboard-filter-clear:hover{background:#ffffff0f;color:var(--text-primary, #fff)}.admin-dashboard-view-entries{padding:8px 16px;border-radius:8px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer}.admin-dashboard-view-entries:hover:not(:disabled){background:var(--primary-color);color:#fff}.admin-dashboard-view-entries:disabled{opacity:.5;cursor:not-allowed}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003}.stat-icon{font-size:32px}.stat-label{font-size:12px;color:var(--text-secondary, #999);text-transform:uppercase;font-weight:600;margin-bottom:5px}.stat-card.primary .stat-label{color:#fffc}.admin-dashboard .stat-value{font-size:28px;font-weight:700;color:var(--text-primary, #fff);display:block}.admin-dashboard.admin-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:200px;text-align:center}.admin-dashboard-error .error-message{margin:0;color:var(--text-secondary, #999);font-size:16px}.admin-dashboard-error .retry-button{padding:10px 20px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer}.admin-dashboard-error .retry-button:hover{opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.stat-section{background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:12px;padding:20px}.stat-section h3{margin:0 0 20px;color:var(--text-primary, #fff);font-size:18px;font-weight:600}.stat-list{display:flex;flex-direction:column;gap:15px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-item-clickable{cursor:pointer}.stat-item-clickable:hover{background:#ffffff0d;border-radius:8px;padding:4px;margin:-4px}.stat-item-label{font-size:14px;font-weight:500;color:var(--text-primary, #fff)}.stat-item-value{display:flex;align-items:center;gap:8px;font-size:14px}.stat-item-value .hours{font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.stat-item-value .count{color:var(--text-secondary, #999);font-size:12px}.stat-item-bar{height:6px;background:var(--card-background, #1e1e1e);border-radius:3px;overflow:hidden}.stat-item-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.drill-down-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.drill-down-modal{background:var(--card-background, #1e1e1e);border-radius:12px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--border-color, #333)}.drill-down-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.drill-down-header h3{margin:0;font-size:18px;color:var(--text-primary, #fff)}.drill-down-close{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);cursor:pointer;font-weight:600}.drill-down-close:hover{background:var(--primary-color);border-color:var(--primary-color)}.drill-down-export-wrap{padding:12px 20px;border-bottom:1px solid var(--border-color, #333)}.drill-down-export{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:13px;cursor:pointer}.drill-down-export:hover{background:var(--primary-color);border-color:var(--primary-color)}.drill-down-loading{padding:40px;display:flex;justify-content:center;align-items:center}.drill-down-empty{padding:24px 20px;margin:0;color:var(--text-secondary, #999)}.drill-down-table-wrap{overflow:auto;padding:0 20px 20px;flex:1}.drill-down-table{width:100%;border-collapse:collapse;font-size:14px}.drill-down-table th,.drill-down-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color, #333);color:var(--text-primary, #fff)}.drill-down-table th{font-weight:600;color:var(--text-secondary, #999)}.drill-down-limit{margin:12px 0 0;font-size:12px;color:var(--text-secondary, #999)}.admin-dashboard-add-hours-button{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-weight:600;cursor:pointer}.admin-dashboard-add-hours-button:hover{background:var(--primary-color);border-color:var(--primary-color)}.add-hours-modal{max-width:420px}.add-hours-form{padding:20px;display:flex;flex-direction:column;gap:16px}.add-hours-error{margin:0;padding:10px 12px;background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:8px;color:#f87171;font-size:14px}.add-hours-row label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary, #999)}.add-hours-row select,.add-hours-row input[type=date],.add-hours-row input[type=text],.add-hours-row textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px}.add-hours-row textarea{resize:vertical;min-height:56px}.add-hours-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width: 768px){.stats-grid,.stats-overview{grid-template-columns:1fr}}.activity-types-management{padding:1rem 0}.activity-types-management .page-header{margin-bottom:1.25rem}.activity-types-management .page-header h2{margin:0 0 .25rem;font-size:1.25rem}.activity-types-management .subtitle{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem}.activity-types-management .btn-primary{padding:.5rem 1rem;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer}.activity-types-management .btn-primary:hover{opacity:.9}.activity-types-table-wrap{overflow-x:auto;border:1px solid var(--border, #e5e7eb);border-radius:8px}.activity-types-table{width:100%;border-collapse:collapse}.activity-types-table th,.activity-types-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border, #e5e7eb)}.activity-types-table th{background:var(--bg-secondary);font-weight:600}.activity-types-management .icon-cell{font-size:1.25rem}.activity-types-table code{font-size:.85rem;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px}.activity-types-management .btn-sm{padding:.35rem .6rem;margin-right:.5rem;font-size:.8rem;border:none;border-radius:4px;cursor:pointer}.activity-types-management .btn-edit{background:var(--bg-tertiary);color:var(--text, #111)}.activity-types-management .btn-delete{background:var(--bg-tertiary);color:var(--error);border:1px solid var(--error)}.activity-types-management .empty-message{padding:1.5rem;text-align:center;color:var(--text-secondary, #666)}.activity-types-management .loading{padding:1.5rem;text-align:center}.activity-types-management .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.activity-types-management .modal-content{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.activity-types-management .modal-content h3{margin:0 0 1rem;font-size:1.15rem}.activity-types-management .form-group{margin-bottom:1rem}.activity-types-management .form-group label{display:block;margin-bottom:.35rem;font-weight:500}.activity-types-management .form-group input[type=text],.activity-types-management .form-group input[type=number]{width:100%;padding:.5rem;border:1px solid var(--border, #e5e7eb);border-radius:6px}.activity-types-management .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.activity-types-management .form-error{margin-bottom:1rem;padding:.5rem;background:var(--bg-tertiary);color:var(--error);border:1px solid var(--error);border-radius:6px;font-size:.9rem}.activity-types-management .modal-actions{margin-top:1.25rem;display:flex;gap:.75rem;justify-content:flex-end}.activity-types-management .modal-actions button{padding:.5rem 1rem;border-radius:6px;cursor:pointer;border:1px solid var(--border, #e5e7eb);background:var(--bg-secondary)}.activity-types-management .modal-actions button:last-child{background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb)}.time-tracking-page{width:100%;max-width:1400px;margin:0 auto;padding:20px}.time-tracking-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border-color, #333);padding-bottom:0}.tab-button{padding:12px 24px;border:none;background:transparent;color:var(--text-secondary, #999);font-size:15px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s ease}.tab-button:hover{color:var(--text-primary, #fff);background:var(--background-secondary, #2a2a2a)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.wiki-page{padding:2rem;max-width:1400px;margin:0 auto}.wiki-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.wiki-header h2{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.wiki-actions{display:flex;gap:1rem;align-items:center}.search-box{display:flex;gap:.5rem;align-items:center}.search-box input{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;min-width:300px;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.search-box button{padding:.5rem 1rem;background:var(--gradient-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:var(--glow-primary)}.search-box button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff66}.create-button{padding:.5rem 1rem;background:var(--gradient-primary);color:var(--text-primary);border:1px solid rgba(0,212,255,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:var(--glow-primary);font-weight:600}.create-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.wiki-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border-color);border-radius:12px;padding:2rem;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease;box-shadow:0 8px 32px #00000080,var(--glow-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;font-size:1.25rem;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.modal-header button:hover{background:var(--error);border-color:var(--error);color:var(--text-primary);transform:rotate(90deg);box-shadow:var(--glow-accent)}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:.95rem;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary);background:var(--bg-secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-actions button{padding:.75rem 2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;letter-spacing:.5px}.form-actions button[type=submit]{background:var(--gradient-primary);color:var(--text-primary);box-shadow:var(--glow-primary);border:1px solid rgba(0,212,255,.3)}.form-actions button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80,var(--glow-primary)}.form-actions button[type=button]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.form-actions button[type=button]:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.wiki-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:600px}.wiki-sidebar{background:var(--bg-card, var(--bg-secondary));border-radius:8px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.wiki-sidebar h3{margin:0 0 1rem;color:var(--text-primary);font-weight:700}.pages-list{display:flex;flex-direction:column;gap:.5rem}.page-item{padding:1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary)}.page-item:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translate(4px)}.page-item.active{background:var(--gradient-primary);color:var(--text-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.page-item.active .page-title,.page-item.active .page-summary,.page-item.active .page-meta{color:var(--text-primary)}.page-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.page-summary{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-meta{font-size:.75rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem}.page-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#00d4ff26;border:1px solid rgba(0,212,255,.3);border-radius:12px;font-size:.7rem;color:var(--accent-primary)}.page-item.active .tag{background:#fff3;border-color:#ffffff4d;color:var(--text-primary)}.wiki-content{background:var(--bg-card, var(--bg-secondary));border-radius:8px;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.page-viewer{max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.page-header h1{margin:0;flex:1;color:var(--text-primary);font-weight:700}.page-actions{display:flex;gap:.5rem}.edit-button,.delete-button{padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.edit-button:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.delete-button:hover{background:var(--error);color:var(--text-primary);border-color:var(--error);box-shadow:var(--glow-accent);transform:translateY(-2px)}.page-summary-box{padding:1rem;background:#00d4ff1a;border-left:4px solid var(--accent-primary);border-radius:8px;margin-bottom:1rem;color:var(--text-primary);font-style:italic}.page-tags-box{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.page-content{line-height:1.8;color:var(--text-primary)}.html-content{line-height:1.8;word-wrap:break-word}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:700;color:var(--text-primary)}.html-content h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.html-content h2{font-size:1.75rem}.html-content h3{font-size:1.5rem}.html-content p{margin-bottom:1rem}.html-content ul,.html-content ol{margin-bottom:1rem;padding-left:2rem}.html-content li{margin-bottom:.5rem}.html-content code{background:var(--bg-tertiary);padding:.125rem .25rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--accent-primary);border:1px solid var(--border-color)}.html-content pre{background:var(--bg-tertiary);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-color)}.html-content pre code{background:none;padding:0}.html-content blockquote{border-left:4px solid var(--accent-primary);padding-left:1rem;margin-left:0;margin-bottom:1rem;font-style:italic;color:var(--text-secondary);background:#00d4ff0d;padding:1rem;border-radius:4px}.html-content a{color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.html-content a:hover{color:var(--accent-hover);text-decoration:underline}.html-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.html-content table{width:100%;border-collapse:collapse;margin-bottom:1rem}.html-content table th,.html-content table td{border:1px solid var(--border-color);padding:.5rem;text-align:left;color:var(--text-primary)}.html-content table th{background:var(--bg-tertiary);font-weight:600;color:var(--accent-primary)}.page-editor{background:var(--bg-card, var(--bg-secondary));border-radius:8px;padding:2rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.editor-header h2{margin:0;color:var(--text-primary);font-weight:700}.editor-actions{display:flex;gap:.5rem}.save-button,.cancel-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s}.save-button{background:var(--gradient-primary);color:var(--text-primary);box-shadow:var(--glow-primary);border:1px solid rgba(0,212,255,.3)}.save-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}.cancel-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-button:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.editor-form{display:flex;flex-direction:column;gap:1.5rem}.page-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.page-info{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-secondary)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.welcome-icon{font-size:4rem;margin-bottom:1rem;color:var(--text-muted)}.welcome-screen h2{margin:0 0 1rem;color:var(--text-primary)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state button{margin-top:1rem;padding:.5rem 1rem;background:var(--gradient-primary);color:var(--text-primary);border:1px solid rgba(0,212,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:var(--glow-primary);font-weight:600}.empty-state button:hover{transform:translateY(-2px);box-shadow:0 0 25px #00d4ff80}@media (max-width: 1024px){.wiki-layout{grid-template-columns:1fr}.wiki-sidebar{max-height:300px;overflow-y:auto}}.azure-page{padding:2rem;max-width:1400px;margin:0 auto}.azure-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.azure-header h2{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.refresh-button{padding:.5rem 1rem;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.refresh-button:hover:not(:disabled){background:var(--primary-hover, #0056b3)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.azure-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color, #ddd)}.azure-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:var(--text-secondary, #666);display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:1rem}.azure-tabs button:hover{color:var(--text-color);background:var(--hover-background, #f5f5f5)}.azure-tabs button.active{color:var(--primary-color, #007bff);border-bottom-color:var(--primary-color, #007bff);font-weight:600}.azure-content{min-height:400px}.summary-view{padding:1rem 0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:var(--card-background, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;text-align:center}.card-label{font-size:.9rem;color:var(--text-secondary, #666);margin-bottom:.5rem}.card-value{font-size:2rem;font-weight:700;color:var(--text-color)}.status-healthy{color:var(--success-color, #28a745)}.resources-view,.pipelines-view{padding:1rem 0}.resources-grid,.pipelines-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.resource-card,.pipeline-card{background:var(--card-background, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;transition:all .2s}.resource-card:hover,.pipeline-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.resource-header,.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.resource-header h3,.pipeline-header h3{margin:0;font-size:1.1rem;color:var(--text-color);flex:1}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-success{background:#d4edda;color:#155724}.status-warning{background:var(--bg-tertiary);border:1px solid var(--warning);color:var(--warning)}.status-error{background:#f8d7da;color:#721c24}.status-unknown{background:#e2e3e5;color:#383d41}.resource-details,.pipeline-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;padding:.25rem 0}.detail-label{font-weight:600;color:var(--text-secondary, #666)}.detail-value{color:var(--text-color)}.detail-value.code{font-family:Courier New,monospace;background:var(--code-background, #f4f4f4);padding:.125rem .5rem;border-radius:3px}.resource-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #ddd)}.tag{padding:.25rem .5rem;background:var(--tag-background, #e9ecef);border-radius:4px;font-size:.75rem;color:var(--text-color)}.pipeline-link{display:inline-block;margin-top:1rem;color:var(--primary-color, #007bff);text-decoration:none;font-size:.9rem}.pipeline-link:hover{text-decoration:underline}.costs-view{padding:1rem 0}.costs-summary{margin-bottom:2rem}.cost-card{background:var(--card-background, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:2rem;text-align:center;max-width:400px;margin:0 auto}.cost-label{font-size:1rem;color:var(--text-secondary, #666);margin-bottom:.5rem}.cost-value{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.cost-trend{font-size:.9rem;font-weight:600}.cost-trend.up{color:var(--error-color, #dc3545)}.cost-trend.down{color:var(--success-color, #28a745)}.cost-trend.stable{color:var(--text-secondary, #666)}.costs-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.breakdown-section{background:var(--card-background, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem}.breakdown-section h3{margin:0 0 1rem;color:var(--text-color);font-size:1.2rem}.breakdown-list{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--hover-background, #f5f5f5);border-radius:4px}.breakdown-label{color:var(--text-color);font-weight:500}.breakdown-value{color:var(--text-color);font-weight:600}[data-theme=dark] .resource-card,[data-theme=dark] .pipeline-card,[data-theme=dark] .summary-card,[data-theme=dark] .cost-card,[data-theme=dark] .breakdown-section{background:var(--card-background, #2d2d2d);border-color:var(--border-color, #444)}[data-theme=dark] .detail-value.code{background:var(--code-background, #1a1a1a)}@media (max-width: 768px){.azure-tabs{flex-wrap:wrap}.resources-grid,.pipelines-list,.costs-breakdown{grid-template-columns:1fr}}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s;cursor:pointer}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-header h3{margin:0;font-size:1.2em;color:var(--text-primary)}.status-badge{padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:500;color:#fff;text-transform:capitalize}.project-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.project-progress{margin-bottom:16px}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.progress-text{font-size:.9em;color:var(--text-secondary)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.project-date{font-size:.85em;color:var(--text-secondary)}.project-budget{font-size:.9em;font-weight:600;color:var(--text-primary)}.project-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.project-card-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:.85em;font-weight:500;cursor:pointer;transition:background-color .2s}.project-card-btn-edit{background:var(--bg-secondary);color:var(--text-primary)}.project-card-btn-edit:hover{background:var(--border-color)}.project-card-btn-delete{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.project-card-btn-delete:hover{background:#f443361a;color:#f44336;border-color:#f44336}.project-table-container{background:var(--card-background, #1e1e1e);border-radius:12px;overflow-x:auto;margin-top:20px;width:100%}.project-table{width:100%;border-collapse:collapse}.project-table thead{background:var(--background-secondary, #2a2a2a)}.project-table th{padding:12px 15px;text-align:left;color:var(--text-primary, #fff);font-weight:600;font-size:14px;border-bottom:2px solid var(--border-color, #333);white-space:nowrap}.project-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.project-table th.sortable:hover{background:var(--card-background, #1e1e1e)}.project-table th.actions-column{text-align:center;width:160px}.project-table tbody tr{border-bottom:1px solid var(--border-color, #333);transition:background .2s ease}.project-table tbody tr:hover{background:var(--background-secondary, #2a2a2a)}.project-table td{padding:12px 15px;color:var(--text-secondary, #aaa);font-size:14px}.project-name-cell{color:var(--text-primary, #fff);font-weight:500}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.project-table .status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.project-table .status-active{background:#4caf5033;color:#4caf50}.project-table .status-completed{background:#2196f333;color:var(--primary-color)}.project-table .status-on-hold{background:#ff980033;color:#ff9800}.project-table .status-cancelled{background:#f4433633;color:#f44336}.actions-cell{text-align:center}.action-buttons{display:flex;justify-content:center;gap:8px}.action-btn{padding:6px 12px;border:none;background:transparent;font-size:13px;cursor:pointer;border-radius:6px;transition:all .2s ease;opacity:.85}.action-btn:hover{opacity:1;transform:scale(1.02)}.action-btn.edit{color:var(--primary-color, var(--primary-color));border:1px solid var(--border-color, #333)}.action-btn.edit:hover{background:#2196f326}.action-btn.delete{color:#f44336;border:1px solid var(--border-color, #333)}.action-btn.delete:hover{background:#f4433626}.sort-icon{margin-left:4px;opacity:.7}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary, #aaa)}.empty-state p{font-size:16px;margin:0}@media (max-width: 768px){.project-table-container{overflow-x:auto}.project-table{min-width:900px}.action-buttons{flex-wrap:wrap}}.project-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.project-form-modal{background:var(--card-background, #1e1e1e);border-radius:12px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.project-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #333)}.project-form-header h3{margin:0;color:var(--text-primary, #fff);font-size:20px}.project-form .close-button{background:none;border:none;color:var(--text-secondary, #aaa);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.project-form .close-button:hover{background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff)}.project-form{padding:20px}.project-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.project-form .form-group{display:flex;flex-direction:column;gap:8px}.project-form .form-group.full-width{grid-column:1 / -1}.project-form .form-group label{color:var(--text-primary, #fff);font-size:14px;font-weight:500}.project-form .form-group .required{color:#f44336}.project-form .form-group input,.project-form .form-group textarea,.project-form .form-group select{padding:10px 15px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:14px;font-family:inherit;transition:border-color .2s ease}.project-form .form-group input:focus,.project-form .form-group textarea:focus,.project-form .form-group select:focus{outline:none;border-color:var(--primary-color)}.project-form .form-group input.error,.project-form .form-group textarea.error{border-color:#f44336}.project-form .error-message{color:#f44336;font-size:12px;margin-top:-2px}.project-form .form-group textarea{resize:vertical;min-height:80px}.project-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color, #333)}.project-form .btn-primary{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.project-form .btn-primary:hover:not(:disabled){opacity:.9}.project-form .btn-secondary{padding:10px 20px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);border:1px solid var(--border-color, #333);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.project-form .btn-secondary:hover:not(:disabled){background:var(--border-color, #333)}@media (max-width: 768px){.project-form .form-row{grid-template-columns:1fr}.project-form .form-actions{flex-direction:column-reverse}.project-form .btn-primary,.project-form .btn-secondary{width:100%}}.project-dashboard{padding:20px}.project-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.project-dashboard h2{margin:0;color:var(--text-primary)}.btn-create-project{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.btn-create-project:hover{opacity:.9}.project-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.project-search{flex:1;min-width:200px;padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary);font-size:14px}.project-search:focus{outline:none;border-color:var(--primary-color)}.project-filter-status{padding:10px 15px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary);font-size:14px;min-width:160px}.project-view-toggle{display:flex;gap:0}.project-view-toggle button{padding:8px 16px;border:1px solid var(--border-color);background:var(--background-secondary, #2a2a2a);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.project-view-toggle button:first-child{border-radius:8px 0 0 8px}.project-view-toggle button:last-child{border-radius:0 8px 8px 0}.project-view-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.project-view-toggle button:hover:not(.active){background:var(--border-color);color:var(--text-primary)}.project-dashboard .loading,.project-dashboard .error{text-align:center;padding:40px 20px;color:var(--text-secondary)}.project-dashboard .error{color:#f44336}.project-dashboard .empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.project-dashboard .empty-state p{margin:0 0 16px;font-size:16px}.project-dashboard .empty-state .btn-create-project{margin-top:8px}.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;text-align:center}.metric-card h3{margin:0 0 8px;font-size:.9em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{margin:0;font-size:2em;font-weight:700;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.projects-page{padding:20px;max-width:1400px;margin:0 auto}.news-page{padding:2rem;max-width:1400px;margin:0 auto}.news-header{margin-bottom:2rem}.news-header h2{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.news-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color, #ddd)}.news-tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:var(--text-secondary, #666);display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:1rem}.news-tabs button:hover{color:var(--text-color);background:var(--hover-background, #f5f5f5)}.news-tabs button.active{color:var(--primary-color, #007bff);border-bottom-color:var(--primary-color, #007bff);font-weight:600}.news-content{min-height:400px}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.news-card{background:var(--card-background, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.news-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.news-image{width:100%;height:200px;overflow:hidden;background:var(--hover-background, #f5f5f5)}.news-image img{width:100%;height:100%;object-fit:cover}.news-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.news-source{font-size:.75rem;color:var(--primary-color, #007bff);font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.news-title{margin:0 0 .75rem;font-size:1.2rem;font-weight:700;color:var(--text-color);line-height:1.4}.news-description{margin:0 0 1rem;color:var(--text-secondary, #666);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color, #ddd)}.news-date{font-size:.9rem;color:var(--text-tertiary, #999)}.news-link{display:flex;align-items:center;gap:.5rem;color:var(--primary-color, #007bff);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.news-link:hover{color:var(--primary-hover, #0056b3);text-decoration:underline}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #666)}[data-theme=dark] .news-card{background:var(--card-background, #2d2d2d);border-color:var(--border-color, #444)}[data-theme=dark] .news-image{background:var(--hover-background, #3a3a3a)}@media (max-width: 768px){.news-grid{grid-template-columns:1fr}}.calendar-page{padding:2rem;max-width:1400px;margin:0 auto}.calendar-page.loading,.calendar-page.error{display:flex;justify-content:center;align-items:center;min-height:60vh;flex-direction:column}.loading-spinner{border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.calendar-header h1{margin:0;color:#1f2937}.calendar-controls{display:flex;align-items:center;gap:1rem}.btn-nav,.btn-today{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-nav:hover,.btn-today:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.current-month{font-size:1.2rem;font-weight:600;color:#1f2937;min-width:200px;text-align:center}.calendar-container{background:var(--bg-secondary);border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb}.calendar-weekday{background:var(--bg-tertiary);padding:.75rem;text-align:center;font-weight:600;color:var(--text-secondary);font-size:.9rem}.calendar-day{background:var(--bg-secondary);min-height:100px;padding:.5rem;display:flex;flex-direction:column;position:relative}.calendar-day.other-month{background:var(--bg-tertiary);color:var(--text-muted)}.calendar-day.today{background:var(--bg-tertiary);border:2px solid var(--accent-primary)}.day-number{font-weight:600;margin-bottom:.25rem;color:#1f2937}.calendar-day.other-month .day-number{color:#9ca3af}.calendar-day.today .day-number{color:#3b82f6;font-weight:700}.day-events{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.calendar-event{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;gap:.25rem;overflow:hidden}.calendar-event:hover{opacity:.9}.event-time{font-weight:600;white-space:nowrap}.event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-call-badge{font-size:.9rem}.more-events{font-size:.7rem;color:#6b7280;padding:.25rem;text-align:center}.calendar-events-list{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.calendar-events-list h2{margin:0 0 1rem;color:#1f2937}.no-events{color:#6b7280;text-align:center;padding:2rem}.events-list{display:flex;flex-direction:column;gap:1rem}.event-item{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;transition:all .2s}.event-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.event-date{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.event-details h3{margin:0 0 .5rem;color:#1f2937;font-size:1.1rem}.event-details p{margin:.25rem 0;color:#4b5563;font-size:.9rem}.event-location,.event-call{color:#6b7280;font-size:.85rem}.event-link{display:inline-block;margin-top:.5rem;color:#3b82f6;text-decoration:none;font-size:.9rem}.event-link:hover{text-decoration:underline}.error-message{text-align:center}.error-message h2{color:#ef4444;margin-bottom:1rem}.btn-retry{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem}.btn-retry:hover{background:#2563eb}@media (max-width: 768px){.calendar-page{padding:1rem}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-controls{width:100%;justify-content:space-between}.calendar-day{min-height:80px}.calendar-event{font-size:.7rem;padding:.2rem .4rem}}.login-page-futuristic{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--login-background-color, #1A122E);padding:20px;color:var(--login-text-color, inherit)}.login-page-futuristic{--login-primary-color: var(--cta-primary, #E04F2F);--login-secondary-color: var(--accent-secondary, #8338ec);--login-background-color: var(--bg-primary, #1A122E);--login-text-color: var(--text-primary, #e8eaf6)}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.particles-container{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent-primary, #00d4ff);border-radius:50%;box-shadow:0 0 10px var(--accent-primary),0 0 20px var(--accent-primary);animation:float infinite ease-in-out;opacity:.6}@keyframes float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(50px);opacity:0}}.grid-overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(120,80,200,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,80,200,.06) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.4}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 15s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,#ff006e 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#8338ec 0%,transparent 70%);top:50%;right:-175px;animation-delay:10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.login-container-futuristic{position:relative;z-index:1;background:var(--bg-card, rgba(46, 41, 78, .9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;padding:48px 40px;width:100%;max-width:440px;box-shadow:0 8px 32px #0006,0 0 0 1px #8338ec26,inset 0 1px #ffffff0f;animation:containerGlow 3s ease-in-out infinite}@keyframes containerGlow{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #8338ec40,inset 0 1px #ffffff0f}50%{box-shadow:0 8px 32px #0006,0 0 0 1px #8338ec66,0 0 30px #8338ec26,inset 0 1px #ffffff0f}}.login-header-futuristic{text-align:center;margin-bottom:40px}.logo-container{position:relative;display:inline-block;margin-bottom:16px}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}.login-title{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;gap:4px;font-family:"Montserrat",inherit}.title-main{font-size:42px;font-weight:700;color:var(--login-text-color, var(--text-primary));letter-spacing:.02em;animation:titleShine 3s ease-in-out infinite}@keyframes titleShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.title-subtitle{font-size:14px;font-weight:500;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase}.login-subtitle{margin:0;color:var(--login-text-color, rgba(255, 255, 255, .6));font-size:14px;font-weight:400;letter-spacing:1px}.login-subtitle-row{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-info-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid rgba(0,212,255,.25);background:#00000040;color:#00d4ffd9;cursor:pointer;transition:all .2s ease}.login-info-button:hover{border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff1f,0 0 18px #00d4ff40;transform:translateY(-1px)}.login-info-button:active{transform:translateY(0)}.login-info-button:focus-visible{outline:none;box-shadow:0 0 0 3px #00d4ff2e,0 0 24px #00d4ff40}.login-info-icon{display:block}.login-info-popover{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 56px));padding:14px 14px 12px;border-radius:14px;background:var(--card-bg);background-color:var(--card-bg);border:1px solid rgba(0,212,255,.28);box-shadow:0 16px 40px #00000080,0 0 0 1px #00d4ff14,0 0 28px #00d4ff1f;z-index:5;text-align:left}.login-info-popover:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:14px;height:14px;background:var(--card-bg);border-left:1px solid rgba(0,212,255,.22);border-top:1px solid rgba(0,212,255,.22)}.login-info-popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.login-info-popover-title{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffffe6}.login-info-close{width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffd9;cursor:pointer;line-height:1;font-size:18px;transition:all .2s ease}.login-info-close:hover{border-color:#ffffff40;background:#ffffff1a}.login-info-close:focus-visible{outline:none;box-shadow:0 0 0 3px #00d4ff29}.login-info-popover-text{margin:0 0 12px;font-size:13px;line-height:1.45;color:#ffffffb8}.login-info-popover-actions{display:flex;gap:10px;align-items:center}.login-info-link,.login-info-link-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.login-info-link{background:linear-gradient(135deg,#00d4ff38,#8338ec38);border:1px solid rgba(0,212,255,.35);color:#ffffffeb}.login-info-link:hover{border-color:#00d4ff8c;box-shadow:0 0 0 3px #00d4ff1a}.login-info-link-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#ffffffd9}.login-info-link-secondary:hover{background:#ffffff1a;border-color:#ffffff42}.login-form-futuristic{display:flex;flex-direction:column;gap:24px}.login-forgot-link{margin-top:-8px;align-self:center;border:none;background:transparent;color:#00d4ffd9;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.login-forgot-link:hover{text-decoration:underline}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.login-modal{width:100%;max-width:520px;background:#0a0e27eb;border:1px solid rgba(0,212,255,.28);border-radius:18px;padding:18px;box-shadow:0 18px 60px #0009}.login-modal-title{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffffffeb;margin-bottom:10px}.login-modal-text{font-size:13px;line-height:1.45;color:#ffffffb3;margin-bottom:14px}.login-modal-attempts{color:#ffffff8c}.login-modal-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.login-modal-input{width:100%;padding:14px 16px;border:1px solid rgba(0,212,255,.2);border-radius:12px;background:#0000004d;color:#fff;font-size:14px}.login-modal-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1f}.login-modal-hint{font-size:13px;color:#ffffffbf}.login-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.login-modal-primary,.login-modal-secondary{border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}.login-modal-primary{border:1px solid rgba(0,212,255,.35);background:linear-gradient(135deg,#00d4ff40,#8338ec40);color:#ffffffeb}.login-modal-secondary{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffd9}.login-modal-secondary:hover{background:#ffffff1a}.form-group-futuristic{display:flex;flex-direction:column;gap:8px}.form-label-futuristic{display:flex;align-items:center;justify-content:space-between;color:#fffc;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.label-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);margin-left:12px}.input-wrapper-futuristic{position:relative}.input-futuristic{width:100%;padding:16px 20px;border:1px solid rgba(0,212,255,.2);border-radius:12px;background:#0000004d;color:#fff;font-size:15px;transition:all .3s ease;position:relative;z-index:1}.input-futuristic::placeholder{color:#ffffff4d}.input-futuristic:focus{outline:none;border-color:#00d4ff;background:#00000080;box-shadow:0 0 0 3px #00d4ff1a,0 0 20px #00d4ff33}.input-futuristic:focus+.input-glow{opacity:1}.input-glow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,#00d4ff1a,#8338ec1a);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.login-error-futuristic{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ff006e1a;border:1px solid rgba(255,0,110,.3);border-radius:12px;color:#ff006e;font-size:14px;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:18px}.login-button-futuristic{position:relative;padding:18px 32px;border:none;border-radius:12px;background:var(--login-primary-color, var(--cta-primary));color:#fff;font-size:16px;font-weight:600;font-family:"Montserrat",inherit;cursor:pointer;overflow:hidden;transition:all .3s ease;margin-top:8px;text-transform:uppercase;letter-spacing:1px}.login-button-futuristic:hover:not(:disabled){transform:translateY(-2px);background:var(--cta-primary-hover, #e85c3d);box-shadow:0 8px 24px #e04f2f66,0 0 40px #e04f2f40}.login-button-futuristic:active:not(:disabled){transform:translateY(0)}.login-button-futuristic:disabled{opacity:.6;cursor:not-allowed}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.login-button-futuristic:hover:not(:disabled) .button-glow{opacity:1}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.login-footer-futuristic{margin-top:32px;text-align:center}.footer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);margin-bottom:16px}.footer-text{margin:0;color:#fff6;font-size:12px;letter-spacing:1px;text-transform:uppercase}@media (max-width: 480px){.login-container-futuristic{padding:32px 24px}.title-main{font-size:32px}.login-form-futuristic{gap:20px}}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top-color:var(--login-primary-color, var(--cta-primary));border-radius:50%;animation:spin 1s linear infinite}.reset-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e27;padding:20px}.reset-card{width:100%;max-width:520px;background:#0a0e27d1;border:1px solid rgba(0,212,255,.28);border-radius:20px;padding:32px;box-shadow:0 12px 40px #00000080;color:#ffffffe6}.reset-title{margin:0 0 10px;font-size:24px;letter-spacing:.5px}.reset-subtitle{margin:0 0 18px;color:#ffffffa6;font-size:14px;line-height:1.45}.reset-alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:14px}.reset-alert-error{background:#ff006e1f;border:1px solid rgba(255,0,110,.35);color:#fffffff2}.reset-alert-success{background:#00d4ff1f;border:1px solid rgba(0,212,255,.35);color:#fffffff2}.reset-form{display:flex;flex-direction:column;gap:14px}.reset-label{display:flex;flex-direction:column;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#ffffffbf}.reset-input{width:100%;padding:14px 16px;border:1px solid rgba(0,212,255,.2);border-radius:12px;background:#0000004d;color:#fff;font-size:15px}.reset-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1f}.reset-button{margin-top:6px;padding:14px 18px;border:none;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#8338ec);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.reset-button:disabled{opacity:.65;cursor:not-allowed}.reset-actions{margin-top:12px}.reset-link-button{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffe6;border-radius:10px;padding:10px 12px;cursor:pointer}.reset-link-button:hover{background:#ffffff1a}.prospects-container{padding:20px;background-color:var(--bg-primary);min-height:100%}.prospects-container h2{color:#1e293b;margin-bottom:20px}.prospects-container table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.prospects-container th{background-color:var(--bg-tertiary);padding:12px 24px;text-align:left;font-weight:600;color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.prospects-container td{padding:16px 24px;border-bottom:1px solid #e2e8f0;color:#334155}.prospects-container tr:last-child td{border-bottom:none}.prospects-container tr:hover{background-color:#f8fafc}.prospects-container .px-2{padding-left:.5rem;padding-right:.5rem}.prospects-container .py-1{padding-top:.25rem;padding-bottom:.25rem}.prospects-container .rounded-full{border-radius:9999px}.prospects-container .text-xs{font-size:.75rem;line-height:1rem}.bg-gray-100{background-color:var(--bg-tertiary)}.text-gray-800{color:#1f2937}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.bg-green-100{background-color:#dcfce7}.text-green-800{color:#166534}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}.bg-yellow-100{background-color:#fef9c3}.text-yellow-800{color:#854d0e}button.bg-indigo-600{background-color:#4f46e5;transition:background-color .2s}button.bg-indigo-600:hover{background-color:#4338ca}button.bg-indigo-600:disabled{opacity:.5;cursor:not-allowed}button.bg-indigo-50{background-color:#eef2ff;color:#4f46e5;transition:all .2s}button.bg-indigo-50:hover{background-color:#e0e7ff;color:#4338ca}button.bg-indigo-50:disabled{opacity:.5;cursor:not-allowed}.prospects-page{width:100%;height:100%}.interactive-scraper-map{display:flex;flex-direction:column;gap:1.5rem}.map-controls{background:var(--card-bg);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.search-bar button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;white-space:nowrap}.search-bar button:hover{opacity:.9}.radius-control{margin-bottom:1rem}.radius-control label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.radius-control input[type=range]{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#667eea,#764ba2);outline:none;opacity:.7;transition:opacity .2s}.radius-control input[type=range]:hover{opacity:1}.radius-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid #667eea;cursor:pointer}.radius-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid #667eea;cursor:pointer}.selected-location{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.selected-location p{margin:.5rem 0}.selected-location .location-name{font-size:.9rem;opacity:.9}.scrape-button{margin-top:1rem;padding:.75rem 2rem;background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:4px;font-weight:600;cursor:pointer;width:100%;transition:transform .2s}.scrape-button:hover{transform:translateY(-2px)}.map-container-wrapper{border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.map-instructions{background:var(--card-bg);padding:1rem;border-radius:8px;border-left:4px solid #667eea}.map-instructions p{margin:0 0 .5rem;font-weight:600;color:var(--text-primary)}.map-instructions ul{margin:0;padding-left:1.5rem;color:var(--text-secondary)}.map-instructions li{margin:.25rem 0}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:8px}.crm-scraper-page{padding:2rem;max-width:1400px;margin:0 auto}.scraper-header{margin-bottom:2rem}.scraper-success-banner{padding:.75rem 1rem;margin-bottom:1rem;background:var(--primary-color);color:#fff;border-radius:8px;font-size:.95rem}.scraper-success-cta{font-weight:600;color:#fff;text-decoration:underline}.scraper-success-cta:hover{opacity:.9}.scraper-config{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.type-selector{position:relative;min-width:260px}.type-selector label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem}.type-selector-combobox{position:relative}.type-selector-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer}.type-selector-trigger:hover{border-color:var(--primary-color, #1976d2)}.type-selector-chevron{margin-left:.5rem;font-size:.7rem;opacity:.8}.type-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;border:1px solid var(--border-color);border-radius:8px;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));box-shadow:0 8px 24px #00000059;z-index:2000;overflow:hidden}.type-selector-search{width:100%;padding:.6rem .75rem;border:none;border-bottom:1px solid var(--border-color);background:var(--input-bg);background-color:var(--input-bg);color:var(--text-primary);font-size:.95rem;box-sizing:border-box}.type-selector-search:focus{outline:none}.type-selector-list{max-height:280px;overflow-y:auto;list-style:none;margin:0;padding:.25rem 0}.type-selector-option{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.type-selector-option:hover{background:var(--hover-bg)}.type-selector-option.selected{background:#2563eb1f;font-weight:600}.type-selector-empty{padding:.75rem 1rem;color:var(--text-secondary);font-style:italic}.places-table-container{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.places-table{width:100%;border-collapse:collapse}.places-table thead{background:var(--header-bg)}.places-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color)}.places-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.places-table th.sortable-header:hover{background:var(--hover-bg)}.places-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.places-table tbody tr:hover{background:var(--hover-bg)}.places-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.places-search-row{flex-basis:100%;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.places-search-label{font-weight:500;color:var(--text-secondary);white-space:nowrap}.places-search-input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.95rem}.places-search-input::placeholder{color:var(--text-secondary);opacity:.8}.places-results-header h2{margin:0}.places-results-intro{flex-basis:100%;margin:.5rem 0 0;font-size:.95rem;color:var(--text-secondary)}.places-results-intro .btn-link-empresas-inline{color:var(--primary-color, #1976d2);font-weight:600;text-decoration:none}.places-results-intro .btn-link-empresas-inline:hover{text-decoration:underline}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.9rem}.pagination-btn:hover:not(:disabled){background:var(--hover-bg)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-secondary)}.scraper-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.scraper-tabs button{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;margin-bottom:-1px}.scraper-tabs button:hover{color:var(--text-primary)}.scraper-tabs button.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--primary, #2563eb)}.scrap-history-section h2,.mail-scraper-section h2{margin-bottom:.5rem}.section-desc{color:var(--text-secondary);margin-bottom:1rem}.scrap-meta{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.scrap-history-pagination{margin-bottom:1rem}.scrap-history-actions{margin-top:1rem}.scrap-history-error{padding:1rem;margin-bottom:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:var(--text-primary)}.scrap-table .params-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrap-table .clickable-cell{cursor:pointer}.scrap-table .clickable-cell:hover{background:#2563eb14}.cell-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.cell-popup{background:var(--card-bg);background-color:var(--card-bg);border-radius:10px;box-shadow:0 8px 32px #00000080;max-width:420px;width:100%;max-height:70vh;display:flex;flex-direction:column;opacity:1}.cell-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.cell-popup-header h3{margin:0;font-size:1rem;font-weight:600}.cell-popup-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0 .25rem}.cell-popup-close:hover{color:var(--text-primary)}.cell-popup-content{margin:0;padding:1rem;overflow:auto;font-size:.875rem;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);flex:1;min-height:0}.scrape-result-popup{max-width:520px}.scrape-result-content{padding:1rem;color:var(--text-secondary)}.scrape-result-content p{margin:0 0 .75rem}.scrape-result-content ul{margin:0;padding-left:1.25rem}.scrape-result-success{color:var(--text-primary)}.scrape-result-error{color:#ef4444}.scrape-result-actions{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.refresh-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--header-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.9rem}.refresh-btn:hover:not(:disabled){background:var(--hover-bg)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.mail-scraper-form{max-width:400px;margin-bottom:1.5rem}.mail-scraper-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}.mail-scraper-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.mail-scraper-form input[type=number]{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem}.submit-btn{padding:.6rem 1.25rem;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.mail-result{padding:1rem;border-radius:8px;max-width:480px}.mail-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.mail-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.mail-result h3{margin:0 0 .5rem;font-size:1rem}.mail-result ul{margin:.5rem 0 0;padding-left:1.25rem}.crm-detail-overlay{position:fixed;left:0;right:0;bottom:0;top:var(--app-header-height, 70px);z-index:1200;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box}.crm-detail-dialog{width:100%;max-width:640px;max-height:min(calc(100vh - var(--app-header-height, 70px) - 2.5rem),720px);background:var(--card-bg, #1e293b);color:var(--text-primary, #f1f5f9);border-radius:14px;border:1px solid var(--border-color, rgba(148, 163, 184, .25));box-shadow:0 25px 50px -12px #00000073,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;overflow:hidden}.crm-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .2));background:linear-gradient(180deg,rgba(59,130,246,.08),transparent)}.crm-detail-header h2{margin:0;font-size:1.15rem;font-weight:700}.crm-detail-close{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:8px;border:1px solid var(--border-color, rgba(148, 163, 184, .35));background:var(--input-bg, rgba(30, 41, 59, .8));color:var(--text-primary, #f1f5f9);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease}.crm-detail-close:hover{background:var(--hover-bg, rgba(148, 163, 184, .15));transform:scale(1.05)}.crm-detail-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;min-height:0}.crm-detail-banner{padding:.65rem .85rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;line-height:1.4}.crm-detail-banner--warn{background:#fbbf2426;border:1px solid rgba(251,191,36,.45);color:#fcd34d}.crm-detail-loading{text-align:center;padding:2rem 1rem;color:var(--text-secondary, #94a3b8);font-size:.95rem}.crm-detail-empty{margin:0;padding:1.5rem;text-align:center;color:var(--text-secondary, #94a3b8)}.crm-detail-section h3{margin:0 0 .65rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #94a3b8);font-weight:600}.crm-detail-section+.crm-detail-section{margin-top:1.25rem;padding-top:1rem;border-top:1px dashed var(--border-color, rgba(148, 163, 184, .2))}.crm-detail-grid{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem 1.25rem}.crm-detail-row{display:flex;flex-direction:column;gap:.2rem;min-width:0}.crm-detail-row--full{grid-column:1 / -1}.crm-detail-label{font-size:.72rem;color:var(--text-secondary, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.crm-detail-value{font-size:.9rem;word-break:break-word;line-height:1.45}.crm-detail-pre{margin:0;padding:.65rem .75rem;border-radius:8px;background:var(--input-bg, rgba(15, 23, 42, .6));border:1px solid var(--border-color, rgba(148, 163, 184, .2));font-size:.75rem;overflow-x:auto;max-height:200px}.crm-detail-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border-color, rgba(148, 163, 184, .2));display:flex;justify-content:flex-end}.crm-detail-footer .crm-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid var(--border-color, rgba(148, 163, 184, .35));background:var(--card-bg, #334155);color:var(--text-primary, #f8fafc);transition:opacity .15s ease,transform .1s ease}.crm-detail-footer .crm-btn:hover{opacity:.92;transform:translateY(-1px)}.crm-service-types-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#020617ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.crm-service-types-dialog{width:min(1080px,100%);max-height:min(90vh,860px);overflow:hidden;display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(160deg,#0f172af5,#111827eb);box-shadow:0 30px 60px #02061780}.crm-service-types-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.2)}.crm-service-types-header h2{margin:0}.crm-service-types-close{border:1px solid rgba(148,163,184,.34);background:#1e293bbf;color:var(--text-primary);border-radius:8px;width:2rem;height:2rem;cursor:pointer}.crm-service-types-content{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;padding:1rem 1.25rem 1.25rem;overflow:auto}.crm-service-types-list{display:grid;gap:.65rem}.crm-service-types-item{border:1px solid rgba(100,116,139,.3);background:#0f172a8f;border-radius:10px;padding:.7rem .8rem;display:flex;justify-content:space-between;gap:.75rem}.crm-service-types-item p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.82rem}.crm-service-types-key{opacity:.8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.76rem}.crm-service-types-item-actions{display:flex;gap:.4rem;flex-wrap:wrap}.crm-service-types-form{display:grid;gap:.6rem}.crm-service-types-form input,.crm-service-types-form textarea{width:100%;padding:.6rem .7rem;border-radius:8px;border:1px solid rgba(148,163,184,.3);background:#0f172ab8;color:var(--text-primary)}.crm-service-types-form label{display:flex;gap:.45rem;align-items:center;color:var(--text-secondary)}.crm-service-types-form-actions{display:flex;gap:.5rem}.crm-service-types-error{color:#fca5a5;font-size:.85rem}@media (max-width: 900px){.crm-service-types-content{grid-template-columns:1fr}}.crm-entity-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.crm-entity-modal{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 20px 50px #0003}.crm-entity-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.crm-entity-modal-body{padding:14px}.crm-companies-page,.crm-leads-page,.crm-places-page{padding:2rem;max-width:1400px;margin:0 auto}.crm-companies-page h1,.crm-leads-page h1,.crm-places-page h1{margin-bottom:2rem}.form-container{background:var(--card-bg);padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.form-container form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-container input,.form-container select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.form-container button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.form-container button:hover{opacity:.9}.form-container button[type=button]{background:var(--secondary-color)}.crud-table-scroll-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.crud-table-scroll-wrap{margin-left:-.5rem;margin-right:-.5rem;padding:0 .5rem}}.crud-table{width:100%;min-width:600px;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;border-collapse:collapse}.crud-table thead{background:var(--header-bg)}.crud-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.crud-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.crud-table tbody tr:hover{background:var(--hover-bg)}.crud-table button{background:none;border:none;cursor:pointer;font-size:1.2rem;margin:0 .25rem}.crud-table button:hover{transform:scale(1.2)}.no-data{text-align:center;color:var(--text-secondary);font-style:italic}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.crm-error-banner{background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.crm-error-banner button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit}.crm-success-banner{background:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem}.crm-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.crm-toolbar .btn-preapproved{padding:.5rem 1rem;background:var(--primary-color, #1976d2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.crm-toolbar .btn-preapproved:hover{opacity:.9}.places-pagination-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.places-pagination-header .pagination-info{font-size:.9rem;color:var(--text-secondary)}.places-pagination-header .pagination-controls{display:flex;align-items:center;gap:.75rem}.places-pagination-header .pagination-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.9rem}.places-pagination-header .pagination-btn:hover:not(:disabled){background:var(--hover-bg)}.places-pagination-header .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.companies-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.companies-toolbar .filter-scraped,.companies-toolbar .filter-origin-group{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.companies-toolbar .filter-origin-group{flex-wrap:wrap;gap:.5rem}.companies-toolbar .filter-label{font-weight:600;color:var(--text-secondary)}.companies-toolbar .filter-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.9rem}.companies-toolbar .filter-btn:hover{background:var(--hover-bg)}.companies-toolbar .filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.crud-table .origin-cell{font-size:.85rem;color:var(--text-secondary)}.companies-toolbar .pagination-controls{display:flex;align-items:center;gap:.75rem}.companies-toolbar .pagination-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.9rem}.companies-toolbar .pagination-btn:hover:not(:disabled){background:var(--hover-bg)}.companies-toolbar .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.companies-toolbar .pagination-info{font-size:.9rem;color:var(--text-secondary)}.places-intro{margin-bottom:.75rem;color:var(--text-secondary);max-width:60rem}.places-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn-link-empresas{padding:.5rem 1rem;background:var(--primary-color, #1976d2);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.95rem}.btn-link-empresas:hover{opacity:.9}.btn-export-csv{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.95rem}.btn-export-csv:hover:not(:disabled){background:var(--hover-bg)}.btn-export-csv:disabled{opacity:.6;cursor:not-allowed}.action-edit-link{color:var(--primary-color, #1976d2);text-decoration:none;font-size:.9rem}.action-edit-link:hover{text-decoration:underline}.places-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.places-filters .places-search-row{flex-basis:100%;display:flex;align-items:center;gap:.75rem}.places-filters .places-search-row .places-filter-input{flex:1;min-width:200px}.places-filters .places-search-row .pagination-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);cursor:pointer}.places-filters .places-search-row .pagination-btn:hover:not(:disabled){background:var(--hover-bg)}.places-filters .places-search-row .pagination-btn:disabled{opacity:.6;cursor:not-allowed}.places-filter-city,.places-filter-web{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.places-filter-city span,.places-filter-web span{color:var(--text-secondary);white-space:nowrap}.places-filter-input,.places-filter-select{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem}.places-filter-input{min-width:180px}.places-filter-hint{font-size:.85rem;color:var(--text-secondary)}.leads-company-selector{position:relative;min-width:280px}.leads-company-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.leads-company-combobox{position:relative}.leads-company-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem;text-align:left;cursor:pointer}.leads-company-trigger:hover:not(:disabled){border-color:var(--primary-color, #1976d2)}.leads-company-trigger:disabled{opacity:.7;cursor:wait}.leads-company-chevron{margin-left:.5rem;font-size:.7rem;opacity:.8}.leads-company-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;border:1px solid var(--border-color);border-radius:8px;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));box-shadow:0 8px 24px #00000059;z-index:2000;overflow:hidden}.leads-company-search{width:100%;padding:.6rem .75rem;border:none;border-bottom:1px solid var(--border-color);background:var(--input-bg);background-color:var(--input-bg);color:var(--text-primary);font-size:.9rem;box-sizing:border-box}.leads-company-search:focus{outline:none}.leads-company-list{max-height:260px;overflow-y:auto;list-style:none;margin:0;padding:.25rem 0}.leads-company-option{padding:.5rem .75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.leads-company-option:hover{background:var(--hover-bg)}.leads-company-option.selected{background:#2563eb1f;font-weight:600}.leads-company-option-name{font-weight:500}.leads-company-option-city{font-size:.85rem;color:var(--text-secondary)}.leads-company-option-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;background:#2563eb33;color:var(--primary-color, #1976d2);margin-left:auto}.leads-company-empty{padding:.75rem 1rem;color:var(--text-secondary);font-style:italic}.workbench-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.workbench-tabs,.workbench-actions,.view-toggle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.workbench-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-bottom:1rem}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:.75rem}@media (max-width: 1200px){.kanban-board{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 700px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;min-height:220px}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.kanban-cards{display:flex;flex-direction:column;gap:.5rem}.kanban-card{border:1px solid var(--border-color);border-radius:6px;padding:.5rem;background:var(--input-bg)}.kanban-card-title{font-weight:600;margin-bottom:.35rem}.kanban-card-meta{font-size:.82rem;color:var(--text-secondary)}.kanban-card-actions{margin-top:.5rem;display:flex;gap:.5rem}.crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .95rem;border-radius:8px;font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease;font-family:inherit;line-height:1.2;white-space:nowrap}.crm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.crm-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.crm-btn-primary{background:linear-gradient(135deg,var(--primary-color, #2563eb),#1d4ed8);color:#fff;border-color:#ffffff1f}.crm-btn-secondary{background:var(--card-bg, #334155);color:var(--text-primary, #f8fafc);border-color:var(--border-color, rgba(148, 163, 184, .35))}.crm-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#ffffff1a}.crm-btn-ghost{background:transparent;color:var(--primary-color, #60a5fa);border-color:#60a5fa66}.crm-table-actions{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center}.crm-table-actions .crm-btn{margin:0;font-size:.75rem;padding:.35rem .65rem}.crm-table-row-clickable{cursor:pointer}.crm-table-row-clickable:focus-visible{outline:2px solid var(--primary-color, #3b82f6);outline-offset:-2px}.crm-cell-muted{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crud-table tbody .crm-table-actions .crm-btn{background-image:none;border-style:solid;font-size:.75rem}.crud-table tbody .crm-table-actions .crm-btn-primary{background:linear-gradient(135deg,var(--primary-color, #2563eb),#1d4ed8);color:#fff}.crud-table tbody .crm-table-actions .crm-btn-secondary{background:var(--card-bg, #334155);color:var(--text-primary, #f8fafc);border:1px solid var(--border-color, rgba(148, 163, 184, .35))}.crud-table tbody .crm-table-actions .crm-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.crud-table tbody .crm-table-actions .crm-btn-ghost{background:#3b82f61f;color:var(--primary-color, #93c5fd);border:1px solid rgba(96,165,250,.35)}.crm-companies-page,.crm-leads-page,.crm-places-page{position:relative;border-radius:18px;background:radial-gradient(1300px 480px at 8% -12%,rgba(56,189,248,.12),transparent 55%),radial-gradient(900px 340px at 95% -8%,rgba(99,102,241,.15),transparent 55%),linear-gradient(165deg,#020617f2,#0f172aeb);border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 60px #02061766}.crm-companies-page h1,.crm-leads-page h1,.crm-places-page h1{font-size:clamp(1.5rem,2vw,2rem);letter-spacing:.02em}.crm-hero-panel{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.crm-hero-card{padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(155deg,#1e293ba6,#0f172a94)}.crm-hero-card strong{font-size:1.08rem}.crm-hero-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.28rem}.workbench-topbar,.workbench-filters,.companies-toolbar,.form-container,.crud-table-scroll-wrap,.kanban-column{border:1px solid rgba(148,163,184,.22);background:linear-gradient(155deg,#1e293b8f,#0f172a9e);box-shadow:inset 0 1px #94a3b814}.workbench-topbar,.workbench-filters,.companies-toolbar{border-radius:12px;padding:.75rem}.form-container{border-radius:14px}.places-filter-input,.places-filter-select,.form-container input,.form-container select,.form-container textarea,.leads-company-trigger,.leads-company-search{border-radius:10px;border-color:#94a3b859;background:#0f172ab8}.places-filter-input:focus,.places-filter-select:focus,.form-container input:focus,.form-container select:focus,.form-container textarea:focus,.leads-company-search:focus{outline:2px solid rgba(56,189,248,.4);outline-offset:1px}.crud-table{border-radius:12px;overflow:hidden}.crud-table thead{background:linear-gradient(90deg,#38bdf824,#818cf81f)}.crud-table tbody tr:hover{background:#38bdf817}.kanban-card{border-radius:10px;background:#0f172abd}@media (max-width: 900px){.crm-hero-panel{grid-template-columns:1fr}}.crm-funnel-page{padding:1.5rem;max-width:1200px;margin:0 auto}.crm-funnel-page h1{margin:0 0 .5rem}.crm-funnel-intro{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.crm-funnel-period{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.crm-funnel-period label{font-weight:500}.crm-funnel-period select{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary)}.crm-funnel-error{color:var(--error-color, #c62828);padding:1rem;background:var(--card-bg);border-radius:8px;margin-bottom:1rem}.crm-funnel-kpis{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.kpi-card{padding:1rem 1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;min-width:140px}.kpi-label{font-size:.85rem;color:var(--text-secondary)}.crm-funnel-stages h2,.crm-funnel-by-owner h2,.crm-funnel-loss h2{margin:0 0 .75rem;font-size:1.1rem}.funnel-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.funnel-stage{padding:.5rem .75rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;align-items:center;min-width:80px}.funnel-stage.won{background:#4caf5026;border-color:#4caf50}.funnel-stage.lost{background:#f443361a;border-color:#f44336}.stage-name{font-size:.8rem;color:var(--text-secondary)}.stage-count{font-weight:600;font-size:1.1rem}.funnel-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.funnel-table th,.funnel-table td{padding:.5rem .75rem;text-align:left;border:1px solid var(--border-color)}.funnel-table th{background:var(--header-bg);font-weight:600}.crm-funnel-loss ul{margin:0;padding-left:1.5rem}.crm-funnel-loss li{margin-bottom:.25rem}.crm-versions-page{padding:2rem;max-width:1400px;margin:0 auto}.crm-versions-intro{margin-bottom:1rem;color:var(--text-secondary)}.crm-versions-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.crm-versions-checkbox{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.crm-version-detail{margin-top:1rem;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);overflow:hidden}.crm-version-detail-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.crm-version-detail-header h2{margin:0;font-size:1rem}.crm-version-detail pre{margin:0;padding:1rem;max-height:360px;overflow:auto;font-size:.82rem;color:var(--text-secondary)}.crm-settings-page{padding:16px}.crm-settings-subtitle{color:#6b7280;margin-bottom:16px}.crm-settings-grid{display:grid;grid-template-columns:280px 1fr;gap:16px}.crm-settings-sidebar{display:flex;flex-direction:column;gap:8px}.crm-settings-tab{text-align:left;border:1px solid #d1d5db;border-radius:8px;padding:10px;background:#fff;cursor:pointer}.crm-settings-tab.active{border-color:#2563eb;background:#eff6ff}.crm-settings-content{border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fff}.crm-settings-header{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.crm-settings-header label{display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px}.crm-settings-header input{border:1px solid #d1d5db;border-radius:8px;padding:8px}.crm-settings-actions{display:flex;gap:8px}.crm-settings-table{width:100%;border-collapse:collapse}.crm-settings-table th,.crm-settings-table td{border-bottom:1px solid #e5e7eb;padding:8px}.crm-settings-table input[type=text],.crm-settings-table input[type=number]{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:6px}.crm-settings-message{margin-top:12px}@media (max-width: 960px){.crm-settings-grid{grid-template-columns:1fr}}.emails-page{padding:0;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.emails-layout{display:flex;min-height:calc(100vh - 200px)}.emails-sidebar{width:280px;min-height:calc(100vh - 200px);background:linear-gradient(180deg,#1a1a2e,#667eea,#764ba2);display:flex;flex-direction:column;position:relative}.sidebar-menu{position:absolute;bottom:2rem;left:0;right:0;display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:transparent;border:none;border-radius:12px;color:#ffffffb3;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.sidebar-menu-item:hover{background:#ffffff1a;color:#ffffffe6}.sidebar-menu-item.active{background:#fff3;color:#fff;box-shadow:0 4px 12px #0003}.menu-icon{font-size:1.25rem}.menu-label{flex:1}.emails-content{flex:1;padding:2rem;overflow-y:auto}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.templates-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;box-shadow:0 4px 12px #667eea4d;border:none;padding:.875rem 1.75rem;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-header p{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:220px}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.template-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--glow-primary);background:var(--bg-card-hover)}.template-card:hover:before{opacity:1}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.template-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.4;flex:1}.template-status{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 8px #10b9814d;transition:all .2s ease}.template-status.active{background:#10b981;color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.template-status.inactive{background:linear-gradient(135deg,#ef444433,#ef444426);color:var(--error);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 12px #ef444433}.template-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;min-height:2.4rem}.template-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1.5rem;width:100%;z-index:1}.btn{padding:.875rem 1.5rem;border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;box-shadow:0 4px 12px #667eea4d;flex:1;border:none}.btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-edit:active:not(:disabled){transform:translateY(0)}.btn-test{background:transparent!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;flex:1}.btn-test:hover:not(:disabled){background:var(--bg-card-hover)!important;border-color:var(--border-hover)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.filter-input,.filter-select{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.filter-input::placeholder{color:var(--text-muted)}.filter-input{flex:1;min-width:250px}.filter-select{min-width:180px}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-card{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.message-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translate(4px)}.message-header{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.status-pending{background:#9ca3af33;color:var(--text-secondary);border:1px solid rgba(156,163,175,.3)}.status-sent{background:#3b82f633;color:var(--info);border:1px solid rgba(59,130,246,.3);box-shadow:0 0 8px #3b82f633}.status-delivered{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3);box-shadow:0 0 8px #10b98133}.status-opened{background:#8338ec33;color:var(--accent-secondary);border:1px solid rgba(131,56,236,.3);box-shadow:0 0 8px #8338ec33}.status-clicked{background:#00d4ff33;color:var(--accent-primary);border:1px solid rgba(0,212,255,.3);box-shadow:0 0 8px #00d4ff33}.status-bounced,.status-failed{background:#ef444433;color:var(--error);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 8px #ef444433}.template-badge{padding:.375rem .875rem;border-radius:20px;font-size:.75rem;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);font-weight:500}.message-subject{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:1.05rem}.message-recipient{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.message-dates{color:var(--text-muted);font-size:.85rem;margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.message-error{color:var(--error);font-size:.85rem;margin-top:.75rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;border-left:3px solid var(--error)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.empty-state p{margin:0;color:var(--text-muted)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:300px}.loading:before{content:"";width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-right-color:var(--accent-secondary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--glow-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;max-width:972px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg),var(--glow-primary);animation:slideUp .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:20px 20px 0 0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin-top:0;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary);background:var(--bg-card)}.form-textarea{resize:vertical;font-family:Fira Code,Courier New,monospace;font-size:.85rem;line-height:1.6;min-height:120px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-input-group{display:flex;flex-direction:column;gap:.5rem}.form-input-group .form-textarea{flex:1}.btn-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;background:var(--primary-color, #667eea);color:#fff;border:none;border-radius:8px;cursor:pointer;align-self:flex-start}.btn-preview:hover{opacity:.9}.email-config-block{background:var(--bg-secondary, #f5f5f5);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.email-config-info{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.email-config-status{font-weight:600}.email-config-senders{font-size:.85rem;color:var(--text-muted, #666)}.modal-content.modal-preview-html{max-width:90vw;width:800px}.html-preview-frame-wrap{min-height:400px;max-height:70vh;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-card)}.html-preview-iframe{width:100%;height:400px;min-height:400px;max-height:70vh;border:none}@media (max-width: 768px){.emails-layout{flex-direction:column}.emails-sidebar{width:100%;min-height:auto;background:linear-gradient(90deg,#1a1a2e,#667eea,#764ba2)}.sidebar-menu{position:relative;bottom:auto;flex-direction:row;padding:1rem;overflow-x:auto}.sidebar-menu-item{white-space:nowrap}.emails-content{padding:1rem}.templates-grid{grid-template-columns:1fr;gap:1rem}.filters{flex-direction:column}.filter-input,.filter-select{width:100%;min-width:auto}.template-actions{flex-direction:column}.btn{width:100%}}.file-upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:2rem;text-align:center;background:var(--bg-tertiary);transition:all .3s ease;cursor:pointer}.file-upload-area:hover{border-color:var(--accent-primary);background:var(--bg-card)}.file-input{display:none}.file-upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;color:var(--text-primary);cursor:pointer;font-weight:600}.file-info{margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.preview-table{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card)}.preview-table table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.875rem}.preview-table th{background:var(--bg-tertiary);font-weight:600;position:sticky;top:0;z-index:1}.column-mapping{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px}.mapping-row{display:flex;align-items:center;gap:1rem}.mapping-row span{min-width:100px;font-weight:600;color:var(--text-primary)}.import-result{margin-top:2rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.import-result h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item{padding:1rem;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.stat-item.success{border-left:4px solid #10b981}.stat-item.warning{border-left:4px solid #f59e0b}.stat-item.error{border-left:4px solid #ef4444}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.errors-details{margin-top:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;max-height:300px;overflow-y:auto}.errors-details h4{margin-top:0;margin-bottom:.75rem;color:var(--text-primary)}.errors-details ul{list-style:none;padding:0;margin:0}.errors-details li{padding:.5rem;margin-bottom:.5rem;background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;font-size:.875rem;color:var(--text-primary)}.alert{padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;display:flex;align-items:center;gap:.75rem}.alert-error{background:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.form-section{max-width:1200px;margin:0 auto}.form-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:flex-end}.isometric-node{position:relative;width:100%;height:100%;min-width:120px;min-height:56px}.isometric-node-face{position:absolute;left:0;top:0;right:0;bottom:0;border:2px solid;border-radius:8px;transform:skewY(-6deg);transform-origin:center center;display:flex;align-items:center;justify-content:center;padding:8px 12px;box-shadow:0 2px 8px #00000026}.isometric-node-content{transform:skewY(6deg);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.isometric-node-side{position:absolute;bottom:-6px;left:8px;right:8px;height:8px;border-left:2px solid;border-bottom:2px solid transparent;transform:skewY(26deg);transform-origin:left bottom;opacity:.6;pointer-events:none}.react-flow__node.selected .isometric-node-face{box-shadow:0 4px 12px #00d4ff59}.workflow-builder-layout{display:flex;height:calc(100vh - 200px);gap:1rem}.workflow-sidebar{width:300px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.workflow-list h3,.node-palette h3,.workflow-info h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.workflow-item{padding:1rem;margin-bottom:.5rem;background:var(--bg-tertiary);border-radius:8px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.workflow-item:hover{background:var(--bg-card);border-left-color:var(--accent-primary)}.workflow-item.active{background:var(--bg-card);border-left-color:var(--accent-primary);box-shadow:0 2px 8px #00d4ff33}.workflow-item-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.workflow-item-meta{font-size:.875rem;color:var(--text-secondary)}.node-palette{border-top:1px solid var(--border-color);padding-top:1.5rem}.node-type-btn{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:4px solid;border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.node-type-btn:hover{background:var(--bg-card);transform:translate(4px)}.workflow-info{border-top:1px solid var(--border-color);padding-top:1.5rem}.workflow-stats{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.stat{flex:1;text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.workflow-canvas{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.workflow-node-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}.node-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.node-label{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:center}.react-flow__node{border-radius:12px;background:var(--bg-card);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.react-flow__node.selected{border-color:var(--accent-primary);box-shadow:0 4px 12px #00d4ff4d}.react-flow__edge{stroke:var(--border-color);stroke-width:2}.react-flow__edge.selected{stroke:var(--accent-primary)}.react-flow__handle{background:var(--accent-primary);border:2px solid var(--bg-card);width:12px;height:12px}.react-flow__controls{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.react-flow__controls-button{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.react-flow__controls-button:hover{background:var(--bg-card)}.react-flow__minimap{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.header-actions{display:flex;gap:1rem;align-items:center}.workflow-view-tabs{display:flex;gap:0;padding:.5rem 1rem 0;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.workflow-view-tabs button{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;margin-bottom:-1px}.workflow-view-tabs button:hover{color:var(--text-primary)}.workflow-view-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.workflow-view-mode-toggle{position:absolute;top:50px;right:12px;z-index:5;display:flex;gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.workflow-view-mode-toggle button{padding:.4rem .75rem;background:var(--bg-tertiary);border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer}.workflow-view-mode-toggle button:hover{color:var(--text-primary)}.workflow-view-mode-toggle button.active{background:var(--accent-primary);color:var(--bg-card)}.workflow-executions-panel{padding:1.5rem;overflow-y:auto;height:100%}.workflow-executions-panel h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary)}.workflow-executions-table{width:100%;border-collapse:collapse;font-size:.875rem}.workflow-executions-table th,.workflow-executions-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.workflow-executions-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary)}.workflow-executions-table td{color:var(--text-primary)}.execution-status{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.execution-status-success{background:#10b98133;color:#10b981}.execution-status-error{background:#ef444433;color:#ef4444}.execution-status-running{background:#3b82f633;color:#3b82f6}.workflows-hub-page{padding:1.5rem;max-width:1200px;margin:0 auto}.workflows-hub-header{margin-bottom:1.5rem}.workflows-hub-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary)}.workflows-hub-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.workflows-hub-kpis{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.kpi-card{flex:1;min-width:100px;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-align:center}.kpi-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.kpi-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.kpi-success .kpi-value{color:#10b981}.kpi-error .kpi-value{color:#ef4444}.kpi-running .kpi-value{color:#3b82f6}.workflows-hub-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.workflows-hub-tabs button{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;margin-bottom:-1px}.workflows-hub-tabs button:hover{color:var(--text-primary)}.workflows-hub-tabs button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.workflows-hub-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.workflows-hub-panel h2{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;color:var(--text-primary)}.workflows-hub-panel p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.5}.workflows-hub-link{color:var(--accent-primary);text-decoration:none}.workflows-hub-link:hover{text-decoration:underline}.workflows-hub-panel code{background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px;font-size:.875rem}.workflows-hub-n8n-form{margin-top:1rem}.workflows-hub-n8n-form .form-group{margin-bottom:1rem}.workflows-hub-n8n-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.workflows-hub-n8n-form .form-input,.workflows-hub-n8n-form .form-textarea{width:100%;max-width:500px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary)}.workflows-hub-n8n-form .form-textarea{font-family:monospace;font-size:.875rem}.workflows-hub-message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.workflows-hub-message.success{background:#10b98126;color:#10b981}.workflows-hub-message.error{background:#ef444426;color:#ef4444}.workflows-hub-n8n-actions{display:flex;gap:1rem;margin-top:1rem}.workflows-hub-panel .btn{padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;border:none}.workflows-hub-panel .btn-primary{background:var(--accent-primary);color:#fff}.workflows-hub-panel .btn-primary:hover:not(:disabled){opacity:.9}.workflows-hub-panel .btn-primary:disabled{opacity:.6;cursor:not-allowed}.workflows-hub-panel .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.workflows-hub-panel .btn-secondary:hover:not(:disabled){background:var(--bg-card)}.workflows-hub-n8n-list{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.workflows-hub-n8n-list h3{margin-top:0;margin-bottom:1rem;font-size:1rem;color:var(--text-primary)}.n8n-workflow-list{list-style:none;padding:0;margin:0}.n8n-workflow-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.n8n-workflow-item:last-child{border-bottom:none}.n8n-workflow-name{flex:1;font-weight:500;color:var(--text-primary)}.n8n-workflow-status{font-size:.75rem;padding:.2rem .5rem;border-radius:6px}.n8n-workflow-status.active{background:#10b98133;color:#10b981}.n8n-workflow-status.inactive{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-sm{padding:.35rem .75rem;font-size:.875rem}.n8n-page{padding:1.5rem;max-width:1100px;margin:0 auto}.n8n-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.n8n-header{margin-bottom:1.5rem}.n8n-header h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary)}.n8n-subtitle{margin:0;color:var(--text-secondary);font-size:1rem}.n8n-status-card{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.n8n-status-badge{display:inline-block;padding:.35rem .75rem;border-radius:8px;font-weight:600;font-size:.9rem;margin-bottom:.75rem}.n8n-status-connected{background:#d1fae5;color:#065f46}.n8n-status-disconnected{background:#fee2e2;color:#991b1b}.n8n-instance-url{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.n8n-callout-bot{padding:1.25rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1px solid #93c5fd;border-radius:12px}[data-theme=dark] .n8n-callout-bot{background:linear-gradient(135deg,#1e3a5f,#312e81);border-color:#4338ca}.n8n-callout-title{margin:0 0 .75rem;font-size:1.1rem;color:var(--text-primary)}.n8n-callout-body{margin:0 0 .5rem;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.n8n-callout-how{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.n8n-message{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.n8n-message-success{background:#d1fae5;color:#065f46}.n8n-message-error{background:#fee2e2;color:#991b1b}.n8n-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.n8n-tabs button{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer}.n8n-tabs button:hover{color:var(--text-primary)}.n8n-tabs button.active{color:var(--text-primary);border-bottom-color:var(--primary-color, #3b82f6)}.n8n-panel{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.n8n-panel h2{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.n8n-workflows-table-wrap{overflow-x:auto}.n8n-workflows-table{width:100%;border-collapse:collapse}.n8n-workflows-table th,.n8n-workflows-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.n8n-workflows-table th{font-weight:600;color:var(--text-secondary);font-size:.875rem}.n8n-status-dot{font-size:.875rem}.n8n-status-dot.active{color:#10b981}.n8n-status-dot.inactive{color:var(--text-secondary)}.n8n-client-select{padding:.4rem .6rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg, var(--bg-card));color:var(--text-primary);min-width:160px}.n8n-create-for-client-block{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.n8n-create-for-client-block h3{margin-top:0;margin-bottom:.75rem;color:var(--text-primary)}.n8n-create-for-client-block .form-group{margin-bottom:.75rem}.n8n-create-for-client-block .form-group label{color:var(--text-secondary)}.n8n-create-for-client-block .form-input{background:var(--input-bg, var(--bg-card));color:var(--text-primary);border:1px solid var(--border-color)}.n8n-client-filter{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.n8n-client-filter label{font-weight:500;color:var(--text-secondary)}.n8n-assignments-list{list-style:none;margin:0;padding:0}.n8n-assignment-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.n8n-assignment-item:last-child{border-bottom:none}.n8n-assignment-workflow-id{font-family:monospace;font-size:.9rem;color:var(--text-primary)}.n8n-assignment-client{color:var(--text-secondary);font-size:.9rem}.n8n-link{color:var(--primary-color, #3b82f6);text-decoration:none;font-size:.9rem}.n8n-link:hover{text-decoration:underline}.n8n-webhook-form .form-group{margin-bottom:1rem}.n8n-webhook-form label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.n8n-webhook-form .form-input,.n8n-webhook-form .form-textarea{width:100%;max-width:500px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--bg-card));color:var(--text-primary)}.n8n-webhook-form .form-textarea{min-height:120px;resize:vertical}.n8n-webhook-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.n8n-examples-intro{margin:0 0 1.25rem;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.n8n-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem}.n8n-example-card{padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px}.n8n-example-title{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary)}.n8n-example-dl{margin:0;font-size:.875rem;line-height:1.45}.n8n-example-dl dt{font-weight:600;color:var(--text-secondary);margin-top:.5rem}.n8n-example-dl dt:first-child{margin-top:0}.n8n-example-dl dd{margin:.2rem 0 0;color:var(--text-primary)}.n8n-examples-footer{margin:0;padding:1rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.n8n-examples-footer code{padding:.15rem .35rem;background:var(--input-bg, rgba(255, 255, 255, .08));border-radius:4px;font-size:.85em}.n8n-ai-checkbox{display:inline-flex;align-items:center;gap:.5rem;margin-top:.25rem;color:var(--text-secondary);font-size:.9rem}.n8n-ai-result{margin-top:1.25rem;padding:1rem;border:1px dashed var(--border-color);border-radius:10px;background:var(--bg-card)}.n8n-ai-result h3{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary)}.n8n-ai-result h4{margin:.75rem 0 .35rem;font-size:.95rem;color:var(--text-primary)}.n8n-ai-result p{margin:.35rem 0;color:var(--text-secondary)}.n8n-ai-result ul{margin:.35rem 0 0;padding-left:1.2rem;color:var(--text-secondary)}.n8n-execution-details{margin-top:1rem}.n8n-details-title{margin:0 0 .75rem;font-size:1rem;color:var(--text-primary)}.n8n-details-workflow{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary)}.n8n-details-dl{margin:0 0 .75rem;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;font-size:.9rem}.n8n-details-dl dt{color:var(--text-secondary);font-weight:500}.n8n-details-dl dd{margin:0;color:var(--text-primary)}.n8n-details-json{margin-top:.5rem;font-size:.85rem}.n8n-details-json summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.n8n-json-pre{margin:.5rem 0 0;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:auto;max-height:280px;font-size:.8rem;white-space:pre-wrap;word-break:break-all}.connected-accounts-section{margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.connected-accounts-title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 .25rem}.connected-accounts-description{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1rem}.connected-accounts-message{padding:.5rem .75rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.connected-accounts-message.success{background:#e8f5e9;color:#2e7d32}.connected-accounts-message.error{background:#ffebee;color:#c62828}.connected-accounts-loading{font-size:.9rem;color:var(--text-secondary, #666);margin:0}.connected-accounts-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.connected-accounts-connect-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color, #ddd);background:var(--surface, #fff);color:var(--text-primary, #1a1a1a);cursor:pointer}.connected-accounts-connect-btn:hover:not(:disabled){background:var(--bg-secondary, #f5f5f5)}.connected-accounts-connect-btn:disabled{opacity:.7;cursor:not-allowed}.connected-accounts-connect-btn.instagram{border-color:#e1306c;color:#e1306c}.connected-accounts-connect-btn.instagram:hover:not(:disabled){background:#e1306c14}.connected-accounts-connect-btn.linkedin{border-color:#0a66c2;color:#0a66c2}.connected-accounts-connect-btn.linkedin:hover:not(:disabled){background:#0a66c214}.connected-accounts-list{list-style:none;padding:0;margin:0}.connected-accounts-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, #eee);font-size:.9rem}.connected-accounts-item:last-child{border-bottom:none}.connected-accounts-item-provider{font-weight:600;min-width:90px;color:var(--text-secondary, #666)}.connected-accounts-item-name{flex:1;color:var(--text-primary, #1a1a1a)}.connected-accounts-disconnect{padding:.25rem .5rem;font-size:.85rem;color:var(--text-secondary, #666);background:none;border:none;cursor:pointer}.connected-accounts-disconnect:hover:not(:disabled){color:#c62828}.connected-accounts-disconnect:disabled{opacity:.6;cursor:not-allowed}.carousel-section{margin-top:1rem}.carousel-section h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.carousel-section-description{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1rem}.carousel-section-message{padding:.5rem .75rem;border-radius:6px;font-size:.9rem;margin-bottom:1rem}.carousel-section-message.success{background:#e8f5e9;color:#2e7d32}.carousel-section-message.error{background:#ffebee;color:#c62828}.carousel-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.carousel-section-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color, #ddd);background:var(--card-bg);color:var(--text-primary);cursor:pointer}.carousel-section-btn.primary{background:var(--accent-primary, #2563eb);color:#fff;border-color:var(--accent-primary, #2563eb)}.carousel-section-btn:disabled{opacity:.7;cursor:not-allowed}.carousel-section-filter{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color, #ddd);font-size:.9rem}.carousel-section-loading,.carousel-section-empty{font-size:.9rem;color:var(--text-secondary, #666);margin:0}.carousel-draft-list{list-style:none;padding:0;margin:0}.carousel-draft-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-color, #eee);gap:1rem}.carousel-draft-main{flex:1;min-width:0}.carousel-draft-idea{display:block;font-weight:500;color:var(--text-primary, #1a1a1a);margin-bottom:.25rem}.carousel-draft-meta{font-size:.85rem;color:var(--text-secondary, #666)}.carousel-draft-actions{display:flex;gap:.5rem}.carousel-draft-btn{padding:.25rem .5rem;font-size:.85rem;border:1px solid var(--border-color, #ddd);background:var(--card-bg);color:var(--text-primary);border-radius:4px;cursor:pointer}.carousel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.carousel-modal{background:var(--card-bg);background-color:var(--card-bg);border-radius:12px;color:var(--text-primary);border:1px solid var(--border-color);max-width:600px;width:100%;max-height:90vh;overflow:auto;padding:1.5rem;box-shadow:0 4px 20px #00000059}.carousel-modal h3{margin:0 0 .5rem;font-size:1.2rem}.carousel-modal-idea{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1rem}.carousel-modal-slides{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.carousel-modal-slide{display:flex;gap:1rem;padding:.75rem;border:1px solid var(--border-color, #eee);border-radius:8px}.carousel-modal-slide-img{width:120px;height:120px;object-fit:cover;border-radius:6px;flex-shrink:0}.carousel-modal-slide-text{flex:1;min-width:0}.carousel-modal-slide-text strong{display:block;margin-bottom:.25rem}.carousel-modal-slide-text p{margin:0 0 .25rem;font-size:.9rem}.carousel-modal-slide-text small{font-size:.8rem;color:var(--text-secondary, #666)}.carousel-modal-footer{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #eee)}.carousel-modal-btn{padding:.4rem .75rem;font-size:.9rem;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer}.carousel-modal-btn.primary{background:var(--accent-primary, #2563eb);color:#fff;border-color:var(--accent-primary, #2563eb)}.carousel-modal-btn.approve{background:var(--success);border-color:var(--success);color:#fff}.carousel-modal-btn.reject{background:var(--error);border-color:var(--error);color:#fff}.carousel-schedule-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.carousel-schedule-form label{font-size:.9rem;font-weight:500}.carousel-schedule-form input,.carousel-schedule-form select{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color);font-size:.9rem;background:var(--input-bg);color:var(--text-primary)}.autopropias-page{padding:1.5rem 2rem;max-width:1200px;margin:0 auto}.autopropias-page-header{margin-bottom:1.5rem}.autopropias-page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1a1a1a);margin:0 0 .25rem}.autopropias-page-subtitle{font-size:.95rem;color:var(--text-secondary, #666);margin:0}.autopropias-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.autopropias-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #666);font-size:.95rem;cursor:pointer;margin-bottom:-1px}.autopropias-tab:hover{color:var(--text-primary, #1a1a1a)}.autopropias-tab.active{color:var(--accent-primary, #2563eb);border-bottom-color:var(--accent-primary, #2563eb);font-weight:500}.autopropias-content{background:var(--bg-card);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.autopropias-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 .5rem}.autopropias-section .section-description{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1.5rem}.autopropias-flash{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.autopropias-flash.success{background:#e8f5e9;color:#2e7d32}.autopropias-flash.error{background:#ffebee;color:#c62828}.carousel-placeholder{padding:2rem;text-align:center;background:var(--bg-card);border-radius:8px;color:var(--text-secondary);font-size:.9rem;border:1px solid var(--border-color)}.content-gen-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:2rem;color:#333;margin-bottom:10px}.page-header p{color:#666}.tabs-container{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.tab-btn{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border-radius:6px;transition:all .2s}.tab-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-tertiary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.content-area{background:var(--bg-secondary);padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;min-height:400px}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:500}.btn-primary:hover{background-color:var(--cta-primary-hover)}.content-planning-page{padding:1rem;max-width:1200px;margin:0 auto}.content-planning-page .page-header{margin-bottom:1.5rem}.content-planning-page .page-header h1{font-size:1.5rem;margin:0 0 .25rem}.content-planning-page .page-header p{color:var(--text-muted, #666);margin:0;font-size:.9rem}.content-planning-page .tabs-container{display:flex;gap:.5rem;margin-bottom:1rem}.content-planning-page .tab-btn{padding:.5rem 1rem;border:1px solid #ddd;background:var(--bg-secondary);cursor:pointer;border-radius:4px}.content-planning-page .tab-btn.active{background:#333;color:#fff;border-color:#333}.content-planning-page .error-banner{background:var(--bg-tertiary);color:var(--error);padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--error)}.content-planning-page .content-area{min-height:200px}.content-planning-page .actions-row{margin-bottom:1rem}.content-planning-page .btn{padding:.5rem 1rem;border-radius:4px;border:1px solid #ccc;background:var(--bg-tertiary);cursor:pointer}.content-planning-page .btn.primary{background:#333;color:#fff;border-color:#333}.content-planning-page .btn.small{padding:.25rem .5rem;font-size:.85rem}.content-planning-page .btn.secondary{background:transparent;color:#666}.content-planning-page .manual-add{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.content-planning-page .manual-add input{flex:1;min-width:150px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.content-planning-page .backlog-list{list-style:none;padding:0;margin:0}.content-planning-page .backlog-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border:1px solid #eee;border-radius:4px;margin-bottom:.5rem}.content-planning-page .backlog-item .summary{margin:.25rem 0 0;font-size:.9rem;color:#666}.content-planning-page .backlog-item .meta{font-size:.8rem;color:#999}.content-planning-page .item-actions{display:flex;gap:.25rem;flex-shrink:0}.content-planning-page .posts-table{width:100%;border-collapse:collapse}.content-planning-page .posts-table th,.content-planning-page .posts-table td{padding:.5rem;text-align:left;border-bottom:1px solid #eee}.content-planning-page .status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.content-planning-page .status-pending_approval{background:var(--bg-tertiary);border:1px solid var(--warning);color:var(--warning)}.content-planning-page .status-approved{background:var(--bg-tertiary);border:1px solid var(--success);color:var(--success)}.content-planning-page .status-published{background:var(--bg-tertiary);border:1px solid var(--info);color:var(--info)}.content-planning-page .status-rejected{background:var(--bg-tertiary);border:1px solid var(--error);color:var(--error)}.content-planning-page .status-draft_ready,.content-planning-page .status-verified,.content-planning-page .status-seo_ready{background:var(--bg-tertiary);border:1px solid var(--text-muted);color:var(--text-secondary)}.content-planning-page .empty{color:#999;font-style:italic}.content-planning-page .config-tab .form-group{margin-bottom:1rem}.content-planning-page .config-tab label{display:block;margin-bottom:.25rem;font-weight:500}.content-planning-page .config-tab input{width:100%;max-width:400px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.content-planning-page .post-detail-header{margin-bottom:1rem}.content-planning-page .post-detail-header h1{font-size:1.25rem;margin:.5rem 0}.content-planning-page .post-detail-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.content-planning-page .post-detail-section h2{font-size:1rem;margin:0 0 .5rem}.content-planning-page .post-content-preview{max-height:300px;overflow-y:auto;padding:.5rem;background:var(--bg-secondary);border-radius:4px}.content-planning-page .drafts-list{list-style:none;padding:0;margin:.5rem 0 0}.content-planning-page .drafts-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.content-planning-page .verification-result{margin-bottom:.5rem;font-size:.9rem}.content-planning-page .post-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.smart-bots-page{position:relative;min-height:100vh;padding:20px;overflow:hidden;display:flex;flex-direction:column}.page-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.orb-1{width:400px;height:400px;background:var(--accent-primary);top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:var(--accent-secondary);bottom:-100px;right:-100px}.page-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-radius:16px;margin-bottom:20px}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;padding:16px;align-items:flex-start}}@media (max-width: 768px){.header-content h1{font-size:1.5rem}.subtitle{font-size:.8rem}}.tabs-wrapper{position:relative;z-index:10;margin-bottom:30px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.smart-bots-page-content{position:relative;z-index:10;width:100%;max-width:100%;margin:0 auto;animation:fadeIn .5s ease-out;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;flex:1;min-height:0;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-configurator-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;overflow:hidden;min-height:0}.config-panel,.chat-panel{display:flex;flex-direction:column;height:100%;max-height:100%;overflow-y:auto;padding:24px;border-radius:16px;-webkit-overflow-scrolling:touch}@media (max-width: 1024px){.tabs-wrapper{overflow:visible;margin-bottom:20px}.bot-configurator-container{gap:16px}.page-header{padding:16px 20px;margin-bottom:16px}.smart-bots-page{padding:16px 18px}}@media (max-width: 768px){.tabs-wrapper{overflow:visible}}@media (max-width: 768px){.smart-bots-page{padding:16px;height:100vh;overflow:hidden;display:flex;flex-direction:column}.smart-bots-page-content{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.bot-configurator-container{grid-template-columns:1fr;gap:16px;overflow-y:auto;display:flex;flex-direction:column}.config-panel,.chat-panel{height:auto;max-height:none;overflow:visible}.page-header{flex-direction:column;gap:12px;padding:16px;align-items:flex-start;flex-shrink:0}.tabs-wrapper{flex-shrink:0;margin-bottom:16px}}@media (max-width: 480px){.smart-bots-page{padding:10px}.chat-panel,.config-panel{padding:16px!important}}.flow-visualizer{height:300px;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.flow-visualizer .react-flow__renderer{background:var(--bg-secondary, #1a1a2e)}.flow-visualizer-node-executed .react-flow__node-default{outline:2px solid #22c55e;outline-offset:2px}.flow-visualizer-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.95rem}.ui-tabgroup{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ui-tabgroup-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ui-tabgroup-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-right:4px}.ui-tabgroup-list{display:flex;flex-wrap:wrap;gap:4px}.ui-tabgroup-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.ui-tabgroup-tab:hover:not(.ui-tabgroup-tab--disabled){color:var(--text-primary);background:#ffffff0a;border-color:var(--border-hover)}.ui-tabgroup-tab--active{color:var(--accent-primary);background:#00d4ff1a;border-color:#00d4ff59}.ui-tabgroup-tab--disabled{opacity:.5;cursor:not-allowed}.ui-tabgroup-tab-icon{display:inline-flex;font-size:1rem}.extracted-data-card{padding:12px 16px;border-radius:12px;margin-bottom:12px}.extracted-data-card-header{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:.95rem}.context-badge{font-weight:600;color:var(--accent-primary);text-transform:capitalize}.confidence{font-size:.85rem;color:var(--text-secondary)}.completeness{font-size:.85rem;color:var(--text-muted)}.extracted-data-fields{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.extracted-data-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.9rem}.extracted-data-row .field-name{color:var(--text-secondary);flex-shrink:0}.extracted-data-row .field-value{color:var(--text-primary);word-break:break-word;text-align:right}.missing-fields{margin-top:8px;font-size:.85rem;color:var(--text-muted)}.missing-label{font-weight:500;color:var(--text-secondary)}.actions-executed-list{margin-top:10px;display:flex;flex-direction:column;gap:10px;font-size:.85rem}.actions-label-row{margin-bottom:2px}.actions-label{color:var(--text-secondary);font-weight:500}.action-block{display:flex;flex-direction:column;gap:6px}.action-item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:6px 10px;border-radius:6px;background:#ffffff0f;align-self:flex-start;max-width:100%}.action-item.success{color:#28a745}.action-item.fail{color:#dc3545}.action-type{font-weight:600}.action-error-inline{font-weight:400;opacity:.95;word-break:break-word}.action-remediation{margin-left:0;padding:8px 10px 8px 12px;border-radius:8px;background:#38bdf814;border-left:3px solid rgba(56,189,248,.65);font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .82))}.action-remediation-title{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--accent-primary, #38bdf8);margin-bottom:6px}.action-remediation-list{margin:0;padding-left:1.1rem;line-height:1.45}.action-remediation-list li{margin-bottom:4px}.action-remediation-list li:last-child{margin-bottom:0}.extracted-data-actions{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px}.template-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width: 900px){.template-editor{grid-template-columns:1fr}}.template-editor-form .form-row{margin-bottom:16px}.template-editor-form .form-row label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-secondary)}.template-editor-form .form-row input,.template-editor-form .form-row textarea{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:var(--text-primary);font-size:.95rem}.template-editor-form .form-row textarea{resize:vertical;min-height:120px}.template-vars-hint{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.template-var-chip{padding:4px 10px;font-size:.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--accent-primary);cursor:pointer}.template-var-chip:hover:not(:disabled){background:#ffffff1f}.template-editor-preview{padding:20px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.template-editor-preview h4{margin:0 0 16px;font-size:.95rem;color:var(--text-secondary)}.preview-email-subject{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-primary)}.preview-email-body{font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;line-height:1.5}.preview-whatsapp,.preview-sms{max-width:280px}.preview-whatsapp-bubble,.preview-sms-bubble{padding:12px 16px;background:#ffffff14;border-radius:18px 18px 18px 4px;font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;line-height:1.4}.table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;font-size:.9rem;color:var(--text-secondary, #94a3b8)}.table-pagination-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.table-pagination-range{white-space:nowrap}.table-pagination-size{display:inline-flex;align-items:center;gap:6px}.table-pagination-select{padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-primary, #f1f5f9);font-size:.85rem;cursor:pointer}.table-pagination-nav{display:flex;align-items:center;gap:8px}.table-pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:var(--text-primary, #f1f5f9);cursor:pointer;transition:background .15s,opacity .15s}.table-pagination-btn:hover:not(:disabled){background:#ffffff1f}.table-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.table-pagination-pages{white-space:nowrap;min-width:100px;text-align:center}.context-analytics{padding:0 0 24px}.context-analytics-header h2{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary)}.context-analytics-subtitle{margin:0 0 20px;color:var(--text-secondary);font-size:.95rem}.context-analytics-filters{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}.context-analytics-filters label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--text-secondary)}.context-analytics-filters input[type=date]{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:var(--text-primary)}.context-analytics-loading{display:flex;align-items:center;gap:12px;padding:48px;color:var(--text-muted)}.context-analytics-summary{padding:20px;border-radius:16px;margin-bottom:24px}.summary-card{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-value{font-size:2rem;font-weight:700;color:var(--accent-primary)}.summary-label{font-size:.9rem;color:var(--text-secondary)}.context-analytics-by-type h3{margin:0 0 16px;font-size:1.2rem;color:var(--text-primary)}.by-context-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.context-type-card{padding:20px;border-radius:16px}.context-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.context-type-badge{font-weight:600;color:var(--accent-primary);text-transform:capitalize}.context-type-count{font-size:.85rem;color:var(--text-muted)}.context-type-metrics{display:flex;gap:20px;margin-bottom:12px}.context-type-metrics .metric{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.metric-label{font-size:.8rem;color:var(--text-muted)}.context-type-actions{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.actions-title{font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:8px}.action-row{display:flex;align-items:center;gap:10px;font-size:.85rem;padding:4px 0}.action-name{flex:1;color:var(--text-primary)}.action-ok{color:#28a745;display:inline-flex;align-items:center;gap:4px}.action-fail{color:#dc3545;display:inline-flex;align-items:center;gap:4px}.context-analytics-empty{padding:48px 24px;text-align:center;border-radius:16px;color:var(--text-muted)}.context-analytics-empty p{margin:0}.context-analytics-flow-activations{margin-top:32px;padding:20px;border-radius:16px}.context-analytics-flow-activations h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.context-analytics-flow-activations-subtitle{margin:0 0 16px;font-size:.9rem;color:var(--text-secondary)}.flow-activations-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.flow-activations-table{width:100%;border-collapse:collapse;font-size:.9rem}.flow-activations-table th,.flow-activations-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.flow-activations-table th{color:var(--text-secondary);font-weight:600}.flow-activations-table td{color:var(--text-primary)}.flow-activation-date{white-space:nowrap}.flow-activation-conv-id{font-family:monospace;font-size:.85rem;color:var(--text-muted)}.flow-activation-row-clickable{cursor:pointer;transition:background-color .15s ease}.flow-activation-row-clickable:hover{background-color:#ffffff0f}.flow-activation-row-clickable:focus{outline:1px solid var(--accent-primary);outline-offset:-1px}.flow-activation-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.flow-activation-detail-modal{max-width:560px;width:100%;max-height:85vh;border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column}.flow-activation-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.flow-activation-detail-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.flow-activation-detail-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}.flow-activation-detail-close:hover{color:var(--text-primary)}.flow-activation-detail-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.flow-activation-detail-row{display:flex;flex-direction:column;gap:4px}.flow-activation-detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.flow-activation-detail-value{font-size:.95rem;color:var(--text-primary)}.flow-activation-detail-conv-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.flow-activation-detail-conv-id code{font-size:.8rem;word-break:break-all;color:var(--text-secondary);background:#ffffff0f;padding:8px 12px;border-radius:8px}.flow-activation-detail-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.flow-activation-detail-actions .btn-primary,.flow-activation-detail-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.flow-activations-truncated{margin:12px 0 0;font-size:.85rem;color:var(--text-muted)}.flow-activation-messages-section{margin-top:8px}.flow-activation-messages-loading{display:flex;align-items:center;gap:10px;padding:12px 0;color:var(--text-muted);font-size:.9rem}.flow-activation-messages-error,.flow-activation-messages-empty{margin:0;padding:12px;border-radius:8px;font-size:.9rem;color:var(--text-muted);background:#ffffff0d}.flow-activation-messages-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding:4px 0}.flow-activation-message-chunk{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;background:#ffffff0a}.flow-activation-message-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.flow-activation-message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary)}.flow-activation-message-date{font-size:.75rem;color:var(--text-muted)}.flow-activation-message-copy{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px}.flow-activation-message-copy:hover{color:var(--text-primary);background:#ffffff14}.flow-activation-message-content{font-size:.9rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;line-height:1.4}.action-node-editor{display:flex;flex-direction:column;gap:12px}.action-node-editor-header{display:flex;justify-content:space-between;align-items:center}.action-node-editor-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.action-node-editor-close{padding:4px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px}.action-node-editor-close:hover{background:#ffffff1a;color:var(--text-primary)}.action-node-editor-form label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--text-secondary)}.action-node-editor-form select,.action-node-editor-form input,.action-node-editor-form textarea{padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font-size:.9rem}.action-node-editor-check{flex-direction:row;align-items:center}.action-node-editor-check input{width:auto;margin-right:8px}.action-node-editor-preview{margin-top:8px;padding:8px 10px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.action-node-editor-preview-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.action-node-editor-preview-text{font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.action-node-editor-invalid{border-color:#ef444499!important}.action-node-editor-validation-msg{display:block;font-size:.75rem;color:#ef4444;margin-top:4px}.flow-builder-action-library-panel .action-library,.flow-builder-action-library-panel .action-library *{color:#f1f5f9}.flow-builder-action-library-panel .action-library-subtitle{color:#e2e8f0}.flow-builder-action-library-panel .action-library-card-desc{color:#cbd5e1}.flow-builder-action-library-panel .action-library-card-add{color:#f1f5f9}.action-library{padding:4px 0 12px;display:flex;flex-direction:column;min-height:0;flex:1}.action-library-title{margin:0 0 6px;font-size:1.2rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.action-library-subtitle{margin:0 0 16px;font-size:.85rem;color:var(--text-muted, #e2e8f0)}.action-library-list{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.action-library-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);cursor:default;flex-shrink:0}.action-library-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:10px;color:var(--accent-primary);font-size:1.15rem}.action-library-card-body{flex:1;min-width:0}.action-library-card-label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #f1f5f9);margin-bottom:4px}.action-library-card-desc{margin:0;font-size:.85rem;color:var(--text-muted, #e2e8f0);line-height:1.4;word-wrap:break-word}.action-library-card-add{flex-shrink:0;padding:5px 10px;font-size:.72rem;font-weight:600;color:#f1f5f9;align-self:center;white-space:nowrap;border-radius:8px}.flow-feature-request-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.flow-feature-request-modal{width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--card-bg);background-color:var(--card-bg)}.flow-feature-request-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.flow-feature-request-modal-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:8px}.flow-feature-request-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:1.2rem}.flow-feature-request-modal-close:hover{color:var(--text-primary)}.flow-feature-request-modal-body{padding:20px;overflow-y:auto}.flow-feature-request-modal-body .form-group{margin-bottom:14px}.flow-feature-request-modal-body .form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-muted)}.flow-feature-request-modal-body .form-row{display:flex;gap:12px}.flow-feature-request-modal-body .form-row .form-group{flex:1}.flow-feature-request-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.flow-builder{display:flex;flex-direction:column;min-height:70vh;height:70vh;max-height:800px;border:1px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;background:var(--bg-secondary, #1a1a2e)}.flow-builder-context-banner{flex-shrink:0;padding:12px 20px;background:#3b82f626;border-bottom:1px solid rgba(59,130,246,.35);color:var(--text-primary, #f1f5f9)}.flow-builder-context-banner .flow-builder-context-label{margin-right:6px;color:var(--text-secondary, #94a3b8)}.flow-builder-context-banner .flow-builder-context-name{margin-right:6px}.flow-builder-context-banner .flow-builder-context-type{font-size:.9em;color:var(--text-muted, #64748b)}.flow-builder-context-banner-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.flow-builder-banner-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.flow-builder-ai-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;border-radius:6px;border:1px solid rgba(168,85,247,.5);background:#a855f72e;color:#c4b5fd;cursor:pointer;transition:background .15s,border-color .15s}.flow-builder-ai-btn:hover{background:#a855f74d;border-color:#a855f7b3}.flow-builder-context-banner .flow-builder-context-hint{margin:6px 0 0;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.flow-builder-ai-panel{flex-shrink:0;padding:12px 20px;background:#a855f714;border-bottom:1px solid rgba(168,85,247,.25)}.flow-builder-ai-panel-inner{display:flex;flex-direction:column;gap:8px}.flow-builder-ai-label{font-size:.88rem;color:var(--text-secondary, #94a3b8);font-weight:500}.flow-builder-ai-textarea{width:100%;resize:vertical;padding:8px 12px;border-radius:8px;border:1px solid rgba(168,85,247,.35);background:#1e293bf2;color:var(--text-primary, #f1f5f9);font-size:.9rem;font-family:inherit}.flow-builder-ai-textarea:focus{outline:none;border-color:#a855f799}.flow-builder-ai-actions{display:flex;gap:8px;align-items:center}.flow-builder-ai-preview{display:flex;flex-direction:column;gap:8px}.flow-builder-ai-preview-info{padding:8px 12px;background:#a855f71f;border-radius:6px;font-size:.9rem;color:var(--text-primary, #f1f5f9)}.flow-builder-body{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.flow-builder-actions-column{width:340px;min-width:340px;flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.2);background:#1e293bf2;padding:20px}.flow-builder-actions-column .action-library{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.flow-builder-actions-column .action-library-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.flow-builder-actions-column .action-library,.flow-builder-actions-column .action-library *{color:#f1f5f9}.flow-builder-actions-column .action-library-subtitle{color:#e2e8f0}.flow-builder-actions-column .action-library-card-desc{color:#cbd5e1}.flow-builder-actions-column .action-library-card-add{color:#f1f5f9;padding:5px 10px;font-size:.72rem}.flow-builder-canvas{flex:1;min-width:0;min-height:0}.flow-builder-canvas .react-flow__renderer{background:var(--bg-secondary, #1a1a2e)}.flow-builder-canvas .react-flow__node{padding:0;width:auto;min-width:200px;border-radius:12px;font-size:15px;font-weight:500;box-shadow:0 4px 14px #00000040}.flow-builder-node{position:relative;padding:24px 20px;background:#1e293bf2;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:12px;min-width:120px}.flow-builder-node--selected{box-shadow:0 0 0 2px var(--accent-primary, #6366f1)}.flow-builder-node__label{font-size:15px;line-height:1.4;word-break:break-word;text-transform:lowercase}.flow-builder-canvas .flow-builder-handle{width:14px;height:14px;background:#6366f1e6;border:2px solid rgba(255,255,255,.9);border-radius:50%;opacity:1;transition:transform .15s,background .15s}.flow-builder-canvas .flow-builder-handle:hover{transform:scale(1.25);background:var(--accent-primary, #6366f1)}.flow-builder-canvas .flow-builder-handle--target{top:-7px;background:#22c55ee6}.flow-builder-canvas .flow-builder-handle--target:hover{background:#22c55e}.flow-builder-canvas .flow-builder-handle--source:hover{transform:scale(1.25)}.flow-builder-canvas .react-flow__node-default{padding:16px 20px;background:#1e293bf2;border:1px solid rgba(255,255,255,.25);color:#fff}.flow-builder-canvas .react-flow__node-default .react-flow__node-label,.flow-builder-canvas .react-flow__node-default div,.flow-builder-canvas .react-flow__node-default span,.flow-builder-canvas .react-flow__node-default p{color:#fff!important;font-size:15px;line-height:1.4;word-break:break-word}.flow-builder-canvas .react-flow__node-default *{color:inherit}.flow-builder-canvas .react-flow__node.selected{box-shadow:0 0 0 2px var(--accent-primary, #6366f1)}.flow-builder-canvas .react-flow__edge-path{stroke:#6366f1cc;stroke-width:2.5}.flow-builder-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:var(--accent-primary, #6366f1)}.flow-builder-add-panel{display:flex;flex-wrap:wrap;gap:6px}.flow-builder-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text-primary);cursor:pointer}.flow-builder-add-btn:hover{background:#ffffff1f}.flow-builder-save-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:10px;border:none;background:var(--accent-primary, #6366f1);color:#fff;cursor:pointer}.flow-builder-save-btn:disabled{opacity:.7;cursor:not-allowed}.flow-builder-sidebar{width:320px;min-width:320px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.15);padding:16px;overflow-y:auto;background:var(--bg-tertiary, #16213e)}.flow-builder-sidebar-empty{display:flex;flex-direction:column;gap:8px;color:var(--text-secondary, #94a3b8);padding:4px}.flow-builder-sidebar-empty h4{margin:0;color:var(--text-primary, #f1f5f9);font-size:1rem}.flow-builder-sidebar-empty p{margin:0;line-height:1.45;font-size:.88rem}.flow-builder-sidebar-delete-bar{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.flow-builder-delete-node-btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}@media (max-width: 1200px){.flow-builder-body{flex-wrap:wrap}.flow-builder-actions-column{width:100%;min-width:100%;max-height:280px;border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}.flow-builder-canvas{width:100%;min-height:360px}.flow-builder-sidebar{width:100%;min-width:100%;max-height:340px;border-left:none;border-top:1px solid rgba(255,255,255,.15)}}.bot-group-context-panel{padding:16px;background:var(--bg-secondary, #1a1a2e);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.bot-group-context-panel-header h3{margin:0 0 6px;font-size:1.1rem;color:var(--text-primary)}.bot-group-context-panel-subtitle{margin:0 0 16px;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.bot-group-context-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.bot-group-context-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.bot-group-context-table{width:100%;border-collapse:collapse;font-size:.9rem}.bot-group-context-table th,.bot-group-context-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-primary)}.bot-group-context-table th{color:var(--text-muted);font-weight:500;background:#ffffff08}.bot-group-context-type-badge{display:inline-block;padding:2px 8px;border-radius:6px;background:#ffffff14;font-size:.8rem;color:var(--text-secondary)}.bot-group-context-name-cell{font-weight:500}.bot-group-context-desc-cell{max-width:200px;color:var(--text-muted);font-size:.85rem}.bot-group-context-status.enabled{color:#10b981;font-size:.85rem}.bot-group-context-status.disabled{color:var(--text-muted);font-size:.85rem}.bot-group-context-flow-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--accent-primary)}.bot-group-context-no-flow{color:var(--text-muted);font-size:.85rem}.bot-group-context-empty{margin:0;color:var(--text-muted);font-size:.9rem}.bot-group-context-panel .spin{animation:spin .8s linear infinite}.context-schema-panel{padding:0 0 24px}.context-schema-header{margin-bottom:24px}.context-schema-header h2{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary)}.context-schema-subtitle{margin:0 0 16px;color:var(--text-secondary);font-size:.95rem}.context-schema-subtabs{display:flex;gap:8px;margin-bottom:16px}.context-schema-subtabs button{padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;font-size:.95rem}.context-schema-subtabs button.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.context-schema-subtabs button:hover:not(.active){background:#ffffff14;color:var(--text-primary)}.context-schema-card .template-type{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted)}.context-schema-add{display:inline-flex;align-items:center;gap:8px}.context-schema-loading{display:flex;align-items:center;gap:12px;padding:32px;color:var(--text-muted)}.context-schema-flows{min-height:400px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.context-schema-flows-hint{margin:0 0 16px;padding:12px 16px;background:#3b82f614;border-radius:8px;color:var(--text-secondary);font-size:.95rem}.context-schema-form{position:relative;z-index:1000;padding:24px;border-radius:16px;max-width:720px;max-height:80vh;overflow-y:auto}.context-schema-form h3{margin:0 0 20px;font-size:1.2rem;color:var(--text-primary)}.context-schema-form .form-row{margin-bottom:16px}.context-schema-form .form-row label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-secondary)}.context-schema-form .form-row input,.context-schema-form .form-row textarea,.context-schema-form .form-row select{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.95rem}.context-schema-form .form-row textarea{resize:vertical;min-height:60px}.schema-fields-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.schema-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.schema-fields-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.schema-field-row{display:grid;grid-template-columns:120px 100px 1fr auto auto;gap:10px;align-items:center;margin-bottom:10px}.schema-field-row .field-name,.schema-field-row .field-desc{min-width:0}.schema-field-row .field-required{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.schema-field-row .btn-icon{padding:6px 10px;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.schema-field-row .btn-icon:hover{color:var(--accent-primary)}.form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.context-schema-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.context-schema-empty{padding:48px 32px;text-align:center;border-radius:16px}.context-schema-empty p{color:var(--text-secondary);max-width:400px;margin:0 auto 20px}.context-schema-card{padding:20px;border-radius:16px}.context-schema-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.context-schema-card .context-type{font-size:.8rem;color:var(--accent-primary);text-transform:uppercase}.context-schema-badge{font-size:.7rem;padding:2px 8px;border-radius:6px;font-weight:500}.context-schema-badge-active{background:#10b98133;color:#10b981}.context-schema-badge-inactive{background:#ffffff1a;color:var(--text-muted);letter-spacing:.05em}.context-schema-card .badge-disabled{font-size:.75rem;padding:2px 8px;background:#ffffff1a;border-radius:6px;color:var(--text-muted)}.context-schema-card h4{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.context-schema-card-desc{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.context-schema-card-fields{margin:0 0 14px;font-size:.85rem;color:var(--text-muted)}.context-schema-card-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:.85rem}.context-schema-ai-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.context-schema-ai-modal{max-width:520px;width:100%;padding:24px;border-radius:12px;background:var(--card-bg);background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.context-schema-ai-modal h3{margin:0 0 16px;font-size:1.25rem}.context-schema-ai-modal-hint{color:var(--text-secondary);font-size:.9rem;margin:0 0 12px}.context-schema-ai-prompt{width:100%;min-height:100px;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--text-primary);font-size:.95rem;margin-bottom:16px;resize:vertical}.context-schema-ai-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.context-schema-ai-options label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem}.context-schema-ai-modal-actions{display:flex;gap:12px;justify-content:flex-end}.context-schema-ai-review{margin-bottom:20px;padding:12px;background:#ffffff0d;border-radius:8px}.context-schema-ai-review p{margin:0 0 8px;font-size:.95rem}.context-schema-ai-review-desc{color:var(--text-secondary);font-size:.9rem!important}.btn-danger{background:#dc354533;color:#dc3545;border:1px solid rgba(220,53,69,.4)}.btn-danger:hover{background:#dc35454d}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}@media (max-width: 640px){.schema-field-row{grid-template-columns:1fr 1fr}.schema-field-row .field-required{grid-column:1}.schema-field-row .btn-icon{grid-column:2}}.context-schema-decisions{padding:24px;border-radius:16px}.context-schema-decisions h3{margin:0 0 8px;font-size:1.2rem;color:var(--text-primary)}.context-schema-decisions-reasoning-note{margin:0 0 16px;font-size:.85rem;color:var(--text-muted);font-style:italic}.context-schema-decisions .context-type-badge{font-weight:600;color:var(--accent-primary);text-transform:capitalize}.context-schema-decisions .flow-activation-row-clickable{cursor:pointer;transition:background-color .15s ease}.context-schema-decisions .flow-activation-row-clickable:hover{background-color:#ffffff0f}.context-schema-decisions .flow-activation-row-clickable:focus{outline:1px solid var(--accent-primary);outline-offset:-1px}.context-schema-decisions .flow-activations-table-wrap{overflow-x:auto;border-radius:12px}.context-schema-decisions .flow-activations-table{width:100%;border-collapse:collapse;font-size:.9rem}.context-schema-decisions .flow-activations-table th,.context-schema-decisions .flow-activations-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.context-schema-decisions .flow-activations-table th{color:var(--text-secondary);font-weight:600}.context-schema-decisions .flow-activation-date{white-space:nowrap}.context-schema-decisions .flow-activation-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.context-schema-decisions .flow-activation-detail-modal{max-width:520px;width:100%;border-radius:16px;padding:0;overflow:hidden}.context-schema-decisions .flow-activation-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.context-schema-decisions .flow-activation-detail-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.context-schema-decisions .flow-activation-detail-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}.context-schema-decisions .flow-activation-detail-close:hover{color:var(--text-primary)}.context-schema-decisions .flow-activation-detail-body{padding:20px;display:flex;flex-direction:column;gap:16px}.context-schema-decisions .flow-activation-detail-row{display:flex;flex-direction:column;gap:4px}.context-schema-decisions .flow-activation-detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.context-schema-decisions .flow-activation-detail-value,.context-schema-decisions .flow-activation-detail-reasoning{font-size:.95rem;color:var(--text-primary)}.context-schema-decisions .flow-activation-detail-reasoning p{margin:0;white-space:pre-wrap;word-break:break-word}.context-schema-decisions .flow-activation-detail-reasoning-empty{color:var(--text-muted);font-style:italic}.context-schema-decisions .flow-activation-detail-conv-id{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.context-schema-decisions .flow-activation-detail-conv-id code{font-size:.8rem;word-break:break-all;color:var(--text-secondary);background:#ffffff0f;padding:8px 12px;border-radius:8px}.context-schema-decisions .flow-activation-detail-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.context-schema-decisions .flow-activation-detail-actions .btn-primary,.context-schema-decisions .flow-activation-detail-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px}.client-selector{padding:20px;border-radius:16px;height:100%;display:flex;flex-direction:column}.client-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.client-item{padding:12px;border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:10px}.client-item:hover{background:#ffffff1a;transform:translate(5px)}.client-item.active{background:#6a11cb4d;border:1px solid rgba(106,17,203,.5)}.whatsapp-conversation-list{padding:20px;border-radius:16px;height:100%;display:flex;flex-direction:column;overflow:hidden}.conversation-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.conversation-item{padding:12px;border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-item:hover{background:#ffffff1a;transform:translate(5px)}.conversation-item.active{background:#6a11cb4d;border:1px solid rgba(106,17,203,.5)}.phone-icon{width:40px;height:40px;border-radius:50%;background:#25d3661a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-active{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;min-width:24px;text-align:center}.whatsapp-chat-view{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden}.chat-header{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.phone-icon-header{width:45px;height:45px;border-radius:50%;background:#25d36633;display:flex;align-items:center;justify-content:center;font-size:"1.2rem"}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.message-bubble{max-width:70%;padding:10px 14px;border-radius:12px;word-wrap:break-word;position:relative;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-bottom-right-radius:4px}.message-bubble.bot{align-self:flex-start;background:#ffffff1a;color:var(--text-primary);border-bottom-left-radius:4px}.message-content{margin-bottom:4px;line-height:1.4}.message-time{font-size:.7rem;opacity:.7;text-align:right;margin-top:4px}.message-bubble.bot .message-time{text-align:left}.message-time-divider{text-align:center;color:var(--text-muted);font-size:.75rem;padding:10px 0;margin:10px 0;position:relative}.message-time-divider:before,.message-time-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ffffff1a}.message-time-divider:before{left:0}.message-time-divider:after{right:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.whatsapp-chat-view .chat-messages::-webkit-scrollbar{width:8px}.whatsapp-chat-view .chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.whatsapp-inbox-container{display:flex;flex-direction:column;min-height:calc(100vh - 300px);gap:20px}.whatsapp-inbox-header{padding:20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.whatsapp-inbox-content{display:flex;gap:20px;flex:1;min-height:calc(100vh - 400px)}.whatsapp-inbox-column{display:flex;flex-direction:column;min-height:0}.clients-column{width:250px;flex-shrink:0}.conversations-column{width:350px;flex-shrink:0;overflow-y:auto}.chat-column{flex:1;min-width:0}@media (max-width: 768px){.whatsapp-inbox-content{flex-direction:column}.clients-column,.conversations-column,.chat-column{width:100%}.clients-column{display:none}}.rag-improve-panel{display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 300px);width:100%;max-width:100%;box-sizing:border-box}.rag-improve-header{padding:20px;border-radius:16px}.rag-improve-header h2{flex-wrap:wrap}.rag-improve-selectors{padding:20px;border-radius:16px}.rag-improve-selectors .rag-selectors-row{display:flex;gap:15px;flex-wrap:wrap}.rag-improve-selectors .rag-selectors-row>div{flex:1 1 200px;min-width:0}.rag-improve-help{word-wrap:break-word;overflow-wrap:break-word}.rag-improve-tabs{display:flex;gap:10px;border-bottom:2px solid rgba(255,255,255,.1);flex-wrap:wrap}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.rag-improve-content{display:flex;gap:20px;flex:1;min-height:calc(100vh - 500px)}.rag-improve-source-panel{flex:1;min-width:0;padding:20px;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.source-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.source-item{padding:12px;border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:12px}.source-item:hover{background:#ffffff1a}.source-item.selected{background:#6a11cb33;border:1px solid rgba(106,17,203,.5)}.source-item input[type=checkbox]{margin-top:4px;cursor:pointer}.rag-improve-action-panel{width:400px;min-width:0;flex-shrink:0;padding:20px;border-radius:16px;display:flex;flex-direction:column}.validation-result{flex:1}@media (max-width: 1024px){.rag-improve-content{flex-direction:column}.rag-improve-action-panel{width:100%}}@media (max-width: 768px){.rag-improve-panel{gap:16px;min-height:auto}.rag-improve-header,.rag-improve-selectors{padding:16px}.rag-improve-tabs{gap:8px}.tab-btn{padding:10px 16px;font-size:.85rem}.rag-improve-content{min-height:400px}.rag-improve-source-panel,.rag-improve-action-panel{padding:16px}.source-item{padding:10px}}@media (max-width: 480px){.rag-improve-header,.rag-improve-selectors{padding:12px}.rag-improve-help{padding:10px 12px!important;font-size:.8rem!important}.rag-improve-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}.tab-btn{padding:8px 14px;font-size:.8rem;white-space:nowrap}.rag-improve-source-panel,.rag-improve-action-panel{padding:12px}}.spinner{animation:spin 1s linear infinite}.tabs-navigation-container{width:100%;overflow-x:auto;overflow-y:visible;position:relative;z-index:10}.tabs-navigation{display:flex;gap:12px;padding:10px 14px;background:#0003;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.tabs-group{display:flex;flex-direction:column;gap:6px;padding-right:16px;margin-right:4px;border-right:1px solid rgba(255,255,255,.15);min-width:fit-content;flex-shrink:0}.tabs-group:last-child{border-right:none;padding-right:0;margin-right:0}.tabs-group-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600;padding:0 6px;margin-bottom:2px}.tabs-list{display:flex;gap:6px;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:#ffffff0d;color:var(--text-secondary);font-weight:500;font-size:.8rem;cursor:pointer;border-radius:6px;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.tab-button:hover:before{left:100%}.tab-button:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;box-shadow:0 4px 15px #6a11cb66;transform:translateY(-2px)}.tab-icon{font-size:.9rem;display:flex;align-items:center;color:var(--text-secondary);transition:color .2s}.tab-button.active .tab-icon{color:#fff}.tab-label{font-size:.8rem}@media (max-width: 1024px){.tabs-navigation-container{overflow:visible;margin-bottom:16px}.tabs-navigation{flex-wrap:wrap;padding:14px 16px;gap:16px;min-width:0}.tabs-group{flex:1 1 100%;flex-direction:column;align-items:flex-start;padding-right:0;margin-right:0;margin-bottom:4px;padding-bottom:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.12);min-width:0}.tabs-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tabs-group-label{font-size:.7rem;margin-bottom:8px;padding:0 2px}.tabs-list{flex-wrap:wrap;gap:8px;width:100%}.tab-button{min-height:44px;min-width:44px;padding:10px 14px;font-size:.85rem}.tab-icon{font-size:1rem}.tab-label{font-size:.85rem}}@media (max-width: 768px){.tabs-navigation-container{margin-bottom:12px}.tabs-navigation{padding:12px 14px;gap:14px}.tabs-group{padding-bottom:10px;margin-bottom:2px}.tabs-group-label{font-size:.68rem;margin-bottom:6px}.tabs-list{gap:6px}.tab-button{padding:10px 12px;font-size:.82rem;min-height:44px}.tab-icon{font-size:.95rem}.tab-label{font-size:.82rem}}@media (max-width: 480px){.tabs-navigation{padding:8px 10px}.tab-button{padding:10px 12px;min-width:44px;min-height:44px;justify-content:center}.tab-label{display:none}.tab-icon{font-size:1rem}.tabs-group-label{font-size:.6rem}}.tabs-navigation-container::-webkit-scrollbar{display:none}.tabs-navigation-container{scrollbar-width:none;-ms-overflow-style:none}.bot-group-routing-visualizer{display:flex;flex-direction:column;gap:16px}.bot-group-routing-canvas{height:320px;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:var(--bg-secondary, #1a1a2e)}.bot-group-routing-canvas .react-flow__renderer{background:var(--bg-secondary, #1a1a2e)}.routing-vis-node{padding:8px 12px;border-radius:8px;min-width:120px;text-align:center;border:1px solid rgba(255,255,255,.15)}.routing-vis-node.entrada-node{background:#667eea33;border-color:#667eea66}.routing-vis-node.router-node{background:#f59e0b26;border-color:#f59e0b59}.routing-vis-node.bot-node{background:#10b98126;border-color:#10b98159}.routing-vis-node-title{display:block;font-weight:600;font-size:.9rem;color:var(--text-primary)}.routing-vis-node-desc,.routing-vis-node-default,.routing-vis-node-contexts{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.bot-group-routing-legend{padding:12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.bot-group-routing-legend h4{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.routing-legend-table{width:100%;border-collapse:collapse;font-size:.85rem}.routing-legend-table th,.routing-legend-table td{padding:6px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-primary)}.routing-legend-table th{color:var(--text-muted);font-weight:500}.bot-group-routing-hint{margin:0;font-size:.85rem;color:var(--text-muted);padding:12px;background:#ffffff08;border-radius:8px}.bot-groups-panel{width:100%;max-width:100%;box-sizing:border-box}.bot-groups-intro{word-wrap:break-word;overflow-wrap:break-word}.bot-groups-form-wrap input,.bot-groups-form-wrap select{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.bot-groups-panel{padding:16px!important}.bot-groups-intro{font-size:13px!important}}@media (max-width: 480px){.bot-groups-panel{padding:12px!important}.bot-groups-intro{font-size:12px!important}.bot-groups-form-wrap{padding:12px!important}}.flow-feature-requests-panel{padding:16px}.flow-feature-requests-panel-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.flow-feature-requests-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-secondary);color:var(--text-primary);margin-left:6px}.flow-feature-requests-panel-loading{display:flex;align-items:center;gap:8px;padding:24px;color:var(--text-muted)}.flow-feature-requests-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:400px}@media (max-width: 1200px){.flow-feature-requests-kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.flow-feature-requests-kanban{grid-template-columns:1fr}}.flow-feature-requests-column{background:var(--bg-secondary, rgba(255, 255, 255, .03));border-radius:12px;padding:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .06));transition:border-color .15s ease,background .15s ease}.flow-feature-requests-column-drag-over{border-color:var(--primary-color, rgba(139, 92, 246, .6));background:var(--bg-secondary, rgba(139, 92, 246, .08))}.flow-feature-requests-column-title{margin:0 0 12px;font-size:.95rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.flow-feature-requests-cards{display:flex;flex-direction:column;gap:10px;min-height:120px}.flow-feature-requests-card{padding:12px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));cursor:grab;transition:opacity .15s ease,box-shadow .15s ease}.flow-feature-requests-card:active{cursor:grabbing}.flow-feature-requests-card-dragging{opacity:.6;box-shadow:0 8px 24px #0000004d}.flow-feature-requests-card-drag-handle{display:inline-flex;align-items:center;color:var(--text-muted);cursor:grab;padding:2px 4px;margin:-2px 4px -2px -4px;border-radius:4px}.flow-feature-requests-card-drag-handle:hover{color:var(--text-primary);background:#ffffff0f}.flow-feature-requests-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.flow-feature-requests-card-priority{font-size:.7rem;text-transform:uppercase;padding:2px 6px;border-radius:4px}.flow-feature-requests-card-priority[data-priority=critical]{background:#ef444433;color:#f87171}.flow-feature-requests-card-priority[data-priority=high]{background:#f9731633;color:#fb923c}.flow-feature-requests-card-priority[data-priority=medium]{background:#eab30833;color:#facc15}.flow-feature-requests-card-priority[data-priority=low]{background:#22c55e33;color:#4ade80}.flow-feature-requests-card-type{font-size:.75rem;color:var(--text-muted)}.flow-feature-requests-card-title{margin:0 0 6px;font-size:.95rem;line-height:1.3}.flow-feature-requests-card-desc{margin:0 0 8px;font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flow-feature-requests-card-example{margin:0 0 8px;font-size:.8rem;color:var(--text-muted);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.flow-feature-requests-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .06))}.flow-feature-requests-card-actions .btn-sm{padding:4px 8px;font-size:.8rem}.spin{animation:spin .8s linear infinite}.instagram-panel{padding:1rem 0}.instagram-panel-intro{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1rem}.instagram-panel-intro a{color:var(--accent-primary, #2563eb)}.instagram-panel-connect{margin-bottom:1.5rem}.instagram-panel-select{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.instagram-panel-select label{font-size:.9rem;font-weight:500}.instagram-panel-select select{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color, #ddd);font-size:.9rem}.instagram-panel-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.instagram-panel-tabs button{padding:.4rem .75rem;border:1px solid var(--border-color, #ddd);background:var(--surface, #fff);border-radius:6px;font-size:.9rem;cursor:pointer}.instagram-panel-tabs button.active{background:var(--accent-primary, #2563eb);color:#fff;border-color:var(--accent-primary, #2563eb)}.instagram-panel-loading,.instagram-panel-empty{font-size:.9rem;color:var(--text-secondary, #666);margin:0}.instagram-panel-list{list-style:none;padding:0;margin:0}.instagram-panel-item{padding:.75rem;border-bottom:1px solid var(--border-color, #eee);font-size:.9rem}.instagram-panel-item-text{margin:0 0 .5rem;color:var(--text-primary, #1a1a1a)}.instagram-panel-item-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary, #666)}.instagram-panel-item-meta a{color:var(--accent-primary, #2563eb)}.instagram-panel-item.conversation{padding:1rem}.instagram-panel-conv-participants{font-weight:600;display:block;margin-bottom:.5rem}.instagram-panel-msg{border-left:3px solid var(--border-color, #eee);padding:.35rem 0 .35rem .5rem;margin-bottom:.25rem}.instagram-panel-msg small{display:block;color:var(--text-secondary, #666);font-size:.8rem}.linkedin-panel{padding:1rem 0}.linkedin-panel-intro{font-size:.9rem;color:var(--text-secondary, #666);margin:0 0 1rem}.linkedin-panel-intro a{color:var(--accent-primary, #2563eb)}.linkedin-panel-connect{margin-bottom:1.5rem}.linkedin-panel-select{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.linkedin-panel-select label{font-size:.9rem;font-weight:500}.linkedin-panel-select select{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color, #ddd);font-size:.9rem}.linkedin-panel-loading,.linkedin-panel-empty{font-size:.9rem;color:var(--text-secondary, #666);margin:0}.linkedin-panel-list{list-style:none;padding:0;margin:0}.linkedin-panel-item{padding:.75rem;border-bottom:1px solid var(--border-color, #eee);font-size:.9rem}.linkedin-panel-item-text{margin:0 0 .5rem;color:var(--text-primary, #1a1a1a)}.linkedin-panel-item small{font-size:.85rem;color:var(--text-secondary, #666)}.client-smart-bots-page{width:100%;max-width:1400px;min-height:100vh;display:flex;flex-direction:column;padding:20px;gap:20px;margin:0 auto;box-sizing:border-box;overflow:hidden}.client-smart-bots-page .smart-bots-page-content{overflow-x:hidden;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.client-smart-bots-page{padding:16px;gap:16px}}@media (max-width: 480px){.client-smart-bots-page{padding:12px;gap:12px}}.client-smart-bots-page .smart-bots-page-content>.glass-effect:first-of-type{box-sizing:border-box;max-width:100%}@media (max-width: 768px){.client-smart-bots-page .smart-bots-page-content>.glass-effect:first-of-type{padding:16px!important}}@media (max-width: 480px){.client-smart-bots-page .smart-bots-page-content>.glass-effect:first-of-type{padding:12px!important}}.client-bots-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.client-bots-header h1{margin:0;color:var(--text-primary, #fff);font-size:1.8rem}.entitlement-info{display:flex;gap:30px}.entitlement-item{display:flex;flex-direction:column;gap:5px}.entitlement-item .label{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.entitlement-item .value{font-size:1.1rem;font-weight:700;color:var(--text-primary, #fff)}.client-bots-content{display:flex;gap:20px;flex:1;min-height:0}.bots-sidebar{width:250px;padding:20px;background:var(--bg-secondary, rgba(255, 255, 255, .05));border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;flex-direction:column}.bots-sidebar h3{margin:0 0 15px;color:var(--text-primary, #fff);font-size:1.2rem}.bots-list{display:flex;flex-direction:column;gap:10px}.bot-item{padding:12px 15px;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.bot-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));border-color:var(--primary-color)}.bot-item.active{background:var(--primary-color);border-color:var(--primary-color)}.bot-name{font-weight:500}.approval-badge{background:#4caf5033;color:#4caf50;padding:2px 6px;border-radius:4px;font-size:.75rem}.bots-main{flex:1;display:flex;flex-direction:column;min-height:0}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.tab{padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, rgba(255, 255, 255, .7));cursor:pointer;font-size:1rem;transition:all .2s}.tab:hover{color:var(--text-primary, #fff)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.loading-spinner,.error-message,.no-bots-message{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-primary, #fff);font-size:1.2rem}.error-message{color:#f44336}.no-bots-message{flex-direction:column;gap:10px}.no-bots-message h2{margin:0}.no-bots-message p{margin:0;color:var(--text-secondary, rgba(255, 255, 255, .7))}.action-builder-panel{padding:20px;border-radius:12px;margin-top:20px;width:100%;max-width:100%;box-sizing:border-box}.action-builder-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.action-builder-title{margin:0;color:var(--text-primary);font-size:clamp(.95rem,2vw,1.1rem)}.action-builder-header .login-button-futuristic{padding:8px 16px}.action-builder-header .login-button-futuristic svg{margin-right:6px}.action-builder-skeleton-title{height:32px;width:200px;background:#ffffff14;border-radius:8px;margin-bottom:20px}.action-builder-skeleton-row{padding:16px;margin-bottom:12px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff08;display:flex;justify-content:space-between;align-items:center}.action-builder-skeleton-line{height:20px;width:140px;background:#ffffff14;border-radius:4px}.action-builder-skeleton-btn{height:24px;width:80px;background:#ffffff0f;border-radius:6px}.action-builder-new-form{padding:20px;margin-bottom:20px;border-radius:12px;border:1px solid var(--border-color)}.action-builder-new-form h5{margin-bottom:8px;color:var(--text-primary)}.action-builder-steps-hint{margin:0 0 16px;font-size:.85rem;color:var(--text-muted)}.action-builder-type-section{margin-bottom:20px}.action-builder-type-label{display:block;margin-bottom:10px}.action-builder-type-groups{display:flex;flex-direction:column;gap:16px}.action-builder-type-group-label{font-size:.8rem;color:var(--text-muted);margin-bottom:8px;display:block}.action-builder-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.action-type-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;text-align:left;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9rem;outline:none}.action-type-card:hover{background:#ffffff14;border-color:var(--accent-primary)}.action-type-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.action-type-card--selected{background:#00d4ff26;border-color:var(--accent-primary)}.action-type-card .action-type-card-icon{font-size:1.2rem;color:var(--accent-primary)}.action-type-card .action-type-card-label{font-weight:600}.action-type-card .action-type-card-desc{font-size:.8rem;color:var(--text-secondary)}.action-builder-form-group{margin-bottom:15px}.action-builder-form-actions{display:flex;gap:10px}.action-builder-btn-secondary{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer}.action-builder-btn-secondary svg{margin-right:6px}.transfer-form-field{margin-bottom:15px}.transfer-form-no-bots{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.action-builder-list{display:flex;flex-direction:column;gap:12px}.action-builder-empty{text-align:center;padding:20px;color:var(--text-muted)}.action-builder-action-card{padding:16px;border-radius:8px;border:1px solid var(--border-color)}.action-builder-action-card--enabled{background:#ffffff0d;opacity:1}.action-builder-action-card--disabled{background:#ffffff05;opacity:.6}.action-builder-action-header{display:flex;justify-content:space-between;align-items:flex-start}.action-builder-action-info{flex:1}.action-builder-action-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.action-builder-action-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-secondary)}.action-builder-action-desc{margin:0;color:var(--text-secondary);font-size:.9rem}.action-builder-action-actions{display:flex;gap:8px;align-items:center}.action-builder-btn-toggle{background:transparent;border:none;cursor:pointer;font-size:1.5rem}.action-builder-btn-toggle--on{color:var(--success)}.action-builder-btn-toggle--off{color:var(--text-muted)}.action-builder-btn-edit{padding:6px 12px;background:transparent;border:1px solid var(--accent-color);border-radius:6px;color:var(--accent-color);cursor:pointer}.action-builder-btn-delete{padding:6px 12px;background:transparent;border:1px solid #ff4d4d;border-radius:6px;color:#ff4d4d;cursor:pointer}.action-builder-editor-inline{margin-top:15px;padding:15px;background:#0000004d;border-radius:8px}.action-builder-summary{margin-top:16px;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary);background:#ffffff05;padding:16px;border-radius:8px;border:1px solid var(--border-color)}.action-builder-summary strong{color:var(--text-primary)}@media (max-width: 768px){.action-builder-panel{padding:16px;margin-top:16px}.action-builder-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}.action-builder-new-form{padding:16px;margin-bottom:16px}.action-builder-type-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.action-type-card{padding:10px 12px;font-size:.85rem}.action-builder-action-header{flex-direction:column;gap:12px}.action-builder-action-actions{flex-wrap:wrap}}.intent-config-panel{padding:24px;border-radius:16px}.intent-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.intent-config-title{font-size:1.5rem;margin:0}.intent-config-header .login-button-futuristic{padding:10px 20px}.intent-config-header .login-button-futuristic svg{margin-right:8px}.intent-config-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.intent-config-skeleton-title{height:28px;width:220px;background:#ffffff14;border-radius:8px}.intent-config-skeleton-btn{height:40px;width:140px;background:#ffffff14;border-radius:8px}.intent-config-skeleton-card{padding:20px;margin-bottom:16px;border-radius:12px;border:1px solid var(--border-color);background:#ffffff08}.intent-config-skeleton-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.intent-config-skeleton-card-line{height:22px;width:120px;background:#ffffff14;border-radius:6px}.intent-config-skeleton-card-btn{height:32px;width:80px;background:#ffffff0f;border-radius:6px}.intent-config-skeleton-card-desc{height:16px;width:80%;background:#ffffff0f;border-radius:4px;margin-bottom:12px}.intent-config-skeleton-keywords{display:flex;gap:8px;flex-wrap:wrap}.intent-config-skeleton-keyword{height:24px;width:60px;background:#ffffff0f;border-radius:12px}.intent-config-new-form{padding:20px;margin-bottom:20px;border-radius:12px;border:1px solid var(--border-color)}.intent-config-new-form h4{margin-bottom:15px;color:var(--text-primary)}.intent-config-form-group{margin-bottom:15px}.intent-config-new-form .input-futuristic[data-textarea]{min-height:80px;resize:vertical}.intent-config-form-actions{display:flex;gap:10px}.intent-config-btn-secondary{padding:10px 20px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer}.intent-config-btn-secondary svg{margin-right:8px}.intent-config-categories{display:flex;flex-direction:column;gap:16px}.intent-config-empty{text-align:center;padding:48px 24px;border-radius:12px;border:1px dashed var(--border-color);background:#ffffff05}.intent-config-empty-icon{font-size:2.5rem;color:var(--accent-primary);margin-bottom:16px;opacity:.8}.intent-config-empty-title{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem}.intent-config-empty-desc{color:var(--text-secondary);max-width:320px;margin:0 auto 20px}.intent-config-empty .login-button-futuristic{padding:10px 20px}.intent-config-empty .login-button-futuristic svg{margin-right:8px}.intent-config-category-card{padding:20px;border-radius:12px;border:1px solid var(--border-color)}.intent-config-category-card--enabled{background:#ffffff0d;opacity:1}.intent-config-category-card--disabled{background:#ffffff05;opacity:.6}.intent-config-category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.intent-config-category-info{flex:1}.intent-config-category-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.intent-config-category-name{margin:0;color:var(--text-primary)}.intent-config-badge-system{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#00d4ff33;color:var(--accent-primary)}.intent-config-badge-priority{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#ffffff1a;color:var(--text-secondary)}.intent-config-category-desc{margin:0;color:var(--text-secondary);font-size:.9rem}.intent-config-category-actions{display:flex;gap:8px;align-items:center}.intent-config-btn-toggle{background:transparent;border:none;cursor:pointer;font-size:1.5rem}.intent-config-btn-toggle--on{color:var(--success)}.intent-config-btn-toggle--off{color:var(--text-muted)}.intent-config-btn-edit{padding:6px 12px;background:transparent;border:1px solid var(--accent-color);border-radius:6px;color:var(--accent-color);cursor:pointer;display:flex;align-items:center;gap:6px}.intent-config-btn-delete{padding:6px 12px;background:transparent;border:1px solid #ff4d4d;border-radius:6px;color:#ff4d4d;cursor:pointer}.intent-config-edit-inline{margin-top:15px;padding:15px;background:#0000004d;border-radius:8px}.intent-config-edit-actions{display:flex;gap:10px}.intent-config-edit-actions .login-button-futuristic{padding:8px 16px}.intent-config-edit-actions .login-button-futuristic svg,.intent-config-edit-actions .intent-config-btn-secondary svg{margin-right:6px}.intent-config-edit-actions .intent-config-btn-secondary{padding:8px 16px;border-radius:6px}.intent-config-keywords-block{margin-top:12px}.intent-config-keywords-label{margin-bottom:8px;color:var(--text-secondary);font-size:.85rem}.intent-config-keywords-list{display:flex;flex-wrap:wrap;gap:6px}.intent-config-keyword-tag{padding:4px 10px;background:#00d4ff33;border-radius:12px;font-size:.8rem;color:var(--accent-primary)}.intent-config-keywords-empty{color:var(--text-muted);font-size:.85rem}.intent-config-actions-block{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.intent-config-btn-ver-acciones{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem}@media (max-width: 768px){.intent-config-panel{padding:16px}.intent-config-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.intent-config-title{font-size:1.25rem}.intent-config-category-header{flex-direction:column;gap:12px}.intent-config-category-actions{flex-wrap:wrap}.intent-config-empty{padding:32px 16px}}.ui-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.ui-page-header-text{flex:1;min-width:0}.ui-page-header-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.ui-page-header-title--gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ui-page-header-subtitle{margin:8px 0 0;font-size:1rem;color:var(--text-secondary);line-height:1.4}.ui-page-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}@media (max-width: 768px){.ui-page-header-title{font-size:1.375rem}.ui-page-header-actions{width:100%;justify-content:flex-start}}.ui-loading-spinner{display:inline-flex;align-items:center;justify-content:center}.ui-loading-spinner-dot{display:block;border:2px solid var(--border-color);border-right-color:var(--accent-primary);border-radius:50%;animation:ui-loading-spin .6s linear infinite}.ui-loading-spinner--sm .ui-loading-spinner-dot{width:16px;height:16px}.ui-loading-spinner--md .ui-loading-spinner-dot{width:24px;height:24px}.ui-loading-spinner--lg .ui-loading-spinner-dot{width:40px;height:40px;border-width:3px}@keyframes ui-loading-spin{to{transform:rotate(360deg)}}.client-dashboard-page{padding:20px;width:100%;max-width:1400px;margin:0 auto}.client-dashboard-page h1{margin-bottom:30px;color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon{font-size:2rem;color:var(--primary-color)}.card-content{flex:1}.card-content h3{margin:0 0 10px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.card-value{margin:0;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.card-label{margin:5px 0 0;font-size:.85rem;color:var(--text-muted)}.dashboard-section{margin-top:30px}.dashboard-section h2{margin-bottom:15px;color:var(--text-primary)}.employee-hours-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.employee-hours-table thead{background:var(--bg-tertiary)}.employee-hours-table th,.employee-hours-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.employee-hours-table th{color:var(--text-secondary);font-weight:600;font-size:.9rem}.employee-hours-table td{color:var(--text-primary)}.employee-hours-table tr:last-child td{border-bottom:none}.client-dashboard-loading,.client-dashboard-error{text-align:center;padding:40px;color:var(--text-primary)}.client-dashboard-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.client-dashboard-error{color:var(--error)}.client-dashboard-kpi-link{text-decoration:none;color:inherit;display:block}.client-employees-page{padding:20px;width:100%;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;color:var(--text-primary)}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem}.btn-primary:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding-top:70px;padding-bottom:20px}@media (max-width: 1024px){.modal-overlay{padding-top:60px}.modal-content{max-height:calc(90vh - 60px)}}@media (max-width: 768px){.modal-overlay{padding-top:55px}.modal-content{max-height:calc(90vh - 55px)}}.modal-content{background:var(--bg-primary);padding:30px;border-radius:12px;width:90%;max-width:500px;border:1px solid var(--border-color);position:relative;z-index:10001;max-height:calc(90vh - 70px);overflow-y:auto;margin:auto}.modal-content h2{margin:0 0 20px;color:var(--text-primary)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:var(--text-secondary);font-size:.9rem}.form-group input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;cursor:pointer}.employees-list{background:var(--bg-secondary);border-radius:8px;overflow:hidden}.employees-table{width:100%;border-collapse:collapse}.employees-table thead{background:var(--bg-tertiary)}.employees-table th,.employees-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.employees-table th{color:var(--text-secondary);font-weight:600;font-size:.9rem}.employees-table td{color:var(--text-primary)}.pagination-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--border-color)}.pagination-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px 14px;cursor:pointer}.pagination-btn:disabled{opacity:.6;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.9rem}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:5px 10px;margin-right:5px}.btn-icon:hover{color:var(--primary-color)}.client-admin-dashboard{padding:20px;background:var(--bg-primary, #1a1a1a);min-height:100vh;width:100%;max-width:1400px;margin:0 auto}.client-admin-dashboard.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.dashboard-header{margin-bottom:30px}.dashboard-header h2{color:var(--text-primary, #fff);font-size:28px;font-weight:600;margin-bottom:20px}.dashboard-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:20px;background:var(--bg-secondary, #2a2a2a);border-radius:12px;border:1px solid var(--border-color, #333)}.date-filters{display:flex;gap:10px;align-items:center}.date-filters label{color:var(--text-secondary, #999);font-size:14px;font-weight:500}.date-input{padding:8px 12px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:14px;transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.employee-filter{display:flex;gap:10px;align-items:center}.employee-filter label{color:var(--text-secondary, #999);font-size:14px;font-weight:500}.employee-select{padding:8px 12px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:all .2s ease}.employee-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f31a}.view-mode-toggle{display:flex;gap:5px;margin-left:auto}.view-mode-toggle button{padding:8px 16px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--card-background, #1e1e1e);color:var(--text-secondary, #999);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-mode-toggle button:hover{border-color:var(--primary-color);color:var(--text-primary, #fff)}.view-mode-toggle button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d;border-color:var(--primary-color)}.stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.stat-icon{font-size:48px;flex-shrink:0}.stat-content{flex:1}.stat-label{color:var(--text-secondary, #999);font-size:14px;font-weight:500;margin-bottom:8px}.stat-card.primary .stat-label{color:#ffffffe6}.stat-value{color:var(--text-primary, #fff);font-size:32px;font-weight:700}.stat-card.primary .stat-value{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:30px}.stat-section{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:16px;padding:24px}.stat-section h3{color:var(--text-primary, #fff);font-size:20px;font-weight:600;margin-bottom:20px}.stat-list{display:flex;flex-direction:column;gap:16px}.stat-item{position:relative}.stat-item-label{color:var(--text-primary, #fff);font-size:15px;font-weight:500;margin-bottom:8px}.stat-item-value{display:flex;gap:10px;align-items:center;margin-bottom:8px}.stat-item-value .hours{color:var(--primary-color);font-size:18px;font-weight:700}.stat-item-value .count{color:var(--text-secondary, #999);font-size:14px}.stat-item-bar{height:8px;background:var(--bg-tertiary, #333);border-radius:4px;overflow:hidden}.stat-item-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-primary));border-radius:4px;transition:width .5s ease}.detailed-view{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:16px;padding:24px}.detailed-view h3{color:var(--text-primary, #fff);font-size:20px;font-weight:600;margin-bottom:20px}.entries-table-container{overflow-x:auto}.entries-table{width:100%;border-collapse:collapse}.entries-table thead{background:var(--bg-tertiary, #333)}.entries-table th{padding:12px;text-align:left;color:var(--text-primary, #fff);font-size:14px;font-weight:600;border-bottom:2px solid var(--border-color, #333)}.entries-table td{padding:12px;color:var(--text-secondary, #999);font-size:14px;border-bottom:1px solid var(--border-color, #333)}.entries-table tbody tr:hover{background:var(--bg-tertiary, #333)}.entries-table tbody tr:hover td{color:var(--text-primary, #fff)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #333);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.config-section{margin-bottom:24px;padding:20px;background:var(--bg-secondary, #2a2a2a);border-radius:12px;border:1px solid var(--border-color, #333)}.config-section h3{margin:0 0 16px;color:var(--text-primary, #fff);font-size:18px}.config-row{margin-bottom:12px}.config-row label{display:block;margin-bottom:6px;color:var(--text-secondary, #999);font-size:14px}.config-row input[type=checkbox]{margin-right:8px}.config-row select{padding:8px 12px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:14px;min-width:200px}.allowed-types-checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:8px}.allowed-type-check{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-primary, #fff);font-size:14px}.allowed-type-check input{width:auto}.btn-save-config{margin-top:12px;padding:8px 16px;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn-save-config:hover:not(:disabled){opacity:.9}.btn-save-config:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.dashboard-controls{flex-direction:column;align-items:stretch}.view-mode-toggle{margin-left:0;width:100%}.view-mode-toggle button{flex:1}.stats-grid{grid-template-columns:1fr}.entries-table-container{font-size:12px}}.client-time-tracker{background:transparent;border-radius:12px;padding:20px;min-height:600px}.client-time-tracker.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.client-time-tracker-header{margin-bottom:30px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.client-time-tracker-header h1{margin:0;color:var(--text-primary, #fff);font-size:32px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.daily-summary-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 24px;border-radius:12px;box-shadow:0 4px 20px #667eea66}.daily-summary-label{color:#ffffffe6;font-size:16px;font-weight:500}.daily-summary-time{color:#fff;font-size:24px;font-weight:700}.client-time-tracker-main{display:flex;flex-direction:column;gap:30px}.client-time-tracker-card{background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:20px;padding:40px;box-shadow:0 8px 30px #0000004d;transition:all .3s ease}.client-time-tracker-card:hover{box-shadow:0 12px 40px #0006;border-color:var(--primary-color)}.start-section{display:flex;flex-direction:column;gap:30px;max-width:600px;margin:0 auto}.welcome-message{text-align:center;margin-bottom:20px}.welcome-message h2{color:var(--text-primary, #fff);font-size:28px;font-weight:600;margin-bottom:10px}.welcome-message p{color:var(--text-secondary, #999);font-size:16px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{color:var(--text-primary, #fff);font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}.label-icon{font-size:20px}.type-select,.description-input{padding:16px 20px;border:2px solid var(--border-color, #333);border-radius:12px;background:var(--card-background, #1e1e1e);color:var(--text-primary, #fff);font-size:16px;transition:all .3s ease}.type-select:focus,.description-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2196f326;transform:translateY(-2px)}.type-select{cursor:pointer}.description-input::placeholder{color:var(--text-secondary, #999)}.btn-start-large,.btn-pause-large,.btn-resume-large,.btn-stop-large{padding:20px 40px;border:none;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #0000004d;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:400px;margin:0 auto}.btn-start-large{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-start-large:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 30px #4caf5080}.btn-start-large:disabled{opacity:.5;cursor:not-allowed}.btn-pause-large{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-pause-large:hover{transform:translateY(-4px);box-shadow:0 10px 30px #ff980080}.btn-resume-large{background:linear-gradient(135deg,var(--primary-color) 0%,var(--cta-primary-hover) 100%);color:#fff}.btn-resume-large:hover{transform:translateY(-4px);box-shadow:0 10px 30px #2196f380}.btn-stop-large{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-stop-large:hover{transform:translateY(-4px);box-shadow:0 10px 30px #f4433680}.btn-icon{font-size:24px}.btn-text{font-size:18px}.running-section{display:flex;flex-direction:column;gap:40px;align-items:center}.timer-display-large{text-align:center;width:100%}.timer-time-large{font-size:96px;font-weight:700;color:var(--text-primary, #fff);font-family:Courier New,monospace;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.timer-status-large{font-size:24px;color:var(--text-secondary, #999);margin-bottom:20px;font-weight:500}.timer-description-large{font-size:18px;color:var(--text-primary, #fff);font-style:italic;padding:16px 24px;background:var(--bg-tertiary, #333);border-radius:12px;max-width:600px;margin:0 auto}.timer-controls-large{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px}.timer-controls-large button{flex:1;min-width:180px}.loading-spinner{width:50px;height:50px;border:5px solid var(--border-color, #333);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.client-time-tracker{padding:15px}.client-time-tracker-header h1{font-size:24px}.timer-time-large{font-size:64px}.client-time-tracker-card{padding:25px}.timer-controls-large{flex-direction:column}.timer-controls-large button{width:100%;min-width:auto}}.client-time-tracking-page{padding:20px;min-height:100vh;background:var(--bg-primary, #1a1a1a);width:100%;max-width:1400px;margin:0 auto}.client-time-tracking-container{width:100%}.client-tasks-page{padding:20px;width:100%;max-width:1400px;margin:0 auto}.status-badge,.priority-badge{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-in-progress{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.priority-low{background:#e0e7ff;color:#3730a3}.priority-medium{background:#fef3c7;color:#92400e}.priority-high{background:#fee2e2;color:#991b1b}.client-customers-page{padding:20px;width:100%;max-width:1400px;margin:0 auto}.loading,.error-message{text-align:center;padding:40px;color:var(--text-primary)}.error-message{background:var(--bg-secondary);border:1px solid var(--error-color);border-radius:8px;padding:30px}.error-message h2{color:var(--error-color);margin-bottom:10px}.error-message p{margin-bottom:20px;color:var(--text-secondary)}.ui-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s,box-shadow .2s,transform .2s}.ui-card--accent-left{border-left:4px solid var(--accent-primary)}.ui-card--clickable{cursor:pointer}.ui-card--clickable:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.ui-card--elevated{box-shadow:var(--shadow-md)}.ui-card--elevated:hover{box-shadow:var(--shadow-lg)}.ui-card--outlined{background:transparent}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:12px}.ui-card--padding-md{padding:20px}.ui-card--padding-lg{padding:24px}.ui-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.ui-card-header-text{display:flex;align-items:flex-start;gap:12px}.ui-card-header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00d4ff26;border-radius:8px;color:var(--accent-primary);flex-shrink:0}.ui-card-header-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.ui-card-header-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:4px 0 0}.ui-card-header-action{flex-shrink:0}.ui-card-content{color:var(--text-primary)}.ui-card-content+.ui-card-content{margin-top:12px}@media (max-width: 768px){.ui-card--padding-md{padding:16px}.ui-card--padding-lg{padding:20px}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;white-space:nowrap}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--sm{padding:6px 12px;font-size:.8125rem}.ui-btn--md{padding:10px 18px;font-size:.9375rem}.ui-btn--lg{padding:12px 24px;font-size:1rem}.ui-btn--full{width:100%}.ui-btn--primary{background:var(--cta-primary, #E04F2F);color:#fff;border-color:var(--cta-primary, #E04F2F)}.ui-btn--primary:hover:not(:disabled){background:var(--cta-primary-hover, #e85c3d);border-color:var(--cta-primary-hover, #e85c3d);box-shadow:var(--shadow-md)}.ui-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.ui-btn--secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.ui-btn--ghost{background:transparent;color:var(--text-primary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background:#ffffff0f}.ui-btn--danger{background:var(--error);color:#fff;border-color:var(--error)}.ui-btn--danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--error-glow)}.ui-btn--success{background:var(--success);color:#fff;border-color:var(--success)}.ui-btn--success:hover:not(:disabled){box-shadow:var(--success-glow)}.ui-btn-spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-btn-spin .6s linear infinite}.ui-btn-icon{display:inline-flex;align-items:center}.ui-btn--loading .ui-btn-label{opacity:.8}@keyframes ui-btn-spin{to{transform:rotate(360deg)}}.ui-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.8125rem;font-weight:600;border-radius:6px;border:1px solid transparent}.ui-badge--sm{padding:2px 6px;font-size:.75rem}.ui-badge--success{background:#10b98126;color:var(--success);border-color:#10b9814d}.ui-badge--warning{background:#f59e0b26;color:var(--warning);border-color:#f59e0b4d}.ui-badge--error{background:#ef444426;color:var(--error);border-color:#ef44444d}.ui-badge--info{background:#3b82f626;color:var(--info);border-color:#3b82f64d}.ui-badge--neutral{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border-color)}.ui-badge--pending{background:#8338ec26;color:var(--accent-secondary);border-color:#8338ec4d}.client-ai-services-page{padding:20px;width:100%;max-width:1400px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.service-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center}.service-icon{font-size:3rem;color:var(--primary-color);margin-bottom:20px}.service-card h2{margin:0 0 15px;color:var(--text-primary)}.service-card p{margin:10px 0;color:var(--text-secondary)}.service-note{font-size:.85rem;color:var(--text-muted);font-style:italic}.service-description{margin:0 0 12px;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.service-metrics{margin-bottom:16px;font-size:.9rem;color:var(--text-primary)}.service-metrics strong{color:var(--accent-primary)}.client-ai-services-page .service-card a{text-decoration:none}.client-wiki-page{padding:24px;max-width:900px;margin:0 auto}.client-wiki-page .loading,.client-wiki-page .error{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.client-wiki-page .error{color:#f44336}.client-wiki-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.client-wiki-page .page-header h1{margin:0;font-size:1.5rem;color:var(--text-primary, #fff);display:flex;align-items:center;gap:10px}.client-wiki-page .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary, #4caf50);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.client-wiki-page .wiki-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.client-wiki-page .wiki-page-card{padding:20px;background:var(--card-background, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.client-wiki-page .wiki-page-card:hover{border-color:var(--primary, #4caf50);box-shadow:0 4px 12px #0003}.client-wiki-page .wiki-page-card h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary, #fff)}.client-wiki-page .wiki-page-card p{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary, #aaa);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.client-wiki-page .wiki-page-card .updated{font-size:.8rem;color:var(--text-secondary, #888)}.client-wiki-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary, #aaa)}.client-wiki-page .empty-state p{margin:8px 0 0}.client-wiki-page .create-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.client-wiki-page .create-form{background:var(--card-background, #1e1e1e);border-radius:12px;padding:24px;max-width:640px;width:100%;max-height:90vh;overflow:auto}.client-wiki-page .create-form h3{margin:0 0 16px;color:var(--text-primary, #fff)}.client-wiki-page .create-form input[type=text]{width:100%;padding:10px 12px;margin-bottom:16px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff)}.client-wiki-page .create-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.client-wiki-page .create-form .form-actions button{padding:8px 16px;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);cursor:pointer}.client-wiki-page .create-form .form-actions button[type=submit]{background:var(--primary, #4caf50);border-color:var(--primary, #4caf50);color:#fff}.client-wiki-page.client-wiki-editor .wiki-editor-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.client-wiki-page.client-wiki-editor .back-btn{padding:8px 14px;background:var(--background-secondary, #2a2a2a);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);cursor:pointer}.client-wiki-page.client-wiki-editor .wiki-title-input{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--background-secondary, #2a2a2a);color:var(--text-primary, #fff);font-size:1.1rem}.client-wiki-page.client-wiki-editor .save-btn{padding:8px 16px;background:var(--primary, #4caf50);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.client-wiki-page.client-wiki-editor .save-btn:disabled{opacity:.7;cursor:not-allowed}.client-projects-page{padding:24px;max-width:900px;margin:0 auto}.client-projects-page .loading,.client-projects-page .error{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.client-projects-page .error{color:#f44336}.client-projects-page h1{margin:0 0 24px;font-size:1.5rem;color:var(--text-primary, #fff);display:flex;align-items:center;gap:10px}.client-projects-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary, #aaa)}.client-projects-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.client-projects-page .project-card{padding:20px;background:var(--card-background, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px}.client-projects-page .project-card h3{margin:0 0 10px;font-size:1.1rem;color:var(--text-primary, #fff)}.client-projects-page .project-card .description{margin:0 0 12px;font-size:.9rem;color:var(--text-secondary, #aaa);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.client-projects-page .project-card .meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.client-projects-page .project-card .status-badge{padding:4px 10px;border-radius:6px;font-size:.8rem;text-transform:capitalize}.client-projects-page .project-card .status-badge.active{background:#4caf5033;color:#4caf50}.client-projects-page .project-card .status-badge.completed{background:#2196f333;color:#2196f3}.client-projects-page .project-card .status-badge.on-hold{background:#ff980033;color:#ff9800}.client-projects-page .project-card .status-badge.cancelled{background:#f4433633;color:#f44336}.client-projects-page .project-card .progress{font-size:.85rem;color:var(--text-secondary, #aaa)}.client-projects-page .project-card .dates{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--text-secondary, #888)}.client-projects-page .project-card .dates span{display:inline-flex;align-items:center;gap:4px}.client-invoices-page{padding:24px;max-width:800px;margin:0 auto}.client-invoices-page .loading,.client-invoices-page .error{text-align:center;padding:40px;color:var(--text-secondary, #aaa)}.client-invoices-page .error{color:#f44336}.client-invoices-page h1{margin:0 0 24px;font-size:1.5rem;color:var(--text-primary, #fff);display:flex;align-items:center;gap:10px}.client-invoices-page .empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary, #aaa)}.client-invoices-page .invoices-list{display:flex;flex-direction:column;gap:16px}.client-invoices-page .invoice-card{padding:20px;background:var(--card-background, #1e1e1e);border:1px solid var(--border-color, #333);border-radius:12px}.client-invoices-page .invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.client-invoices-page .invoice-header h3{margin:0;font-size:1rem;color:var(--text-primary, #fff);flex:1}.client-invoices-page .invoice-header .amount{font-weight:600;color:var(--text-primary, #fff)}.client-invoices-page .invoice-meta{font-size:.9rem;color:var(--text-secondary, #aaa);margin-bottom:10px}.client-invoices-page .invoice-meta span+span{margin-left:6px}.client-invoices-page .invoice-download{display:inline-flex;align-items:center;gap:8px;color:#4caf50;font-size:.95rem;text-decoration:none}.client-invoices-page .invoice-download:hover{text-decoration:underline}.client-aitana-page{padding:1.5rem;max-width:1200px;margin:0 auto;position:relative}.client-aitana-page .page-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.client-aitana-page .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12}.client-aitana-page .orb-1{width:400px;height:400px;background:var(--accent, #3b82f6);top:-100px;right:-100px}.client-aitana-page .orb-2{width:300px;height:300px;background:#8b5cf6;bottom:-50px;left:-50px}.client-aitana-page .page-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-radius:12px;margin-bottom:1rem;position:relative;z-index:1}.client-aitana-page .header-content h1{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:.5rem}.client-aitana-page .header-content .subtitle{font-size:.85rem;color:var(--text-secondary, #94a3b8);margin:.2rem 0 0}.client-aitana-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #334155);border-top-color:var(--accent, #3b82f6);border-radius:50%;animation:spin .7s linear infinite}.status-indicator{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-indicator.active{background:#22c55e26;color:#22c55e}.status-indicator.inactive{background:#ef444426;color:#ef4444}.no-config{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;color:var(--text-secondary, #94a3b8)}.no-config-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-config h2{color:var(--text-primary, #fff);margin:.5rem 0}.no-config .hint{font-size:.8rem;margin-top:1rem;color:var(--text-secondary, #64748b)}.no-metrics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary, #94a3b8)}.client-aitana-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #334155);padding-bottom:.5rem;position:relative;z-index:1}.client-aitana-tabs button{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary, #94a3b8);cursor:pointer;border-radius:6px 6px 0 0;font-size:.9rem;transition:all .2s}.client-aitana-tabs button:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fff)}.client-aitana-tabs button.active{background:var(--accent, #3b82f6);color:#fff}.live-badge{background:#ef4444;color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:8px;font-weight:700}.config-section{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;padding:1.5rem;margin-bottom:1rem;position:relative;z-index:1}.config-section h3{margin:0 0 1rem;color:var(--text-primary, #e2e8f0);font-size:1rem}.config-section h4{margin:1.5rem 0 .8rem;color:var(--text-primary, #e2e8f0);font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-item label{font-size:.75rem;color:var(--text-secondary, #94a3b8)}.info-value{font-size:.95rem;color:var(--text-primary, #e2e8f0);font-weight:500}.info-value.mono{font-family:JetBrains Mono,monospace}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.form-group input,.form-group select,.form-group textarea{padding:.5rem .8rem;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.85rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent, #3b82f6)}.business-hours-grid{display:flex;flex-direction:column;gap:.5rem}.hours-row{display:flex;align-items:center;gap:.5rem}.day-label{min-width:80px;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.hours-row input[type=time]{padding:.4rem .6rem;background:var(--bg-secondary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--text-primary, #e2e8f0);font-size:.85rem}.hours-row span{color:var(--text-secondary, #94a3b8)}.save-bar{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #334155)}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:var(--accent, #3b82f6);border:none;color:#fff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem}.btn-save:disabled{opacity:.6;cursor:not-allowed}.status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#ef444426;color:#ef4444}.history-content,.live-content,.dashboard-content{position:relative;z-index:1}.history-content h3,.live-content h3{color:var(--text-primary, #e2e8f0);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.calls-list{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;overflow:hidden}.calls-list table{width:100%;border-collapse:collapse}.calls-list th{text-align:left;padding:.7rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary, #94a3b8);border-bottom:1px solid var(--border-color, #334155);background:var(--bg-secondary, #0f172a)}.calls-list td{padding:.7rem 1rem;font-size:.85rem;color:var(--text-primary, #e2e8f0);border-bottom:1px solid var(--border-color, #1e293b)}.calls-list td.mono{font-family:JetBrains Mono,monospace;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem;color:var(--text-secondary, #64748b)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.live-calls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.live-call-card{background:var(--bg-card, #1e293b);border:1px solid #22c55e;border-radius:10px;overflow:hidden}.live-call-header{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#22c55e1a;border-bottom:1px solid var(--border-color, #334155)}.pulse-green{color:#22c55e;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.caller{font-weight:600;color:var(--text-primary, #fff);flex:1}.duration{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.live-transcription{padding:.8rem 1rem;max-height:200px;overflow-y:auto}.live-transcription p{margin:.3rem 0;font-size:.85rem}.ai-line{color:var(--accent, #3b82f6)}.user-line{color:var(--text-primary, #e2e8f0)}.waiting{color:var(--text-secondary, #64748b);font-style:italic}.metrics-detail{margin-top:1.5rem}.metric-card{background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:10px;padding:1.2rem}.metric-card h3{margin:0 0 1rem;color:var(--text-primary, #e2e8f0);font-size:.95rem}.bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:150px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;background:var(--accent, #3b82f6);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;min-height:5%;transition:height .5s ease}.bar-value{font-size:.7rem;color:#fff;font-weight:600;padding-top:.2rem}.bar-label{font-size:.7rem;color:var(--text-secondary, #94a3b8);margin-top:.3rem}@media (max-width: 768px){.info-grid,.form-grid{grid-template-columns:1fr}}.edge-compliance-page{min-height:100vh;padding:20px;position:relative;overflow-x:hidden}.page-background-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:30px 30px;z-index:-1;pointer-events:none}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:var(--success);font-weight:600;font-size:.9rem}.status-indicator .dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 10px var(--success);animation:pulseDot 2s infinite}.status-indicator.development{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--warning)}.status-indicator.development .development-dot{background:var(--warning);box-shadow:0 0 10px var(--warning)}@keyframes pulseDot{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.development-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.development-notice{padding:32px;border-radius:16px}.notice-header{text-align:center}.roadmap-section{width:100%}.roadmap-title{text-align:center;margin-bottom:32px}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.roadmap-item{padding:24px;border-radius:16px;transition:transform .2s,box-shadow .2s}.roadmap-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00d4ff26}.roadmap-item-header{margin-bottom:16px}.priority-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge[data-priority=high]{background:#ef444433;color:var(--error);border:1px solid rgba(239,68,68,.3)}.priority-badge[data-priority=medium]{background:#fbbf2433;color:var(--warning);border:1px solid rgba(251,191,36,.3)}@media (max-width: 1024px){.roadmap-grid{grid-template-columns:1fr}.development-notice{padding:24px}.roadmap-item{padding:20px}}.coaching-page{min-height:100vh;padding:20px;position:relative;overflow-x:hidden}.page-background-particles{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(131,56,236,.05) 0%,transparent 50%);z-index:-1;pointer-events:none}.page-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-radius:16px;margin-bottom:30px}.header-content h1{font-size:2rem;font-weight:700;margin-bottom:4px}.subtitle{color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.user-level{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0003;border-radius:12px}.level-badge{background:var(--gradient-accent);color:#fff;font-weight:700;padding:4px 8px;border-radius:6px;font-size:.9rem}.xp-bar{width:100px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:var(--success);border-radius:4px}.ai-tabs-container{margin-bottom:24px}.ai-tabs-navigation{display:flex;gap:12px;flex-wrap:wrap;background:#0003;padding:8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ai-tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ai-tab-button:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff1a}.ai-tab-button.active{background:var(--gradient-accent);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #8338ec4d}.ai-tab-button .tab-icon{font-size:1.1rem;display:flex;align-items:center}.ai-tab-button .tab-label{font-weight:500}.coaching-content{display:flex;flex-direction:column;gap:24px;max-width:1600px;margin:0 auto}.video-section,.functionality-section{width:100%}.info-card{padding:32px;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.features-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.features-list{list-style:none;padding:0;margin:0}@media (max-width: 1024px){.ai-tabs-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.ai-tab-button{flex-shrink:0}}.company-categories-management{padding:1.5rem;max-width:1000px}.company-categories-management .page-header{margin-bottom:1.5rem}.company-categories-management .page-header h1{margin:0 0 .25rem;font-size:1.5rem}.company-categories-management .subtitle{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem}.company-categories-management .btn-primary{padding:.5rem 1rem;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer}.company-categories-management .btn-primary:hover{opacity:.9}.categories-table-wrap{overflow-x:auto;border:1px solid var(--border, #e5e7eb);border-radius:8px}.categories-table{width:100%;border-collapse:collapse}.categories-table th,.categories-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border, #e5e7eb)}.categories-table th{background:var(--bg-secondary);font-weight:600}.categories-table code{font-size:.85rem;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px}.company-categories-management .btn-sm{padding:.35rem .6rem;margin-right:.5rem;font-size:.8rem;border:none;border-radius:4px;cursor:pointer}.company-categories-management .btn-activity-types{background:var(--primary, #2563eb);color:#fff}.company-categories-management .btn-edit{background:var(--bg-tertiary);color:var(--text, #111)}.company-categories-management .btn-delete{background:var(--bg-tertiary);color:var(--error);border:1px solid var(--error)}.company-categories-management .empty-message{padding:2rem;text-align:center;color:var(--text-secondary, #666)}.company-categories-management .loading{padding:2rem;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;max-width:475px;width:90%;box-shadow:0 4px 20px #00000026}.modal-content h2{margin:0 0 1rem;font-size:1.25rem}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-group label{display:block;margin-bottom:.35rem;font-weight:500}.modal-content .form-group input{width:100%;padding:.5rem;border:1px solid var(--border, #e5e7eb);border-radius:6px}.modal-content .form-error{margin-bottom:1rem;padding:.5rem;background:var(--bg-tertiary);color:var(--error);border:1px solid var(--error);border-radius:6px;font-size:.9rem}.modal-actions{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.modal-actions button{padding:.5rem 1rem;border-radius:6px;cursor:pointer;border:1px solid var(--border, #e5e7eb);background:var(--bg-secondary)}.modal-actions button:last-child{background:var(--primary, #2563eb);color:#fff;border-color:var(--primary, #2563eb)}.modal-activity-types{max-width:480px}.modal-hint{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary, #666)}.activity-types-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.activity-type-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem 0}.activity-type-checkbox input{width:auto}.company-categories-page{min-height:100%}.audit-leads-page{padding:1.5rem;max-width:1400px;margin:0 auto}.audit-leads-header{margin-bottom:1.5rem}.audit-leads-header h1{font-size:1.75rem;margin:0 0 .25rem}.audit-leads-subtitle{color:var(--text-muted, #888);margin:0 0 1rem;font-size:.95rem}.audit-leads-filters{display:flex;gap:1rem;align-items:center}.audit-leads-status-select{margin-left:.5rem;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border-color, #333);background:var(--bg-secondary, #1e1e1e);color:var(--text-primary, #eee)}.audit-leads-layout{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;min-height:400px}@media (max-width: 900px){.audit-leads-layout{grid-template-columns:1fr}}.audit-leads-list-section{background:var(--card-bg, #252525);border-radius:12px;padding:1rem;border:1px solid var(--border-color, #333)}.audit-leads-list{list-style:none;margin:0;padding:0}.audit-leads-list-item{padding:.75rem 1rem;border-radius:8px;cursor:pointer;margin-bottom:.25rem;transition:background .15s}.audit-leads-list-item:hover{background:var(--bg-hover, #333)}.audit-leads-list-item.selected{background:var(--primary-dim, rgba(59, 130, 246, .2));border:1px solid var(--primary, #3b82f6)}.audit-leads-list-item-main{display:flex;flex-direction:column;gap:.2rem}.audit-leads-list-email{font-weight:500;color:var(--text-primary, #eee)}.audit-leads-list-name{font-size:.85rem;color:var(--text-muted, #888)}.audit-leads-list-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.8rem;color:var(--text-muted, #888)}.audit-leads-list-status{padding:.2rem .5rem;border-radius:4px;background:var(--bg-tertiary, #333)}.audit-leads-paused-badge{color:var(--warning, #f59e0b)}.audit-leads-list-date{margin-left:auto}.audit-leads-empty{padding:2rem;text-align:center;color:var(--text-muted, #888)}.audit-leads-detail-section{background:var(--card-bg, #252525);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #333)}.audit-leads-detail-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted, #888)}.audit-leads-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #333);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.audit-leads-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #333)}.audit-leads-detail-header h2{margin:0 0 .25rem;font-size:1.25rem}.audit-leads-detail-email{margin:0;font-size:.9rem;color:var(--text-muted, #888)}.audit-leads-detail-status{margin:.25rem 0 0;font-size:.9rem}.audit-leads-detail-scheduled{margin:.25rem 0 0;font-size:.9rem;color:var(--success, #22c55e)}.audit-leads-detail-actions{flex-shrink:0}.audit-leads-pause-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color, #333);background:var(--bg-secondary, #1e1e1e);color:var(--text-primary, #eee);cursor:pointer;font-size:.9rem}.audit-leads-pause-btn:hover:not(:disabled){background:var(--bg-hover, #333)}.audit-leads-pause-btn.pause{border-color:var(--warning, #f59e0b);color:var(--warning, #f59e0b)}.audit-leads-pause-btn.resume{border-color:var(--success, #22c55e);color:var(--success, #22c55e)}.audit-leads-pause-btn:disabled{opacity:.6;cursor:not-allowed}.audit-leads-logs h3,.audit-leads-summary h3{font-size:1rem;margin:0 0 .75rem;color:var(--text-muted, #888)}.audit-leads-logs-list{list-style:none;margin:0;padding:0}.audit-leads-log-item{padding:.6rem 0;border-bottom:1px solid var(--border-color, #333);font-size:.9rem}.audit-leads-log-item:last-child{border-bottom:none}.audit-leads-log-type{font-weight:500;margin-right:.75rem}.audit-leads-log-date{color:var(--text-muted, #888);font-size:.85rem}.audit-leads-log-payload{margin:.35rem 0 0 1rem;padding:.5rem;background:var(--bg-tertiary, #1a1a1a);border-radius:6px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.audit-leads-logs-empty{color:var(--text-muted, #888);padding:.5rem 0}.audit-leads-summary{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #333)}.audit-leads-summary-json{margin:0;padding:1rem;background:var(--bg-tertiary, #1a1a1a);border-radius:8px;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto}.chroma-diagnostics-page{padding:1.5rem;max-width:900px;margin:0 auto}.chroma-diagnostics-page.chroma-diagnostics-forbidden{text-align:center;padding-top:3rem}.chroma-diagnostics-forbidden .forbidden-message{color:var(--text-muted, #888);margin:1rem 0}.chroma-diagnostics-forbidden .back-link{color:var(--primary, #0af)}.chroma-diagnostics-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.chroma-diagnostics-header h1{margin:0;font-size:1.5rem}.chroma-diagnostics-subtitle{flex:1 1 100%;margin:0;color:var(--text-muted, #888);font-size:.95rem}.chroma-diagnostics-refresh{padding:.5rem 1rem;background:var(--bg-button, #333);color:var(--text, #eee);border:1px solid var(--border, #555);border-radius:6px;cursor:pointer}.chroma-diagnostics-refresh:hover:not(:disabled){background:var(--bg-button-hover, #444)}.chroma-diagnostics-refresh:disabled{opacity:.7;cursor:not-allowed}.chroma-diagnostics-loading,.chroma-diagnostics-error{padding:1rem;border-radius:8px;margin-bottom:1rem}.chroma-diagnostics-loading{background:var(--bg-secondary, #2a2a2a);color:var(--text-muted, #888)}.chroma-diagnostics-error{background:#c83c3c26;border:1px solid rgba(200,60,60,.4);color:var(--text, #eee)}.chroma-diagnostics-deprecated-banner{padding:1rem;margin-bottom:1.5rem;background:#c8a03c26;border:1px solid rgba(200,160,60,.5);border-radius:8px;font-size:.95rem;color:var(--text, #eee)}.chroma-diagnostics-deprecated-banner code{background:var(--bg-secondary, #2a2a2a);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.chroma-diagnostics-content section{margin-bottom:1.5rem}.chroma-diagnostics-content h2{font-size:1.1rem;margin:0 0 .75rem;color:var(--text, #eee)}.chroma-diagnostics-summary ul{list-style:none;padding:0;margin:0}.chroma-diagnostics-summary li{padding:.35rem 0}.chroma-diagnostics-summary .label,.chroma-probe-card .label{color:var(--text-muted, #888);margin-right:.35rem}.chroma-diagnostics-summary code,.chroma-probe-card code{background:var(--bg-secondary, #2a2a2a);padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.chroma-diagnostics-summary .ok{color:#6a6}.chroma-diagnostics-summary .warn{color:#ca6}.chroma-probe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.chroma-probe-card-collections{grid-column:1 / -1}.chroma-probe-card{padding:1rem;border-radius:8px;border:1px solid var(--border, #444);background:var(--bg-secondary, #252525)}.chroma-probe-card.ok{border-color:#64b46480;background:#64b46414}.chroma-probe-card.error{border-color:#c8505080;background:#c8505014}.chroma-probe-card.warn{border-color:#c8a03c80}.chroma-probe-card h3{margin:0 0 .75rem;font-size:1rem}.chroma-probe-card p{margin:.35rem 0;font-size:.9rem}.chroma-probe-card .probe-url code{word-break:break-all}.chroma-probe-card .probe-body{margin:.5rem 0 0;padding:.5rem;background:var(--bg, #1a1a1a);border-radius:4px;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto}.chroma-probe-card .probe-error{margin-top:.5rem;padding:.5rem;background:#c83c3c33;border-radius:4px;font-size:.9rem}.chroma-probe-card .probe-ok{color:#6a6;margin-top:.5rem}.chroma-probe-card-collections .probe-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem}.chroma-probe-card-collections .probe-meta .probe-status{font-weight:600}.chroma-collections-block{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border, #444)}.chroma-collections-header{margin-bottom:.5rem}.chroma-collections-count{font-size:.9rem;font-weight:600;color:var(--text-muted, #888)}.chroma-collections-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.chroma-collection-item{padding:.6rem .75rem;background:var(--bg, #1a1a1a);border-radius:6px;border:1px solid var(--border, #333);display:flex;flex-direction:column;gap:.25rem}.chroma-collection-name{font-weight:600;font-size:.95rem;color:var(--text, #eee)}.chroma-collection-id{font-size:.75rem;color:var(--text-muted, #888);word-break:break-all;background:transparent;padding:0}.chroma-collection-meta{font-size:.75rem;color:var(--text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chroma-collections-empty{margin:0;padding:.5rem 0;font-size:.9rem;color:var(--text-muted, #888)}.chroma-diagnostics-note{padding:.75rem;background:var(--bg-secondary, #2a2a2a);border-radius:8px;font-size:.9rem;color:var(--text-muted, #888)}.chroma-diagnostics-note p{margin:0}.ml-analytics-page{padding:24px;max-width:1400px;margin:0 auto}.ml-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ml-header-left{display:flex;align-items:center;gap:16px}.ml-header-icon{font-size:2rem;color:var(--accent-color, #8b5cf6)}.ml-header h1{margin:0;font-size:1.75rem;font-weight:700}.ml-subtitle{margin:2px 0 0;color:var(--text-muted, #9ca3af);font-size:.9rem}.ml-coming-soon{padding:32px 24px;text-align:center;max-width:560px;margin:0 auto;background:var(--hover-bg, rgba(255, 255, 255, .03));border:1px solid var(--border-color, #374151);border-radius:12px}.ml-coming-soon-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text-primary, #e5e7eb)}.ml-coming-soon-message{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-muted, #9ca3af)}.ml-header-right{display:flex;align-items:center;gap:12px}.ml-service-status{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500}.ml-service-status.healthy{background:#10b98126;color:#10b981}.ml-service-status.unhealthy{background:#ef444426;color:#ef4444}.ml-service-status.checking{background:#6b728026;color:#9ca3af}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.ml-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-color, #374151);border-radius:8px;background:transparent;color:var(--text-primary, #e5e7eb);cursor:pointer;font-size:.85rem;transition:all .2s}.ml-refresh-btn:hover{background:var(--hover-bg, rgba(255, 255, 255, .05))}.ml-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color, #374151);margin-bottom:24px;overflow-x:auto}.ml-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.ml-tab:hover{color:var(--text-primary, #e5e7eb)}.ml-tab.active{color:var(--accent-color, #8b5cf6);border-bottom-color:var(--accent-color, #8b5cf6)}.ml-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.ml-stat-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:var(--card-bg, rgba(255, 255, 255, .03));border:1px solid var(--border-color, #374151)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.2rem}.stat-icon.active{background:#10b98126;color:#10b981}.stat-icon.warning{background:#f59e0b26;color:#f59e0b}.stat-icon.danger{background:#ef444426;color:#ef4444}.stat-icon.info{background:#3b82f626;color:#3b82f6}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary, #e5e7eb)}.stat-label{font-size:.8rem;color:var(--text-muted, #9ca3af)}.ml-models-grid h2{margin-bottom:16px;font-size:1.2rem}.models-table{border:1px solid var(--border-color, #374151);border-radius:12px;overflow:hidden}.models-header,.models-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1.5fr;padding:12px 16px;align-items:center;gap:8px}.models-header{background:var(--header-bg, rgba(255, 255, 255, .03));font-weight:600;font-size:.85rem;color:var(--text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.models-row{border-top:1px solid var(--border-color, #374151);font-size:.9rem}.models-row:hover{background:var(--hover-bg, rgba(255, 255, 255, .02))}.model-name{font-weight:500;text-transform:capitalize}.model-algorithm{color:var(--text-muted, #9ca3af)}.model-version{color:var(--text-muted, #9ca3af);font-family:monospace;font-size:.8rem}.status-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.model-metric{font-family:monospace;font-size:.85rem}.models-empty{padding:40px 16px;text-align:center;color:var(--text-muted, #9ca3af);grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;font-size:1.2rem}.ml-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:var(--accent-color, #8b5cf6);color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.ml-action-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ml-action-btn:disabled{opacity:.5;cursor:not-allowed}.ml-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #9ca3af);gap:12px}.ml-empty-state svg{font-size:2.5rem;opacity:.5}.anomalies-list{display:flex;flex-direction:column;gap:12px}.anomaly-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:10px;border:1px solid var(--border-color, #374151);background:var(--card-bg, rgba(255, 255, 255, .03))}.anomaly-severity{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;color:#fff;white-space:nowrap}.anomaly-content{flex:1}.anomaly-content h3{margin:0 0 4px;font-size:.95rem;text-transform:capitalize}.anomaly-content p{margin:0;font-size:.85rem;color:var(--text-muted, #9ca3af)}.anomaly-entity{font-size:.75rem;color:var(--text-muted, #9ca3af);font-family:monospace}.anomaly-time{font-size:.8rem;color:var(--text-muted, #9ca3af);white-space:nowrap}.clusters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.cluster-card{padding:20px;border-radius:12px;border:1px solid var(--border-color, #374151);background:var(--card-bg, rgba(255, 255, 255, .03))}.cluster-header{display:flex;justify-content:space-between;margin-bottom:8px}.cluster-id{font-weight:700;color:var(--accent-color, #8b5cf6)}.cluster-size{font-size:.85rem;color:var(--text-muted, #9ca3af)}.cluster-label{margin:0 0 12px;font-size:1rem}.cluster-keywords,.topic-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.keyword-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.cluster-examples h4{margin:0 0 8px;font-size:.8rem;color:var(--text-muted, #9ca3af)}.example-msg{margin:4px 0;font-size:.85rem;color:var(--text-muted, #9ca3af);font-style:italic}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-card{padding:16px 20px;border-radius:10px;border:1px solid var(--border-color, #374151);background:var(--card-bg, rgba(255, 255, 255, .03))}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.topic-header h3{margin:0;font-size:1rem}.topic-stats{display:flex;gap:12px;font-size:.85rem;color:var(--text-muted, #9ca3af)}.topic-trend{text-transform:capitalize;font-weight:500}.topic-trend.rising{color:#10b981}.topic-trend.stable{color:#3b82f6}.topic-trend.declining{color:#ef4444}.topic-bar{height:4px;border-radius:2px;background:var(--border-color, #374151);margin-top:8px}.topic-bar-fill{height:100%;border-radius:2px;background:var(--accent-color, #8b5cf6);transition:width .5s ease}.training-status-banner{padding:12px 16px;border-radius:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;margin-bottom:20px;font-size:.9rem}.training-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.training-card{padding:20px;border-radius:12px;border:1px solid var(--border-color, #374151);background:var(--card-bg, rgba(255, 255, 255, .03));display:flex;flex-direction:column;gap:10px}.training-card-header{display:flex;justify-content:space-between;align-items:center}.training-card-header h3{margin:0;font-size:1rem}.type-badge{padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.type-badge.supervised{background:#3b82f626;color:#3b82f6}.type-badge.unsupervised{background:#10b98126;color:#10b981}.type-badge.reinforcement{background:#f59e0b26;color:#f59e0b}.training-card-desc{margin:0;font-size:.85rem;color:var(--text-muted, #9ca3af)}.training-card-info{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted, #9ca3af)}.train-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:none;border-radius:8px;background:var(--accent-color, #8b5cf6);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;margin-top:auto}.train-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.train-btn:disabled{opacity:.4;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.ml-analytics-page{padding:16px}.ml-header{flex-direction:column;align-items:flex-start}.models-header,.models-row{grid-template-columns:2fr 1fr 1fr}.models-header span:nth-child(4),.models-row span:nth-child(4),.models-header span:nth-child(5),.models-row span:nth-child(5){display:none}}.internal-rag-page{padding:1.5rem;max-width:900px;margin:0 auto}.internal-rag-forbidden{text-align:center;padding-top:2rem}.internal-rag-forbidden .forbidden-message{color:var(--text-secondary);margin-bottom:1rem}.internal-rag-forbidden .back-link{color:var(--accent-color)}.internal-rag-header{margin-bottom:1.5rem}.internal-rag-header h1{margin:0 0 .5rem;font-size:1.5rem}.internal-rag-subtitle{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.internal-rag-loading{color:var(--text-secondary)}.internal-rag-error{padding:.75rem 1rem;background:#ff505026;border:1px solid var(--accent-color);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.internal-rag-error button{background:var(--bg-primary);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:4px;cursor:pointer}.internal-rag-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.internal-rag-card h2{margin:0 0 .75rem;font-size:1.1rem;color:var(--text-primary)}.internal-rag-status{display:flex;flex-wrap:wrap;gap:1.5rem}.internal-rag-stat{display:flex;flex-direction:column;gap:.25rem}.internal-rag-stat .label{font-size:.85rem;color:var(--text-secondary)}.internal-rag-stat .value{font-weight:600;color:var(--accent-color)}.internal-rag-hint{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.internal-rag-workspaces{display:flex;gap:1rem;margin-bottom:1rem}.internal-rag-check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.internal-rag-check input{cursor:pointer}.internal-rag-toggle-row{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;margin-top:.25rem}.internal-rag-sync-btn,.internal-rag-discover-btn,.internal-rag-save-config-btn{background:var(--accent-color);color:var(--bg-primary);border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer}.internal-rag-sync-btn:disabled,.internal-rag-save-config-btn:disabled{opacity:.7;cursor:not-allowed}.internal-rag-md-top-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.internal-rag-discover-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.internal-rag-add-doc-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer}.internal-rag-add-doc-btn:hover{background:var(--border-color)}.internal-rag-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.internal-rag-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.internal-rag-modal h3{margin:0 0 1rem;font-size:1.15rem}.internal-rag-form-group{margin-bottom:1rem}.internal-rag-form-group label{display:block;font-size:.9rem;margin-bottom:.35rem;color:var(--text-secondary)}.internal-rag-modal-input,.internal-rag-modal-textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.internal-rag-modal-textarea{resize:vertical;font-family:inherit}.internal-rag-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.internal-rag-cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.internal-rag-cancel-btn:hover:not(:disabled){background:var(--border-color)}.internal-rag-md-section{margin-top:1rem}.internal-rag-workspace-md{margin-bottom:1.25rem}.internal-rag-workspace-md-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.internal-rag-md-actions{display:flex;gap:.5rem}.internal-rag-md-actions button{font-size:.8rem;padding:.2rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer}.internal-rag-md-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.internal-rag-md-list li{padding:.25rem 0}.internal-rag-md-list code{font-size:.85rem;background:var(--bg-primary);padding:.1rem .35rem;border-radius:4px}.internal-rag-save-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.internal-rag-save-config-btn{margin-top:0}.internal-rag-save-success{font-size:.9rem;color:#0a6;font-weight:500}.internal-rag-empty{margin:0;color:var(--text-secondary);font-size:.9rem}.internal-rag-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.internal-rag-history-header h2{margin:0}.internal-rag-refresh-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.35rem .75rem;border-radius:6px;font-size:.9rem;cursor:pointer}.internal-rag-refresh-btn:hover:not(:disabled){background:var(--border-color)}.internal-rag-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.internal-rag-history-table-wrap{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.internal-rag-history-table{width:100%;border-collapse:collapse;font-size:.85rem}.internal-rag-history-table th,.internal-rag-history-table td{padding:.5rem .6rem;text-align:left;border-bottom:1px solid var(--border-color)}.internal-rag-history-table th{font-weight:600;color:var(--text-secondary);white-space:nowrap}.internal-rag-history-table tbody tr:last-child td{border-bottom:none}.internal-rag-history-table tbody tr:hover{background:var(--bg-secondary)}.internal-rag-history-status{text-transform:capitalize;font-weight:500;white-space:nowrap}.internal-rag-history-status[data-status=completed]{color:#0a6}.internal-rag-history-status[data-status=failed]{color:#d44}.internal-rag-history-status[data-status=running]{color:var(--accent-color)}.internal-rag-history-workspaces{color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis}.internal-rag-history-time{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.internal-rag-history-error{max-width:200px;overflow:hidden;text-overflow:ellipsis;color:#d44;font-size:.8rem}.secrets-page{padding:24px;max-width:900px;margin:0 auto}.secrets-page-header{margin-bottom:28px}.secrets-page-header h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text-primary, #fff)}.secrets-page-header h1 svg{color:var(--accent-primary, #00d4ff)}.secrets-page-subtitle{font-size:14px;color:var(--text-secondary, #9ca3af);margin:0 0 16px;line-height:1.5}.secrets-page-add{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#00d4ff26;border:1px solid rgba(0,212,255,.4);border-radius:8px;color:var(--accent-primary, #00d4ff);font-weight:600;cursor:pointer;font-size:14px}.secrets-page-add:hover{background:#00d4ff40}.secrets-page-error{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;margin-bottom:20px}.secrets-list-container{background:var(--bg-card, rgba(255,255,255,.03));border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:12px;overflow:hidden}.secrets-empty{padding:32px;text-align:center;color:var(--text-secondary, #9ca3af)}.secrets-table{list-style:none;margin:0;padding:0}.secrets-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.secrets-row:last-child{border-bottom:none}.secrets-key{font-weight:600;min-width:160px}.secrets-type{font-size:13px;color:var(--text-secondary, #9ca3af)}.secrets-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary, #6b7280)}.secrets-actions{margin-left:auto;display:flex;gap:8px}.secrets-btn-edit{padding:6px 12px;font-size:13px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:var(--accent-primary, #00d4ff);cursor:pointer}.secrets-btn-delete{padding:6px 10px;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#ef4444;cursor:pointer}.secrets-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.secrets-modal{background:var(--bg-card, #1a1a2e);border:1px solid var(--border-color);border-radius:12px;padding:24px;width:100%;max-width:420px}.secrets-modal h3{margin:0 0 20px;font-size:18px}.secrets-form-group{margin-bottom:16px}.secrets-form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.secrets-form-group input,.secrets-form-group select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:#0003;color:var(--text-primary);font-size:14px}.secrets-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.secrets-modal-actions button{padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer}.secrets-modal-actions button[type=button]{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.secrets-modal-actions button[type=submit]{background:var(--accent-primary, #00d4ff);border:none;color:#0a0e27}.secrets-modal-actions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.agent-debug-page{display:flex;flex-direction:column;gap:16px;padding:20px}.agent-debug-header h1{margin:0 0 6px}.agent-debug-subtitle{margin:0;opacity:.85}.agent-debug-card{background:var(--card-background, #1f2937);border:1px solid var(--border-color, #374151);border-radius:10px;padding:14px}.agent-debug-card h2{margin:0 0 10px;font-size:1rem}.agent-debug-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.agent-debug-form-grid label{display:flex;flex-direction:column;gap:6px}.agent-debug-form-grid input,.agent-debug-form-grid select{border:1px solid var(--border-color, #4b5563);background:var(--input-background, #111827);color:var(--text-color, #f9fafb);border-radius:8px;padding:9px 10px}.agent-debug-hint{margin:0 0 10px;opacity:.85}.agent-debug-conversation-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}.agent-debug-conversation-item{text-align:left;border:1px solid var(--border-color, #4b5563);background:var(--input-background, #111827);color:var(--text-color, #f9fafb);border-radius:8px;padding:10px 12px;cursor:pointer}.agent-debug-conversation-item.active{border-color:#2563eb;background:#132645}.agent-debug-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.agent-debug-conversation-head span{font-size:.8rem;opacity:.85}.agent-debug-conversation-item p{margin:6px 0;font-size:.88rem;opacity:.9}.agent-debug-conversation-item small{opacity:.7;font-size:.75rem}.agent-debug-actions{display:flex;flex-wrap:wrap;gap:10px}.agent-debug-actions button{border:1px solid var(--border-color, #4b5563);background:var(--input-background, #111827);color:var(--text-color, #f9fafb);border-radius:8px;padding:8px 12px;cursor:pointer}.agent-debug-actions button.primary{background:#2563eb;border-color:#2563eb}.agent-debug-actions button:disabled{opacity:.6;cursor:not-allowed}.agent-debug-tools{margin:0;padding-left:18px}.agent-debug-tools li{margin-bottom:10px}.agent-debug-tools p{margin:3px 0 0;opacity:.85}.agent-debug-card pre{margin:0;background:#0b1220;border:1px solid #253046;border-radius:8px;padding:10px;overflow:auto;max-height:420px;font-size:.84rem}.agent-debug-error pre{border-color:#7f1d1d}.agent-debug-forbidden{padding:20px}.forbidden-message{margin-top:8px}.back-link{display:inline-block;margin-top:10px}.agent-task-runs-page{padding:1.5rem;max-width:900px;margin:0 auto}.agent-task-runs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.agent-task-runs-header h2{margin:0 0 .35rem;font-size:1.35rem}.agent-task-runs-description{margin:0;font-size:.9rem;color:var(--text-secondary, #999)}.agent-task-runs-header-actions{display:flex;gap:.5rem;align-items:center}.agent-task-runs-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.agent-task-runs-summary{font-size:.9rem;color:var(--text-secondary, #999)}.agent-task-runs-page-size{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.agent-task-runs-page-size select{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border-color, #444);background:var(--secondary-bg, #1e1e1e);color:var(--text-primary, #eee)}.agent-task-runs-loading{padding:2rem;display:flex;justify-content:center}.agent-task-runs-table-wrap{overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-color, #444);border-radius:8px}.agent-task-runs-table{width:100%;border-collapse:collapse;font-size:.9rem}.agent-task-runs-table th,.agent-task-runs-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #333)}.agent-task-runs-table th{background:var(--secondary-bg, #252525);color:var(--text-secondary, #999);font-weight:600}.agent-task-runs-table tbody tr:hover{background:#ffffff08}.agent-task-runs-table .run-id-cell{font-family:monospace;font-size:.85rem}.agent-task-runs-table .run-date-cell{white-space:nowrap;color:var(--text-secondary, #999)}.agent-task-runs-table .run-prompt-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis}.agent-task-runs-table .run-actions-cell{white-space:nowrap}.agent-task-runs-pagination{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.agent-task-runs-page-info{font-size:.9rem;color:var(--text-secondary, #999)}.agent-task-runs-list{display:flex;flex-direction:column;gap:.75rem}.agent-task-run-card{padding:1rem;border:1px solid var(--border-color, #444);border-radius:8px;background:var(--secondary-bg, #1e1e1e)}.agent-task-run-card .run-meta{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary, #999)}.agent-task-run-card .run-id{font-family:monospace}.agent-task-run-card .run-status{padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.agent-task-run-card .run-status-success,.run-status-completed{background:#00c86433;color:#0c6}.agent-task-run-card .run-status-error,.run-status-error{background:#dc3c3c33;color:#e66}.agent-task-run-card .run-status-pending,.run-status-pending{background:#c8b40033;color:#dc0}.agent-task-run-card .run-prompt-preview{margin-bottom:.75rem;font-size:.9rem;color:var(--text-primary, #eee)}.agent-task-runs-page .empty-state{color:var(--text-secondary, #999)}.agent-task-run-detail-page{padding:1.5rem;max-width:800px;margin:0 auto}.agent-task-run-detail-page h2{margin-bottom:1rem;font-size:1.1rem}.agent-task-run-detail-page .detail-section{margin-bottom:1.25rem}.agent-task-run-detail-page .detail-section label{display:block;font-size:.8rem;color:var(--text-secondary, #999);margin-bottom:.35rem}.agent-task-run-detail-page .detail-content{padding:.75rem;background:var(--secondary-bg, #1e1e1e);border:1px solid var(--border-color, #444);border-radius:6px;white-space:pre-wrap;word-break:break-word;font-size:.9rem}.agent-task-run-detail-page .detail-actions{margin-top:1rem}.agent-task-run-detail-page .detail-actions a{margin-right:.75rem}.agent-task-run-detail-page .detail-content-error{color:#e66;background:#dc3c3c1a}.agents-dashboard-page{padding:1.5rem;max-width:1400px;margin:0 auto}.agents-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.agents-dashboard-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary, #fff) 0%,var(--text-secondary, #aaa) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agents-dashboard-subtitle{margin:0;font-size:.95rem;color:var(--text-secondary, #999)}.agents-dashboard-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.agents-dashboard-filters{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.agents-dashboard-filters label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary, #999)}.agents-dashboard-filter-select{padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color, #444);background:var(--secondary-bg, #1e1e1e);color:var(--text-primary, #eee);font-size:.9rem}.agents-dashboard-error{padding:1rem;background:#dc354526;border:1px solid rgba(220,53,69,.4);border-radius:8px;color:#f87171;margin-bottom:1rem}.agents-dashboard-loading{padding:3rem;display:flex;justify-content:center;align-items:center}.agents-dashboard-empty{padding:3rem;text-align:center;color:var(--text-secondary, #999);border:1px dashed var(--border-color, #444);border-radius:12px}.agents-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.agents-dashboard-card{display:block;padding:1rem 1.15rem;border-radius:12px;border:1px solid var(--border-color, #333);background:var(--card-bg, #1e1e1e);color:var(--text-primary, #eee);text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.agents-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059;border-color:var(--primary-color, #4a9eff)}.agents-dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.agents-dashboard-card-status{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:6px}.agents-dashboard-card-status.card-status-completed{background:#22c55e40;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.agents-dashboard-card-status.card-status-error{background:#ef444440;color:#f87171;border:1px solid rgba(239,68,68,.4)}.agents-dashboard-card-status.card-status-pending{background:#eab30840;color:#facc15;border:1px solid rgba(234,179,8,.4)}.agents-dashboard-card-status.card-status-other{background:#94a3b833;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.agents-dashboard-card-source{font-size:.75rem;color:var(--text-secondary, #888)}.agents-dashboard-card-prompt{margin:0 0 .5rem;font-size:.9rem;line-height:1.4;color:var(--text-primary, #eee);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agents-dashboard-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary, #666)}.agents-dashboard-card-id{font-family:ui-monospace,monospace;opacity:.8}.agents-dashboard-card-error{margin:.5rem 0 0;font-size:.75rem;color:#f87171;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.agents-dashboard-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem}.robot-avatar{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease,filter .2s ease;position:relative;-webkit-user-select:none;user-select:none}.robot-avatar:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.1)}.robot-avatar:active{transform:translateY(-2px) scale(1.02)}.robot-avatar--sm .robot-avatar__body{width:60px;height:75px}.robot-avatar--md .robot-avatar__body{width:80px;height:100px}.robot-avatar--lg .robot-avatar__body{width:110px;height:135px}.robot-avatar--sm .robot-avatar__name{font-size:.65rem}.robot-avatar--md .robot-avatar__name{font-size:.75rem}.robot-avatar--lg .robot-avatar__name{font-size:.85rem}.robot-avatar__body{position:relative}.robot-avatar__svg{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--robot-color))}.robot-avatar__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;z-index:2;animation:badge-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #00f0ff80}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.robot-avatar__name{margin-top:4px;color:var(--text-primary, #e8eaf6);font-weight:600;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#070b1a73;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 8px}.robot-avatar__status{display:flex;align-items:center;gap:4px;font-size:.65rem;margin-top:3px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.robot-avatar__status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.robot-avatar--idle .robot-avatar__svg{animation:robot-float 3s ease-in-out infinite}@keyframes robot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.robot-avatar--idle .robot-eye{animation:robot-blink 4s ease-in-out infinite}@keyframes robot-blink{0%,45%,55%,to{ry:6}50%{ry:1}}.robot-avatar--working .robot-avatar__svg{filter:drop-shadow(0 0 10px var(--robot-color));animation:robot-work-glow 1.5s ease-in-out infinite}.robot-avatar--working .robot-chest-light{animation:chest-pulse 1s ease-in-out infinite}@keyframes robot-work-glow{0%,to{filter:drop-shadow(0 0 6px var(--robot-color))}50%{filter:drop-shadow(0 0 14px var(--robot-color))}}@keyframes chest-pulse{0%,to{opacity:.6;r:6}50%{opacity:1;r:8}}.robot-avatar--talking .robot-mouth{animation:robot-talk .4s ease-in-out infinite}@keyframes robot-talk{0%,to{height:3}50%{height:6;y:40}}.robot-avatar__waves{position:absolute;right:-10px;top:35%;display:flex;flex-direction:column;gap:3px}.wave{display:block;width:8px;height:8px;border:1.5px solid;border-left:none;border-bottom:none;border-radius:0 50% 0 0;opacity:0;animation:wave-emit 1.2s ease-out infinite}.wave--2{animation-delay:.2s}.wave--3{animation-delay:.4s}@keyframes wave-emit{0%{opacity:0;transform:scale(.5)}30%{opacity:.8}to{opacity:0;transform:scale(1.5) translate(6px)}}.robot-avatar--error .robot-avatar__svg{animation:robot-shake .5s ease-in-out infinite;filter:drop-shadow(0 0 8px #EF4444)}.robot-avatar__error-icon{position:absolute;top:0;right:0;width:18px;height:18px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:error-pulse 1s ease-in-out infinite}@keyframes robot-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes error-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.robot-avatar--offline .robot-avatar__svg{filter:grayscale(.8) brightness(.5)}.robot-avatar--offline .robot-eye{opacity:.3}.robot-avatar--working .robot-status-ring,.robot-avatar--talking .robot-status-ring{animation:status-ring-pulse 2s ease-in-out infinite}@keyframes status-ring-pulse{0%,to{r:8;opacity:.3}50%{r:12;opacity:.6}}.virtual-office{display:flex;flex-direction:column;height:100%;min-height:620px;position:relative;background:var(--bg-primary, #1A122E);border-radius:16px;overflow:hidden;border:1px solid var(--border-color, #2a2a3e)}.virtual-office--cyberpunk{background:radial-gradient(ellipse at 20% 80%,rgba(0,240,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(131,56,236,.05) 0%,transparent 50%),var(--bg-primary, #1A122E)}.virtual-office--neon_lab{background:radial-gradient(ellipse at 50% 50%,rgba(16,185,129,.06) 0%,transparent 60%),var(--bg-primary, #1A122E)}.virtual-office--space_station{background:radial-gradient(ellipse at 30% 70%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(99,102,241,.05) 0%,transparent 50%),var(--bg-primary, #0d0d1a)}.virtual-office--minimal_future{background:var(--bg-primary, #1A122E)}.virtual-office__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:14px 20px;border-bottom:1px solid var(--border-color, #2a2a3e);position:relative;z-index:1;background:linear-gradient(180deg,#0b1223bd,#0b122340)}.virtual-office__title{font-size:1.1rem;font-weight:600;color:var(--text-primary, #e8eaf6);margin:0}.virtual-office__stats{display:flex;gap:16px}.virtual-office__stat{font-size:.8rem;color:var(--text-secondary, #9ca3af)}.virtual-office__stat-value{font-weight:700;color:var(--accent-primary, #00D4FF)}.virtual-office__floor{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:800px;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 110%,rgba(0,212,255,.2),transparent 48%),linear-gradient(180deg,#00000029,#00000080)}.virtual-office__floor:active{cursor:grabbing}.virtual-office__controls{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;z-index:3}.virtual-office__hint{font-size:.72rem;color:var(--text-secondary, #9ca3af);background:#0a0f2373;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:5px 10px;white-space:nowrap}.virtual-office__reset-btn{border:1px solid rgba(255,255,255,.14);background:#0a0f23b3;color:var(--text-primary, #e8eaf6);border-radius:8px;padding:5px 10px;font-size:.72rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.virtual-office__reset-btn:hover{background:#141e37d9;border-color:#00d4ff80}.virtual-office__scene{position:relative;width:100%;height:100%;transform-origin:center center;transition:transform .08s ease-out;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}.virtual-office__grid{position:relative;transform-style:preserve-3d;margin:0 auto}.virtual-office__cell{position:absolute;border:1px solid rgba(0,240,255,.16);background:linear-gradient(145deg,#00f0ff14,#8338ec0f);transition:background .3s ease}.virtual-office__cell--active-zone{background:linear-gradient(145deg,#10b9811f,#38bdf814);border-color:#22c55e40}.virtual-office__cell--inactive-zone{background:linear-gradient(145deg,#6b72801f,#47556914);border-color:#94a3b833}.virtual-office__cell:hover{background:linear-gradient(145deg,#00f0ff21,#8338ec1c)}.virtual-office__agents{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.virtual-office__agent{position:absolute;pointer-events:auto;z-index:1;transition:transform .15s ease}.virtual-office__agent-shell{transform-origin:center bottom;transform:scale(var(--bot-scale, 1))}.virtual-office__agent--active .virtual-office__agent-shell{animation:bot-active-breath var(--bot-motion-duration, 3.2s) ease-in-out infinite;animation-delay:var(--bot-motion-delay, 0s)}.virtual-office__agent--inactive{opacity:.74}.virtual-office__agent:hover{z-index:10;transform:translateY(-4px)}.virtual-office__agent--selected{z-index:20}.virtual-office__agent--selected .robot-avatar{filter:brightness(1.2) drop-shadow(0 0 12px var(--accent-primary, #00D4FF))}.virtual-office__zone-label{position:absolute;transform:translate(-50%,-50%);z-index:5;pointer-events:none;font-size:.72rem;font-weight:700;letter-spacing:.45px;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.virtual-office__zone-label--active{color:#86efac;background:#064e3b99}.virtual-office__zone-label--inactive{color:#cbd5e1;background:#1e293ba8}@keyframes bot-active-breath{0%,to{transform:translateY(0) translate(0) scale(var(--bot-scale, 1))}25%{transform:translateY(calc(-.6 * var(--bot-motion-amplitude, 3px))) translate(var(--bot-motion-drift-x, 2px)) scale(var(--bot-scale, 1))}45%{transform:translateY(calc(-1 * var(--bot-motion-amplitude, 3px))) translate(calc(-.7 * var(--bot-motion-drift-x, 2px))) scale(var(--bot-scale, 1))}70%{transform:translateY(calc(-.4 * var(--bot-motion-amplitude, 3px))) translate(calc(.4 * var(--bot-motion-drift-x, 2px))) scale(var(--bot-scale, 1))}}.virtual-office--cyberpunk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.01) 2px,rgba(0,240,255,.01) 4px);pointer-events:none;z-index:0}@media (max-width: 1024px){.virtual-office__controls{top:10px;right:10px}.virtual-office__hint{display:none}}.activity-feed{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;padding:4px 0}.activity-feed::-webkit-scrollbar{width:4px}.activity-feed::-webkit-scrollbar-track{background:transparent}.activity-feed::-webkit-scrollbar-thumb{background:var(--border-color, #2a2a3e);border-radius:2px}.activity-feed__empty{text-align:center;color:var(--text-secondary, #9ca3af);font-size:.8rem;padding:24px 16px}.activity-feed__entry{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:8px;transition:background .2s ease;animation:feed-slide-in .3s ease-out}.activity-feed__entry:hover{background:#ffffff08}@keyframes feed-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.activity-feed__icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff}.activity-feed__icon--conversation_started{background:#3b82f6}.activity-feed__icon--conversation_resolved{background:#10b981}.activity-feed__icon--message_sent{background:#6366f1}.activity-feed__icon--message_received{background:#8b5cf6}.activity-feed__icon--intent_matched{background:#f59e0b}.activity-feed__icon--tool_executed{background:#ec4899}.activity-feed__icon--error{background:#ef4444}.activity-feed__icon--lead_captured{background:#10b981}.activity-feed__content{flex:1;min-width:0}.activity-feed__description{font-size:.8rem;color:var(--text-primary, #e8eaf6);line-height:1.4;word-break:break-word}.activity-feed__meta{display:flex;align-items:center;gap:8px;margin-top:2px}.activity-feed__time{font-size:.7rem;color:var(--text-secondary, #9ca3af)}.activity-feed__channel{font-size:.65rem;padding:1px 6px;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.activity-feed__channel--web{background:#6366f126;color:#818cf8}.activity-feed__channel--whatsapp{background:#10b98126;color:#34d399}.activity-feed__channel--email{background:#f59e0b26;color:#fbbf24}.robot-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050e94;z-index:19990;animation:overlay-fade-in .2s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.robot-detail-panel{position:fixed;top:0;right:0;width:480px;max-width:90vw;height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(0,212,255,.12) 0%,transparent 40%),linear-gradient(180deg,#0a0f23f0,#0c122df0);border-left:1px solid var(--border-color, #2a2a3e);z-index:20000;display:flex;flex-direction:column;animation:panel-slide-in .3s ease-out;overflow:hidden;box-shadow:-16px 0 34px #00000073}.robot-detail-panel--expanded{width:min(1180px,96vw)}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.robot-detail-panel__header{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border-color, #2a2a3e);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.robot-detail-panel__avatar-wrapper{flex-shrink:0}.robot-detail-panel__info{flex:1;min-width:0}.robot-detail-panel__name{font-size:1.05rem;font-weight:700;color:var(--text-primary, #e8eaf6);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.robot-detail-panel__meta-line{font-size:.72rem;margin-top:5px;color:var(--text-secondary, #9ca3af)}.robot-detail-panel__status-row{display:flex;align-items:center;gap:6px;margin-top:4px}.robot-detail-panel__status-dot{width:8px;height:8px;border-radius:50%}.robot-detail-panel__status-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.robot-detail-panel__close{background:none;border:none;color:var(--text-secondary, #9ca3af);font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background .2s}.robot-detail-panel__toggle-size{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text-secondary, #9ca3af);font-size:.95rem;cursor:pointer;width:28px;height:28px;border-radius:7px;transition:color .2s,background .2s}.robot-detail-panel__toggle-size:hover{color:var(--text-primary, #e8eaf6);background:#ffffff1f}.robot-detail-panel__health{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.robot-detail-panel__health-ring{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center}.robot-detail-panel__health-inner{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;color:var(--text-primary, #e8eaf6);background:#080d20eb;border:1px solid rgba(255,255,255,.13)}.robot-detail-panel__health-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #9ca3af)}.robot-detail-panel__close:hover{color:var(--text-primary, #e8eaf6);background:#ffffff0d}.robot-detail-panel__body{flex:1;overflow-y:auto;padding:16px 18px 24px;display:flex;flex-direction:column;gap:20px}.robot-detail-panel__body::-webkit-scrollbar{width:4px}.robot-detail-panel__body::-webkit-scrollbar-thumb{background:var(--border-color, #2a2a3e);border-radius:2px}.robot-detail-panel__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.robot-detail-panel__stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.robot-detail-panel__stat-value{font-size:1.15rem;font-weight:700;color:var(--accent-primary, #00D4FF)}.robot-detail-panel__stat-label{font-size:.62rem;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.robot-detail-panel__section{display:flex;flex-direction:column;gap:8px}.robot-detail-panel__section-title{font-size:.72rem;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.5px}.robot-detail-panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.robot-detail-panel__action-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-primary, #e8eaf6);border-radius:8px;padding:8px 10px;font-size:.75rem;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.robot-detail-panel__action-button:hover{transform:translateY(-1px);border-color:#00d4ff66;background:#ffffff14}.robot-detail-panel__action-button:disabled{opacity:.6;cursor:not-allowed}.robot-detail-panel__action-button--primary{background:linear-gradient(135deg,#00d4ff33,#3b82f633);border-color:#00d4ff66}.robot-detail-panel__action-with-tooltip{position:relative}.robot-detail-panel__action-tooltip{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);z-index:4;font-size:.67rem;white-space:nowrap;padding:6px 8px;border-radius:7px;color:#f8fafc;border:1px solid rgba(248,113,113,.35);background:#1e293bf2;box-shadow:0 10px 18px #00000059}.robot-detail-panel__sla-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.robot-detail-panel__sla-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px}.robot-detail-panel__sla-value{font-size:1rem;font-weight:700;color:#7dd3fc}.robot-detail-panel__sla-label{font-size:.62rem;margin-top:3px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #9ca3af)}.robot-detail-panel__channels{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.11);background:#ffffff08}.robot-detail-panel__channel-row{display:flex;flex-direction:column;gap:5px}.robot-detail-panel__channel-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-secondary, #9ca3af)}.robot-detail-panel__channel-badge{text-transform:uppercase;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.4px}.robot-detail-panel__channel-badge--web{background:#6366f133;color:#93c5fd}.robot-detail-panel__channel-badge--whatsapp{background:#10b98133;color:#6ee7b7}.robot-detail-panel__channel-badge--email{background:#f59e0b33;color:#fcd34d}.robot-detail-panel__channel-track{height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.robot-detail-panel__channel-fill{height:100%;border-radius:999px}.robot-detail-panel__channel-fill--web{background:linear-gradient(90deg,#4f46e5,#60a5fa)}.robot-detail-panel__channel-fill--whatsapp{background:linear-gradient(90deg,#059669,#34d399)}.robot-detail-panel__channel-fill--email{background:linear-gradient(90deg,#d97706,#fbbf24)}.robot-detail-panel__sparkline{height:84px;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:4px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.robot-detail-panel__sparkline-bar{border-radius:3px 3px 0 0;background:linear-gradient(180deg,#00d4fff2,#38bdf833);min-height:6px}.robot-detail-panel__timeline{display:flex;flex-direction:column;gap:7px}.robot-detail-panel__timeline-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#ffffff08}.robot-detail-panel__timeline-channel{flex-shrink:0;min-width:68px;text-align:center;text-transform:uppercase;font-size:.61rem;letter-spacing:.5px;border-radius:999px;padding:3px 6px;font-weight:700}.robot-detail-panel__timeline-channel--web{background:#6366f133;color:#93c5fd}.robot-detail-panel__timeline-channel--whatsapp{background:#10b98133;color:#6ee7b7}.robot-detail-panel__timeline-channel--email{background:#f59e0b33;color:#fcd34d}.robot-detail-panel__timeline-content{min-width:0}.robot-detail-panel__timeline-description{font-size:.77rem;color:var(--text-primary, #e8eaf6)}.robot-detail-panel__timeline-meta{font-size:.66rem;color:var(--text-secondary, #9ca3af);margin-top:2px}.robot-detail-panel__intents{display:flex;flex-direction:column;gap:7px}.robot-detail-panel__intent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.robot-detail-panel__intent-name{color:var(--text-primary, #e8eaf6);font-size:.76rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.robot-detail-panel__intent-metrics{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-secondary, #9ca3af);flex-shrink:0}.robot-detail-panel__intent-errors{color:#fda4af}.robot-detail-panel__sessions{display:flex;flex-direction:column;gap:6px}.robot-detail-panel__session{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color, #2a2a3e)}.robot-detail-panel__session-channel{font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;flex-shrink:0}.robot-detail-panel__session-channel--web{background:#6366f126;color:#818cf8}.robot-detail-panel__session-channel--whatsapp{background:#10b98126;color:#34d399}.robot-detail-panel__session-channel--email{background:#f59e0b26;color:#fbbf24}.robot-detail-panel__session-id{flex:1;font-size:.8rem;color:var(--text-primary, #e8eaf6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.robot-detail-panel__session-time{font-size:.7rem;color:var(--text-secondary, #9ca3af);flex-shrink:0}.robot-detail-panel__no-sessions{font-size:.8rem;color:var(--text-secondary, #9ca3af);text-align:center;padding:12px}.robot-detail-panel__loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary, #9ca3af);font-size:.9rem}@media (max-width: 640px){.robot-detail-panel{width:100%;max-width:100%}.robot-detail-panel__stats{grid-template-columns:repeat(2,1fr)}.robot-detail-panel__actions,.robot-detail-panel__sla-grid{grid-template-columns:1fr}}.building-view{display:flex;flex-direction:column;gap:0;padding:16px 24px}.building-view--compact{padding:12px 12px 8px}.building-view__header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:20px}.building-view__title{font-size:1.2rem;font-weight:700;color:var(--text-primary, #e8eaf6);margin:0}.building-view__totals{display:flex;gap:16px}.building-view__total{font-size:.8rem;color:var(--text-secondary, #9ca3af)}.building-view__total-value{font-weight:700;color:var(--accent-primary, #00D4FF)}.building-view__structure{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border-color, #2a2a3e);border-radius:12px;overflow:hidden}.building-view--compact .building-view__structure{max-height:60vh;overflow-y:auto}.building-view__floor{display:flex;align-items:center;gap:16px;padding:14px 20px;background:var(--bg-card, #1e1e2e);cursor:pointer;transition:background .2s ease,box-shadow .2s ease;border-bottom:1px solid var(--border-color, #2a2a3e)}.building-view--compact .building-view__floor{gap:10px;padding:10px 12px}.building-view__floor:last-child{border-bottom:none}.building-view__floor:hover{background:#00d4ff0a}.building-view__floor--active{box-shadow:inset 3px 0 0 var(--accent-primary, #00D4FF);background:#00d4ff0f}.building-view__floor-number{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--accent-primary, #00D4FF)}.building-view--compact .building-view__floor-number{width:30px;height:30px;font-size:.75rem}.building-view__floor--active .building-view__floor-number{background:var(--accent-primary, #00D4FF);color:#000}.building-view__floor-info{flex:1;min-width:0}.building-view__floor-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e8eaf6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.building-view--compact .building-view__floor-name{font-size:.82rem}.building-view__floor-office{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-top:2px}.building-view--compact .building-view__floor-office{font-size:.7rem}.building-view__floor-metrics{display:flex;gap:16px;flex-shrink:0}.building-view--compact .building-view__floor-metrics{gap:8px}.building-view__floor-metric{text-align:center}.building-view__floor-metric-value{font-size:1rem;font-weight:700;color:var(--text-primary, #e8eaf6)}.building-view--compact .building-view__floor-metric-value{font-size:.82rem}.building-view__floor-metric-label{font-size:.65rem;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.3px}.building-view__floor-activity{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#374151}.building-view__floor-activity--active{background:#10b981;box-shadow:0 0 8px #10b98180;animation:floor-pulse 2s ease-in-out infinite}@keyframes floor-pulse{0%,to{opacity:1}50%{opacity:.5}}.building-view__empty,.building-view__loading{text-align:center;padding:48px 24px;color:var(--text-secondary, #9ca3af);font-size:.9rem}.dashboard-central-page{display:flex;flex-direction:column;height:100%;min-height:0;gap:12px}.dashboard-central-page__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border-color, #2a2a3e);border-radius:12px;background:linear-gradient(135deg,#00d4ff14,#8338ec14)}.dashboard-central-page__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary, #e8eaf6)}.dashboard-central-page__subtitle{margin:3px 0 0;font-size:.78rem;color:var(--text-secondary, #9ca3af)}.dashboard-central-page__meta{font-size:.78rem;color:var(--text-secondary, #9ca3af)}.dashboard-central-page__header-actions{display:flex;align-items:center;gap:10px}.dashboard-central-page__toggle-sidebar{border:1px solid rgba(255,255,255,.14);background:#0a0f2373;color:var(--text-primary, #e8eaf6);border-radius:8px;padding:6px 10px;font-size:.74rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.dashboard-central-page__toggle-sidebar:hover{border-color:#00d4ff66;background:#0a0f23b8}.dashboard-central-page__layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:14px;transition:grid-template-columns .28s ease,gap .28s ease}.dashboard-central-page__layout--sidebar-hidden{grid-template-columns:minmax(0,1fr);gap:0}.dashboard-central-page__sidebar{min-height:0;border:1px solid var(--border-color, #2a2a3e);border-radius:14px;background:var(--bg-card, #1e1e2e);overflow:hidden;opacity:1;transform:translate(0);transition:opacity .2s ease,transform .24s ease,max-width .28s ease,border-color .2s ease}.dashboard-central-page__sidebar--hidden{max-width:0;opacity:0;border-color:transparent;transform:translate(-8px);pointer-events:none}.dashboard-central-page__office{min-height:0;border-radius:14px;overflow:hidden;width:100%}.dashboard-central-page__office--expanded{width:100%}.dashboard-central-page__empty{height:100%;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary, #9ca3af);border:1px dashed var(--border-color, #2a2a3e);border-radius:14px;background:#11182740;padding:24px}@media (max-width: 1200px){.dashboard-central-page__header{align-items:flex-start}.dashboard-central-page__header-actions{width:100%;justify-content:space-between}.dashboard-central-page__layout{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr)}}.users-page{padding:20px;max-width:1400px;margin:0 auto}.users-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.users-header{margin-bottom:30px}.users-header h1{font-size:2rem;margin-bottom:10px;color:var(--text-primary)}.users-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.user-profile-page{min-height:100vh;padding:20px;padding-top:calc(var(--app-header-height, 70px) + 20px);background:var(--bg-primary, #f5f5f5)}.profile-container{max-width:900px;margin:0 auto;background:var(--bg-secondary, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-header{background:linear-gradient(135deg,#fef2f2,#fce7f3);padding:40px;text-align:center;border-bottom:1px solid var(--border-color, #e5e5e5)}.profile-header h1{margin:0;font-size:2rem;color:#bf36b0;display:flex;align-items:center;justify-content:center;gap:12px}.profile-header .header-icon{font-size:2rem}.profile-subtitle{margin-top:10px;color:var(--text-secondary, #666);font-size:1rem}.profile-sections{padding:30px}.profile-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border-color, #e5e5e5)}.profile-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:1.5rem;margin-bottom:24px;color:var(--text-primary, #333);display:flex;align-items:center;gap:10px}.section-icon{color:#bf36b0;font-size:1.3rem}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-primary, #333);display:flex;align-items:center;gap:8px;font-size:.95rem}.input-icon{color:#bf36b0;font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid var(--border-color, #e5e5e5);border-radius:8px;font-size:1rem;transition:all .2s;background:var(--bg-primary, #ffffff);color:var(--text-primary, #333)}.form-group input:focus{outline:none;border-color:#bf36b0;box-shadow:0 0 0 3px #bf36b01a}.form-group input.disabled-input{background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #999);cursor:not-allowed}.form-hint{font-size:.85rem;color:var(--text-secondary, #666);margin-top:-4px}.btn-primary{padding:14px 28px;background:#bf36b0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:10px}.btn-primary:hover:not(:disabled){background:#aa309e;transform:translateY(-1px);box-shadow:0 4px 12px #bf36b04d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:14px 18px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#3c3;border:1px solid #cfc}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{animation:spin 1s linear infinite;font-size:2rem;color:#bf36b0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .user-profile-page{background:var(--bg-primary, #1a1a1a)}[data-theme=dark] .profile-container{background:var(--bg-secondary, #2a2a2a);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .profile-header{background:linear-gradient(135deg,#2a1a1a,#2a1a25)}[data-theme=dark] .form-group input{background:var(--bg-primary, #1a1a1a);color:var(--text-primary, #fff);border-color:var(--border-color, #444)}[data-theme=dark] .form-group input:focus{border-color:#bf36b0}[data-theme=dark] .form-group input.disabled-input{background:var(--bg-secondary, #2a2a2a);color:var(--text-secondary, #999)}[data-theme=dark] .alert-error{background:#3a1a1a;color:#f99;border-color:#5a2a2a}[data-theme=dark] .alert-success{background:#1a3a1a;color:#9f9;border-color:#2a5a2a}.notification-panel{position:relative}.notification-button{position:relative;background:none;border:none;color:var(--text-color);font-size:1.2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-button:hover{color:var(--primary-color)}.notification-badge{position:absolute;top:0;right:0;background:var(--error-color, #e74c3c);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border:1px solid var(--border-color, #ddd);border-radius:8px;box-shadow:0 8px 24px #00000059;width:400px;max-height:600px;display:flex;flex-direction:column;z-index:1100}.notification-header{padding:1rem;border-bottom:1px solid var(--border-color, #ddd);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:1.1rem;color:var(--text-color)}.notification-actions{display:flex;gap:.5rem;align-items:center}.mark-all-read-button,.close-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.25rem .5rem;font-size:.9rem;display:flex;align-items:center;gap:.25rem;transition:color .2s}.mark-all-read-button:hover,.close-button:hover{color:var(--primary-color)}.notification-list{overflow-y:auto;max-height:500px}.notification-empty{padding:2rem;text-align:center;color:var(--text-secondary, #666)}.notification-item{padding:1rem;border-bottom:1px solid var(--border-color, #eee);display:flex;gap:1rem;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:var(--hover-background, #f5f5f5)}.notification-item.unread{background-color:var(--unread-background, #f0f7ff);font-weight:500}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:var(--text-color);margin-bottom:.25rem}.notification-message{color:var(--text-secondary, #666);font-size:.9rem;margin-bottom:.25rem;word-wrap:break-word}.notification-time{color:var(--text-tertiary, #999);font-size:.75rem}.notification-actions-item{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.mark-read-button,.delete-button{background:none;border:none;color:var(--text-secondary, #666);cursor:pointer;padding:.25rem;font-size:.9rem;transition:color .2s}.mark-read-button:hover{color:var(--success-color, #27ae60)}.delete-button:hover{color:var(--error-color, #e74c3c)}[data-theme=dark] .notification-dropdown{background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border-color:var(--border-color, #444)}[data-theme=dark] .notification-item:hover{background-color:var(--hover-background, #3a3a3a)}[data-theme=dark] .notification-item.unread{background-color:var(--unread-background, #1a2a3a)}@media (max-width: 768px){.notification-button{min-width:44px;min-height:44px;padding:.5rem}}.user-menu{position:relative;display:inline-block}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;background:transparent;border:1px solid var(--border-color, #e5e5e5);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--text-primary, #333)}.user-menu-trigger:hover{background:var(--bg-secondary, #151b3d);border-color:#bf36b0}.user-avatar{width:32px;height:32px;border-radius:50%;background:#bf36b0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.user-name{font-weight:600;font-size:.95rem}.chevron{font-size:.8rem;transition:transform .2s;color:var(--text-secondary, #666)}.chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border:1px solid var(--border-color, #e5e5e5);border-radius:12px;box-shadow:0 4px 20px #00000059;z-index:1100;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:20px;background:var(--input-bg, var(--bg-tertiary));background-color:var(--input-bg, var(--bg-tertiary));display:flex;align-items:center;gap:12px}.user-menu-avatar{width:48px;height:48px;border-radius:50%;background:#bf36b0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.user-menu-info{flex:1;min-width:0}.user-menu-name{font-weight:600;font-size:1rem;color:var(--text-primary, #333);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:.85rem;color:var(--text-secondary, #666);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-role{font-size:.75rem;color:#bf36b0;text-transform:uppercase;font-weight:600;margin-top:4px}.user-menu-divider{height:1px;background:var(--border-color, #e5e5e5);margin:8px 0}.user-menu-item{width:100%;padding:12px 20px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text-primary, #333);font-size:.95rem;transition:all .2s}.user-menu-item:hover{background:var(--bg-primary, #0a0e27);color:#bf36b0}.user-menu-item-danger{color:#c33}.user-menu-item-danger:hover{background:#ef444426;color:#c33}.menu-item-icon{font-size:1rem;width:18px;flex-shrink:0}[data-theme=dark] .user-menu-trigger{border-color:var(--border-color, #444);color:var(--text-primary, #fff)}[data-theme=dark] .user-menu-trigger:hover{background:var(--bg-secondary, #151b3d);border-color:#bf36b0}[data-theme=dark] .user-menu-dropdown{background:var(--dropdown-bg, var(--card-bg));background-color:var(--dropdown-bg, var(--card-bg));border-color:var(--border-color, #444);box-shadow:0 4px 20px #0006}[data-theme=dark] .user-menu-header{background:linear-gradient(135deg,#2a1a1a,#2a1a25)}[data-theme=dark] .user-menu-name{color:var(--text-primary, #fff)}[data-theme=dark] .user-menu-email{color:var(--text-secondary, #aaa)}[data-theme=dark] .user-menu-item{color:var(--text-primary, #fff)}[data-theme=dark] .user-menu-item:hover{background:var(--bg-primary, #0a0e27)}[data-theme=dark] .user-menu-item-danger:hover{background:#3a1a1a}@media (max-width: 768px){.user-menu-dropdown{position:fixed;left:12px;right:12px;top:calc(var(--app-header-height, 70px) + 8px);max-width:calc(100vw - 24px);max-height:calc(100vh - var(--app-header-height, 70px) - 16px);overflow-y:auto;border-radius:12px}.user-menu-trigger{min-height:44px;min-width:44px;padding:8px 12px}.user-menu-item{min-height:44px;padding:12px 16px}}@media (max-width: 480px){.user-menu .user-name{display:none}.user-menu-trigger{padding:8px 10px}}.admin-chat-bubble{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--gradient-secondary);color:#fff;border:none;cursor:pointer;box-shadow:var(--glow-secondary);display:flex;align-items:center;justify-content:center;font-size:1.4rem;z-index:9999;transition:transform .2s,box-shadow .2s}.admin-chat-bubble:hover{transform:scale(1.1);box-shadow:0 6px 24px #8338ec73}.admin-chat-panel{position:fixed;bottom:24px;right:24px;width:400px;max-width:calc(100vw - 48px);height:550px;max-height:calc(100vh - 100px);border-radius:16px;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:visible;z-index:9999;isolation:isolate}.admin-chat-header{padding:14px 16px;background:var(--gradient-secondary);color:#fff;display:flex;align-items:center;justify-content:space-between}.admin-chat-header-inner{display:flex;align-items:center;gap:10px}.admin-chat-header-title{font-weight:600;font-size:.95rem}.admin-chat-header-subtitle{font-size:.75rem;opacity:.9}.admin-chat-close{background:#fff3;border:none;color:#fff;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background .2s}.admin-chat-close:hover{background:#ffffff4d}.admin-chat-client-bar{padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:3;overflow:visible}.admin-chat-client-bar label{font-size:.7rem;color:var(--text-muted);display:block;margin-bottom:4px}.admin-chat-client-input{width:100%;padding:6px 10px;font-size:.8rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);position:relative;z-index:10002}.admin-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;border-radius:0}.admin-chat-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:.85rem}.admin-chat-empty small{margin-top:10px;display:block}.admin-chat-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.admin-chat-msg--user{align-self:flex-end;border-radius:14px 14px 4px;background:var(--gradient-secondary);color:#fff}.admin-chat-msg--bot{align-self:flex-start;border-radius:14px 14px 14px 4px;background:var(--bg-secondary);color:var(--text-primary)}.admin-chat-msg--bot.admin-chat-msg--assistant{border:1px solid var(--accent-secondary)}.admin-chat-msg--bot.admin-chat-msg--action{background:var(--bg-tertiary)}.admin-chat-msg--loading{align-self:flex-start;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--bg-secondary);color:var(--text-muted);font-size:.85rem;font-style:italic}.admin-chat-input-bar{padding:10px 12px;border-top:1px solid var(--border-color);display:flex;gap:8px}.admin-chat-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.85rem;outline:none}.admin-chat-input:focus{border-color:var(--accent-primary)}.admin-chat-send{padding:10px 14px;border-radius:10px;border:none;background:var(--gradient-secondary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.admin-chat-send:disabled{opacity:.5;cursor:not-allowed}.admin-chat-send:not(:disabled):hover{opacity:.95}@media (max-width: 480px){.admin-chat-panel{bottom:0;right:0;left:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0}.admin-chat-bubble{bottom:16px;right:16px}}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding:max(env(safe-area-inset-top),12px) 12px 24px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:global-search-fade .2s ease-out;overflow-y:auto}.global-search-modal{width:100%;max-width:720px;max-height:min(88vh,800px);display:flex;flex-direction:column;background:var(--card-bg);background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:global-search-slide .25s ease-out}.global-search-header{flex-shrink:0;padding:16px;border-bottom:1px solid var(--border-color)}.global-search-input-wrap{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s,box-shadow .2s}.global-search-input-wrap:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff33}.global-search-input-icon{flex-shrink:0;font-size:1.125rem;color:var(--text-muted)}.global-search-input{flex:1;min-width:0;padding:4px 0;font-size:1.0625rem;color:var(--text-primary);background:transparent;border:none;outline:none}.global-search-input::placeholder{color:var(--text-muted)}.global-search-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:-8px -8px -8px 0;background:transparent;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.global-search-close:hover,.global-search-close:focus-visible{background:#ffffff14;color:var(--text-primary)}.global-search-hint{margin:10px 4px 0;font-size:.8125rem;color:var(--text-muted)}.global-search-hint kbd{padding:2px 6px;font-size:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px}.global-search-body{flex:1;min-height:0;overflow-y:auto;padding:16px}.global-search-empty{padding:48px 24px;text-align:center;color:var(--text-muted)}.global-search-empty-sub{margin-top:8px;font-size:.9375rem}.global-search-results{display:flex;flex-direction:column;gap:24px}.global-search-category{display:flex;flex-direction:column;gap:12px}.global-search-category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;padding:0 4px}.global-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media (min-width: 600px){.global-search-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}}.global-search-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;padding:16px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;text-align:center;color:var(--text-primary);font-size:.9375rem;font-weight:500}.global-search-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.global-search-card:active{transform:scale(.98)}.global-search-card:focus-visible{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #00d4ff40}.global-search-card--current{border-color:var(--accent-primary);background:linear-gradient(135deg,#00d4ff1a,#8338ec14)}.global-search-card--current:hover{border-color:var(--accent-primary)}.global-search-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px;border-radius:10px;background:#00d4ff1f;color:var(--accent-primary);font-size:1.25rem}.global-search-card--current .global-search-card-icon{background:#00d4ff33}.global-search-card-label{display:block;line-height:1.3;word-break:break-word}.global-search-card-badge{display:inline-block;margin-top:6px;padding:2px 8px;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:var(--bg-secondary);border-radius:6px}@keyframes global-search-fade{0%{opacity:0}to{opacity:1}}@keyframes global-search-slide{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.agent-task-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.agent-task-modal{background:var(--card-bg);background-color:var(--card-bg);border:1px solid var(--border-color, #444);border-radius:12px;min-width:420px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.agent-task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #444)}.agent-task-modal-header h3{margin:0;font-size:1.1rem}.agent-task-modal-close{background:none;border:none;color:var(--text-secondary, #999);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .25rem}.agent-task-modal-close:hover{color:var(--text-primary, #fff)}.agent-task-modal-body{padding:1.25rem;overflow-y:auto}.agent-task-modal-label{display:block;font-size:.85rem;color:var(--text-secondary, #999);margin-bottom:.35rem}.agent-task-modal-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #444);border-radius:8px;background:var(--bg, #111);color:var(--text-primary, #eee);font-size:.95rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box}.agent-task-modal-textarea:focus{outline:none;border-color:var(--primary, #0a7ea4)}.agent-task-modal-context{margin-bottom:1rem;padding:.75rem;background:var(--bg, #111);border-radius:8px;border:1px solid var(--border-color, #444)}.agent-task-modal-context-fields{font-size:.9rem;color:var(--text-secondary, #ccc)}.agent-task-modal-context-fields div{margin-top:.25rem}.agent-task-modal-selection{display:block;margin-top:.25rem;white-space:pre-wrap;word-break:break-word;max-height:4rem;overflow-y:auto}.agent-task-modal-error{color:#e66;font-size:.9rem;margin-bottom:.75rem}.agent-task-modal-success{font-size:.9rem;margin-bottom:.75rem;color:var(--text-secondary, #0c6)}.agent-task-modal-link{background:none;border:none;color:var(--primary, #0a7ea4);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.agent-task-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color, #444)}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;z-index:1}.app.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;position:relative}.loading-spinner:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:4px solid transparent;border-top-color:var(--accent-secondary);animation:spin 1.5s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.client-layout{display:flex;min-height:calc(100vh - var(--app-header-height, 70px));background:var(--bg-primary);margin-top:var(--app-header-height, 70px)}.client-nav-item{width:100%;padding:12px 15px;margin-bottom:10px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:1rem;transition:all .2s}.client-nav-item:hover{background:var(--bg-tertiary)}.client-nav-item.active{background:var(--primary-color);color:#fff}.app-header{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;box-shadow:var(--shadow-md);transition:all .3s ease;height:var(--app-header-height, 70px);box-sizing:border-box}.app-header-inner{width:100%;max-width:var(--content-max-width, 1360px);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.5}.header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.user-info{display:flex;flex-direction:column;align-items:flex-start;margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid var(--border-color);position:relative}.user-info:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.user-info:hover:before{opacity:1}.user-name{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.user-role{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem}.app-header h1.header-logo{font-size:1.35rem;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:baseline;gap:.5rem;letter-spacing:.02em;position:relative;font-family:"Montserrat",inherit}.header-logo-link{color:var(--text-primary);text-decoration:none;transition:color .2s,opacity .2s}.header-logo-link:hover{color:var(--accent-primary);opacity:.95}.header-logo-suffix{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.05em}.header-badge{background:var(--cta-primary);color:#fff;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 20px rgba(var(--primary-rgb, 224, 79, 47),.35);border:1px solid rgba(255,255,255,.2)}.back-button{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.back-button:hover{background:var(--bg-tertiary);border-color:var(--accent-secondary);color:var(--accent-secondary)}.logout-button{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.625rem 1.25rem;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),transparent);transition:left .5s ease}.logout-button:hover:before{left:100%}.logout-button:hover{background:#ef44441a;border-color:var(--error);color:var(--error);box-shadow:0 0 15px #ef44444d;transform:translateY(-2px)}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--gradient-primary);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;opacity:.2}.theme-toggle:hover:before{width:100%;height:100%}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);border-color:var(--accent-primary);box-shadow:var(--glow-primary)}.theme-toggle svg{position:relative;z-index:1}.global-search-trigger{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:44px;height:44px;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.global-search-trigger:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--glow-primary)}.app-main{padding:2rem;min-height:calc(100vh - 80px);position:relative;z-index:1}.container{max-width:1600px;margin:0 auto}@media (max-width: 1024px){.app-header{padding:.6rem 1.25rem}.app-header h1.header-logo{font-size:1.2rem}.header-logo-suffix{font-size:.8rem}.client-layout{margin-top:var(--app-header-height, 60px)}.sidebar{top:var(--app-header-height, 60px);height:calc(100vh - var(--app-header-height, 60px))}}@media (max-width: 768px){body{--app-header-height: 64px}.logout-button span{display:none}.app-header{padding:.75rem 1rem;min-height:var(--app-header-height);height:var(--app-header-height);position:fixed;z-index:101;left:0;right:0;box-sizing:border-box}body.has-sidebar-toggle .app-header{padding-left:3.5rem}.app-header-inner{padding:0 .5rem;gap:.5rem;flex-wrap:nowrap;align-items:center;overflow:hidden}.header-content{min-width:0;flex:1}.header-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;flex-shrink:0;align-items:center;justify-items:center;min-width:0}.header-actions .global-search-trigger,.header-actions .user-menu,.header-actions .notification-panel,.header-actions .theme-toggle{justify-self:center}.app-header h1.header-logo{font-size:1rem}.header-logo-suffix{font-size:.75rem}.user-info{margin-left:1rem;padding-left:1rem}.client-layout{margin-top:var(--app-header-height)}.modal-overlay{padding-top:var(--app-header-height)}.modal-content{max-height:calc(90vh - var(--app-header-height))}}.dashboard-section{margin-top:2rem}.error-message{background:#ef44441a;border:1px solid var(--error);border-radius:12px;padding:1.5rem;color:var(--error);text-align:center;box-shadow:0 0 20px #ef444433}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:shared-modal-fadeIn .2s ease}@keyframes shared-modal-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:shared-modal-slideUp .25s ease;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:12px 12px 0 0}@keyframes shared-modal-slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin-top:0;margin-bottom:1.25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}:root{--app-header-height: 70px;--content-max-width: 1600px;--bg-primary: #1A122E;--bg-secondary: #1e1638;--bg-tertiary: #2E294E;--bg-card: rgba(46, 41, 78, .9);--bg-card-hover: rgba(55, 48, 90, .95);--text-primary: #e8eaf6;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(131, 56, 236, .25);--border-hover: rgba(131, 56, 236, .45);--primary-color: #E04F2F;--primary-rgb: 224, 79, 47;--cta-primary: #E04F2F;--cta-primary-hover: #e85c3d;--accent-primary: #00d4ff;--accent-secondary: #8338ec;--accent-tertiary: #ff006e;--accent-hover: #00b8e6;--accent-rgb: 0, 212, 255;--success: #10b981;--success-glow: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .3);--error: #ef4444;--error-glow: rgba(239, 68, 68, .3);--info: #3b82f6;--info-glow: rgba(59, 130, 246, .3);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #8338ec 50%, #ff006e 100%);--gradient-secondary: linear-gradient(135deg, #00d4ff 0%, #8338ec 100%);--gradient-accent: linear-gradient(135deg, #8338ec 0%, #ff006e 100%);--gradient-card: linear-gradient(135deg, rgba(0, 212, 255, .08) 0%, rgba(131, 56, 236, .12) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(0, 212, 255, .3);--glow-secondary: 0 0 20px rgba(131, 56, 236, .3);--glow-accent: 0 0 20px rgba(255, 0, 110, .3);--backdrop-blur: blur(20px);--backdrop-bg: rgba(26, 18, 46, .85);--card-bg: #2E294E;--input-bg: #252039;--hover-bg: #3d3560;--header-bg: #2E294E;--dropdown-bg: #2E294E}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: rgba(131, 56, 236, .2);--border-hover: rgba(131, 56, 236, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--backdrop-bg: rgba(248, 250, 252, .9);--card-bg: #ffffff;--input-bg: #f1f5f9;--hover-bg: #e2e8f0;--header-bg: #f8fafc;--dropdown-bg: #ffffff}html{scroll-behavior:auto;overscroll-behavior-y:none}body{font-family:Montserrat,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s;overflow-x:hidden;overscroll-behavior-x:none;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(120,80,200,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,80,200,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-secondary));box-shadow:var(--glow-primary)}code{font-family:Fira Code,Courier New,monospace;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:4px;font-size:.9em;border:1px solid var(--border-color)}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-moz-selection{background:var(--accent-primary);color:var(--bg-primary)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.glass-effect{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color)}.glow-effect{box-shadow:var(--glow-primary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){:root{--app-header-height: 60px}}@media (max-width: 768px){:root{--app-header-height: 55px}}.btn{padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),0 4px 20px #00d4ff66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #00d4ff33}.btn-danger{background:#ef44441a;color:var(--error);border:1px solid var(--error)}.btn-danger:hover{background:#ef444433;box-shadow:0 0 15px var(--error-glow);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input,textarea,select{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.9375rem;transition:all .3s ease;font-family:inherit}.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #00d4ff1a,var(--glow-primary)}.input::placeholder,textarea::placeholder{color:var(--text-muted)}.card{background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--accent-primary)}.card:hover:before{transform:scaleX(1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-body{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:var(--info);border:1px solid rgba(59,130,246,.3)}.table{width:100%;border-collapse:collapse;background:var(--backdrop-bg);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.table thead{background:var(--bg-tertiary)}.table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:.8125rem;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:var(--bg-card);color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-card) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--border-color);margin:1.5rem 0;position:relative}.divider:after{content:"";position:absolute;left:0;top:0;width:30%;height:100%;background:var(--gradient-primary);opacity:.5}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:var(--gradient-primary)}