:root{--ink:#17211f;--muted:#697471;--paper:#f5f7f4;--card:#fff;--line:#e3e8e5;--green:#136c58;--green-dark:#0c4f41;--green-soft:#e4f2ed;--amber:#a96313;--amber-soft:#fff0d8;--red:#b33b43;--red-soft:#fce8e9;--blue:#31658e;--blue-soft:#e7f0f7;--shadow:0 16px 50px rgba(29,52,46,0.07)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--ink);background:var(--paper);font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:28px 18px;color:#f7fffc;background:#123d35;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#0d5647;background:#a7ead3;font-weight:900;font-size:20px}.brand-name{font-weight:800;font-size:19px;letter-spacing:-.4px}.brand-sub{display:block;color:#9cc6ba;font-size:11px;margin-top:3px}.nav-label{color:#7fa99e;font-size:11px;font-weight:700;padding:0 12px 9px}.nav{display:grid;grid-gap:5px;gap:5px}.nav-link{display:flex;gap:12px;align-items:center;padding:11px 12px;color:#bcd3cd;border-radius:12px;font-size:14px;transition:.18s ease}.nav-link:hover{color:white;background:rgba(255,255,255,.07)}.nav-link.active{color:white;background:rgba(167,234,211,.14);box-shadow:inset -3px 0 #a7ead3}.nav-icon{width:19px;height:19px;flex:0 0 auto}.sidebar-foot{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}.user-card{display:flex;align-items:center;gap:10px;padding:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2a6256;color:#d9f7ed;font-weight:800}.user-info{min-width:0;flex:1 1}.user-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#8db6ab;font-size:11px;margin-top:3px}.icon-button{border:0;background:transparent;color:inherit;padding:7px;border-radius:9px;cursor:pointer;display:grid;place-items:center}.icon-button:hover{background:rgba(255,255,255,.1)}.main{min-width:0;padding:30px 34px 48px}.topbar{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.page-title{margin:0;font-size:clamp(23px,3vw,30px);letter-spacing:-.8px}.page-description{color:var(--muted);font-size:13px;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.mobile-brand,.mobile-nav{display:none}.button{min-height:40px;border:1px solid var(--line);border-radius:11px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;font-size:13px;background:white;color:var(--ink);transition:.18s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px rgba(17,50,43,.08)}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.danger{color:var(--red);border-color:#efcfd2}.button.ghost{background:transparent}.button.small{min-height:34px;padding:0 11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.card,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat-card{padding:18px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green-soft);color:var(--green)}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:27px;font-weight:800;margin-top:13px}.stat-note{margin-top:7px;font-size:11px;color:var(--muted)}.content-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);grid-gap:18px;gap:18px}.card{overflow:hidden}.card-header{padding:18px 20px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.card-title{font-weight:800;font-size:15px;margin:0}.card-subtitle{color:var(--muted);font-size:11px;margin:5px 0 0}.card-body{padding:20px}.list{display:grid}.list-row{min-width:0;padding:15px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row:hover{background:#fafcfb}.row-main{min-width:0;flex:1 1}.row-title{font-size:13px;font-weight:800}.row-subtitle,.row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-subtitle{margin-top:6px}.row-meta,.row-subtitle{color:var(--muted);font-size:11px}.row-meta{text-align:left}.status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#edf0ef;color:#5e6966}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.active,.status.connected,.status.delivered,.status.read,.status.sent{background:var(--green-soft);color:var(--green)}.status.pending,.status.queued,.status.sending,.status.trial{background:var(--amber-soft);color:var(--amber)}.status.banned,.status.failed,.status.past_due,.status.suspended{background:var(--red-soft);color:var(--red)}.status.canceled,.status.disconnected{background:#edf0ef;color:#65706d}.quick-actions{display:grid;grid-gap:10px;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:13px;transition:.18s}.quick-action:hover{border-color:#aacdc3;background:#f8fcfa}.quick-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:var(--green);background:var(--green-soft)}.quick-label{font-size:13px;font-weight:800}.quick-desc{font-size:10px;color:var(--muted);margin-top:4px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{color:var(--muted);background:#fafbf9;text-align:right;font-size:11px;padding:12px 18px}.table td{border-top:1px solid var(--line);padding:14px 18px;font-size:12px}.table tbody tr:hover{background:#fbfcfb}.truncate{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.select{width:100%;border:1px solid #dbe2de;background:white;border-radius:11px;min-height:42px;color:var(--ink);padding:0 13px;outline:none}.input:focus,.select:focus{border-color:#68aa99;box-shadow:0 0 0 3px rgba(19,108,88,.1)}.search{width:min(320px,100%)}.select{width:auto;min-width:135px}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-size:12px;font-weight:700}.form-error{padding:10px 12px;border-radius:10px;color:var(--red);background:var(--red-soft);font-size:12px}.empty,.error-state,.loading{min-height:220px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.empty-icon{width:48px;height:48px;margin:0 auto 13px;display:grid;place-items:center;border-radius:15px;color:var(--green);background:var(--green-soft)}.empty-title{color:var(--ink);font-weight:800;margin-bottom:7px}.empty-copy{max-width:390px;font-size:12px;line-height:1.8}.spinner{width:25px;height:25px;border:3px solid #dce8e4;border-top:3px solid var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(1turn)}}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);grid-gap:18px;gap:18px}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.detail-item{padding:14px;border:1px solid var(--line);border-radius:12px}.detail-label{color:var(--muted);font-size:11px}.detail-value{margin-top:8px;font-size:13px;font-weight:700;word-break:break-word}.qr-box{min-height:245px;border:1px dashed #bdcbc6;border-radius:15px;display:grid;place-items:center;padding:18px;background:#fafcfb}.qr-box img{width:min(210px,100%);height:auto}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.login-page{min-height:100vh;padding:25px;display:grid;grid-template-columns:minmax(320px,440px) minmax(440px,1fr);grid-gap:20px;gap:20px;background:#edf3ef}.login-panel{background:white;border-radius:24px;padding:clamp(30px,6vw,64px);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.login-form{display:grid;grid-gap:17px;gap:17px;margin-top:34px}.login-title{font-size:31px;margin:28px 0 8px;letter-spacing:-1px}.login-copy{color:var(--muted);line-height:1.7;font-size:13px;margin:0}.login-visual{position:relative;overflow:hidden;border-radius:24px;min-height:600px;padding:55px;color:white;background:radial-gradient(circle at 20% 25%,#247e68 0,transparent 28%),linear-gradient(145deg,#123d35,#0b2823);display:flex;flex-direction:column;justify-content:flex-end}.login-visual:after,.login-visual:before{content:"";position:absolute;border:1px solid rgba(173,236,216,.18);border-radius:50%}.login-visual:before{width:430px;height:430px;top:-130px;left:-100px}.login-visual:after{width:650px;height:650px;top:-220px;left:-210px}.visual-card{position:relative;z-index:1;max-width:520px;padding:25px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.visual-card h2{margin:0 0 12px;font-size:28px}.visual-card p{color:#bbd8d1;line-height:1.9;margin:0;font-size:13px}.toast{position:fixed;left:24px;bottom:24px;z-index:50;color:white;background:#173f37;border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:12px}@media (max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width:780px){.app-shell{display:block;padding-bottom:74px}.sidebar{display:none}.main{padding:22px 16px 35px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:22px;font-weight:800}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:11px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);right:10px;left:10px;bottom:10px;height:60px;padding:6px;z-index:30;background:#123d35;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.mobile-nav .nav-link{padding:5px;gap:3px;flex-direction:column;justify-content:center;font-size:9px}.mobile-nav .nav-link.active{box-shadow:none;background:rgba(167,234,211,.14)}.topbar{align-items:center}.top-actions .button span{display:none}.login-page{grid-template-columns:1fr;padding:12px}.login-visual{display:none}.login-panel{min-height:calc(100vh - 24px);padding:30px 22px}}@media (max-width:520px){.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px}.stat-value{font-size:22px}.topbar{align-items:flex-start}.page-title{font-size:23px}.detail-list{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.filter-bar{width:100%}.filter-bar>*{flex:1 1}}