html,body,#root{margin:0;min-height:100%}.app-root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:var(--app-bg);color:var(--text-main)}.app-root.theme-light{--app-bg: #f3f6fb;--text-main: #10203a;--card-bg: #ffffff;--card-border: #d6dfec;--card-shadow: rgba(16, 32, 58, .08);--input-border: #b6c3d6;--primary-btn-bg: #1f4fa8;--sidebar-bg: #122646;--sidebar-item-bg: rgba(255, 255, 255, .06);--sidebar-item-active-bg: rgba(255, 255, 255, .15);--sidebar-item-active-border: rgba(255, 255, 255, .45);--muted-text: #495a78;--error-text: #a2142f;--theme-switch-bg: rgba(255, 255, 255, .18);--theme-switch-border: rgba(255, 255, 255, .35)}.app-root.theme-dark{--app-bg: #0d1422;--text-main: #e8eefc;--card-bg: #131e33;--card-border: #263754;--card-shadow: rgba(4, 8, 16, .38);--input-border: #3a4d71;--primary-btn-bg: #4c86ff;--sidebar-bg: #070d19;--sidebar-item-bg: rgba(255, 255, 255, .09);--sidebar-item-active-bg: rgba(255, 255, 255, .2);--sidebar-item-active-border: rgba(255, 255, 255, .4);--muted-text: #a8b6d8;--error-text: #ff8fa2;--theme-switch-bg: rgba(255, 255, 255, .14);--theme-switch-border: rgba(255, 255, 255, .28)}.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:420px;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);box-shadow:0 12px 30px var(--card-shadow);padding:1.5rem}.login-card h1{margin:0 0 1rem;font-size:1.35rem}.login-form{display:grid;gap:.75rem}.login-form label{font-size:.9rem}.login-form input{width:100%;margin-top:.35rem;border:1px solid var(--input-border);border-radius:8px;padding:.6rem .7rem;font:inherit;background:var(--card-bg);color:var(--text-main)}.btn{border:0;border-radius:8px;padding:.6rem 1rem;font:inherit;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-btn-bg);color:#fff}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1rem}.brand{margin:0 0 1.25rem;font-size:1.1rem}.menu{display:grid;gap:.5rem}.menu-item{border:1px solid transparent;border-radius:8px;background:var(--sidebar-item-bg);color:#fff;text-align:left;padding:.6rem .75rem;font:inherit}.menu-item.active{border-color:var(--sidebar-item-active-border);background:var(--sidebar-item-active-bg)}.menu-item.logout{background:#ffffff14}.sidebar-footer{display:grid;gap:.5rem}.theme-switch{border:1px solid var(--theme-switch-border);border-radius:8px;background:var(--theme-switch-bg);color:#fff;text-align:left;padding:.6rem .75rem;font:inherit;cursor:pointer}.content{padding:1.5rem}.panel{background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);padding:1.25rem}.muted{color:var(--muted-text)}.error{color:var(--error-text);margin:.5rem 0 0}.form-input,.search-input,.select-input{border:1px solid var(--input-border);border-radius:8px;padding:.55rem .7rem;font:inherit;background:var(--card-bg);color:var(--text-main);width:100%}.select-input{width:auto;min-width:180px}.search-input{max-width:300px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--card-border)}.data-table th{font-weight:600;color:var(--muted-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.data-table tr:last-child td{border-bottom:none}.btn-secondary{background:var(--sidebar-item-active-bg);color:var(--text-main);border:1px solid var(--card-border)}.btn-sm{padding:.3rem .6rem;font-size:.8rem;border:1px solid var(--card-border);border-radius:6px;background:var(--sidebar-item-bg);color:var(--text-main);cursor:pointer}.btn-danger{color:var(--error-text);border-color:var(--error-text)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge-success,.badge-sent{background:#22c55e26;color:#16a34a}.badge-failed{background:#ef444426;color:var(--error-text)}.badge-draft,.badge-muted{background:#94a3b833;color:var(--muted-text)}.success{color:#16a34a;margin:.5rem 0 0}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.pagination-info{font-size:.85rem}.filter-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.app-root.theme-dark .badge-success,.app-root.theme-dark .badge-sent{color:#4ade80}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{gap:1rem}}