body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-group{gap:10px;margin-top:10px}.secondary-btn{background:#0000;border:1px solid #333;border-radius:6px;padding:8px 14px;text-decoration:none}:root{--ink:#0b0f1a;--paper:#f8f5ef;--accent:#d61f1f;--accent-dark:#b11818;--navy:#0a2b57;--gold:#c49a3a;--smoke:#efe7d7}body{background:radial-gradient(circle at top,#fffaf2 0,#f8f5ef 45%,#efe7d7 100%);background:radial-gradient(circle at top,#fffaf2 0,var(--paper) 45%,#efe7d7 100%);color:#0b0f1a;color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif}.app,.page{min-height:100vh}.page{padding:56px clamp(20px,5vw,72px)}.login-page{background:#0a2b57}.hero{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr;grid-template-rows:auto 1fr;justify-items:center}.cards{grid-gap:20px;background:#f5f5f5;border-radius:22px;box-shadow:0 18px 36px #0c0f172e;display:grid;gap:20px;margin:0 auto;padding:28px;width:min(720px,100%)}.hero-text h1{font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(2.6rem,4vw,3.6rem);margin:12px 0 16px}.login-page .hero-text h1{color:#fff}.eyebrow{color:#6c6a61;font-size:1rem;letter-spacing:.2em;margin:0;text-transform:uppercase}.subhead{color:#3e403b;font-size:.98rem;line-height:1.6;margin:0}.login-page .eyebrow,.login-page .subhead{color:#fff}.hero-text{max-width:680px;text-align:center}.card{background:#e5e7eb;border:1px solid #e7dcc7;border-radius:18px;box-shadow:0 22px 40px #0f0e0a1f;padding:28px}.card h2{font-size:1.4rem;margin:0 0 10px}.card p{color:#4a4a43;margin:0 0 24px}.primary-btn{align-items:center;background:#0a2b57;background:var(--navy);border-radius:999px;display:inline-flex;gap:10px;padding:12px 20px;transition:transform .2s ease,background .2s ease}.primary-btn:hover{background:#d61f1f;background:var(--accent);transform:translateY(-2px)}.dashboard-page{background:linear-gradient(90deg,#0a2b57,#0a2b57 32%,#fff 0,#fff 68%,#d61f1f 0,#d61f1f);background:linear-gradient(90deg,var(--navy) 0,var(--navy) 32%,#fff 32%,#fff 68%,var(--accent) 68%,var(--accent) 100%)}.dashboard-shell{align-items:center;background:#ffffffeb;border:1px solid #e6dcc8;border-radius:18px;box-shadow:0 18px 30px #1012172e;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:32px;padding:24px 28px}.ghost-btn{background:#0000;border:1px solid #cbbda6;border-radius:999px;color:#0b0f1a;color:var(--ink);font-weight:600;padding:10px 18px;text-decoration:none}.placeholder{grid-gap:14px;display:grid;gap:14px;max-width:640px}.placeholder-line{animation:shimmer 1.8s infinite;background:linear-gradient(90deg,#eadfcf,#fff,#eadfcf);background-size:200% 100%;border-radius:999px;height:14px}.placeholder-line.short{width:60%}@keyframes shimmer{0%{background-position:0 0}to{background-position:-200% 0}}@media (max-width:700px){.page{padding:40px 18px}.hero{gap:32px}}.btn-group{display:flex;gap:12px;margin-top:16px}.primary-btn{background:#0f2f57;border-radius:25px;color:#fff;font-weight:600;padding:10px 18px;text-decoration:none}:root{--bg-body:#f0f2f5;--text-dark:#111827;--text-light:#6b7280;--status-new:#d61f1f;--status-review:#c49a3a;--status-assigned:#111827;--status-done:#2b7a3d}.worker-dashboard{background:#fff;display:flex;font-family:Poppins,sans-serif;height:100vh;overflow:hidden}.worker-mobile-toggle{align-items:center;background:#111827;border:none;border-radius:8px;box-shadow:0 4px 6px #00000026;color:#fff;cursor:pointer;display:none;font-size:1.1rem;height:38px;justify-content:center;position:fixed;right:14px;top:12px;width:38px;z-index:1100}.worker-dashboard *{box-sizing:border-box}.worker-section{animation:fadeIn .3s ease-in-out}.sidebar{background:linear-gradient(180deg,#0f1c33,#1c2f4e 55%,#2b4a73);border-right:1px solid #0f172a40;display:flex;flex-direction:column;padding:20px;transition:transform .3s ease-in-out;width:240px;z-index:1000}.logo{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin-bottom:40px}.logo-img{height:30px;width:30px}.logo-text{font-size:1.3rem}.nav-btn{align-items:center;border-radius:12px;color:#cbd5f5;cursor:pointer;display:flex;font-weight:500;gap:15px;margin-bottom:10px;padding:15px;transition:.2s}.nav-btn.active,.nav-btn:hover{background:#ffffff1f;color:#fff}.nav-btn i{font-size:1.2rem}.nav-btn.logout{color:#fca5a5}.main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.stats-bar{background:#ffffffeb;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:20px 30px}.stat-card{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;opacity:.5;padding:15px;transition:.2s}.stat-card.is-focus{opacity:1}.stat-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.stat-card.active-new{background:#fef2f2;border-color:#d61f1f;border-color:var(--status-new)}.stat-card.active-review{background:#fffbeb;border-color:#c49a3a;border-color:var(--status-review)}.stat-card.active-assigned{background:#f3f4f6;border-color:#111827;border-color:var(--status-assigned)}.stat-card.active-done{background:#f0fdf4;border-color:#2b7a3d;border-color:var(--status-done)}.stat-num{font-size:1.8rem;font-weight:700}.stat-label{color:#6b7280;color:var(--text-light);font-size:.9rem}.stat-icon{font-size:1.5rem;opacity:.2}.content{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:1fr 400px;min-height:0;overflow-y:auto;padding:30px}.task-list{display:flex;flex-direction:column;gap:15px}.section-title{color:#111827;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:15px}.task-card{background:#fff;border-left:8px solid #ccc;border-radius:16px;box-shadow:0 2px 5px #0000000d;cursor:pointer;padding:20px;position:relative;transition:.2s}.task-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateX(5px)}.task-card.selected{background:#edf2f9;border-left-color:#111827!important;border-left-color:var(--primary)!important}.border-new{border-left-color:#d61f1f;border-left-color:var(--status-new)}.border-review{border-left-color:#c49a3a;border-left-color:var(--status-review)}.border-assigned{border-left-color:#111827;border-left-color:var(--status-assigned)}.border-done{border-left-color:#2b7a3d;border-left-color:var(--status-done)}.t-header{display:flex;justify-content:space-between;margin-bottom:5px}.t-id{font-weight:700}.t-id,.t-time{color:#9ca3af;font-size:.8rem}.t-title{color:#111827;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:5px}.t-loc{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:.9rem;gap:5px}.action-panel{animation:slideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px}.action-panel-container{height:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.panel-header{margin-bottom:20px}.panel-header span{color:#9ca3af;font-size:.8rem;font-weight:700}.panel-header h2{font-size:1.4rem;margin:4px 0 0}.panel-loc{color:#6b7280;color:var(--text-light);font-size:.9rem;margin-top:5px}.progress-track{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.progress-line{background:#e5e7eb;height:2px;left:0;position:absolute;top:12px;width:100%;z-index:1}.step{align-items:center;background:#e5e7eb;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:25px;justify-content:center;position:relative;width:25px;z-index:2}.step.active{background:#111827;background:var(--primary);transform:scale(1.2)}.step.done{background:#2b7a3d;background:var(--status-done)}.big-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:20px;padding:15px;transition:.2s;width:100%}.btn-blue{background:#111827;background:var(--primary);color:#fff}.btn-blue:hover{background:#1f2937}.btn-blue.assigned{background:#111827}.btn-blue.assigned:hover{background:#1f2937}.btn-green{background:#2b7a3d;background:var(--status-done);color:#fff}.input-box{border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;margin-top:10px;padding:12px;transition:.2s;width:100%}.input-box:focus{border-color:#111827;border-color:var(--primary);outline:none}.upload-box{border:2px dashed #ccc;border-radius:10px;cursor:pointer;margin-top:10px;padding:20px;text-align:center}.note-label{display:block;margin-top:15px}.status-box{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:15px}.status-box h4{margin:0 0 10px}.status-box p{color:#6b7280;color:var(--text-light);font-size:.9rem}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-state i{font-size:3rem;margin-bottom:20px;opacity:.3}.grievances-section{padding:20px 30px 30px}.grievance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.grievance-header h1{color:#0f172a;font-size:1.8rem;margin:0 0 6px}.grievance-header p{color:#000;margin:0}.btn-view{background:#f0f2f5;background:var(--bg-body)}.btn-view:hover{background:#dbeafe}.table-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.grievance-filters{display:flex;gap:10px;margin-bottom:20px}.grievance-filters input,.grievance-filters select{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:.9rem;padding:8px}.grievance-table{border-collapse:collapse;margin-top:10px;width:100%}.grievance-table th{border-bottom:1px solid #e2e8f0;color:#6b7280;color:var(--text-light);font-size:.85rem;padding:12px;text-align:left;text-transform:uppercase}.grievance-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:15px 12px}.comment-cell{max-width:220px}.comment-preview{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:.85rem;overflow:hidden}.comment-empty{color:#94a3b8;font-size:.85rem}.modal-content{max-width:90%;padding:30px;width:500px}.close-modal,.detail-label{color:#6b7280;color:var(--text-light)}.done-box{padding:20px;text-align:center}.done-box i{color:#2b7a3d;color:var(--status-done);font-size:3rem}.done-box h3{margin-top:10px}@media (max-width:1100px){.content{grid-template-columns:1fr}.action-panel-container{height:auto}}@media (max-width:768px){.worker-mobile-toggle{display:flex}.worker-dashboard{flex-direction:column;height:100vh;overflow:hidden}.sidebar{box-shadow:4px 0 15px #0003;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);width:240px}.sidebar.open{transform:translateX(0)}.main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-top:56px}.stats-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:12px 15px}.stat-card{flex:0 0 auto;min-width:120px;padding:10px}.stat-num{font-size:1.4rem}.stat-label{font-size:.8rem}.content{gap:15px;grid-template-columns:1fr;padding:15px}.action-panel{border-radius:12px;padding:16px}.modal-content{border-radius:12px 12px 0 0;max-height:90vh;max-width:100%;overflow-y:auto;padding:20px;width:100%}.modal-overlay{align-items:flex-end}}:root{--primary:#111827;--secondary:#64748b;--success:#2b7a3d;--warning:#c49a3a;--danger:#d61f1f;--bg-light:#f1f5f9;--white:#fff;--sidebar-width:250px;--logo-gold:#c49a3a;--mobile-header-height:60px}.leader-dashboard{background:#fff;display:flex;font-family:Inter,sans-serif;min-height:100vh}.leader-dashboard.mobile-menu-open{overflow:hidden}.leader-sidebar{background:linear-gradient(180deg,#0f1c33,#1c2f4e 55%,#2b4a73);border-right:1px solid #0f172a40;color:#fff;height:100%;padding:20px;position:fixed;transition:transform .3s ease-in-out;width:250px;width:var(--sidebar-width);z-index:1000}.mobile-menu-toggle{align-items:center;background:#111827;background:var(--primary);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:none;font-size:1.2rem;height:40px;justify-content:center;position:fixed;right:15px;top:15px;width:40px;z-index:1100}.leader-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin-bottom:40px}.logo-img{height:32px;object-fit:contain;width:32px}.logo-text{background:linear-gradient(180deg,#0a2b57,#d61f1f);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;font-weight:700;letter-spacing:.08em}.menu-item{align-items:center;border-radius:8px;color:#cbd5f5;cursor:pointer;display:flex;gap:12px;margin-bottom:5px;padding:12px 15px;transition:.3s}.menu-item.active,.menu-item:hover{background-color:#ffffff1f;color:#fff}.menu-item.logout{color:#fca5a5;margin-top:20px}.leader-main{flex:1 1;margin-left:250px;margin-left:var(--sidebar-width);padding:30px}.leader-section{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h1{color:#0f172a;font-size:1.8rem}.header p{color:#000}.date-badge{background:#fff;background:var(--white);border-radius:20px;box-shadow:0 2px 5px #0000000d;color:#64748b;color:var(--secondary);font-size:.9rem;padding:8px 16px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.kpi-card{background:#fff;background:var(--white);border-left:5px solid #0000;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.kpi-card.blue{border-left-color:#111827;border-left-color:var(--primary)}.kpi-card.green{border-left-color:#2b7a3d;border-left-color:var(--success)}.kpi-card.red{border-left-color:#d61f1f;border-left-color:var(--danger)}.kpi-card.orange{border-left-color:#c49a3a;border-left-color:var(--warning)}.kpi-value{color:#0f172a;font-size:2rem;font-weight:700}.kpi-sub{color:#64748b;color:var(--secondary);font-size:.8rem;margin-top:5px}.text-green{color:#2b7a3d;color:var(--success)}.text-red{color:#d61f1f;color:var(--danger)}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.charts-container.single-chart{grid-template-columns:minmax(340px,880px);justify-content:center}.chart-card,.table-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.charts-container.single-chart .chart-card{margin:0 auto;width:100%}.table-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.card-title{color:#0f172a;font-size:1.1rem;font-weight:600;margin-bottom:20px}.chart-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(220px,360px) 1fr;margin-top:12px}.chart-display,.chart-layout{align-items:center;justify-content:center}.chart-display{animation:chartEntrance .8s ease-out;background:#eef2f7;border-radius:50%;box-shadow:inset 0 0 0 10px #fff6,inset 0 0 10px #00000014;display:flex;height:320px;width:320px}.chart-display canvas{height:100%;width:100%}.chart-legend{grid-gap:14px;color:#1f2937;display:grid;font-weight:600;gap:14px}.legend-item{align-items:center;display:flex;gap:12px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.resolved{background:#2b7a3d}.legend-dot.pending{background:#d61f1f}.legend-dot.process{background:#c49a3a}@keyframes chartSpin{0%{transform:translateY(12px) rotate(0deg)}to{transform:translateY(0) rotate(1turn)}}@keyframes chartEntrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-shell{height:420px;margin-top:12px}.chart-shell canvas{display:block;height:100%;width:100%}table{border-collapse:collapse;margin-top:10px;width:100%}th{border-bottom:1px solid #e2e8f0;color:#64748b;color:var(--secondary);font-size:.85rem;padding:12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #f1f5f9;color:#334155;padding:15px 12px}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:5px 12px;text-transform:capitalize}.status-resolved{background:#dcfce7;color:#166534}.status-pending{background:#fee2e2;color:#991b1b}.status-process{background:#fef3c7;color:#92400e}.btn-view{background:#f3f4f6;border:none;border-radius:6px;color:#111827;color:var(--primary);cursor:pointer;font-weight:500;padding:6px 12px;transition:.2s}.btn-view:hover{background:#e5e7eb}.btn-export{background:#111827;color:#fff}.btn-export:hover{background:#1f2937}.filters{display:flex;gap:10px;margin-bottom:20px}.filters input,.filters select{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:95%;overflow-y:auto;padding:20px;position:relative;width:600px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.close-modal{background:#0000;border:none;color:#64748b;color:var(--secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px}.modal-details h2{font-size:1.4rem;margin-bottom:15px}.detail-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.detail-label{color:#64748b;color:var(--secondary);font-weight:600}.detail-desc{background:#f8fafc;font-size:.95rem;line-height:1.5;padding:15px}.detail-desc,.modal-image{border-radius:8px;margin-top:15px}.modal-image{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;gap:8px;height:150px;justify-content:center}.modal-actions{display:flex;gap:10px;margin-top:20px}.comment-editor{grid-gap:10px;display:grid;gap:10px;margin-top:16px}.comment-editor label{color:#64748b;color:var(--secondary);font-weight:600}.comment-editor textarea{border:1px solid #cbd5f5;border-radius:8px;font-family:inherit;min-height:90px;padding:10px;resize:vertical}.comment-timestamp{color:#64748b}.comment-success{animation:fadeIn .3s ease-in-out;font-weight:600;gap:8px}.comment-success,.comment-success .tick{align-items:center;color:#166534;display:inline-flex}.comment-success .tick{animation:tickPop .4s ease-out;background:#dcfce7;border-radius:50%;font-weight:700;height:22px;justify-content:center;width:22px}@keyframes tickPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn-action{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:10px}.btn-approve{background:#2b7a3d;background:var(--success);color:#fff}.btn-escalate{background:#d61f1f;background:var(--danger);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.agent-form{grid-gap:14px;display:grid;gap:14px}.agent-form label{grid-gap:6px;color:#111827;color:var(--primary);display:grid;font-weight:600;gap:6px}.agent-form input,.agent-form select{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px}.agent-form input:focus,.agent-form select:focus{border-color:#111827;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e526;outline:none}.agents-section{padding:0 30px 30px}.agents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.agent-add-btn{background:#0a2b57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.agent-add-btn:hover{background:#1f3d6d}.agents-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.agent-card{background:#fff;border-radius:16px;border-top:5px solid #0000;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:25px;position:relative;text-align:center}.agent-card.status-active{border-top-color:#2b7a3d;border-top-color:var(--success)}.agent-card.status-idle{border-top-color:#64748b;border-top-color:var(--secondary)}.agent-avatar{align-items:center;background:#f3f4f6;border-radius:50%;color:#111827;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.agent-actions{display:flex;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}.agent-card:hover .agent-actions{opacity:1;transform:translateY(0)}.agent-action-btn{border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 10px}.agent-action-btn.edit{background:#1f2937}.agent-action-btn.remove{background:#d61f1f}.agent-avatar.avatar-idle{background:#f3f4f6;color:#6b7280}.agent-name{color:#111827;color:var(--primary);font-size:1.2rem;font-weight:700}.agent-ward{color:#64748b;color:var(--secondary);font-size:.9rem;margin-bottom:15px}.agent-status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:15px;padding:5px 12px}.badge-active{background:#dcfce7;color:#166534}.badge-idle{background:#f3f4f6;color:#4b5563}.current-task{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#111827;color:var(--primary);font-size:.85rem;margin-top:10px;padding:10px;text-align:left}.current-task-idle{background:#fff;border-style:solid}@media (max-width:1024px){.chart-layout,.charts-container{grid-template-columns:1fr}.chart-layout{justify-items:center;text-align:center}.chart-display{height:280px;width:280px}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}}@media (max-width:768px){:root{--sidebar-width:0px}.mobile-menu-toggle{display:flex}.leader-sidebar{box-shadow:10px 0 15px #0000001a;transform:translateX(-100%);transition:transform .3s ease;width:260px}.leader-sidebar.open{transform:translateX(0)}.leader-main{margin-left:0;padding:70px 20px 20px;padding-top:calc(var(--mobile-header-height) + 10px)}.header{align-items:flex-start;flex-direction:column;gap:15px}.kpi-grid{grid-template-columns:1fr}.modal-content{border-radius:0;height:100vh;max-height:100vh;padding:15px;width:100%}.detail-row{align-items:flex-start;gap:4px}.detail-row,.filters{flex-direction:column}.table-card{border-bottom:1px solid #e2e8f0;border-radius:0;border-top:1px solid #e2e8f0;box-shadow:none;margin:0 -20px}table{min-width:600px}}.verify-options{gap:15px}.radio-label,.verify-options{align-items:center;display:flex}.radio-label{cursor:pointer;font-size:.9rem;gap:5px;white-space:nowrap}.radio-label input[type=radio]{cursor:pointer;height:16px;width:16px}.btn-whatsapp{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:8px 12px;transition:opacity .2s}.btn-whatsapp:hover{opacity:.85}@media (max-width:768px){:root{--sidebar-width:0px}.mobile-menu-toggle{display:flex}.leader-sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);width:260px;z-index:1200}.leader-sidebar.open{transform:translateX(0)}.leader-main{margin-left:0;padding:70px 16px 16px}.header{align-items:flex-start;flex-direction:column;gap:10px}.header h1{font-size:1.4rem}.kpi-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi-card{padding:16px}.kpi-value{font-size:1.6rem}.chart-layout,.charts-container{grid-template-columns:1fr}.chart-layout{text-align:center}.chart-display{height:220px;margin:auto;width:220px}.chart-legend{justify-content:center}.table-card{border-radius:0;box-shadow:none;margin:0 -16px}table{min-width:600px}td,th{font-size:13px;padding:10px}.filters{flex-direction:column}.filters input,.filters select{width:100%}.modal-content{border-radius:0;height:100%;max-height:100%;padding:16px;width:100%}.detail-row{flex-direction:column;gap:4px}.agents-grid{grid-template-columns:1fr}.agent-card{padding:18px}.agent-avatar{font-size:1.6rem;height:70px;width:70px}}*{box-sizing:border-box}body{margin:0}.sw-layout,body{font-family:Inter,system-ui,-apple-system,sans-serif}.sw-layout{background:#f8fafc;color:#0f172a;display:flex;min-height:100vh}.sw-sidebar{background:linear-gradient(180deg,#0f1c3f,#162a5e);box-shadow:4px 0 25px #0000000d;color:#fff;flex-shrink:0;height:100vh;overflow-y:auto;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;width:260px}.sw-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:24px;padding:0 8px 24px}.sw-logo-img{height:40px;width:40px}.sw-logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px}.sw-nav{display:flex;flex-direction:column;gap:6px}.sw-nav-item{align-items:center;background:#0000;border:0;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:all .2s;width:100%}.sw-nav-item i{font-size:16px;width:20px}.sw-nav-item:hover{background:#ffffff0d;color:#fff}.sw-nav-item.active{background:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.sw-nav-item.logout{color:#fca5a5;margin-top:24px}.sw-main{flex:1 1;min-width:0;padding:32px}.sw-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.sw-header h1{font-size:32px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.sw-header p{color:#64748b;font-size:16px;margin:0}.sw-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;padding:24px}.sw-card-title{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:20px}.sw-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.sw-form-grid label{color:#475569;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.sw-form-grid input,.sw-form-grid select,.sw-form-grid textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;padding:12px 16px;transition:border-color .2s}.sw-form-grid input:focus,.sw-form-grid select:focus,.sw-form-grid textarea:focus{background:#fff;border-color:#2563eb;outline:none}.sw-full{grid-column:1/-1}.sw-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.sw-btn-primary{background:#2563eb;color:#fff}.sw-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.sw-btn-secondary{background:#f1f5f9;color:#475569}.sw-btn:disabled{cursor:not-allowed;opacity:.6}.sw-btn-primary.sw-full{width:100%}.sw-table-wrap{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.sw-table{border-collapse:collapse;width:100%}.sw-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.sw-table td{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px;vertical-align:middle}.sw-small-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.sw-small-btn.delete{background:#fef2f2;color:#ef4444}.sw-small-btn.delete:hover{background:#fee2e2}.sw-alert{border-radius:12px;font-size:14px;font-weight:500;margin-bottom:24px;padding:16px}.sw-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.sw-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sw-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.sw-kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sw-kpi-card:hover{border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.sw-kpi-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sw-kpi-value{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.02em}.sw-meta-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sw-meta-item{display:flex;flex-direction:column;gap:6px}.sw-meta-label{color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase}.sw-meta-value{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;color:#334155;font-size:15px;font-weight:500;padding:12px 16px}.sw-story-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.sw-story-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:24px}.sw-story-top{align-items:center;display:flex;justify-content:space-between}.sw-story-index{background:#eff6ff;border-radius:10px;color:#2563eb;font-size:14px;font-weight:800;padding:4px 12px}.sw-story-id{color:#94a3b8;font-family:monospace;font-size:12px}.sw-story-title{color:#0f172a;font-size:18px;font-weight:700;line-height:1.4;margin:0}.sw-story-title-alt{color:#64748b;font-size:16px;font-weight:500;margin:0}.sw-story-body{color:#475569;display:flex;flex-direction:column;font-size:14px;gap:12px;line-height:1.6}.sw-story-body strong{color:#94a3b8;display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.sw-story-body p{margin:0}.sw-image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.sw-image-card{aspect-ratio:1;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.sw-image{height:100%;object-fit:cover;width:100%}.sw-no-image{color:#94a3b8;font-size:12px;font-style:italic}.sw-json-editor{background:#0f172a;border:1px solid #e2e8f0;border-radius:16px;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;margin-bottom:24px;outline:none;padding:24px;resize:vertical;width:100%}.sw-loading{align-items:center;color:#64748b;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:200px}.sw-vox-pop-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.sw-summary-box{animation:slideDown .3s ease-out;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;margin-top:1.5rem;padding:1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sw-tag{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.sw-empty{color:#94a3b8;font-style:italic;padding:40px;text-align:center}.sw-mobile-toggle{display:none}@media (max-width:1024px){.sw-sidebar{left:-260px;position:fixed;transition:left .3s;z-index:1000}.sw-sidebar.open{left:0}.sw-mobile-toggle{align-items:center;background:#2563eb;border:none;border-radius:28px;bottom:24px;box-shadow:0 4px 12px #2563eb66;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:24px;width:56px;z-index:1001}.sw-main{padding:24px 16px}.sw-form-grid{grid-template-columns:1fr}}.auth-page{background:#0f2f5b}.auth-card{border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:380px;padding:40px}.auth-input{padding:10px}.auth-btn{background:#163a6b;border-radius:30px;font-size:1rem;font-weight:700}.auth-btn:hover{background:#0e2c55}.back-link{color:#163a6b;display:block;margin-top:15px}.password-wrapper{width:100%}.password-wrapper .auth-input{padding-right:40px;width:100%}.eye-icon{cursor:pointer;font-size:18px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (max-width:480px){.auth-card{border-radius:10px;padding:28px 20px}.auth-card h1{font-size:22px}}.auth-page{background:#f5f7fb;width:100%}.auth-card{box-shadow:0 10px 25px #00000014}.password-toggle{color:#666}.auth-btn{margin-top:10px}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-card h1{font-size:22px}.auth-input{font-size:15px;padding:10px}.auth-btn{font-size:15px;padding:11px}}.auth-page{align-items:center;background:#f4f6fb;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014;max-width:420px;padding:40px 30px;text-align:center;width:100%}.auth-card h1{color:#333;font-size:26px;margin-bottom:25px}.error-message{color:red;font-size:14px;margin-bottom:10px}.auth-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px 14px;width:100%}.password-wrapper{position:relative}.password-toggle{color:#555;cursor:pointer;font-size:14px;position:absolute;right:12px;top:12px}.auth-btn{background:#2d6cdf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:5px;padding:12px;width:100%}.auth-btn:hover{background:#1e55b8}.auth-btn:disabled{background:#a0b8f0;cursor:not-allowed}.back-link{color:#555;display:inline-block;font-size:14px;margin-top:20px;text-decoration:none}@media (max-width:480px){.auth-card{padding:28px 20px}.auth-card h1{font-size:22px}.auth-input{font-size:15px;padding:10px}.auth-btn{font-size:15px;padding:11px}}@media (max-width:768px){.auth-card{max-width:360px}}
/*# sourceMappingURL=main.4259c539.css.map*/