@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--text-primary:#111827;--text-secondary:#6b7280;--bg-card:#ffffff9e;--bg-card-border:#ffffffb8;--accent-primary:#f04e23;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--success:#059669;--warning:#d97706;--danger:#dc2626;--radius:12px;--shadow:0 12px 35px #1f293714, inset 0 1px 0 #ffffffb3;--body-bg:linear-gradient(135deg, #f5f7fb 0%, #edf1f7 48%, #f7f5fa 100%);--header-bg:#ffffff94;--control-bg:#ffffff8c;--control-border:#ffffffd9;--chip-bg:#ffffffa6}[data-theme=dark]{--text-primary:#f8fafc;--text-secondary:#94a3b8;--bg-card:#0f172abf;--bg-card-border:#ffffff1a;--accent-primary:#ff6337;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow:0 12px 35px #0000004d;--body-bg:linear-gradient(135deg, #090d16 0%, #0f172a 50%, #111827 100%);--header-bg:#0f172abf;--control-bg:#1e293bb3;--control-border:#ffffff1f;--chip-bg:#1e293bcc}::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--body-bg);background-attachment:fixed;min-height:100vh;padding-bottom:20px;font-family:Inter,sans-serif;transition:background .3s,color .3s}body:before,body:after{content:"";pointer-events:none;z-index:-1;filter:blur(70px);position:fixed}body:before{background:#53b4ff2b;width:320px;height:320px;top:180px;left:-100px}body:after{background:#bd68ff24;width:360px;height:360px;bottom:80px;right:-120px}.app-container{width:calc(100% - 20px);max-width:100%;margin:10px;padding:0}header{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--bg-card-border);-webkit-backdrop-filter:blur(24px)saturate(150%);justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:10px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.logo-badge{border-radius:var(--radius);background:linear-gradient(135deg,#ff6337,#ed3f16);justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 7px 18px #f04e2338}.status-chip{background:var(--chip-bg);border:1px solid var(--bg-card-border);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:550;display:inline-flex;box-shadow:0 3px 12px #0000000a}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px #05966926}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 3px #dc262626}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:10px;display:grid}.glass-card{background:var(--bg-card);border:1px solid var(--bg-card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:var(--radius);padding:1.25rem}.glass-card:hover{box-shadow:var(--shadow);transform:none}.stat-label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.85rem;font-weight:700}.progress-bar-container{background:#0000000f;border-radius:4px;height:7px;margin-top:1rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#ff6337,#ed3f16);border-radius:4px;height:100%;transition:width .3s}.content-grid{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}@media (width<=900px){.content-grid{grid-template-columns:1fr}}.form-group{margin-bottom:10px}.form-group label{color:var(--text-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-control{border-radius:var(--radius);background:var(--control-bg);border:1px solid var(--control-border);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .18s,background .18s;box-shadow:inset 0 1px 2px #00000008}.form-control:focus{background:var(--bg-card);border-color:#f04e2380;box-shadow:0 0 0 3px #f04e231f}textarea.form-control{resize:vertical;min-height:100px}.btn-primary{border-radius:var(--radius);color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6337,#ed3f16);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 7px 18px #f04e2338}.btn-primary:hover{transform:none;box-shadow:0 7px 18px #f04e2338}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.tabs{border-radius:var(--radius);background:var(--control-bg);border:1px solid var(--control-border);-webkit-backdrop-filter:blur(14px);gap:4px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .18s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.logs-table{border-collapse:collapse;width:100%;margin-top:1rem}.logs-table th{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #0000000f;border-right:1px solid #0000000d;padding:.75rem 1rem;font-size:.75rem;font-weight:650}.logs-table th:last-child{border-right:none}.logs-table td{text-align:center;vertical-align:middle;color:var(--text-primary);border-bottom:1px solid #0000000a;border-right:1px solid #0000000a;padding:.85rem 1rem;font-size:.875rem}.logs-table td:last-child{border-right:none}.badge{text-align:center;border-radius:var(--radius);width:90px;padding:5px 0;font-size:.75rem;font-weight:650;display:inline-block}.badge-SENT{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f640}.badge-DELIVERED{color:#059669;background:#0596691f;border:1px solid #05966940}.badge-FAILED{color:#dc2626;background:#dc26261f;border:1px solid #dc262640}.badge-PENDING{color:#d97706;background:#d977061f;border:1px solid #d9770640}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.shimmer-box{vertical-align:middle;background:#0000000d linear-gradient(90deg,#0000000d 0,#0000001f 40px,#0000000d 80px) 0 0/400px 100%;border-radius:4px;width:100%;max-width:140px;height:14px;animation:1.5s ease-in-out infinite shimmer;display:inline-block}.shimmer-badge{border-radius:var(--radius);vertical-align:middle;background:#0000000d linear-gradient(90deg,#0000000d 0,#0000001f 40px,#0000000d 80px) 0 0/400px 100%;width:90px;height:22px;animation:1.5s ease-in-out infinite shimmer;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#11182766;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--bg-card-border);width:90%;max-width:520px;color:var(--text-primary);border-radius:16px;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}