:root{color:#152229;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f8fb}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#102734;color:#f5fbff;padding:20px}.sidebar-title{margin:0 0 20px;font-size:1.4rem}.nav-link{display:block;color:#d8ecf8;text-decoration:none;border-radius:8px;padding:10px 12px;margin-bottom:8px}.nav-link-active,.nav-link:hover{background:#1f4356;color:#fff}.app-main{padding:28px}.page-header h2{margin:0}.page-header p{margin-top:6px;color:#586973}.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 4px 18px #03111814}.dashboard-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}.dashboard-kpi-card{display:grid;gap:4px;min-height:120px;align-content:center;border-left:6px solid transparent}.dashboard-kpi-card-sent{border-left-color:#2b8a5a;background:#f4fcf7}.dashboard-kpi-card-total{border-left-color:#285a9b;background:#f1f6ff}.dashboard-kpi-card-failed{border-left-color:#b33a4a;background:#fff5f6}.dashboard-kpi-card-queued{border-left-color:#5b7180;background:#f6f8fb}.dashboard-kpi-card-success{border-left-color:#1f4356;background:#f2f8fc}.dashboard-kpi-card-devices{border-left-color:#2f6cad;background:#f3f7ff}.dashboard-kpi-card-delivery{border-left-color:#7a5aa6;background:#f7f4ff}.dashboard-kpi-label{margin:0;color:#5e7380}.dashboard-kpi-value{margin:0;font-size:2rem;font-weight:700;color:#18384a}.dashboard-realtime-strip{margin-bottom:14px}.dashboard-realtime-title{margin:0 0 4px;font-weight:600}.dashboard-charts-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.dashboard-chart-card h3{margin:0 0 10px}.dashboard-chart{width:100%;min-height:280px}.dashboard-top-templates{list-style:none;padding:0;margin:0;display:grid;gap:8px}.dashboard-top-template-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #d8e4eb;border-radius:8px;padding:10px;background:#fbfdff}.form-stack{display:grid;max-width:420px;gap:10px}input,textarea,select,button{font:inherit;border-radius:8px;border:1px solid #c9d9e3;padding:10px}button{background:#1d8f63;color:#fff;border:none;cursor:pointer}button:hover{background:#197d57}.form-message{margin:0;color:#20485b}.form-message-error{color:#9f1d35}.form-message-success{color:#0f724c}.contacts-grid,.campaigns-grid,.templates-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;align-items:start}.templates-textarea{resize:vertical;min-height:132px}.templates-variables-section{display:grid;gap:10px}.templates-variables-title{margin:0;font-weight:600}.templates-variables-actions{display:flex;flex-wrap:wrap;gap:8px}.templates-custom-variable-row{display:grid;grid-template-columns:1fr auto;gap:8px}.templates-detected-label{margin:0}.templates-variables-list{display:flex;flex-wrap:wrap;gap:6px}.templates-variable-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;background:#e6f2fa;color:#285067;font-size:.85rem}.templates-search{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.templates-search input{flex:1;min-width:200px}.templates-body-cell{max-width:360px;white-space:pre-wrap;word-break:break-word}.campaigns-selection-title{margin:0 0 8px;font-weight:600}.campaigns-contacts-list{border:1px solid #d5e3ec;border-radius:8px;padding:10px;max-height:240px;overflow-y:auto;display:grid;gap:8px}.campaign-contact-item{display:flex;align-items:center;gap:8px}.campaigns-history-title{margin-top:0}.campaigns-table-wrapper{width:100%;overflow-x:auto}.contacts-actions{display:flex;gap:8px}.button-secondary{background:#456677}.button-secondary:hover{background:#365464}.button-danger{background:#b3353a}.button-danger:hover{background:#9f2b30}.contacts-table-wrapper{width:100%;overflow-x:auto}.history-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.history-filter-item{display:grid;gap:6px}.history-filters-actions{display:flex;gap:8px;flex-wrap:wrap}.history-results-card{margin-top:16px}.history-table-wrapper{width:100%;overflow-x:auto}.history-table{min-width:1040px}.history-status{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:600;text-transform:uppercase}.history-status-queued{background:#f2f6f9;color:#3d5563}.history-status-sent{background:#def4e9;color:#17734d}.history-status-failed{background:#fde7eb;color:#a22f46}.history-status-processing{background:#fff3e0;color:#9a5a00}.history-status-completed{background:#def4e9;color:#17734d}.history-status-unknown{background:#edf2f7;color:#495866}.history-status-online{background:#def4e9;color:#17734d}.history-status-offline{background:#edf2f7;color:#495866}.history-status-paused,.history-status-busy{background:#fff3e0;color:#9a5a00}.device-realtime-indicator{margin:0 0 10px}.device-name-cell{display:inline-flex;align-items:center;gap:8px}.device-led{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 2px #00000014}.device-led-online{background:#19a55b}.device-led-offline{background:#d63d4f}.device-led-busy{background:#f0a329}.device-led-unknown{background:#7b8c96}.history-pagination{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.history-pagination-actions{display:flex;gap:8px}.contacts-table{width:100%;border-collapse:collapse}.contacts-table th,.contacts-table td{text-align:left;padding:10px;border-bottom:1px solid #d8e6ef;vertical-align:top}.muted{color:#6f7f89}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{padding-bottom:8px}.app-main{padding:16px}.contacts-grid,.campaigns-grid,.templates-grid{grid-template-columns:1fr}.history-pagination{flex-direction:column;align-items:flex-start}}