/* =========================================================
   CRMSTYLE — faithful application-wide adaptation of crmstyle.pdf
   Dark animated glassmorphism / indigo-pink-cyan visual language
   ========================================================= */
:root,[data-theme="light"],[data-theme="dark"]{
 --c-bg:#0f0c29;--c-surface:rgba(255,255,255,.065);--c-surface-2:rgba(255,255,255,.045);
 --c-border:rgba(255,255,255,.10);--c-border-strong:rgba(255,255,255,.16);
 --c-text:#fff;--c-text-muted:rgba(255,255,255,.58);--c-text-inverse:#fff;
 --c-primary:#818cf8;--c-primary-hover:#a5b4fc;--c-primary-soft:rgba(99,102,241,.16);
 --c-accent:#06b6d4;--c-accent-2:#ec4899;--c-success:#34d399;--c-success-soft:rgba(16,185,129,.15);
 --c-warning:#fbbf24;--c-warning-soft:rgba(245,158,11,.15);--c-danger:#f87171;--c-danger-soft:rgba(239,68,68,.15);
 --c-info:#38bdf8;--c-topbar-bg:rgba(255,255,255,.05);
 --c-sidebar-bg:rgba(15,12,41,.76);--c-sidebar-text:rgba(255,255,255,.72);--c-sidebar-hover:rgba(255,255,255,.08);
 --c-sidebar-active:linear-gradient(135deg,#6366f1,#ec4899);
 --shadow-xs:0 4px 16px rgba(0,0,0,.12);--shadow-sm:0 8px 24px rgba(0,0,0,.20);--shadow:0 12px 32px rgba(0,0,0,.28);--shadow-lg:0 25px 55px rgba(0,0,0,.42);--shadow-glow:0 10px 28px rgba(99,102,241,.36);
 --sidebar-w:270px;--topbar-h:72px;color-scheme:dark
}
html{background:#0f0c29;background-attachment:fixed;min-height:100%}html,body,.app-shell,.main-area{background-color:transparent}body{font-family:'Vazirmatn',Tahoma,sans-serif;background:linear-gradient(135deg,#0f0c29 0%,#302b63 52%,#24243e 100%) fixed!important;background-repeat:no-repeat!important;background-size:100vw 100vh!important;color:#fff;min-height:100dvh;overflow-x:hidden}.app-shell:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(135deg,#0f0c29 0%,#302b63 52%,#24243e 100%);background-size:cover}body:before,body:after{display:none!important}
.bg-animated{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-animated .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.48;animation:crmFloat 20s infinite ease-in-out}.blob1{width:400px;height:400px;background:#6366f1;top:-100px;right:-100px}.blob2{width:350px;height:350px;background:#ec4899;bottom:-80px;left:-80px;animation-delay:-7s!important}.blob3{width:300px;height:300px;background:#06b6d4;top:40%;left:40%;animation-delay:-14s!important}@keyframes crmFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}
/* Shell */
.sidebar{width:270px;top:0;right:0;bottom:0;height:100vh;border-radius:0;padding:22px 16px;background:rgba(15,12,41,.75)!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:0;border-left:1px solid rgba(255,255,255,.08);box-shadow:-8px 0 35px rgba(0,0,0,.24);overflow:hidden}.sidebar:before{background:radial-gradient(350px 250px at 100% 0,rgba(99,102,241,.25),transparent 72%)}.sidebar-brand{padding:4px 6px 20px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{background:linear-gradient(135deg,#6366f1,#ec4899)!important;border-radius:14px;box-shadow:0 9px 24px rgba(99,102,241,.38)}.brand-text strong{background:linear-gradient(90deg,#a5b4fc,#f9a8d4);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-text small{color:rgba(255,255,255,.45)}.sidebar-user{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);padding:12px;border-radius:16px;margin-bottom:9px}.user-avatar-side{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#ec4899);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:600}.sidebar-user-role{font-size:10px;color:rgba(255,255,255,.48);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{padding:4px 2px 12px}.nav-section-label{color:rgba(255,255,255,.34);font-size:9px;padding:13px 13px 5px}.nav-item,.nav-group>summary{padding:10px 13px;border-radius:12px;color:rgba(255,255,255,.7);min-height:43px}.nav-item:hover,.nav-group>summary:hover{background:rgba(255,255,255,.08);color:#fff;transform:none}.nav-item.active{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.35)}.nav-item.active:before{display:none}.nav-icon{background:rgba(255,255,255,.06)}.nav-sub{color:rgba(255,255,255,.62)}.nav-sub.active{background:rgba(99,102,241,.22);color:#fff}.sidebar-foot{border-top:1px solid rgba(255,255,255,.08)}.main-area{margin-inline-start:270px}.topbar{height:72px;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:rgba(255,255,255,.05)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none;padding:0 28px;top:0}.crumb,.user-name{color:#fff}.command-trigger,.user-trigger,.icon-btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff}.command-trigger:hover,.user-trigger:hover,.icon-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(129,140,248,.45)}.system-live{background:rgba(16,185,129,.11);color:rgba(255,255,255,.7)}.content{padding:30px 35px;max-width:1500px}.app-foot{margin:0;border-radius:0;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.45)}
.gam-top-badge{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(236,72,153,.12));border:1px solid rgba(245,158,11,.25);text-decoration:none;color:#fff}.gam-top-badge b,.gam-top-badge small{font-size:9px}.gam-top-badge small{color:var(--c-text-muted)}[data-theme="light"] .gam-top-badge{color:#78350f;background:#fef3c7}
.breadcrumb-map{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.breadcrumb-map a,.breadcrumb-map b{font-size:11px;font-weight:500;color:rgba(255,255,255,.52);text-decoration:none}.breadcrumb-map a:hover{color:#f9a8d4;text-decoration:underline}.breadcrumb-map b:last-of-type{font-size:14px;font-weight:800;color:#fff}.breadcrumb-map i{font-style:normal;color:rgba(255,255,255,.28)}[data-theme="light"] .breadcrumb-map a,[data-theme="light"] .breadcrumb-map b{color:#64748b}[data-theme="light"] .breadcrumb-map a:hover{color:#4f46e5}[data-theme="light"] .breadcrumb-map b:last-of-type{color:#1e1b4b}[data-theme="light"] .breadcrumb-map i{color:#94a3b8}
/* Typography and headings */
a{color:#a5b4fc}a:hover{color:#f9a8d4}.page-head{padding:0;margin-bottom:28px}.page-head:after{background:linear-gradient(90deg,#6366f1,#ec4899)}.page-head h1{font-size:28px;background:none;color:#fff;-webkit-text-fill-color:initial}.page-head .sub{color:rgba(255,255,255,.58)}h1,h2,h3,h4,h5{color:#fff}.text-muted{color:rgba(255,255,255,.55)!important}code{color:#c4b5fd}
/* Glass panels */
.card,.kpi,.rb-panel,.pm-stat,.pm-progress-card,.oa-kpi,.health-card,.live-widget,.db-widget{background:rgba(255,255,255,.06)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.10)!important;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.27)}.card:hover{border-color:rgba(255,255,255,.17)!important}.card-header,.rb-panel-head{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.09)}.card-header:after{background:linear-gradient(90deg,#6366f1,#ec4899)}.card-foot,.card-footer,.modal-foot{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.08)}
.kpi{padding:23px;transition:.4s;transform-style:preserve-3d}.kpi:hover{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(99,102,241,.26)}.kpi:before{background:linear-gradient(90deg,#6366f1,#ec4899,#06b6d4)}.kpi-icon{background:linear-gradient(135deg,#6366f1,#818cf8)!important;color:#fff!important;box-shadow:0 8px 22px rgba(99,102,241,.28)}.kpi.green .kpi-icon{background:linear-gradient(135deg,#10b981,#34d399)!important}.kpi.amber .kpi-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.kpi.red .kpi-icon{background:linear-gradient(135deg,#ef4444,#f87171)!important}.kpi-label{color:rgba(255,255,255,.55)}.kpi-value{color:#fff}
/* Field titles and section headings */
.form-label{display:flex!important;align-items:center;gap:7px;font-size:11.5px!important;font-weight:700!important;letter-spacing:-.01em;margin-bottom:7px!important;color:rgba(255,255,255,.78)!important}.form-label:before{content:"";width:4px;height:15px;border-radius:4px;background:linear-gradient(180deg,#818cf8,#ec4899);box-shadow:0 0 9px rgba(129,140,248,.35)}.card-title{font-size:14px!important;font-weight:800!important;letter-spacing:-.02em}.card-title:has(.ai-badge){gap:10px}.page-head h1:before{content:"";display:inline-block;width:5px;height:28px;border-radius:5px;background:linear-gradient(180deg,#818cf8,#ec4899);margin-left:10px;vertical-align:-5px;box-shadow:0 0 12px rgba(129,140,248,.3)}[data-theme="light"] .form-label{color:#334155!important}
/* Forms */
.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],input[type=tel],input[type=search],input[type=url],select,textarea{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:12px;box-shadow:none}.form-control:hover,input:hover,select:hover,textarea:hover{border-color:rgba(129,140,248,.55)!important}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#6366f1!important;background:rgba(99,102,241,.09)!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)}select,input[type=date],input[type=datetime-local],input[type=time]{color-scheme:dark}select option{background:#1a1730;color:#fff;padding:10px}.form-label,label{color:rgba(255,255,255,.76)}input::placeholder,textarea::placeholder{color:rgba(255,255,255,.32)}input[type=checkbox],input[type=radio]{accent-color:#818cf8}.help-text,.form-help{color:rgba(255,255,255,.48)}
/* Buttons */
.btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:#fff;border-radius:12px}.btn:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6366f1,#ec4899)!important;border:0;box-shadow:0 8px 22px rgba(99,102,241,.32)}.btn-primary:hover{box-shadow:0 10px 25px rgba(99,102,241,.42)}.btn-success{background:linear-gradient(135deg,#10b981,#34d399)!important}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171)!important}.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.btn-soft{background:rgba(99,102,241,.16);color:#c7d2fe;border-color:rgba(129,140,248,.22)}.btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#fff}
.universal-table-search{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.035);border-bottom:1px solid var(--c-border)}.universal-table-search>span{font-size:20px;color:#a5b4fc}.universal-table-search input{max-width:360px;padding:8px 11px!important}.universal-table-search select{width:auto;min-width:140px;padding:8px!important}.universal-table-search small{margin-inline-start:auto;color:var(--c-text-muted);white-space:nowrap}@media(max-width:600px){.universal-table-search{flex-wrap:wrap}.universal-table-search input{max-width:none;flex:1}.universal-table-search small{width:100%}}
/* Tables */
.table-wrap{border-radius:0 0 20px 20px}table.table th{background:rgba(255,255,255,.035);color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.10);font-weight:500}table.table td{color:rgba(255,255,255,.88);border-color:rgba(255,255,255,.055)}table.table tbody tr:hover{background:rgba(255,255,255,.035)}table.table tbody tr:hover td:first-child{box-shadow:inset -3px 0 #818cf8}.rb-result-table th,.rb-result-table td{border-color:rgba(255,255,255,.08)}.rb-result-table th{background:#211e3a;color:rgba(255,255,255,.65)}
/* Badges */
.badge{background:linear-gradient(135deg,#6366f1,#ec4899)}.tag{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.7);border-radius:20px}.tag-primary{background:rgba(99,102,241,.2);color:#a5b4fc}.tag-success{background:rgba(16,185,129,.2);color:#34d399}.tag-warning{background:rgba(245,158,11,.2);color:#fbbf24}.tag-danger{background:rgba(239,68,68,.2);color:#f87171}
/* Alerts */
.alert{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff}.alert>div{color:inherit}.alert-success{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#34d399}.alert-danger{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#f87171}.alert-warning{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.35);color:#fbbf24}.alert-info{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.3);color:#c7d2fe}
/* Dropdown / modal / palette */
.user-dropdown,.command-box,.modal{background:rgba(25,22,48,.94)!important;backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);color:#fff}.modal-backdrop,.command-backdrop{background:rgba(8,6,25,.65);backdrop-filter:blur(10px)}.user-dropdown a,.dropdown-link{color:#fff}.user-dropdown a:hover,.dropdown-link:hover{background:rgba(255,255,255,.08)}.palette-item,.field-card,.node,.rb-field,.rb-chip,.rb-saved-card,.db-report-item{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;color:#fff}.palette-item:hover,.field-card:hover,.node:hover,.rb-field:hover,.db-report-item:hover{border-color:#818cf8!important;box-shadow:0 8px 22px rgba(99,102,241,.2)}
@keyframes kanbanSaved{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}60%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:var(--shadow-xs)}}.kanban-card.kanban-saved{border-color:#34d399!important;animation:kanbanSaved .8s ease}
/* Kanban */
.kanban,.pm-kanban{gap:15px}.kanban-col,.pm-col{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px}.kanban-col.drag-over,.pm-col.drag-over{background:rgba(99,102,241,.12)!important;border-color:rgba(99,102,241,.5)!important}.kanban-card,.pm-task{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important;color:#fff}.kanban-card:hover,.pm-task:hover{background:rgba(255,255,255,.1)!important;box-shadow:0 8px 20px rgba(0,0,0,.3)}.kanban-card-title,.pm-task h4{color:#fff}.kanban-card .text-muted,.pm-task p,.pm-task-meta{color:rgba(255,255,255,.55)!important}
/* Tabs / timeline */
.tabs,.pm-tabs{background:rgba(255,255,255,.04);border:0;padding:8px;border-radius:16px;gap:8px}.tab{border:0;border-radius:12px;color:rgba(255,255,255,.6);padding:10px 18px}.tab:hover{background:rgba(255,255,255,.08);color:#fff}.tab.active{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff}.timeline:before{background:linear-gradient(#6366f1,#ec4899)}.timeline-item:before{background:#818cf8;border-color:#211e3b}.timeline-title{color:#fff}
/* AI */
.ai-box,.ai-insight-box{background:rgba(99,102,241,.10)!important;border:1px solid rgba(99,102,241,.28)!important}.ai-badge{background:linear-gradient(135deg,#6366f1,#ec4899)}.suggestion,.coach-reply{background:rgba(16,185,129,.10)!important;border-color:rgba(16,185,129,.3)!important;color:#d1fae5}.live-coach,.coach-item{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important}
/* Call center */
#transcript,.recordingWave canvas,#waveform{background:rgba(255,255,255,.04)!important}.msg.customer{background:rgba(236,72,153,.15)!important;border:1px solid rgba(236,72,153,.3)!important;color:#fff}.msg.agent{background:rgba(99,102,241,.15)!important;border:1px solid rgba(99,102,241,.3)!important;color:#fff}.recording-label{color:#f87171}.agent-board>div,.oa-action,.risk-list article{border-color:rgba(255,255,255,.08)!important}
/* Charts: readable sizing + hover tooltips */
.db-widget-body,.live-widget main{position:relative}.chart-box{height:390px!important;min-height:340px;position:relative;overflow:visible}.chart-box canvas{min-height:320px}.chart-tooltip{position:absolute;z-index:20;display:none;min-width:145px;max-width:220px;padding:9px 11px;border-radius:11px;background:rgba(15,12,41,.96);border:1px solid rgba(129,140,248,.38);box-shadow:0 12px 30px rgba(0,0,0,.4);pointer-events:none;color:#fff}.chart-tooltip.show{display:block}.chart-tooltip b,.chart-tooltip span,.chart-tooltip small{display:block}.chart-tooltip span{font-size:16px;font-weight:800;color:#fbbf24}.chart-tooltip small{font-size:9px;color:rgba(255,255,255,.55)}[data-theme="light"] .chart-tooltip{background:rgba(255,255,255,.97);color:#1e1b4b;border-color:rgba(99,102,241,.3)}@media(max-width:1200px){.grid.grid-2:has(.chart-box),.charts-grid{grid-template-columns:1fr!important}.chart-box{height:420px!important}}@media(max-width:650px){.chart-box{height:350px!important;min-width:520px}.card-body:has(.chart-box){overflow-x:auto}}
/* Reporting/dashboard builders */
.rb-zone,.db-canvas{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.13)!important}.rb-zone.drag-over,.db-canvas.drag-over{background:rgba(99,102,241,.1)!important;border-color:#818cf8!important}.rb-source.active,.rb-chart-types button.active{background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(236,72,153,.2));color:#fff}.rb-chart-types button,.rb-icon-btn,.db-widget-head button{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff}.rb-preview-empty,.rb-zone-empty,.db-empty{color:rgba(255,255,255,.42)}
/* Project & Gantt */
.gantt-track{background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 9.8%,rgba(255,255,255,.08) 10%)}.gantt-head,.gantt-row>div{border-color:rgba(255,255,255,.08)}.gantt-track>i:not(.mile-dot){background:linear-gradient(135deg,#6366f1,#818cf8)}.gantt-track .status-in_progress{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.gantt-track .status-review{background:linear-gradient(135deg,#06b6d4,#22d3ee)!important}.gantt-track .status-done{background:linear-gradient(135deg,#10b981,#34d399)!important}.score-low{background:rgba(16,185,129,.2);color:#34d399}.score-medium{background:rgba(245,158,11,.25);color:#fbbf24}.score-high{background:rgba(239,68,68,.3);color:#f87171}
/* Office */
.oa-row{border-color:rgba(255,255,255,.08);color:#fff}.oa-row.unread{background:rgba(99,102,241,.10)}.oa-paper{background:rgba(255,255,255,.055)!important;color:#fff!important}.oa-letter-head{border-color:rgba(255,255,255,.1)}
/* Auth */
.auth-shell{background:transparent!important}.auth-card{background:rgba(255,255,255,.07)!important;backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:50px 40px;box-shadow:0 25px 50px rgba(0,0,0,.4)}.auth-brand .brand-mark{background:linear-gradient(135deg,#6366f1,#ec4899)!important;transform:rotate(-5deg)}
/* Scrollbar and selection */
*{scrollbar-color:rgba(99,102,241,.55) rgba(255,255,255,.04)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}*::-webkit-scrollbar-thumb{background:rgba(99,102,241,.55);border-radius:10px}::selection{background:#ec4899;color:#fff}
/* Print */
@media print{.sidebar,.topbar,.app-foot,.sidebar-backdrop,.bg-animated,.no-print{display:none!important}.main-area{margin:0!important}body{background:#fff!important;color:#000!important}.content{padding:0!important}.card,.kpi{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}h1,h2,h3,h4,h5,table.table td,table.table th,.text-muted{color:#000!important}}
@media(max-width:1000px){.sidebar{position:fixed;right:0;transform:translateX(100%);box-shadow:-10px 0 40px rgba(0,0,0,.5)}.sidebar.open{transform:translateX(0)}.main-area{margin-inline-start:0}.topbar{margin:0;border-radius:0}.content{padding:20px}.sidebar-backdrop.show{display:block}}
@media(max-width:650px){.content{padding:16px 12px}.page-head h1{font-size:23px}.auth-card{padding:35px 22px}.kpi:hover{transform:translateY(-4px)}.profile-grid,.call-detail-grid,.script-grid,.charts-grid{grid-template-columns:1fr}}
/* ==================== LIGHT THEME ==================== */
[data-theme="light"]{--c-bg:#eef2ff;--c-surface:rgba(255,255,255,.76);--c-surface-2:rgba(248,250,252,.72);--c-border:rgba(71,85,105,.13);--c-border-strong:rgba(71,85,105,.22);--c-text:#1e1b4b;--c-text-muted:#64748b;--c-primary:#6366f1;--c-primary-hover:#4f46e5;--c-primary-soft:rgba(99,102,241,.11);--c-success:#059669;--c-success-soft:#d1fae5;--c-warning:#d97706;--c-warning-soft:#fef3c7;--c-danger:#dc2626;--c-danger-soft:#fee2e2;color-scheme:light}
[data-theme="light"] body{background:linear-gradient(135deg,#eef2ff,#fdf2f8,#ecfeff) fixed!important;background-size:100vw 100vh!important;color:#1e1b4b}[data-theme="light"] .app-shell:before{background:linear-gradient(135deg,#eef2ff,#fdf2f8,#ecfeff)}
[data-theme="light"] .bg-animated .blob{opacity:.16;filter:blur(95px)}
[data-theme="light"] .sidebar{background:rgba(255,255,255,.73)!important;border-left-color:rgba(71,85,105,.12);box-shadow:-8px 0 35px rgba(67,56,202,.10)}
[data-theme="light"] .sidebar:before{background:radial-gradient(350px 250px at 100% 0,rgba(99,102,241,.13),transparent 72%)}
[data-theme="light"] .sidebar-brand{border-color:rgba(71,85,105,.1)}
[data-theme="light"] .brand-text small,[data-theme="light"] .sidebar-user-role{color:#64748b}
[data-theme="light"] .sidebar-user{background:rgba(99,102,241,.07)}
[data-theme="light"] .sidebar-user-name{color:#1e1b4b}
[data-theme="light"] .nav-item,[data-theme="light"] .nav-group>summary,[data-theme="light"] .nav-sub{color:#475569}
[data-theme="light"] .nav-item:hover,[data-theme="light"] .nav-group>summary:hover,[data-theme="light"] .nav-sub:hover{background:rgba(99,102,241,.08);color:#312e81}
[data-theme="light"] .nav-item.active,[data-theme="light"] .nav-sub.active{color:#fff}
[data-theme="light"] .nav-icon{background:rgba(99,102,241,.07)}
[data-theme="light"] .nav-section-label{color:#94a3b8}
[data-theme="light"] .sidebar-foot{border-color:rgba(71,85,105,.1)}
[data-theme="light"] .topbar{background:rgba(255,255,255,.68)!important;border-color:rgba(71,85,105,.12);box-shadow:0 4px 20px rgba(67,56,202,.07)}
[data-theme="light"] .crumb,[data-theme="light"] .user-name{color:#1e1b4b}
[data-theme="light"] .command-trigger,[data-theme="light"] .user-trigger,[data-theme="light"] .icon-btn{background:rgba(255,255,255,.7);border-color:rgba(71,85,105,.14);color:#334155}
[data-theme="light"] .system-live{color:#047857;background:#d1fae5}
[data-theme="light"] .app-foot{background:rgba(255,255,255,.62);border-color:rgba(71,85,105,.12);color:#64748b}
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,[data-theme="light"] h4,[data-theme="light"] h5,[data-theme="light"] .page-head h1{color:#1e1b4b}
[data-theme="light"] a{color:#4f46e5}[data-theme="light"] a:hover{color:#db2777}
[data-theme="light"] .text-muted{color:#64748b!important}
[data-theme="light"] .card,[data-theme="light"] .kpi,[data-theme="light"] .rb-panel,[data-theme="light"] .pm-stat,[data-theme="light"] .pm-progress-card,[data-theme="light"] .oa-kpi,[data-theme="light"] .health-card,[data-theme="light"] .live-widget,[data-theme="light"] .db-widget{background:rgba(255,255,255,.72)!important;border-color:rgba(71,85,105,.12)!important;box-shadow:0 8px 30px rgba(67,56,202,.09)}
[data-theme="light"] .card-header,[data-theme="light"] .rb-panel-head{background:rgba(248,250,252,.58)!important;border-color:rgba(71,85,105,.10)}
[data-theme="light"] .card-foot,[data-theme="light"] .card-footer,[data-theme="light"] .modal-foot{background:rgba(248,250,252,.62)!important;border-color:rgba(71,85,105,.1)}
[data-theme="light"] .kpi-label{color:#64748b}[data-theme="light"] .kpi-value{color:#1e1b4b}
[data-theme="light"] .form-control,[data-theme="light"] input[type=text],[data-theme="light"] input[type=email],[data-theme="light"] input[type=password],[data-theme="light"] input[type=number],[data-theme="light"] input[type=date],[data-theme="light"] input[type=datetime-local],[data-theme="light"] input[type=time],[data-theme="light"] input[type=tel],[data-theme="light"] input[type=search],[data-theme="light"] input[type=url],[data-theme="light"] select,[data-theme="light"] textarea{background:rgba(255,255,255,.76)!important;border-color:rgba(71,85,105,.18)!important;color:#1e293b!important;color-scheme:light}
[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#94a3b8}
[data-theme="light"] select option{background:#fff;color:#1e293b}
[data-theme="light"] .form-label,[data-theme="light"] label{color:#334155}
[data-theme="light"] .btn{background:rgba(255,255,255,.66);border-color:rgba(71,85,105,.15);color:#334155}
[data-theme="light"] .btn:hover{background:#fff;color:#312e81}
[data-theme="light"] .btn-primary,[data-theme="light"] .btn-success,[data-theme="light"] .btn-danger,[data-theme="light"] .btn-warning{color:#fff}
[data-theme="light"] .btn-soft{background:rgba(99,102,241,.1);color:#4f46e5}
[data-theme="light"] table.table th{background:rgba(241,245,249,.75);color:#64748b;border-color:rgba(71,85,105,.12)}
[data-theme="light"] table.table td{color:#334155;border-color:rgba(71,85,105,.08)}
[data-theme="light"] table.table tbody tr:hover{background:rgba(99,102,241,.045)}
[data-theme="light"] .tag{background:rgba(100,116,139,.07);border-color:rgba(71,85,105,.1);color:#64748b}
[data-theme="light"] .tag-primary{background:#eef2ff;color:#4f46e5}[data-theme="light"] .tag-success{background:#d1fae5;color:#047857}[data-theme="light"] .tag-warning{background:#fef3c7;color:#b45309}[data-theme="light"] .tag-danger{background:#fee2e2;color:#b91c1c}
[data-theme="light"] .alert{color:#334155;border-color:rgba(71,85,105,.12)}
[data-theme="light"] .alert-success{background:#d1fae5;color:#047857}[data-theme="light"] .alert-danger{background:#fee2e2;color:#b91c1c}[data-theme="light"] .alert-warning{background:#fef3c7;color:#b45309}[data-theme="light"] .alert-info{background:#eef2ff;color:#4338ca}
[data-theme="light"] .user-dropdown,[data-theme="light"] .command-box,[data-theme="light"] .modal{background:rgba(255,255,255,.94)!important;color:#1e1b4b;border-color:rgba(71,85,105,.15)}
[data-theme="light"] .user-dropdown a,[data-theme="light"] .dropdown-link{color:#334155}
[data-theme="light"] .palette-item,[data-theme="light"] .field-card,[data-theme="light"] .node,[data-theme="light"] .rb-field,[data-theme="light"] .rb-chip,[data-theme="light"] .rb-saved-card,[data-theme="light"] .db-report-item{background:rgba(255,255,255,.74)!important;border-color:rgba(71,85,105,.13)!important;color:#334155}
[data-theme="light"] .kanban-col,[data-theme="light"] .pm-col{background:rgba(248,250,252,.65)!important;border-color:rgba(71,85,105,.1)!important}
[data-theme="light"] .kanban-card,[data-theme="light"] .pm-task{background:rgba(255,255,255,.78)!important;border-color:rgba(71,85,105,.12)!important;color:#334155}
[data-theme="light"] .kanban-card-title,[data-theme="light"] .pm-task h4{color:#1e1b4b}
[data-theme="light"] .tabs,[data-theme="light"] .pm-tabs{background:rgba(255,255,255,.55)}
[data-theme="light"] .tab{color:#64748b}[data-theme="light"] .tab.active{color:#fff}
[data-theme="light"] .ai-box,[data-theme="light"] .ai-insight-box{background:rgba(99,102,241,.07)!important;color:#334155}
[data-theme="light"] .msg.customer{color:#831843!important}[data-theme="light"] .msg.agent{color:#312e81!important}
[data-theme="light"] .oa-row{color:#334155;border-color:rgba(71,85,105,.1)}[data-theme="light"] .oa-paper{background:rgba(255,255,255,.8)!important;color:#253047!important}
[data-theme="light"] .rb-zone,[data-theme="light"] .db-canvas{background:rgba(248,250,252,.58)!important;border-color:rgba(71,85,105,.15)!important}
[data-theme="light"] .gantt-track{background:repeating-linear-gradient(90deg,rgba(241,245,249,.5) 0,rgba(241,245,249,.5) 9.8%,rgba(71,85,105,.12) 10%)}
[data-theme="light"] .ai-panel{background:rgba(255,255,255,.97)!important;border-color:rgba(99,102,241,.3)!important;color:#1e1b4b}[data-theme="light"] .ai-msg.ai{background:#f1f5f9;color:#1e293b}[data-theme="light"] .auth-card{background:rgba(255,255,255,.75)!important;border-color:rgba(71,85,105,.14);color:#1e1b4b}
[data-theme="light"] .auth-card h1{color:#1e1b4b}
/* Density / compact sidebar preferences */
body.density-compact .content{padding-top:18px;padding-bottom:24px}body.density-compact .card-body{padding:14px}body.density-compact table.table td{padding:8px 12px}body.density-compact .form-group{margin-bottom:10px}body.density-compact .kpi{padding:14px}
body.sidebar-compact .sidebar{width:82px}body.sidebar-compact .main-area{margin-inline-start:82px}body.sidebar-compact .brand-text,body.sidebar-compact .sidebar-user>div,body.sidebar-compact .nav-label,body.sidebar-compact .nav-caret,body.sidebar-compact .nav-section-label,body.sidebar-compact .nav-children{display:none}body.sidebar-compact .sidebar-brand{justify-content:center;padding-inline:0}body.sidebar-compact .sidebar-user{justify-content:center;padding:8px}body.sidebar-compact .nav-item,body.sidebar-compact .nav-group>summary{justify-content:center;padding-inline:8px}body.sidebar-compact .nav-icon{width:34px;height:34px}body.sidebar-compact .sidebar-foot .nav-label{display:none}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1000px){body.sidebar-compact .main-area{margin-inline-start:0}body.sidebar-compact .sidebar{width:270px}body.sidebar-compact .brand-text,body.sidebar-compact .sidebar-user>div,body.sidebar-compact .nav-label,body.sidebar-compact .nav-caret,body.sidebar-compact .nav-section-label{display:initial}body.sidebar-compact .nav-children{display:flex}}
/* User appearance variables — loaded from users.appearance_json */
:root{--user-primary:#6366f1;--user-accent:#ec4899;--user-secondary:#06b6d4;--user-success:#10b981;--user-warning:#f59e0b;--user-danger:#ef4444;--user-dark-1:#0f0c29;--user-dark-2:#302b63;--user-dark-3:#24243e;--user-light-1:#eef2ff;--user-light-2:#fdf2f8;--user-light-3:#ecfeff;--user-glass-opacity:.06;--user-glass-blur:20px;--user-radius:20px;--user-font-scale:1;--user-line-height:1.7;--user-sidebar-width:270px;--user-content-width:1500px;--user-shadow-strength:.28}
[data-theme]{--c-primary:var(--user-primary);--c-primary-hover:color-mix(in srgb,var(--user-primary) 80%,white);--c-primary-soft:color-mix(in srgb,var(--user-primary) 14%,transparent);--c-accent:var(--user-secondary);--c-accent-2:var(--user-accent);--c-success:var(--user-success);--c-warning:var(--user-warning);--c-danger:var(--user-danger)}html[data-theme=dark] body,html[data-theme=dark] .app-shell:before{background:linear-gradient(135deg,var(--user-dark-1),var(--user-dark-2),var(--user-dark-3)) fixed!important}html[data-theme=light] body,html[data-theme=light] .app-shell:before{background:linear-gradient(135deg,var(--user-light-1),var(--user-light-2),var(--user-light-3)) fixed!important}.blob1{background:var(--user-primary)!important}.blob2{background:var(--user-accent)!important}.blob3{background:var(--user-secondary)!important}body{font-size:calc(14px * var(--user-font-scale));line-height:var(--user-line-height)}.sidebar{width:var(--user-sidebar-width)}.main-area{margin-inline-start:var(--user-sidebar-width)}.content{max-width:var(--user-content-width)}.card,.kpi,.rb-panel,.pm-stat,.pm-progress-card,.oa-kpi,.health-card,.live-widget,.db-widget{border-radius:var(--user-radius);background:rgba(255,255,255,var(--user-glass-opacity))!important;backdrop-filter:blur(var(--user-glass-blur));box-shadow:0 8px 32px rgba(0,0,0,var(--user-shadow-strength))}.btn-primary,.nav-item.active,.tab.active,.ai-badge,.brand-mark,.avatar,.user-avatar-side,.profile-big-avatar{background:linear-gradient(135deg,var(--user-primary),var(--user-accent))!important}.page-head:after,.form-label:before,.card-header:after{background:linear-gradient(90deg,var(--user-primary),var(--user-accent))!important}.kpi:before{background:linear-gradient(90deg,var(--user-primary),var(--user-accent),var(--user-secondary))!important}.btn-success{background:linear-gradient(135deg,var(--user-success),color-mix(in srgb,var(--user-success) 70%,white))!important}.btn-danger{background:linear-gradient(135deg,var(--user-danger),color-mix(in srgb,var(--user-danger) 70%,white))!important}.btn-warning{background:linear-gradient(135deg,var(--user-warning),color-mix(in srgb,var(--user-warning) 70%,white))!important}.progress>span,.xp-bar i,.challenge-bar i{background:linear-gradient(90deg,var(--user-primary),var(--user-accent),var(--user-warning))!important}.card-style-solid .card,.card-style-solid .kpi,.card-style-solid .rb-panel{backdrop-filter:none!important;background:color-mix(in srgb,var(--user-dark-2) 92%,#111827)!important}.theme-light.card-style-solid .card,.theme-light.card-style-solid .kpi,.theme-light.card-style-solid .rb-panel{background:#fff!important}.card-style-bordered .card,.card-style-bordered .kpi,.card-style-bordered .rb-panel{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border-width:2px!important}.nav-style-soft .nav-item.active,.nav-style-soft .nav-sub.active{background:color-mix(in srgb,var(--user-primary) 22%,transparent)!important;color:color-mix(in srgb,var(--user-primary) 55%,white)!important;box-shadow:none}.nav-style-minimal .nav-item.active,.nav-style-minimal .nav-sub.active{background:transparent!important;color:var(--user-primary)!important;box-shadow:inset -3px 0 var(--user-primary)}.blobs-off .bg-animated{display:none!important}.high-contrast{--c-text:#fff;--c-text-muted:rgba(255,255,255,.8);--c-border:rgba(255,255,255,.25);--c-border-strong:rgba(255,255,255,.4)}[data-theme=light] .high-contrast{--c-text:#0f172a;--c-text-muted:#334155;--c-border:rgba(15,23,42,.25);--c-border-strong:rgba(15,23,42,.4)}body.sidebar-compact .sidebar{width:82px}body.sidebar-compact .main-area{margin-inline-start:82px}@media(max-width:1000px){.sidebar{width:var(--user-sidebar-width)}.main-area{margin-inline-start:0}}
/* Unified polished form controls — no black edges or sharp native corners */
body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),body select,body textarea{appearance:none;-webkit-appearance:none;min-height:44px;padding:10px 14px!important;border-radius:max(12px,calc(var(--user-radius) * .68))!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;border:1px solid color-mix(in srgb,var(--user-primary) 34%,rgba(255,255,255,.18))!important;color:var(--c-text)!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.12)!important;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}body textarea{min-height:105px;resize:vertical;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important}body select{padding-left:38px!important;background-image:linear-gradient(45deg,transparent 50%,var(--c-text-muted) 50%),linear-gradient(135deg,var(--c-text-muted) 50%,transparent 50%),linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;background-position:17px calc(50% - 2px),12px calc(50% - 2px),0 0!important;background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important}body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover,body select:hover,body textarea:hover{border-color:color-mix(in srgb,var(--user-primary) 65%,white)!important;background-color:rgba(255,255,255,.1)!important}body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,body select:focus,body textarea:focus{border-color:var(--user-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--user-primary) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.16)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--user-primary) 12%,rgba(255,255,255,.08)),rgba(255,255,255,.05))!important}body input:disabled,body select:disabled,body textarea:disabled{opacity:.58;cursor:not-allowed;background:rgba(148,163,184,.08)!important}body input[type=file]{width:100%;padding:7px!important;border-radius:max(12px,calc(var(--user-radius) * .68))!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--user-primary) 34%,rgba(255,255,255,.18))!important;color:var(--c-text-muted)!important}body input[type=file]::file-selector-button{border:0;border-radius:9px;padding:8px 13px;margin-left:10px;background:linear-gradient(135deg,var(--user-primary),var(--user-accent));color:#fff;font-family:inherit;cursor:pointer}body input[type=color]{padding:3px!important;border-radius:10px!important;border:1px solid var(--c-border-strong)!important;background:var(--c-surface)!important}body input[type=range]{appearance:none;height:7px!important;border:0!important;border-radius:10px!important;background:linear-gradient(90deg,var(--user-primary),var(--user-accent))!important;box-shadow:none!important}body input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--user-primary);box-shadow:0 3px 9px rgba(0,0,0,.25)}body input[type=checkbox],body input[type=radio]{width:18px;height:18px;accent-color:var(--user-primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--c-text)!important;-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--user-dark-2) 92%,#fff 8%) inset!important;border:1px solid var(--user-primary)!important}
[data-theme=light] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),[data-theme=light] body select,[data-theme=light] body textarea{background:linear-gradient(145deg,rgba(255,255,255,.96),color-mix(in srgb,var(--user-light-1) 76%,white))!important;border-color:color-mix(in srgb,var(--user-primary) 24%,#cbd5e1)!important;color:#1e293b!important;box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(67,56,202,.07)!important}[data-theme=light] body select{background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(145deg,rgba(255,255,255,.96),color-mix(in srgb,var(--user-light-1) 76%,white))!important}[data-theme=light] body input[type=file]{background:rgba(255,255,255,.86)!important;border-color:color-mix(in srgb,var(--user-primary) 24%,#cbd5e1)!important}[data-theme=light] input:-webkit-autofill{-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}
@media(prefers-reduced-motion:reduce){.blob{animation:none!important}}