:root{color:#17202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 50% 0,#e8f3ff,#f7f9fc 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e8edf3;border-radius:24px;width:min(440px,100%);padding:42px;box-shadow:0 24px 70px #1a35531f}.brand-mark{color:#fff;background:#0a84ff;border-radius:19px;place-items:center;width:60px;height:60px;margin-bottom:26px;font-size:29px;font-weight:800;display:grid}.brand-mark.small{border-radius:13px;width:42px;height:42px;margin:0;font-size:20px}.eyebrow{color:#0a84ff;letter-spacing:.11em;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2{color:#17202b;letter-spacing:-.035em}h1{margin:0 0 8px;font-size:36px}h2{margin:0;font-size:27px}.muted{color:#738092}form{gap:12px;margin-top:32px;display:grid}label{color:#303b49;font-size:14px;font-weight:700}.phone-field,.code-field{background:#f8fafc;border:1px solid #dce3ec;border-radius:13px;width:100%;min-height:58px}.phone-field{align-items:center;display:flex}.phone-field span{color:#465365;border-right:1px solid #dce3ec;padding:0 16px}.phone-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:16px}.code-field{text-align:center;letter-spacing:.2em;outline:0;padding:16px;font-size:22px}.phone-field:focus-within,.code-field:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.primary{color:#fff;background:#0a84ff;border:0;border-radius:13px;min-height:54px;margin-top:8px;font-weight:700}.primary:disabled{cursor:default;opacity:.45}.text-button{color:#647286;background:0 0;border:0}.error{color:#d53f4a;margin:0;font-size:14px}.admin-shell{background:#f5f7fa;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand div:last-child{color:#17202b;flex-direction:column;display:flex}.brand span{color:#8793a2;font-size:12px}nav{flex:1}.nav-item{color:#5f6c7c;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:13px 14px;font-weight:650;display:flex}.nav-item.active{color:#0877e6;background:#eaf4ff}.nav-item b{color:#0877e6;text-align:center;background:#fff;border-radius:20px;min-width:24px;margin-left:auto;padding:2px 7px;font-size:12px}.logout,.refresh{color:#596779;background:#fff;border:1px solid #dce3ec;border-radius:10px;padding:10px 15px}.content{margin-left:250px;padding:42px clamp(24px,5vw,72px)}header{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto 30px;display:flex}.error-banner{color:#b42331;background:#fff0f1;border:1px solid #ffcdd2;border-radius:10px;max-width:1200px;margin:0 auto 20px;padding:13px 16px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:0 auto 28px;display:grid}.stats article{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:20px}.stats span{color:#7b8796;margin-bottom:8px;font-size:13px;display:block}.stats strong{color:#17202b;font-size:27px}.filters{gap:7px;max-width:1200px;margin:0 auto 13px;display:flex;overflow-x:auto}.filters button{white-space:nowrap;color:#657285;background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:9px 13px}.filters button.selected{color:#0877e6;background:#eaf4ff;border-color:#0a84ff}.filters span{opacity:.7;margin-left:4px}.report-list{background:#fff;border:1px solid #e1e7ee;border-radius:15px;max-width:1200px;margin:auto;overflow:hidden}.report-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f4;align-items:center;gap:16px;width:100%;padding:18px 20px;display:flex}.report-row:last-child{border-bottom:0}.report-row:hover{background:#fafcff}.reason-icon{color:#d66b14;background:#fff1e5;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;font-weight:800;display:grid}.report-main{flex:1;min-width:0}.report-main>div{align-items:center;gap:10px;display:flex}.report-main strong{color:#26313d}.report-main p{color:#697687;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;overflow:hidden}.report-main small{color:#9aa4b1}.badge{border-radius:20px;padding:4px 8px;font-size:11px;font-weight:750;display:inline-flex}.badge.pending{color:#9a6100;background:#fff2cc}.badge.reviewed{color:#1769aa;background:#e3f2fd}.badge.resolved{color:#257442;background:#e4f6e9}.badge.rejected{color:#8b4850;background:#f7e8ea}.chevron{color:#a6b0bc;font-size:26px}.empty{color:#8a96a5;flex-direction:column;align-items:center;gap:5px;padding:70px 20px;display:flex}.empty strong{color:#435063}.drawer-backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#121b2647;position:fixed;inset:0}.drawer{background:#fff;width:min(480px,100%);padding:32px;position:absolute;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 0 60px #14233429}.drawer-head{justify-content:space-between;margin-bottom:15px;display:flex}.drawer-head button{color:#596779;background:#f1f4f7;border:0;border-radius:50%;width:38px;height:38px;font-size:25px}dl{gap:0;margin:28px 0;display:grid}dl div{border-bottom:1px solid #edf0f4;padding:17px 0}dt{color:#8a95a4;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}dd{color:#354153;overflow-wrap:anywhere;margin:0}.drawer-actions{gap:8px;display:grid}.drawer-actions select{background:#fff;border:1px solid #dce3ec;border-radius:10px;padding:13px}@media (width<=800px){.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:14px 18px;position:static}.brand{padding:0}.brand span,.sidebar nav{display:none}.logout{margin-left:auto}.content{margin:0;padding:28px 16px}.stats{grid-template-columns:repeat(2,1fr)}.login-card{padding:30px 24px}}.nav-item i{place-items:center;width:20px;font-style:normal;display:grid}.notice{z-index:20;color:#257442;background:#edfaf1;border:1px solid #bce8c9;border-radius:11px;padding:13px 17px;position:fixed;top:22px;right:24px;box-shadow:0 10px 30px #17202b1a}.insight-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:1200px;margin:auto;display:grid}.insight-grid article,.empty-card{background:#fff;border:1px solid #e1e7ee;border-radius:15px;padding:26px}.insight-grid h2{margin-bottom:9px;font-size:22px}.search-form{gap:9px;max-width:1200px;margin:0 auto 14px;display:flex}.search-form input{background:#fff;border:1px solid #dce3ec;border-radius:11px;flex:1;padding:12px 15px}.search-form button{color:#fff;background:#0a84ff;border:0;border-radius:11px;padding:0 20px;font-weight:700}.data-card,.timeline{background:#fff;border:1px solid #e1e7ee;border-radius:15px;max-width:1200px;margin:auto;overflow:hidden}.table-head,.table-row{grid-template-columns:1.6fr 1fr .7fr 1fr;align-items:center;gap:16px;display:grid}.table-head{color:#8a95a4;text-transform:uppercase;background:#f8fafc;padding:12px 20px;font-size:12px;font-weight:750}.table-row{color:#566375;text-align:left;background:#fff;border:0;border-top:1px solid #edf0f4;width:100%;padding:16px 20px}.table-row:hover{background:#fafcff}.table-row>span:first-child{flex-direction:column;min-width:0;display:flex}.table-row b{color:#283442;text-overflow:ellipsis;overflow:hidden}.table-row small{color:#9aa4b1;text-overflow:ellipsis;overflow:hidden}.state-dot{background:#35a866;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.state-dot.off{background:#d35d68}.timeline article{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:16px;padding:18px 22px;display:flex}.timeline article:last-child{border-bottom:0}.timeline-dot{background:#0a84ff;border-radius:50%;flex:0 0 10px;height:10px;margin-top:6px;box-shadow:0 0 0 5px #eaf4ff}.timeline article>div:nth-child(2){flex:1}.timeline p,.timeline small{color:#758193;margin:4px 0}.timeline time{color:#9aa4b1;font-size:12px}.settings-card{background:#fff;border:1px solid #e1e7ee;border-radius:15px;max-width:700px;margin:0;padding:28px}.settings-card label{gap:8px;margin-top:8px;display:grid}.settings-card label input,.settings-card textarea{background:#f9fafc;border:1px solid #dce3ec;border-radius:10px;padding:13px}.settings-card textarea{resize:vertical;min-height:120px;font:inherit}.setting-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.setting-row input{width:44px;height:24px}.danger{color:#fff;background:#d94e59;border:0;border-radius:12px;width:100%;min-height:50px;font-weight:750}.drawer>.primary{width:100%}@media (width<=800px){.insight-grid{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>span:last-child{display:none}}.notification-layout{grid-template-columns:minmax(340px,560px) 1fr;align-items:start;gap:18px;max-width:1200px;margin:auto;display:grid}.notification-form,.notification-history{background:#fff;border:1px solid #e1e7ee;border-radius:15px;margin:0;padding:26px}.notification-form{gap:16px;display:grid}.notification-form label{gap:8px;display:grid}.notification-form input,.notification-form select,.notification-form textarea,.bulk-warning input{background:#f9fafc;border:1px solid #dce3ec;border-radius:10px;padding:13px}.notification-form textarea{resize:vertical;min-height:110px}.notification-form label small{text-align:right;color:#9aa4b1}.audience-tabs{background:#f1f4f7;border-radius:11px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.audience-tabs button{color:#6d7989;background:0 0;border:0;border-radius:8px;padding:10px}.audience-tabs button.selected{color:#0877e6;background:#fff;box-shadow:0 2px 8px #17202b14}.audience-tabs button.danger-tab{color:#b83d49}.bulk-warning{color:#8f3540;background:#fff3f4;border:1px solid #ffc9cd;border-radius:11px;padding:16px}.bulk-warning p{margin:6px 0 12px;font-size:14px}.bulk-warning input{background:#fff;width:100%}.push-preview>span{color:#8793a2;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.push-preview>div{color:#26313d;background:#eef1f5;border-radius:13px;padding:14px 16px;box-shadow:0 8px 22px #17202b12}.push-preview p{color:#657285;margin:4px 0 0;font-size:14px}.notification-history h2{margin-bottom:15px;font-size:20px}.notification-history article{border-bottom:1px solid #edf0f4;padding:15px 0}.notification-history article:last-child{border-bottom:0}.notification-history article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-history p{color:#667486;margin:5px 0}.notification-history small{color:#929dab}.send-status{border-radius:20px;padding:3px 7px;font-size:10px;font-weight:800}.send-status.success{color:#257442;background:#e4f6e9}.send-status.partial{color:#9a6100;background:#fff2cc}.send-status.failed{color:#8b4850;background:#f7e8ea}@media (width<=950px){.notification-layout{grid-template-columns:1fr}}