:root{--bg:#f5f7fb;--surface:#ffffff;--surface-soft:#f8fafc;--surface-strong:#edf2f8;--ink:#0f172a;--ink-soft:#475467;--muted:#667085;--border:#dbe3ee;--border-strong:#c4cfdd;--nav:#07253a;--nav-deep:#041827;--nav-soft:rgba(255,255,255,0.12);--red:#e11d35;--blue:#075fca;--green:#0b8f5a;--amber:#b7791f;--danger-bg:#fff1f3;--shadow:0 20px 50px rgba(15,23,42,0.12);--shadow-soft:0 12px 28px rgba(15,23,42,0.06)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}input,select,textarea{min-width:0}pre{overflow:auto;border:1px solid var(--border);border-radius:8px;background:#0f172a;color:#e5edf8;padding:14px}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f2f6fb}.login-shell{display:grid;grid-template-columns:230px minmax(360px,420px);width:min(650px,100%);overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.login-intro{display:grid;align-content:center;justify-items:center;grid-gap:18px;gap:18px;min-height:430px;padding:34px;background:linear-gradient(180deg,rgba(7,37,58,.96),rgba(3,22,36,.98)),var(--nav);color:#ffffff}.login-intro img{width:178px;height:auto;border-radius:8px;background:#ffffff;padding:10px}.login-intro p{margin:0;color:#dbeafe;font-size:14px;font-weight:800}.login-card{display:grid;align-content:center;grid-gap:20px;gap:20px;padding:42px 38px}.login-card-header img{display:none}.login-card-header p{margin:0 0 4px;color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase}.login-card-header h2{margin:0;font-size:30px;letter-spacing:0}.brand-lockup{display:block}.brand-mark{display:grid;place-items:center;width:144px;min-height:58px;border-radius:8px;background:#ffffff;padding:8px}.brand-lockup img{width:100%;height:auto}.brand-title{color:#ffffff;font-size:15px;font-weight:900;letter-spacing:0}.brand-subtitle{color:#a7b0c0;font-size:12px;font-weight:700}.eyebrow{margin:0 0 4px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.login-intro .eyebrow{color:#ffb4bd}.form-stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--ink-soft);font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--ink);padding:10px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,98,179,.12)}.field textarea{min-height:104px;resize:vertical}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:900}.btn{border:1px solid transparent;padding:9px 13px}.btn-wide{width:100%}.btn-primary{background:var(--blue);color:#ffffff}.btn-active{border-color:var(--blue);background:#eaf3ff;color:var(--blue)}.btn-danger,.btn-red{background:var(--red);color:#ffffff}.btn-ghost{border-color:var(--border)}.btn-ghost,.icon-btn{background:#ffffff;color:var(--ink)}.icon-btn{width:40px;border:1px solid var(--border)}.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,rgba(5,38,62,.98),rgba(2,20,34,1)),var(--nav);padding:18px 14px 22px;color:#ffffff}.sidebar-section-label{margin:22px 6px 9px;color:rgba(255,255,255,.7);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.nav{display:grid;align-content:start;grid-gap:4px;gap:4px;margin-top:18px}.nav-link{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:7px;color:#ecf5ff;padding:10px 11px;font-size:13px;font-weight:800}.nav-link-active,.nav-link:hover{border-color:rgba(255,255,255,.16);background:linear-gradient(180deg,#126be2,#075fca);color:#ffffff}.sidebar-logout{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.sidebar-logout-button{display:inline-flex;align-items:center;gap:10px;width:100%;border-radius:7px;background:transparent;color:#ffffff;cursor:pointer;padding:10px;font-size:13px;font-weight:800}.sidebar-logout-button:hover{background:var(--nav-soft)}.main{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:#ffffff;padding:14px 28px}.topbar-left{display:inline-flex;align-items:center;gap:18px}.topbar-left strong{font-size:15px}.topbar-menu{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}.content-heading h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:0}.content-heading p{margin:8px 0 0;color:var(--muted);font-size:14px}.topbar-actions,.user-chip{display:flex;align-items:center;gap:10px}.user-chip{border:1px solid var(--border);border-radius:7px;background:#ffffff;padding:7px 10px 7px 7px}.user-chip>span{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:var(--surface-strong);color:var(--blue);font-weight:900}.user-chip small,.user-chip strong{display:block}.user-chip strong{font-size:12px}.user-chip small{margin-top:2px;color:var(--muted);font-size:11px;font-weight:800}.content{display:grid;align-content:start;grid-gap:22px;gap:22px;padding:28px 28px 38px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.split-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;grid-gap:18px;gap:18px}.sticky-panel{position:-webkit-sticky;position:sticky;top:22px}.metric,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 24px rgba(15,23,42,.04)}.metric{position:relative;overflow:hidden;padding:18px}.metric:before{position:absolute;top:0;left:0;width:4px;height:100%;content:""}.metric-blue:before{background:var(--blue)}.metric-red:before{background:var(--red)}.metric-green:before{background:var(--green)}.metric-amber:before{background:var(--amber)}.metric-label{color:var(--muted);font-size:12px;font-weight:900}.metric-value{margin-top:8px;font-size:28px;font-weight:900;line-height:1}.metric-hint{margin-top:9px;color:var(--muted);font-size:12px}.panel{overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:#ffffff;padding:16px 18px}.panel-header h2{margin:0;font-size:16px}.panel-body{padding:16px}.analytics-toolbar{padding:18px 20px}.toolbar-controls,.toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-top strong{font-size:16px}.toolbar-timezone{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:7px 10px;font-size:11px;font-weight:900}.toolbar-controls{align-items:flex-end;margin-top:16px}.button-row,.range-switcher{display:flex;flex-wrap:wrap;gap:8px}.custom-range-form{display:flex;align-items:flex-end;gap:8px;margin-left:auto}.custom-range-form label{display:grid;grid-gap:4px;gap:4px}.custom-range-form label span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.custom-range-form input{min-height:38px;border:1px solid var(--border);border-radius:6px;padding:8px 10px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0;font-size:18px}.muted-copy{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}.table-scroll{overflow-x:auto}.table-scroll table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px}.table-scroll td,.table-scroll th{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left;vertical-align:middle}.table-scroll th{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.preview-block{display:grid;grid-gap:14px;gap:14px;margin-top:18px;border-top:1px solid var(--border);padding-top:18px}.import-summary{display:flex;flex-wrap:wrap;gap:10px}.import-summary span{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:7px 10px;color:var(--ink-soft);font-size:12px}.import-summary strong{color:var(--ink)}.apply-roster-form{border-top:1px solid var(--border);padding-top:14px}.download-count-banner{display:grid;grid-gap:4px;gap:4px;border:1px solid #cfe4ff;border-radius:7px;background:#f0f7ff;padding:12px 14px}.download-count-banner strong{color:var(--blue);font-size:18px;line-height:1.1}.download-count-banner span{color:var(--muted);font-size:12px;font-weight:800}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:middle}.table th{background:#fbfcfe;color:#4f5f78;font-size:11px;font-weight:900;text-transform:uppercase}.table tbody tr:hover{background:#fbfdff}.table-panel{min-width:0}.resource-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:#ffffff;padding:22px 20px}.resource-header h2{margin:0;font-size:30px;line-height:1.05;letter-spacing:0}.resource-header p{margin:8px 0 0;color:var(--muted);font-size:14px}.resource-table strong{font-weight:900}.table-controls{align-items:center}.report-filter,.table-controls{display:flex;gap:12px;border-bottom:1px solid var(--border);background:#ffffff;padding:16px}.report-filter{align-items:flex-end}.report-filter .field{width:min(220px,100%)}.report-range-note{border-bottom:1px solid var(--border);background:var(--surface-soft);color:var(--muted);padding:12px 16px;font-size:13px;font-weight:800}.report-range-note strong{color:var(--ink)}.report-table{min-width:900px}.report-total-row td{background:#f0f6ff;color:var(--ink);font-weight:900}.filter-select,.search-input{min-height:40px;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--ink);padding:9px 12px;outline:none}.search-input{flex:1 1 320px}.filter-select{flex:0 0 190px}.filter-select:focus,.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,95,202,.1)}.btn-square{min-width:42px;padding-left:12px;padding-right:12px}.table-form-registry{display:none}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;overflow-y:auto;background:rgba(7,21,34,.56);padding:28px}.modal-trigger{display:inline-flex}.action-modal{width:min(100%,720px);overflow:hidden;border:1px solid rgba(196,207,221,.9);border-radius:8px;background:#ffffff;box-shadow:0 24px 70px rgba(7,21,34,.28)}.action-modal-sm{width:min(100%,440px)}.action-modal-lg{width:min(100%,760px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);background:#fbfcfe;padding:18px 20px}.modal-header h3{margin:0;color:var(--ink);font-size:22px;line-height:1.15}.modal-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.modal-close{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--ink-soft);cursor:pointer;font-size:24px;line-height:1}.modal-close:focus-visible,.modal-close:hover{border-color:var(--border-strong);background:var(--surface-soft);color:var(--ink)}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:20px}.modal-form-single{grid-template-columns:1fr}.modal-form-actions{display:flex;align-items:flex-end;grid-column:auto}.modal-danger-form{display:grid;grid-gap:16px;gap:16px;padding:20px}.modal-danger-form p{margin:0;border:1px solid #ffd1d8;border-radius:8px;background:var(--danger-bg);color:#9f1239;padding:12px;font-size:13px;font-weight:800;line-height:1.5}.table-wrap{width:100%;overflow-x:auto}.data-table{min-width:1060px}.data-table td,.data-table th{white-space:nowrap}.data-table td:last-child,.data-table th:last-child{position:-webkit-sticky;position:sticky;right:0;box-shadow:-10px 0 18px rgba(15,23,42,.05)}.data-table th:last-child{z-index:3;background:#fbfcfe}.data-table td:last-child{z-index:2;background:#ffffff}.table-input{width:100%;min-width:118px;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--ink);padding:8px 10px;outline:none}.table-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,98,179,.1)}.table-input[readonly]{background:var(--surface-soft);color:var(--ink-soft)}.wide-table-input{min-width:190px}.table-select{min-width:150px}.row-actions{display:inline-flex;align-items:center;gap:8px;min-width:max-content}.btn-small{min-height:32px;padding:6px 11px;font-size:12px}.btn-outline-blue{border-color:#8ab8f8;background:#ffffff;color:var(--blue)}.btn-outline-red{border-color:#ffc2ca;background:#ffffff;color:var(--red)}.btn-disabled{border-color:var(--border);background:#f5f7fb;color:var(--muted);cursor:not-allowed}.role-badge,.status{border:1px solid transparent}.role-badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:900}.role-manager{border-color:#cfe4ff;background:#edf6ff;color:#075fca}.role-admin{border-color:#e2e8f0;background:#f3f4f6;color:#334155}.cell-subtext{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:700}.truncate-code{display:inline-block;max-width:180px;overflow:hidden;color:#334155;text-overflow:ellipsis;vertical-align:bottom}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff;padding:16px 18px;color:var(--muted);font-size:13px}.pagination{display:inline-flex;align-items:center;gap:8px}.page-btn{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--border);border-radius:6px;background:#ffffff;color:var(--ink);font-weight:900}.page-btn-active{border-color:var(--blue);background:var(--blue);color:#ffffff}.page-btn:disabled{color:#98a2b3}.inline-password{display:grid;grid-template-columns:minmax(150px,1fr) auto;grid-gap:8px;gap:8px;min-width:330px}.locked-note{display:inline-flex;align-items:center;min-height:32px;border:1px solid #ffd1d8;border-radius:6px;background:var(--danger-bg);color:#9f1239;padding:6px 9px;font-size:12px;font-weight:900}.management-list{display:grid;grid-gap:14px;gap:14px;padding:14px}.management-card{border:1px solid var(--border);border-radius:8px;background:#ffffff;padding:14px}.management-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.management-summary h3{margin:0;font-size:17px}.management-summary p{margin:4px 0 0;color:var(--muted);font-size:12px}.mini-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mini-stats span{border:1px solid var(--border);border-radius:6px;background:var(--surface-soft);padding:6px 8px;color:var(--ink-soft);font-size:12px;font-weight:800}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:20px}.wide-field{grid-column:1/-1}.form-actions{display:flex;align-items:flex-end;justify-content:flex-end}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border:1px solid #ffd1d8;border-radius:8px;background:var(--danger-bg);padding:10px;color:#9f1239;font-size:12px;font-weight:800}.utility-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;margin-top:12px}.password-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;grid-gap:10px;gap:10px}.compact-danger{margin-top:0}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.status-green{border-color:#bdeecf;background:#e9f9ef;color:var(--green)}.status-amber{border-color:#f8df99;background:#fff7df;color:var(--amber)}.status-red{border-color:#ffd1d8;background:#fff0f1;color:var(--red)}.muted{color:var(--muted);line-height:1.6}.error{border:1px solid #ffd1d6;border-radius:6px;background:#fff0f1;color:var(--red);padding:10px 12px;font-size:13px;font-weight:800}.success-banner{border:1px solid #bdeecf;border-radius:8px;background:#e9f9ef;color:var(--green);font-weight:900}.error-banner,.success-banner{padding:12px 14px;font-size:13px}.error-banner{border:1px solid #ffd1d6;border-radius:8px;background:#fff0f1;color:var(--red);font-weight:800}.notice-card{display:flex;align-items:flex-start;gap:10px;margin:18px 0;padding:14px 16px;border:1px solid #dbe8f5;border-radius:10px;background:#f7fbff;color:var(--blue)}.notice-card div{display:grid;grid-gap:3px;gap:3px}.notice-card span{color:var(--muted);font-size:12px;font-weight:600}.error-text{color:var(--red)}.empty-state{padding:32px 12px;color:var(--muted);text-align:center}.empty-state strong{display:block;color:var(--ink);font-size:15px}.empty-state p{margin:7px auto 14px;max-width:520px;line-height:1.5}.table-link{color:var(--blue);font-weight:900}.mapping-form{display:flex;align-items:center;gap:6px;min-width:250px}.mapping-form select{min-width:170px;border:1px solid var(--border);border-radius:6px;background:#ffffff;padding:7px 9px}.review-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#d8e6f4;background:#f7fbff;padding:20px}.review-panel h2{margin:0;font-size:18px}.review-panel p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.waba-list{display:grid;grid-gap:12px;gap:12px}.waba-card{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:16px}.waba-card-head,.waba-card-head>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.waba-card-head>div{justify-content:flex-start}.waba-card-head strong{color:var(--ink);font-size:14px;letter-spacing:.02em}.waba-card-head>div span{color:var(--muted);font-size:12px}.waba-form-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto;align-items:end;grid-gap:10px;gap:10px}.waba-create-card .waba-form-grid{grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) minmax(160px,.8fr) auto}.waba-card-note{color:var(--muted);font-size:11px;line-height:1.4}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:1fr}.sticky-panel{position:static}}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;justify-content:space-between}.grid-2,.grid-4,.login-shell{grid-template-columns:1fr}.login-shell{width:min(430px,100%)}.login-intro{min-height:auto;padding:24px}.modal-overlay{align-items:end;padding:18px}}@media (max-width:620px){.content,.topbar{padding-left:16px;padding-right:16px}.edit-grid,.nav,.password-form,.settings-grid,.utility-row{grid-template-columns:1fr}.danger-row,.form-actions{align-items:stretch;flex-direction:column}.login-card,.login-intro{padding:24px}.report-filter,.resource-header,.table-controls{flex-direction:column;align-items:stretch}.report-filter .field{width:100%}.modal-form-grid{grid-template-columns:1fr}.modal-form-actions{grid-column:auto}.action-modal,.action-modal-lg,.action-modal-sm{width:100%}.review-panel,.toolbar-controls,.toolbar-top,.waba-card-head{align-items:stretch;flex-direction:column}.custom-range-form,.waba-form-grid{width:100%;margin-left:0;grid-template-columns:1fr}.waba-create-card .waba-form-grid{grid-template-columns:1fr}.custom-range-form{align-items:stretch;flex-direction:column}.custom-range-form button,.custom-range-form input,.waba-form-grid button{width:100%}.waba-card-head>div{align-items:flex-start;flex-direction:column}}