:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6fb;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{width:100%;min-height:100vh;margin:0}body{background:#f4f6fb}@media (width<=760px){.nt-header{flex-direction:column;align-items:flex-start!important;gap:0!important;height:auto!important;padding:10px 16px 0!important}.nt-nav{white-space:nowrap;max-width:100%;overflow-x:auto;height:44px!important}.nt-hero{padding:40px 16px 24px!important}.nt-section{padding:20px 12px 48px!important}.nt-card,.nt-grid2{grid-template-columns:minmax(0,1fr)!important}.nt-form{padding:20px 16px!important}html,body{overflow-x:hidden}}#root{width:100%;min-height:100vh}:root{color:var(--app-text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:var(--app-bg);margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{background:var(--app-bg);grid-template-columns:225px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.main-content{width:100%;min-width:0}.page-content{width:100%;padding:22px 24px}.sidebar{background:var(--app-surface);border-right:1px solid var(--app-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand-block{color:#fff;background:linear-gradient(135deg,#0b4ea2,#173b7a);border-bottom-right-radius:18px;padding:20px 20px 22px}.sidebar-brand-block h1{color:#fff;letter-spacing:1px;margin:0;font-size:34px;font-weight:900;line-height:.95}.sidebar-brand-block p{color:#dbeafe;max-width:165px;margin:8px 0 0;font-size:11px;font-weight:800;line-height:1.25}.concasa-brand{color:var(--app-primary);align-items:center;gap:9px;padding:24px 20px 18px;display:flex}.concasa-brand strong{letter-spacing:.3px;font-size:20px;font-weight:900}.concasa-brand svg{color:var(--app-primary);flex-shrink:0}.nav-menu{gap:6px;padding:16px 11px 0;display:grid}.nav-menu a{min-height:40px;color:var(--app-text-muted);border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-size:12.5px;font-weight:800;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:flex}.nav-menu a svg{flex-shrink:0;width:18px;height:18px}.nav-menu a:hover,.nav-menu a.active{background:var(--app-primary-soft);color:var(--app-primary);box-shadow:inset 4px 0 #0b4ea2}.sidebar-entry-card{background:var(--app-surface-soft);border:1px solid var(--app-border);color:inherit;cursor:pointer;border-radius:16px;align-items:center;gap:12px;margin:auto 18px 18px;padding:14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.sidebar-entry-card:hover{border-color:var(--app-primary);background:var(--app-primary-soft)}.entry-icon{background:var(--app-primary-soft);width:40px;height:40px;color:var(--app-primary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.entry-icon svg{color:var(--app-primary);width:20px;height:20px}.sidebar-entry-card span{color:var(--app-text-muted);font-size:11px;font-weight:700;display:block}.sidebar-entry-card strong{background:var(--app-primary-soft);color:var(--app-primary);border-radius:999px;margin-top:4px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-block}.topbar{background:var(--app-surface);border-bottom:1px solid var(--app-border);z-index:10;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:22px;height:88px;padding:16px 26px;display:grid;position:sticky;top:0}.topbar-title strong{color:var(--app-text);letter-spacing:-.25px;font-size:18px;font-weight:900;display:block}.topbar-title span{color:var(--app-text-muted);margin-top:4px;font-size:12px;line-height:1.25;display:block}.topbar-actions{justify-self:end;align-items:center;gap:16px;display:flex}.icon-button{background:var(--app-surface-soft);border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{color:var(--app-primary);width:20px;height:20px}.user-profile{align-items:center;gap:10px;display:flex}.user-avatar{background:#173b7a;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.user-avatar svg{color:#fff;width:21px;height:21px}.user-profile strong{color:var(--app-text);font-size:14px;font-weight:900;display:block}.user-profile span{color:var(--app-text-muted);margin-top:3px;font-size:12px;display:block}h1,h2,h3{color:var(--app-text);margin:0 0 8px}p{color:var(--app-text-muted);margin-top:0}input,select,textarea{border:1px solid var(--app-border);background:var(--app-surface);border-radius:12px;padding:11px 12px}.status-pill{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.status-open{background:var(--app-primary-soft);color:var(--app-primary)}.status-progress{color:#b45309;background:#f59e0b2e}.status-escalated{color:#dc2626;background:#ef444429}.status-resolved{color:#15803d;background:#22c55e29}.status-unassigned{color:#374151;background:#94a3b82e}.tickets-page{gap:16px;max-width:100%;display:grid}.tickets-header{display:none}.tickets-workspace{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:16px;display:grid}.tickets-left-column{gap:16px;min-width:0;display:grid}.ticket-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ticket-kpi-card{background:var(--app-surface);border:1px solid var(--app-border);min-width:0;min-height:92px;box-shadow:0 10px 26px var(--app-shadow);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.kpi-icon{background:var(--app-primary-soft);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.kpi-icon svg{width:20px;height:20px;color:var(--app-primary)}.kpi-icon.danger{background:#ef444429}.kpi-icon.danger svg{color:#dc2626}.kpi-icon.success{background:#22c55e29}.kpi-icon.success svg{color:#15803d}.ticket-kpi-card span{color:var(--app-text-muted);font-size:13px;font-weight:500;display:block}.ticket-kpi-card strong{color:var(--app-text);letter-spacing:-.6px;margin-top:4px;font-size:25px;font-weight:900;line-height:1;display:block}.ticket-kpi-card em{background:var(--app-primary-soft);color:var(--app-primary);border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}.ticket-kpi-card em.danger{color:#dc2626;background:#ef444429}.ticket-kpi-card em.success{color:#15803d;background:#22c55e29}.ticket-filters{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 10px 26px var(--app-shadow);border-radius:15px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:13px 14px;display:grid}.ticket-filters label{color:var(--app-text);gap:5px;font-size:11px;font-weight:900;display:grid}.ticket-filters select,.ticket-filters input,.filter-date button{border:1px solid var(--app-border);background:var(--app-surface);width:100%;height:36px;color:var(--app-text);border-radius:9px;padding:0 9px;font-size:12px;font-weight:700}.filter-date{gap:5px;display:grid}.filter-date label{color:var(--app-text);font-size:11px;font-weight:900}.filter-date button{text-align:center;color:var(--app-text)}.filter-search{border:1px solid var(--app-border);background:var(--app-surface);border-radius:9px;grid-column:1/4;align-items:center;gap:8px;max-width:100%;height:38px;padding:0 11px;display:flex}.filter-search svg{color:var(--app-text-muted);flex-shrink:0}.filter-search input{width:100%;height:auto;color:var(--app-text);border:0;outline:0;padding:0;font-size:12px;font-weight:400}.clear-filter,.apply-filter{border:0;border-radius:9px;height:36px;font-size:12px;font-weight:900}.clear-filter{background:var(--app-surface);color:var(--app-primary);grid-column:5/6;justify-self:stretch}.apply-filter{color:#fff;background:#0b4ea2;grid-column:6/7;justify-self:stretch;box-shadow:0 8px 18px #2563eb2e}.tickets-table-card{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 28px var(--app-shadow);border-radius:18px;min-width:0;overflow:hidden}.tickets-table-wrapper{width:100%;overflow-x:auto}.table-toolbar{border-bottom:1px solid var(--app-border);height:52px;color:var(--app-text);justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-size:13px;display:flex}.table-toolbar strong{font-weight:900}.table-toolbar span{color:var(--app-text-muted)}.tickets-table{border-collapse:collapse;width:100%;min-width:900px;margin:0}.tickets-table th{background:var(--app-surface-soft);color:var(--app-text-muted);white-space:nowrap;text-align:left;border-bottom:1px solid var(--app-border);padding:10px 9px;font-size:11px;font-weight:900}.tickets-table td{color:var(--app-text);white-space:nowrap;border-bottom:1px solid var(--app-border);padding:10px 9px;font-size:12px}.tickets-table tr.selected-row{background:var(--app-primary-soft)}.ticket-id{color:var(--app-primary);font-weight:900}.pagination-row{border-top:1px solid var(--app-border);height:74px;color:var(--app-text-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 18px;font-size:13px;display:grid}.pagination{align-items:center;gap:8px;display:flex}.pagination button,.page-size{border:1px solid var(--app-border);background:var(--app-surface);border-radius:10px;min-width:38px;height:38px;padding:0 12px}.pagination .active-page{color:#fff;background:#0b4ea2}.page-size{justify-self:end}.ticket-side-detail{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 28px var(--app-shadow);border-radius:18px;min-width:0;padding:15px;position:sticky;top:104px}.side-title{justify-content:space-between;gap:12px;display:flex}.side-title h2{color:var(--app-primary-strong);margin:0 0 8px;font-size:16px;font-weight:900}.side-title button{color:#1c2128;background:0 0;border:0;font-size:26px}.side-meta{color:var(--app-text-muted);gap:5px;margin:12px 0;font-size:12px;display:grid}.side-meta strong{color:#fff;background:#0b4ea2;border-radius:8px;width:max-content;padding:6px 10px}.detail-section{border-top:1px solid var(--app-border);margin-top:14px;padding-top:14px}.detail-section h3,.mini-timeline h3{color:var(--app-text);margin:0 0 10px;font-size:13px;font-weight:900}.info-row{grid-template-columns:88px 1fr;gap:8px;margin-bottom:8px;font-size:12px;display:grid}.info-row span{color:var(--app-text-muted)}.info-row strong{color:var(--app-text);font-weight:800}.mini-timeline{border-top:1px solid var(--app-border);margin-top:14px;padding-top:14px}.mini-timeline div{grid-template-columns:12px 1fr;gap:10px;margin-bottom:12px;display:grid}.mini-timeline div span{background:#0b4ea2;border-radius:50%;width:8px;height:8px;margin-top:5px}.mini-timeline p{color:var(--app-primary);margin:0;font-size:13px}.mini-timeline strong{color:var(--app-primary);margin-bottom:3px;display:block}.open-ticket-button{color:#fff;background:#0b4ea2;border:0;border-radius:10px;width:100%;height:42px;margin-top:14px;font-size:13px;font-weight:900}@media (width<=1150px){.tickets-workspace{grid-template-columns:1fr}.ticket-side-detail{position:static}}@media (width<=1050px){.topbar{grid-template-columns:1fr;height:auto}.topbar-actions{justify-content:space-between;justify-self:stretch}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--app-border);height:auto;position:static}.sidebar-entry-card{margin:18px}.ticket-kpis,.ticket-filters{grid-template-columns:1fr}.filter-search,.clear-filter,.apply-filter{grid-column:span 1}}@media (width<=700px){.page-content{padding:18px}.pagination-row{grid-template-columns:1fr;height:auto;padding:16px}.page-size{justify-self:start}}.login-page{background:#f4f6fb;grid-template-columns:minmax(0,1fr) minmax(560px,640px);min-height:100vh;display:grid;overflow:hidden}.login-brand-panel{color:#fff;background:radial-gradient(circle at 78% 12%,#ffffff21,#0000 28%),radial-gradient(circle at 8% 88%,#ffffff1a,#0000 24%),linear-gradient(135deg,#0b4ea2,#173b7a);align-items:center;padding:clamp(64px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:#ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-150px}.login-brand-panel:after{content:"";background:#ffffff0f;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-110px;left:-130px}.login-brand-content{z-index:1;gap:clamp(54px,6vh,78px);width:100%;max-width:720px;display:grid;position:relative}.login-brand-header{align-items:start;gap:10px;display:grid}.login-brand-header h1{color:#fff;letter-spacing:-1.4px;margin:0;font-size:clamp(52px,4.8vw,72px);font-weight:900;line-height:.92}.login-brand-logo{object-fit:contain;filter:drop-shadow(0 14px 26px #00000038);width:min(320px,35vw);max-width:100%;height:auto}.login-brand-header p{color:#dbeafe;max-width:320px;margin:0;font-size:13px;font-weight:800;line-height:1.25}.login-brand-message{max-width:640px}.login-brand-message span{color:#bfdbfe;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:12px;font-weight:900;display:inline-block}.login-brand-message h2{color:#fff;letter-spacing:-1.2px;margin:0 0 18px;font-size:clamp(42px,4vw,60px);font-weight:900;line-height:1}.login-brand-message p{color:#dbeafe;max-width:570px;margin:0;font-size:16px;line-height:1.65}.login-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:640px;display:grid}.login-feature-list div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1c;border:1px solid #ffffff2b;border-radius:18px;min-height:96px;padding:18px}.login-feature-list strong{color:#bfdbfe;margin-bottom:12px;font-size:13px;font-weight:900;display:block}.login-feature-list span{color:#fff;font-size:13px;font-weight:800;line-height:1.35;display:block}.login-form-panel{background:radial-gradient(circle at 10% 10%,#0b4ea20f,#0000 26%),#f4f6fb;place-items:center;padding:56px;display:grid}.login-card{background:#fff;border:1px solid #dbe3ef;border-radius:28px;width:100%;max-width:500px;padding:44px;box-shadow:0 28px 70px #0f172a24}.login-card-header{gap:8px;display:grid}.login-card-icon{color:#0b4ea2;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:4px;display:grid}.login-card-header span{color:#0b4ea2;background:#eef4ff;border-radius:999px;margin-bottom:12px;padding:7px 12px;font-size:13px;font-weight:900;display:inline-block}.login-card-header h2{color:#0f172a;letter-spacing:-.8px;margin:0 0 10px;font-size:38px;font-weight:900;line-height:1.05}.login-card-header p{color:#64748b;margin:0 0 30px;font-size:15px}.login-form{gap:19px;display:grid}.login-form label{color:#334155;gap:8px;font-size:14px;font-weight:900;display:grid}.login-input{background:#fff;border:1px solid #dbe3ef;border-radius:14px;align-items:center;gap:12px;height:56px;padding:0 15px;transition:border-color .18s,box-shadow .18s;display:flex}.login-input input{color:#0f172a;border:0;outline:0;width:100%;padding:0;font-size:15px}.login-input.is-focused{border-color:#0b4ea2;box-shadow:0 0 0 4px #0b4ea214}.login-input svg{color:#64748b;flex-shrink:0}.login-input input{color:#0f172a;border:0;outline:0;flex:1;width:100%;min-width:0;padding:0;font-size:14px}.password-toggle{color:#64748b;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.password-toggle:hover{color:#0b4ea2;background:#f1f5f9}.login-options{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.remember-option{align-items:center;color:#64748b!important;grid-template-columns:none!important;gap:7px!important;font-size:12px!important;font-weight:700!important;display:flex!important}.remember-option input{accent-color:#0b4ea2;width:14px;height:14px}.login-options button{color:#0b4ea2;background:0 0;border:0;padding:0;font-size:12px;font-weight:900}.login-reset-hint{color:#64748b;text-align:right;font-size:12px;font-weight:700;line-height:1.35}.login-button{color:#fff;background:#0b4ea2;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;height:56px;font-size:15px;font-weight:900;display:flex;box-shadow:0 14px 28px #0b4ea242}.login-button:hover{background:#173b7a}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.login-demo-note{color:#64748b;background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;margin-top:22px;padding:15px;font-size:13px;line-height:1.5}.login-demo-note strong{color:#0f172a}@media (width<=950px){.login-page{grid-template-columns:1fr}.login-brand-panel{padding:42px 28px}.login-brand-content{gap:42px}.login-feature-list{grid-template-columns:1fr}.login-form-panel{padding:32px 24px}.login-card{max-width:500px}}@media (width<=600px){.login-card{padding:28px}.login-options{flex-direction:column;align-items:flex-start}.login-brand-header h1{font-size:42px}.login-brand-logo{width:240px}.login-brand-message h2{font-size:32px}}.login-input input[type=password]::-ms-reveal{display:none}.login-input input[type=password]::-ms-clear{display:none}.login-input input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}.login-input input[type=password]::-webkit-password-toggle-button{visibility:hidden;display:none!important}.app-loading{color:#64748b;justify-content:center;align-items:center;min-height:100vh;font-size:14px;display:flex}.agent-dashboard-page{gap:14px;font-family:Inter,Segoe UI,system-ui,sans-serif;display:grid}.agent-dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.agent-dashboard-header h1{color:var(--app-text);letter-spacing:-.35px;margin:0 0 5px;font-size:22px;font-weight:900}.agent-dashboard-header p{color:var(--app-text-muted);margin:0;font-size:12.5px}.agent-date-button{border:1px solid var(--app-border);background:var(--app-surface);height:36px;color:var(--app-primary);border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:flex}.agent-welcome-card{background:var(--app-surface);border:1px solid var(--app-border);min-height:74px;box-shadow:0 12px 28px var(--app-shadow);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.agent-welcome-icon{background:var(--app-primary-soft);width:46px;height:46px;color:var(--app-primary);border-radius:15px;place-items:center;display:grid}.agent-welcome-card h2{color:var(--app-text);margin:0 0 3px;font-size:17px;font-weight:900}.agent-welcome-card p{color:var(--app-text-muted);margin:0;font-size:12px}.agent-welcome-message{max-width:270px;color:var(--app-primary);align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.agent-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.agent-kpi-card{background:var(--app-surface);border:1px solid var(--app-border);min-height:88px;box-shadow:0 12px 28px var(--app-shadow);border-radius:16px;align-items:center;gap:13px;padding:14px;display:flex}.agent-kpi-icon{border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.agent-kpi-icon.blue{background:var(--app-primary-soft);color:var(--app-primary)}.agent-kpi-icon.yellow{color:#b45309;background:#f59e0b2e}.agent-kpi-icon.red{color:#dc2626;background:#ef444429}.agent-kpi-icon.green{color:#15803d;background:#22c55e29}.agent-kpi-card span{color:var(--app-text);margin-bottom:5px;font-size:11.5px;font-weight:900;display:block}.agent-kpi-card strong{color:var(--app-text);letter-spacing:-.6px;font-size:24px;font-weight:900;line-height:1;display:block}.agent-kpi-card em{color:var(--app-text-muted);margin-top:5px;font-size:11px;font-style:normal;display:block}.agent-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr) minmax(300px,.8fr);align-items:stretch;gap:14px;display:grid}.agent-card{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:0 12px 28px var(--app-shadow);border-radius:16px;min-width:0;padding:14px}.agent-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.agent-card-header h3{color:var(--app-text);letter-spacing:-.15px;margin:0;font-size:13.5px;font-weight:900}.agent-card-header button{color:var(--app-primary);background:0 0;border:0;align-items:center;gap:5px;font-size:11.5px;font-weight:900;display:inline-flex}.agent-priority-card{grid-row:span 2}.agent-table-wrapper{width:100%;overflow-x:auto}.agent-table{border-collapse:collapse;width:100%;min-width:720px}.agent-table th{background:var(--app-surface-soft);color:var(--app-text-muted);text-align:left;white-space:nowrap;padding:8px 9px;font-size:10.5px;font-weight:900}.agent-table td{color:var(--app-text-muted);border-bottom:1px solid var(--app-border);white-space:nowrap;padding:8px 9px;font-size:11.5px}.agent-table tbody tr:hover{background:var(--app-surface-soft)}.agent-ticket-id{font-weight:900;color:#0b4ea2!important}.agent-badge{border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:900}.agent-badge.status-new{background:var(--app-primary-soft);color:var(--app-primary)}.agent-badge.status-progress{color:#b45309;background:#f59e0b2e}.agent-badge.status-client{color:#6d28d9;background:#7c3aed29}.agent-badge.status-escalated{color:#dc2626;background:#ef444429}.agent-badge.status-closed{color:#15803d;background:#22c55e29}.agent-sla{font-size:11.5px;font-weight:900}.agent-sla.danger{color:#dc2626}.agent-sla.warning{color:#ea580c}.agent-sla.normal{color:#16a34a}.agent-priority-summary{gap:9px;display:grid}.agent-priority-item{border:1px solid var(--app-border);border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:50px;padding:9px 11px;display:grid}.agent-priority-item strong{color:var(--app-text);margin-bottom:3px;font-size:11.5px;font-weight:900;display:block}.agent-priority-item span{color:var(--app-text-muted);font-size:10.5px;font-weight:700;display:block}.agent-priority-item em{border-radius:11px;place-items:center;min-width:32px;height:32px;font-size:15px;font-style:normal;font-weight:900;display:grid}.agent-priority-item.danger{background:var(--app-surface-soft)}.agent-priority-item.danger em{color:#dc2626;background:#ef444429}.agent-priority-item.warning{background:var(--app-surface-soft)}.agent-priority-item.warning em{color:#b45309;background:#f59e0b2e}.agent-priority-item.purple{background:var(--app-surface-soft)}.agent-priority-item.purple em{color:#6d28d9;background:#7c3aed29}.agent-priority-item.dangerSoft{background:var(--app-surface-soft)}.agent-priority-item.dangerSoft em{color:#b91c1c;background:#ef444429}.agent-priority-item.blue{background:var(--app-surface-soft)}.agent-priority-item.blue em{background:var(--app-primary-soft);color:var(--app-primary)}.agent-activity-list{gap:11px;display:grid}.agent-activity-item{border-bottom:1px solid var(--app-border);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding-bottom:11px;display:grid}.agent-activity-item:last-child{border-bottom:0;padding-bottom:0}.agent-activity-icon{border-radius:13px;place-items:center;width:35px;height:35px;display:grid}.agent-activity-icon.blue{background:var(--app-primary-soft);color:var(--app-primary)}.agent-activity-icon.orange{color:#ea580c;background:#f59e0b29}.agent-activity-icon.purple{color:#6d28d9;background:#7c3aed29}.agent-activity-icon.green{color:#15803d;background:#22c55e29}.agent-activity-item strong{color:var(--app-text);font-size:11.5px;font-weight:900;display:block}.agent-activity-item span{color:var(--app-text-muted);margin-top:3px;font-size:11px;display:block}.agent-activity-item em{color:var(--app-text-muted);white-space:nowrap;font-size:10.5px;font-style:normal}.agent-requests-card,.agent-actions-card{min-height:145px}.agent-request-content{gap:12px;display:grid}.agent-request-main{align-items:center;gap:12px;display:flex}.agent-request-icon{background:var(--app-primary-soft);width:44px;height:44px;color:var(--app-primary);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.agent-request-main strong{color:var(--app-text);font-size:24px;font-weight:900;line-height:1;display:block}.agent-request-main span{color:var(--app-text-muted);margin-top:4px;font-size:11.5px;display:block}.agent-request-breakdown{gap:7px;display:grid}.agent-request-item{border:1px solid var(--app-border);background:var(--app-surface-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:31px;padding:0 10px;display:flex}.agent-request-item span{color:var(--app-text-muted);font-size:11px;font-weight:800}.agent-request-item strong{background:var(--app-primary-soft);min-width:24px;height:24px;color:var(--app-primary);border-radius:8px;place-items:center;font-size:12px;font-weight:900;display:grid}.agent-request-button{border:1px solid var(--app-primary);background:var(--app-surface-soft);height:34px;color:var(--app-primary);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:11.5px;font-weight:900;display:flex}.agent-request-button:hover{background:var(--app-primary-soft)}.agent-actions{gap:9px;display:grid}.agent-actions button{border:1px solid var(--app-border);background:var(--app-surface);min-height:38px;color:var(--app-primary);text-align:left;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 11px;font-size:11.5px;font-weight:900;display:grid}.agent-actions button:hover{background:var(--app-surface-soft);border-color:var(--app-primary)}.agent-latest-card{margin-top:0}@media (width<=1250px){.agent-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-main-grid{grid-template-columns:1fr 1fr}.agent-priority-card{grid-column:1/-1}}@media (width<=850px){.agent-dashboard-header,.agent-welcome-card{grid-template-columns:1fr}.agent-welcome-message{max-width:none}.agent-kpi-grid,.agent-main-grid{grid-template-columns:1fr}}.agent-small-empty{border:1px dashed var(--app-border);background:var(--app-surface-soft);min-height:90px;color:var(--app-text-muted);text-align:center;border-radius:14px;place-items:center;padding:16px;font-size:12px;font-weight:800;display:grid}.agent-empty-state{border:1px dashed var(--app-border);background:var(--app-surface);min-height:260px;color:var(--app-text-muted);text-align:center;border-radius:18px;align-content:center;place-items:center;gap:8px;display:grid}.agent-empty-state strong{color:var(--app-text);font-size:15px;font-weight:900}.agent-empty-state span{font-size:12px;font-weight:700}.agent-empty-state.error{color:#dc2626}.open-ticket-link{text-align:center;color:#fff;background:#0b4ea2;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:12.5px;font-weight:800;display:block}.open-ticket-link:hover{background:#173b7a}:root{--app-bg:#f4f6fb;--app-surface:#fff;--app-surface-soft:#f8fafc;--app-border:#dbe3ef;--app-text:#0f172a;--app-text-muted:#64748b;--app-primary:#0b4ea2;--app-primary-strong:#173b7a;--app-primary-soft:#eef4ff;--app-shadow:#0f172a0f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f172a;--app-surface:#111c2f;--app-surface-soft:#17243a;--app-border:#26364f;--app-text:#e5edf8;--app-text-muted:#94a3b8;--app-primary:#60a5fa;--app-primary-strong:#93c5fd;--app-primary-soft:#60a5fa21;--app-shadow:#0000003d}html[data-theme=dark] .sidebar-brand-block{background:linear-gradient(135deg,#082f68,#0f172a)}html[data-theme=dark] .tickets-table tbody tr:hover,html[data-theme=dark] .tickets-table tbody tr:hover td,html[data-theme=dark] .agent-table tbody tr:hover,html[data-theme=dark] .agent-table tbody tr:hover td{background:#17243a}html[data-theme=dark] .tickets-table tr.selected-row,html[data-theme=dark] .tickets-table tr.selected-row td{background:#60a5fa2e}html[data-theme=dark] .agent-badge.status-new,html[data-theme=dark] .status-open{color:#93c5fd;background:#60a5fa29}html[data-theme=dark] .agent-badge.status-progress,html[data-theme=dark] .status-progress{color:#fbbf24;background:#f59e0b2e}html[data-theme=dark] .agent-badge.status-client{color:#c4b5fd;background:#7c3aed2e}html[data-theme=dark] .agent-badge.status-escalated,html[data-theme=dark] .status-escalated{color:#fca5a5;background:#ef444429}html[data-theme=dark] .agent-badge.status-closed,html[data-theme=dark] .status-resolved{color:#86efac;background:#22c55e29}html[data-theme=dark] .status-unassigned{color:#cbd5e1;background:#94a3b82e}html[data-theme=dark] .agent-sla.normal,html[data-theme=dark] .agentNormalStatStyle{color:#86efac}html[data-theme=dark] .agent-sla.warning{color:#fbbf24}html[data-theme=dark] .agent-sla.danger{color:#fca5a5}html[data-theme=dark] .login-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-toggle-button{background:var(--app-surface-soft);width:42px;height:42px;color:var(--app-primary);box-shadow:none;appearance:none;border:0;border-radius:50%;outline:none;place-items:center;padding:0;display:grid}.theme-toggle-button svg{color:var(--app-primary);width:20px;height:20px}.theme-toggle-button:hover{background:var(--app-primary-soft);transform:translateY(-1px)}.theme-toggle-button:focus{outline:none}.theme-toggle-button:focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.login-page input,.login-page select,.login-page textarea{color:#0f172a;background:0 0}.login-input{background:#fff}.login-input input{caret-color:#0b4ea2;color:#0f172a!important;background:0 0!important}.login-input input::placeholder{color:#94a3b8}.login-input input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-input input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-input input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-input input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}html[data-theme=dark] .login-input input{color:#0f172a!important;background:0 0!important}.topbar,.topbar-actions{overflow:visible}.notification-menu{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-button{position:relative}.notification-counter{color:#fff;border:2px solid var(--app-surface);background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:950;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{background:var(--app-surface);border:1px solid var(--app-border);z-index:9999;border-radius:18px;gap:12px;width:380px;max-width:calc(100vw - 32px);padding:14px;display:grid;position:absolute;top:54px;right:0;box-shadow:0 24px 54px #0f172a2e}.notification-dropdown:before{content:"";background:var(--app-surface);border-left:1px solid var(--app-border);border-top:1px solid var(--app-border);width:16px;height:16px;position:absolute;top:-8px;right:20px;transform:rotate(45deg)}.notification-dropdown-header{border-bottom:1px solid var(--app-border);z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex;position:relative}.notification-dropdown-header strong{color:var(--app-text);font-size:14px;font-weight:950;line-height:1.2;display:block}.notification-dropdown-header span{color:var(--app-text-muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.notification-dropdown-header button{background:var(--app-surface-soft);width:28px;min-width:28px;height:28px;color:var(--app-text-muted);border:0;border-radius:999px;place-items:center;padding:0;font-size:18px;font-weight:900;display:grid}.notification-dropdown-header button:hover{background:var(--app-primary-soft);color:var(--app-primary)}.notification-list{z-index:1;gap:8px;max-height:330px;padding-right:2px;display:grid;position:relative;overflow-y:auto}.notification-item{background:var(--app-surface-soft);border:1px solid var(--app-border);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;display:grid}.notification-item-clickable{cursor:pointer;transition:background .15s,border-color .15s}.notification-item-clickable:hover,.notification-item-clickable:focus-visible{background:var(--app-primary-soft);border-color:var(--app-primary);outline:none}.notification-item strong{color:var(--app-text);font-size:12.5px;font-weight:950;line-height:1.3;display:block}.notification-item p{color:var(--app-text-muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item span{color:var(--app-text-muted);margin-top:7px;font-size:10.5px;font-weight:850;display:block}.notification-status-dot{background:var(--app-primary);border-radius:999px;width:9px;height:9px;margin-top:4px}.notification-status-dot.pending{background:#f59e0b}.notification-status-dot.sent{background:#22c55e}.notification-status-dot.failed{background:#ef4444}.notification-status-dot.default{background:var(--app-primary)}.notification-empty{text-align:center;background:var(--app-surface-soft);border:1px dashed var(--app-border);min-height:95px;color:var(--app-text-muted);z-index:1;border-radius:14px;place-items:center;padding:16px;font-size:12px;font-weight:850;display:grid;position:relative}.notification-empty.notification-error{color:#ef4444;background:#ef44441a;border-color:#ef444438}.notification-view-all{background:var(--app-primary);color:#fff;z-index:1;border:0;border-radius:12px;width:100%;height:38px;font-size:12px;font-weight:950;position:relative}.notification-view-all:hover{background:var(--app-primary-strong)}html[data-theme=dark] .notification-counter{border-color:var(--app-surface)}html[data-theme=dark] .notification-dropdown{box-shadow:0 26px 60px #00000073}@media (width<=700px){.notification-dropdown{width:min(360px,100vw - 28px);right:-84px}.notification-dropdown:before{right:104px}}@keyframes arca-giro{to{transform:rotate(360deg)}}
