:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#0b0f1a;--bg:#0b0f1a;--panel:#141b2d;--panel-2:#11192a;--sidebar:#121a2c;--border:#28344d;--border-soft:#253149;--text:#f5f7fb;--muted:#8997ae;--muted-2:#64748b;--blue:#3b82f6;--blue-2:#438cff;--teal:#24c8a1;--coral:#f4676d;--amber:#f4b54e}*{box-sizing:border-box}html,body,#root{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text)}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center;color:var(--muted);background:var(--bg)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 10%,rgba(59,130,246,.16),transparent 28%),radial-gradient(circle at 82% 90%,rgba(36,200,161,.1),transparent 24%),#0b0f1a}.login-card{width:min(440px,100%);background:linear-gradient(145deg,#171f33,#131a2b);border:1px solid #2b3954;border-radius:20px;padding:34px;box-shadow:0 30px 80px #0000006b,inset 0 1px #ffffff06}.brand-mark{width:54px;height:54px;border-radius:15px;background:url(/rafasuite-mark.svg) center/contain no-repeat;font-size:0;color:transparent;box-shadow:0 8px 24px #3b82f629}.brand-mark.small{width:39px;height:39px;border-radius:11px;flex:none}.login-card h1{margin:20px 0 5px;font-size:27px;letter-spacing:-.035em}.login-card p{margin:0 0 28px;color:#91a0b8}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#cbd5e1}.login-card input{height:46px;border:1px solid #31405c;border-radius:10px;padding:0 13px;outline:none;background:#0f1727;color:#f5f7fb;transition:border-color .16s,box-shadow .16s}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f621}.login-card button{height:48px;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 21px #275ec23d;transition:background .16s,transform .16s}.login-card button:hover:not(:disabled){background:#4a8df7;transform:translateY(-1px)}.error-box{display:flex;gap:8px;align-items:center;background:#f4676d1a;border:1px solid rgba(244,103,109,.28);color:#ff9398;padding:11px 12px;border-radius:10px;font-size:12px}.secure-note{margin-top:18px;display:flex;gap:8px;align-items:center;color:#7f8ca4;font-size:11px}.secure-note svg{color:var(--teal)}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--bg)}aside{background:var(--sidebar);color:#cbd5e1;padding:0 18px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);z-index:20}.side-brand{height:80px;display:flex;align-items:center;gap:12px;padding:0 5px;border-bottom:1px solid var(--border)}.side-brand b,.side-brand span{display:block}.side-brand b{color:#fff;font-size:16px;letter-spacing:-.02em}.side-brand span{font-size:9px;color:var(--teal);margin-top:3px;text-transform:uppercase;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}nav{display:grid;gap:5px;padding:15px 6px}nav button,.aside-footer button{border:1px solid transparent;background:transparent;color:#8f9cb3;display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:9px;cursor:pointer;text-align:left;font-size:13px;font-weight:650;transition:background .16s,color .16s,border-color .16s,box-shadow .16s}nav button:hover{color:#e6ecf8;background:#17233a}nav button.active{color:#eff6ff;background:linear-gradient(90deg,#295fc257,#1d458c2e);border-color:#3b82f659;box-shadow:0 4px 18px #00000029,inset 0 1px #ffffff08}nav button.active svg{color:var(--blue-2)}.aside-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:14px}.admin-mini{padding:8px 12px 10px;border:1px solid rgba(52,73,104,.55);border-radius:10px;background:#0c12206b}.admin-mini span,.admin-mini small{display:block}.admin-mini span{font-size:12px;color:#d9e7ff;font-weight:700}.admin-mini small{color:#71829c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font-size:10px}.aside-footer button{margin-top:8px;width:100%}.aside-footer button:hover{background:#17233a;color:#fff}main{min-width:0;padding:0 30px 32px}.shell main>header{min-height:80px;margin:0 -30px 28px;padding:15px 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0b0f1af0;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}header h1{font-size:24px;margin:0;letter-spacing:-.035em}header p{margin:4px 0 0;color:#8593ab;font-size:12px}.refresh{display:flex;align-items:center;gap:8px;background:#141e31;color:#dce3ef;border:1px solid #2b3954;border-radius:9px;padding:9px 12px;cursor:pointer;font-size:12px;font-weight:700;transition:border-color .16s,background .16s}.refresh:hover{border-color:#3b82f6;background:#17243a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:-10px 0 16px;background:#24c8a11a;border:1px solid rgba(36,200,161,.26);color:#72e7c9;padding:10px 12px;border-radius:10px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{min-height:132px;background:linear-gradient(145deg,#171f33,#131a2b);border:1px solid #283550;border-radius:13px;padding:18px;display:flex;justify-content:space-between;gap:12px;box-shadow:inset 0 1px #ffffff04,0 8px 22px #0000001a}.stat-card span,.stat-card small{display:block;color:#93a0b7}.stat-card span{font-size:11px;font-weight:600}.stat-card strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;display:block;margin:10px 0 6px;letter-spacing:-.05em;color:#f3f6fb}.stat-card small{font-size:10px}.icon-box{width:40px;height:40px;border-radius:10px;background:#3b82f61f;color:#5d9cff;display:grid;place-items:center;border:1px solid rgba(59,130,246,.12)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel,.table-wrap,.toolbar{background:var(--panel);border:1px solid #293650;border-radius:13px;box-shadow:0 12px 29px #0000001f}.panel{padding:20px}.panel h3{margin:0 0 16px;font-size:15px;letter-spacing:-.02em}.metric-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #263249;color:#95a3b9;font-size:12px}.metric-row b{color:#e7edf7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.metric-row:last-child{border:0}.service{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #263249}.service:last-child{border-bottom:0}.service svg{color:#71829c}.service div{flex:1}.service b,.service span{display:block}.service b{font-size:12px;color:#dce3ef}.service span{font-size:10px;color:#71829c;margin-top:3px}.service em{font-style:normal;font-size:9px;background:#24c8a11a;color:#4bd7b6;padding:4px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.service em.pending{background:#f4b54e1a;color:#f1bc61}.toolbar{padding:11px 13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toolbar>span{color:#71829c;font-size:11px}.search{display:flex;align-items:center;gap:8px;background:#0f1727;border:1px solid #2b3954;border-radius:9px;padding:0 10px;min-width:320px;color:#71829c}.search input{border:0;background:transparent;color:#edf2fb;outline:none;height:38px;width:100%}.search input::placeholder{color:#65758e}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:12px 14px;border-bottom:1px solid #263249;text-align:left;white-space:nowrap}th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#98a7bd;background:#0d1320;font-weight:600}td{color:#dce3ef}td b,td small{display:block}td small{color:#71829c;margin-top:3px}.badge{display:inline-block;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:800;background:#1a2336;color:#9eacc1;text-transform:uppercase;letter-spacing:.04em}.badge.pro,.badge.active,.badge.success,.badge.delivered,.badge.clicked,.badge.opened{background:#24c8a11a;color:#4bd7b6}.badge.free,.badge.neutral{background:#1a2336;color:#9eacc1}.badge.inactive,.badge.failed,.badge.blocked,.badge.bounced,.badge.complained{background:#f4676d1a;color:#ff858b}.badge.admin{background:#3b82f61f;color:#69a4ff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9bb0cb}.empty{text-align:center;color:#71829c;padding:32px}.muted{color:#71829c;font-size:11px}.actions{display:flex;gap:6px}.actions button{border:1px solid #2b3954;background:#11192a;color:#a9b6ca;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:10px;transition:border-color .16s,background .16s,color .16s}.actions button:hover{border-color:#3b82f6;background:#14223b;color:#eef5ff}.actions button:disabled{opacity:.45;cursor:not-allowed}.top-gap{margin-top:18px}.quota-label{display:flex;justify-content:space-between;margin:13px 0 7px;font-size:11px;color:#93a0b7}.quota-label b{color:#dce3ef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.progress{height:9px;background:#0f1727;border:1px solid #27344c;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:99px}.setup-panel{text-align:center;padding:42px 24px}.setup-panel svg{color:#5d9cff}.setup-panel h3{margin:12px 0 8px}.setup-panel p{color:#8997ae;margin:0 auto 8px;max-width:620px}.setup-panel small{color:#71829c}.email-stats{margin-bottom:18px}.chart-wrap{margin-top:4px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;color:#7f8ca4}.bars{height:190px;display:flex;gap:8px;align-items:flex-end;padding-top:10px}.bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-track{height:150px;width:100%;max-width:28px;background:#0f1727;border:1px solid #253149;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}.bar-track i{display:block;width:100%;background:linear-gradient(180deg,#4b90fb,#2f6fde);border-radius:7px 7px 0 0;min-height:4px}.bar-col small{font-size:8px;color:#64748b;margin-top:6px;min-height:12px}.chart-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#7f8ca4}.chart-summary span{display:flex;align-items:center;gap:5px}.chart-summary b{color:#dce3ef}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.success{background:var(--teal)}.dot.blocked{background:var(--amber)}.dot.failed{background:var(--coral)}.panel-title-row{display:flex;justify-content:space-between;align-items:center}.panel-title-row h3{margin-bottom:0}.updated{font-size:9px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.health-item{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #293650;border-radius:10px;background:#11192a}.health-item>div:nth-child(2){flex:1;min-width:0}.health-item b,.health-item span{display:block}.health-item b{font-size:11px;color:#dce3ef}.health-item span{font-size:9px;color:#71829c;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.health-icon.ok{background:#24c8a11a;color:#4bd7b6}.health-icon.warn{background:#f4b54e1a;color:#f1bc61}.health-icon.bad{background:#f4676d1a;color:#ff858b}.health-badge{font-style:normal;font-size:8px;font-weight:800;padding:4px 7px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.health-badge.ok{background:#24c8a11a;color:#4bd7b6}.health-badge.warn{background:#f4b54e1a;color:#f1bc61}.health-badge.bad{background:#f4676d1a;color:#ff858b}.compact-stats{margin-bottom:18px}.danger-text{color:#ff858b!important}.empty svg{display:block;margin:0 auto 7px;color:#64748b}.empty b,.empty small{display:block}.empty small{margin-top:4px}.panel,.stat-card,.table-wrap,.toolbar,.health-item{transition:border-color .16s,transform .16s,box-shadow .16s}.stat-card:hover,.panel:hover{border-color:#32415f}.stat-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00000026}@media(max-width:980px){.shell{grid-template-columns:78px minmax(0,1fr)}aside{padding:0 10px 14px}.side-brand{justify-content:center}.side-brand>div:last-child{display:none}nav{padding:15px 2px}nav button,nav button:not(.active){font-size:0;justify-content:center;padding:11px}.aside-footer .admin-mini{display:none}.aside-footer button{font-size:0;justify-content:center}.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}main{padding:0 18px 26px}.shell main>header{margin:0 -18px 22px;padding:14px 18px}.health-grid{grid-template-columns:1fr}.bars{gap:5px}.bar-track{max-width:22px}}@media(max-width:640px){.shell{display:block}.shell aside{height:auto;position:fixed;z-index:30;inset:auto 0 0;display:block;padding:7px 8px;border-right:0;border-top:1px solid var(--border);background:#121a2cf7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.side-brand,.aside-footer{display:none}nav{display:grid;grid-template-columns:repeat(7,1fr);padding:0;gap:2px}nav button,nav button:not(.active){font-size:0;justify-content:center;padding:10px 6px;border-radius:8px}main{padding:0 12px 82px}.shell main>header{min-height:68px;margin:0 -12px 18px;padding:12px;align-items:center}.shell main>header h1{font-size:20px}.shell main>header p{font-size:10px}.refresh{font-size:0;width:38px;height:38px;justify-content:center;padding:0}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;min-height:112px}.stat-card strong{font-size:22px}.icon-box{width:34px;height:34px}.search{min-width:0;flex:1}.toolbar>span{display:none}.actions{flex-wrap:wrap}.chart-summary{gap:10px}.bars{height:160px}.bar-track{height:125px}.health-item{padding:11px}.health-item span{white-space:normal}.panel-title-row{align-items:flex-start;gap:10px}.updated{text-align:right}.panel{padding:16px}.grid-2{gap:12px;margin-top:12px}.top-gap{margin-top:12px}th,td{padding:11px 12px}}