:root{--nt-brand-primary: #009B3A;--nt-brand-primary-dark: #008730;--nt-brand-primary-light: #e6f7ed;--nt-brand-primary-tint-bg: #edf9f1;--nt-brand-primary-tint-fg: #1a5c34;--nt-brand-primary-tint-border: #b3e3c7;--nt-brand-primary-dark-surface: #0a2e1a;--nt-brand-primary-dark-foreground: #56d788;--nt-brand-primary-dark-border: #1d7140;--nt-brand-secondary: #0B1D3A;--nt-brand-accent: #FFCC00;--nt-brand-highlight: #FFFFFF;--nt-primary: var(--nt-brand-primary);--nt-primary-dark: var(--nt-brand-primary-dark);--nt-primary-light: var(--nt-brand-primary-light);--nt-primary-gradient: linear-gradient(135deg, var(--nt-brand-primary-dark), var(--nt-brand-primary));--nt-primary-tint-bg: var(--nt-brand-primary-tint-bg);--nt-primary-tint-fg: var(--nt-brand-primary-tint-fg);--nt-primary-tint-border: var(--nt-brand-primary-tint-border);--nt-secondary: var(--nt-brand-secondary);--nt-accent: var(--nt-brand-accent);--nt-highlight: var(--nt-brand-highlight);--nt-on-primary: #ffffff;--nt-text: #12203b;--nt-text-secondary: #44526a;--nt-muted: #69778d;--nt-text-inverse: #ffffff;--nt-border: #e2e8f0;--nt-border-strong: #cbd5e1;--nt-border-input: #cfd8e5;--nt-bg: #f5f7fb;--nt-bg-hover: #f2f5f9;--nt-white: #ffffff;--nt-surface: #ffffff;--nt-surface-subtle: #f8fafc;--nt-surface-raised: #ffffff;--nt-overlay: rgba(15, 23, 42, .52);--nt-focus-ring: color-mix(in srgb, var(--nt-primary) 22%, transparent);--nt-success: #158f58;--nt-danger: #dc4c4c;--nt-warning: #d98616;--nt-info: #2f82d8;--nt-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--nt-shadow-sm: 0 4px 12px rgba(15, 23, 42, .05);--nt-shadow-md: 0 12px 28px rgba(15, 23, 42, .08);--nt-shadow-lg: 0 24px 55px rgba(15, 23, 42, .16);--nt-shadow-card: var(--nt-shadow-xs);--nt-shadow-modal: var(--nt-shadow-lg);--nt-shadow-dropdown: var(--nt-shadow-md);--nt-radius-xs: 6px;--nt-radius-sm: 8px;--nt-radius: 12px;--nt-radius-lg: 16px;--nt-radius-xl: 22px;--nt-control-height-sm: 34px;--nt-control-height: 42px;--nt-control-height-lg: 48px;--nt-page-max-width: 1580px;--nt-sidebar-expanded: 264px;--nt-sidebar-collapsed: 72px;--nt-topbar-height: 64px;--nt-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nt-font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--nt-font-size-sm: clamp(.75rem, 2vw, .85rem);--nt-font-size-md: clamp(.85rem, 2.5vw, 1rem);--nt-font-size-lg: clamp(1rem, 3vw, 1.25rem);--nt-space-1: 4px;--nt-space-2: 8px;--nt-space-3: 12px;--nt-space-4: 16px;--nt-space-5: 20px;--nt-space-6: 24px;--nt-space-8: 32px;--nt-space-10: 40px;--nt-spacing-sm: clamp(8px, 1.5vw, 14px);--nt-spacing-md: clamp(12px, 2vw, 20px);--badge-green-bg: #e7f7ef;--badge-green-fg: #137a4c;--badge-red-bg: #fff0f0;--badge-red-fg: #c53f3f;--badge-orange-bg: #fff4e7;--badge-orange-fg: #b96608;--badge-blue-bg: #eaf4ff;--badge-blue-fg: #246fae;--badge-gray-bg: #eef2f6;--badge-gray-fg: #5f6d80;--badge-teal-bg: var(--nt-brand-primary-light);--badge-teal-fg: var(--nt-brand-primary);--badge-purple-bg: #f3eeff;--badge-purple-fg: #7041c7;--badge-cyan-bg: #e7f8fb;--badge-cyan-fg: #087f96;--icon-teal-bg: var(--nt-brand-primary-light);--icon-green-bg: #e7f7ef;--icon-red-bg: #fff0f0;--icon-orange-bg: #fff4e7;--icon-blue-bg: #eaf4ff;--chart-delivered: var(--nt-success);--chart-submitted: var(--nt-primary);--chart-queued: var(--nt-info);--chart-failed: var(--nt-danger);--chart-blocked: var(--nt-warning)}[data-theme=dark]{--nt-primary: var(--nt-brand-primary);--nt-primary-dark: var(--nt-brand-primary-dark);--nt-primary-light: var(--nt-brand-primary-dark-surface);--nt-primary-gradient: linear-gradient(135deg, var(--nt-brand-primary-dark), var(--nt-brand-primary));--nt-primary-tint-bg: var(--nt-brand-primary-dark-surface);--nt-primary-tint-fg: var(--nt-brand-primary-dark-foreground);--nt-primary-tint-border: var(--nt-brand-primary-dark-border);--nt-text: #f2f6fb;--nt-text-secondary: #c1cada;--nt-muted: #96a3b7;--nt-text-inverse: #0f172a;--nt-border: #344258;--nt-border-strong: #46566e;--nt-border-input: #4b5b73;--nt-bg: #0d1422;--nt-bg-hover: #243149;--nt-white: #182235;--nt-surface: #182235;--nt-surface-subtle: #111b2c;--nt-surface-raised: #202c42;--nt-overlay: rgba(2, 6, 23, .72);--nt-focus-ring: color-mix(in srgb, var(--nt-primary) 34%, transparent);--nt-success: #35c47a;--nt-danger: #f07878;--nt-warning: #f1b24d;--nt-info: #6caef2;--nt-shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--nt-shadow-sm: 0 4px 12px rgba(0, 0, 0, .22);--nt-shadow-md: 0 12px 30px rgba(0, 0, 0, .3);--nt-shadow-lg: 0 24px 60px rgba(0, 0, 0, .46);--nt-shadow-card: var(--nt-shadow-xs);--nt-shadow-modal: var(--nt-shadow-lg);--nt-shadow-dropdown: var(--nt-shadow-md);--badge-green-bg: #0d3221;--badge-green-fg: #63dc9a;--badge-red-bg: #3a171c;--badge-red-fg: #f6a0a0;--badge-orange-bg: #3b250f;--badge-orange-fg: #f2bd68;--badge-blue-bg: #102947;--badge-blue-fg: #9bc9f6;--badge-gray-bg: #28354a;--badge-gray-fg: #c6d0df;--badge-teal-bg: var(--nt-brand-primary-dark-surface);--badge-teal-fg: var(--nt-brand-primary-dark-foreground);--badge-purple-bg: #271a42;--badge-purple-fg: #c0a2f4;--badge-cyan-bg: #102e35;--badge-cyan-fg: #68d4e7;--icon-teal-bg: var(--nt-brand-primary-dark-surface);--icon-green-bg: #0d3221;--icon-red-bg: #3a171c;--icon-orange-bg: #3b250f;--icon-blue-bg: #102947;color-scheme:dark}@media(max-width:768px){:root{--nt-radius-sm: 7px;--nt-radius: 10px;--nt-radius-lg: 14px;--nt-radius-xl: 18px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--nt-font);background:var(--nt-bg);color:var(--nt-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--nt-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}table{width:100%;border-collapse:collapse}.topbar{min-height:68px;background:var(--nt-white);border-bottom:1px solid var(--nt-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-wrap:wrap;gap:8px}.topbar-brand{font-size:26px;font-weight:800;color:var(--nt-primary);letter-spacing:.2px}.topbar-logo{max-height:36px;vertical-align:middle}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.topbar-btn{height:42px;padding:0 18px;border:1px solid var(--nt-border);border-radius:8px;background:var(--nt-white);color:var(--nt-text);font-weight:700;display:flex;align-items:center;gap:8px;font-size:14px;transition:background .15s}.topbar-btn:hover{background:var(--nt-bg)}.topbar-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;min-width:190px;z-index:9999;overflow:hidden}.topbar-dropdown-item{display:block;width:100%;padding:10px 16px;background:var(--nt-white);border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--nt-text)}.topbar-dropdown-item:hover{background:var(--nt-bg)}.topbar-dropdown-danger{color:var(--nt-danger)}.page{padding:20px 24px}.page-title{font-size:30px;font-weight:800;margin:0}.page-subtitle{color:var(--nt-muted);margin-top:6px}.content{padding:22px}.cards-8{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:20px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.kpi-card{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius);min-height:118px;padding:20px 14px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--nt-shadow-card);min-width:0;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.kpi-card:hover{box-shadow:0 6px 20px #192d4b14;transform:translateY(-1px)}.kpi-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kpi-icon.teal{background:var(--icon-teal-bg);color:var(--nt-primary)}.kpi-icon.green{background:var(--icon-green-bg);color:var(--nt-success)}.kpi-icon.red{background:var(--icon-red-bg);color:var(--nt-danger)}.kpi-icon.orange{background:var(--icon-orange-bg);color:var(--nt-warning)}.kpi-icon.blue{background:var(--icon-blue-bg);color:var(--nt-info)}.kpi-label{font-weight:700;font-size:13px}.kpi-value{font-size:clamp(.95rem,1.6vw,1.35rem);font-weight:800;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2}.kpi-unit{font-size:12px;color:var(--nt-muted);margin-top:4px}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;margin-bottom:12px;color:var(--nt-muted)}.breadcrumb-sep{margin:0 2px}.breadcrumb-link{color:var(--nt-primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--nt-text);font-weight:600}.admin-card{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius);padding:18px;box-shadow:var(--nt-shadow-card);display:flex;align-items:center;gap:14px}.admin-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--nt-primary-light);color:var(--nt-primary)}.admin-card-icon.red{background:var(--badge-red-bg);color:var(--badge-red-fg)}.admin-card-icon.orange{background:var(--badge-orange-bg);color:var(--badge-orange-fg)}.admin-card-icon.blue{background:var(--badge-blue-bg, #e6f0ff);color:var(--badge-blue-fg, #1e5bb0)}.admin-card-icon.green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.admin-card-value{font-size:23px;font-weight:800;margin-top:2px}.admin-card-sub{font-size:12px;color:var(--nt-muted);margin-top:4px}.panel{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius);box-shadow:var(--nt-shadow-card);overflow-x:auto}.badge{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;display:inline-block;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.badge-green{background:var(--badge-green-bg);color:var(--badge-green-fg)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-fg)}.badge-orange{background:var(--badge-orange-bg);color:var(--badge-orange-fg)}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-fg)}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-fg)}.badge-teal{background:var(--badge-teal-bg);color:var(--badge-teal-fg)}.badge-purple{background:var(--badge-purple-bg);color:var(--badge-purple-fg)}.badge-cyan{background:var(--badge-cyan-bg);color:var(--badge-cyan-fg)}.btn{border:0;border-radius:var(--nt-radius-sm);height:40px;padding:0 20px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s}.btn:hover{opacity:.9}.btn-primary{background:var(--nt-primary-gradient);color:var(--nt-white)}.btn-secondary{background:var(--nt-white);border:1px solid var(--nt-border);color:var(--nt-text)}.btn-secondary:hover{background:var(--nt-bg)}.btn-danger{background:var(--nt-danger);color:var(--nt-white)}.btn-sm{height:28px;padding:0 13px;font-size:12px}.btn-lg{height:56px;font-size:17px;width:100%;justify-content:center}.tbl th,.tbl td{padding:12px 16px;border-bottom:1px solid var(--nt-border);text-align:left;font-size:13px;line-height:1.5}.tbl th{font-weight:700;font-size:11px;background:var(--nt-white);text-transform:uppercase;letter-spacing:.4px;color:var(--nt-muted);white-space:nowrap}.pager{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;font-size:13px}.pager-info{color:var(--nt-muted);display:flex;align-items:center;gap:12px}.pager-size-select{padding:4px 8px;border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);background:var(--nt-white);color:var(--nt-text);font-size:12px;font-family:inherit;cursor:pointer}.pager-pages{display:flex;gap:8px;align-items:center}.pager-pages button,.pager-pages span{padding:6px 12px;border-radius:5px;border:none;background:none;font-weight:600;font-size:13px;color:var(--nt-muted)}.pager-pages button:hover{background:var(--nt-bg)}.pager-pages .active{background:var(--nt-primary);color:var(--nt-white)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a263a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-box{background:var(--nt-white);border-radius:var(--nt-radius);box-shadow:var(--nt-shadow-modal);width:900px;max-width:calc(100vw - 40px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .25s ease}.modal-box.wide{width:1040px}.modal-box.xwide{width:1180px}.modal-head{height:66px;border-bottom:1px solid var(--nt-border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;flex-shrink:0}.modal-title{font-size:22px;font-weight:800}.modal-close{width:36px;height:36px;border-radius:50%;font-size:25px;color:var(--nt-muted);background:none;border:none;line-height:1}.modal-close:hover{background:var(--nt-bg)}.modal-body{padding:22px;overflow:auto;flex:1}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--nt-border);margin-bottom:20px}.tab{padding:0 4px 13px;color:var(--nt-muted);font-weight:700;border:none;background:none;font-size:14px;border-bottom:3px solid transparent;transition:color .15s}.tab.active{color:var(--nt-primary);border-bottom-color:var(--nt-primary)}.form-input{width:100%;height:40px;border:1px solid var(--nt-border-input);border-radius:var(--nt-radius-sm);padding:0 12px;font-size:14px;color:var(--nt-text);background:var(--nt-white);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--nt-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--nt-primary) 8%,transparent)}.form-input-lg{height:56px;font-size:16px;padding:0 18px}.form-label{font-weight:700;display:block;margin-bottom:8px}.form-row{margin-bottom:14px}.form-select{width:100%;height:40px;border:1px solid var(--nt-border-input);border-radius:var(--nt-radius-sm);padding:0 12px;font-size:14px;color:var(--nt-text);background:var(--nt-white);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%2361708a'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);box-shadow:var(--nt-shadow-dropdown);max-height:220px;overflow-y:auto}.autocomplete-item{padding:10px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--nt-border)}.autocomplete-item:hover{background:var(--nt-bg)}.autocomplete-item:last-child{border-bottom:none}.form-error{color:var(--nt-danger);font-size:13px;margin-bottom:8px}.form-success{color:var(--nt-success);font-size:13px;margin-bottom:8px}.text-mono{font-family:var(--nt-font-mono);font-size:11px}.amount-positive{color:var(--nt-success);font-weight:700}.amount-negative{color:var(--nt-danger);font-weight:700}.btn-group{display:flex;gap:4px;flex-wrap:wrap}.kv-grid{display:grid;grid-template-columns:180px 1fr;gap:16px 24px;align-items:baseline}.kv-grid dt{font-size:13px;font-weight:600;color:var(--nt-muted)}.kv-grid dd{font-size:14px}.timeline{border-left:2px solid var(--nt-primary-tint-border);margin-left:10px;padding-left:24px}.timeline-item{position:relative;display:flex;justify-content:space-between;margin:0 0 25px;font-size:13px}.timeline-item:before{content:"✓";position:absolute;left:-36px;top:-2px;width:22px;height:22px;border-radius:50%;background:var(--nt-primary);color:var(--nt-white);display:flex;align-items:center;justify-content:center;font-size:11px}.code-block{background:var(--nt-bg);border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);padding:12px;font-family:var(--nt-font-mono);font-size:12px;white-space:pre-wrap;color:var(--nt-text);word-break:break-all}.split-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.split-60-40{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.mid-2{display:grid;grid-template-columns:1.03fr .97fr;gap:16px;margin-top:18px;align-items:start}.section-box{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;padding:18px;box-shadow:var(--nt-shadow-card)}.section-box h3{margin:0 0 16px;font-size:17px}.info-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--nt-border);font-size:13px}.info-row:last-of-type{border-bottom:none}.info-label{color:var(--nt-muted);font-weight:500}.info-value{color:var(--nt-text);font-weight:500}.message-detail-grid{display:grid;grid-template-columns:1fr 1fr}.message-detail-section{padding:4px 24px 8px 2px}.message-detail-section h3{margin:0 0 18px;color:var(--nt-primary);font-size:17px}.message-detail-timeline{padding-left:26px;padding-right:2px;border-left:1px solid var(--nt-border)}.stat-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.stat-mini{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;padding:16px;box-shadow:var(--nt-shadow-card)}.stat-mini-label{font-size:12px;color:var(--nt-muted);margin-bottom:4px}.stat-mini-value{font-size:18px;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums}.note-box{padding:14px 16px;border-radius:var(--nt-radius-sm);background:var(--nt-primary-tint-bg);color:var(--nt-primary-tint-fg);font-size:13px;line-height:1.6}.note-box.note-warning{background:var(--badge-orange-bg);color:var(--badge-orange-fg);border:1px solid var(--nt-warning)}.smpp-password{font-size:18px;word-break:break-all;color:var(--nt-text)}.smpp-ton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.filters{background:var(--nt-white);padding:20px}.filter-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:18px}.dashboard-filter-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.filter-actions{margin-top:22px;display:flex;gap:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 90% 10%,var(--nt-primary-light) 0,transparent 25%),var(--nt-bg);padding:32px 24px}.timeline-failure:before{content:"×";background:var(--nt-danger)}.timeline-warning:before{content:"!";background:var(--nt-warning)}.modal-master-detail{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:18px}.auth-shell{width:1120px;max-width:100%}.login-card{width:100%;max-width:calc(100vw - 48px);min-height:650px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius-lg);box-shadow:var(--nt-shadow-modal);display:grid;grid-template-columns:1fr 1.15fr;overflow:hidden}.login-promo{background:linear-gradient(155deg,var(--nt-bg),var(--nt-primary-light));padding:70px 62px;display:flex;flex-direction:column;justify-content:center;color:var(--nt-primary);overflow:hidden}.login-promo h2{font-size:34px;line-height:1.2;margin:24px 0;color:var(--nt-text)}.login-promo h2 span{color:var(--nt-primary)}.login-promo p{font-size:17px;color:var(--nt-muted);line-height:1.55}.login-checks{margin-top:28px}.login-checks div{margin:15px 0;font-size:15px;display:flex;align-items:center;gap:10px}.auth-send-icon{color:var(--nt-primary);line-height:0}.auth-check-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--icon-teal-bg);color:var(--nt-primary)}.auth-illustration{position:relative;width:240px;height:110px;margin-top:28px;color:var(--nt-primary);opacity:.72}.auth-illustration svg{position:absolute;top:8px;right:0;bottom:0;left:0;width:100%;height:100%}.auth-chart-window{position:absolute;left:8px;bottom:4px;width:98px;height:68px;border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);background:var(--nt-white)}.auth-chart-window span{display:block;width:55px;height:5px;margin:9px 12px;border-radius:4px;background:var(--icon-teal-bg)}.login-form-side{padding:70px 85px;display:flex;flex-direction:column;justify-content:center}.login-form-side h1{text-align:center;color:var(--nt-primary);font-size:34px;margin:0}.login-logo{display:block;max-height:52px;margin:0 auto}.login-form-side .login-sub{text-align:center;color:var(--nt-muted);font-size:18px;margin:10px 0 40px}.login-form-side label{font-weight:800;display:block;margin:20px 0 10px}.auth-input-wrap{position:relative}.auth-input-wrap .form-input{padding-left:48px}.auth-input-wrap .form-input[type=password],.auth-input-wrap .form-input[type=text]{padding-right:48px}.auth-input-icon{position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);color:var(--nt-muted);display:flex}.auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--nt-muted)}.auth-remember{margin:16px 0 22px;display:flex;align-items:center;gap:8px}.auth-remember input{width:18px;height:18px;accent-color:var(--nt-primary)}.auth-remember label{margin:0;font-weight:500}.auth-error{color:var(--nt-danger);font-size:13px;margin-bottom:12px}.auth-error-centered{margin-top:14px;text-align:center}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--nt-muted);font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--nt-border)}.login-links{display:flex;justify-content:center;gap:24px;font-size:14px}.login-links a{display:flex;align-items:center;gap:6px}.login-footer{text-align:center;margin-top:28px;font-size:13px;color:var(--nt-muted)}.login-card-2fa{width:1120px;max-width:calc(100vw - 48px)}.auth-2fa-side h1{font-size:30px;line-height:1.2}.auth-2fa-side .login-sub{margin-bottom:28px}.auth-back-link{align-self:flex-start;font-weight:700}.auth-totp-input{height:64px;border-width:2px;font-size:30px;font-weight:700;text-align:center;letter-spacing:12px;padding-left:12px}.auth-2fa-submit{margin-top:24px}.auth-recovery-link{margin-top:20px;text-align:center;font-size:13px;font-weight:600}.recovery-card{width:1120px;max-width:calc(100vw - 48px);min-height:620px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius-lg);box-shadow:var(--nt-shadow-modal);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.recovery-left{padding:70px}.recovery-intro{text-align:center;margin-bottom:32px}.recovery-intro h2{margin:20px 0 10px;font-size:28px;font-weight:800}.recovery-intro p,.recovery-right p{color:var(--nt-muted)}.recovery-icon{display:inline-flex;width:84px;height:84px;align-items:center;justify-content:center;border-radius:50%;background:var(--icon-teal-bg)}.recovery-right{padding:90px 60px;background:linear-gradient(155deg,var(--nt-bg),var(--nt-primary-light));text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.recovery-right h3{font-size:20px;font-weight:800;margin:24px 0 12px}.recovery-right p{font-size:14px;line-height:1.7}.recovery-note{margin-top:24px;padding:14px 18px;border:1px solid var(--nt-border);border-radius:var(--nt-radius);background:var(--icon-teal-bg);font-size:13px;line-height:1.6}.recovery-alert{margin-bottom:16px}.password-requirements{display:grid;gap:7px;margin:16px 0 24px;color:var(--nt-muted);font-size:12px}.password-requirements span:before{content:"○";display:inline-block;width:20px}.password-requirements span.met{color:var(--nt-success)}.password-requirements span.met:before{content:"✓"}.chart-panel{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius);padding:18px 22px;box-shadow:var(--nt-shadow-card);min-height:260px}.chart-title{font-weight:800;font-size:14px}.chart-tooltip{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:var(--nt-shadow-dropdown, 0 6px 20px rgba(20,38,70,.1))}.text-center{text-align:center}.text-right{text-align:right}.gap-3{gap:12px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{flex-direction:column}.w-full{width:100%}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.admin-card-label{font-size:13px;font-weight:700;color:var(--nt-muted)}.hamburger-btn{display:none;height:42px;width:42px;border:1px solid var(--nt-border);border-radius:8px;background:var(--nt-white);color:var(--nt-text);font-size:22px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-select:focus{border-color:var(--nt-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--nt-primary) 8%,transparent)}.table-responsive .tbl{min-width:760px}.state-panel{padding:40px 20px;text-align:center;color:var(--nt-muted)}.state-panel.compact{padding:20px 12px}.state-panel p{margin:6px 0 14px}.state-error{color:var(--nt-danger)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--badge-gray-bg) 25%,var(--nt-bg) 50%,var(--badge-gray-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-text{height:14px;width:60%}.skeleton-value{height:28px;width:80px}.skeleton-row{height:40px;width:100%;margin-bottom:8px}.skeleton-circle{width:48px;height:48px;border-radius:50%}.modal-section-head,.modal-actions,.table-actions,.modal-filters{display:flex;align-items:center;gap:10px}.modal-section-head{justify-content:space-between;margin-bottom:16px}.modal-section-head h3{margin-bottom:0}.modal-actions{justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.modal-filters{margin-bottom:16px;flex-wrap:wrap}.modal-filters .form-input,.modal-filters .form-select{width:auto;min-width:180px;flex:1}.table-actions{white-space:nowrap}.table-actions-vertical{align-items:flex-start;flex-direction:column;gap:3px}.table-link{min-height:24px;padding:3px 0;border:0;background:transparent;color:var(--nt-primary);font-size:11px;font-weight:700}.table-link-danger{color:var(--nt-danger)}.token-value{overflow-x:auto;white-space:nowrap}.text-mono{font-family:var(--nt-font-mono);font-size:12px;overflow-wrap:anywhere}.form-textarea{min-height:88px;height:auto;padding:10px 12px;resize:vertical}.check-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:13px}.check-row input{width:18px;height:18px;accent-color:var(--nt-primary)}.account-feedback{margin-bottom:16px}.check-row-group{display:flex;flex-wrap:wrap;gap:20px;margin:8px 0}.check-row-group .check-row{margin:0}.account-overview{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.account-data-grid,.account-summary-list{display:grid;grid-template-columns:145px 1fr;gap:13px 16px}.account-data-grid dt,.account-summary-list dt{color:var(--nt-muted);font-size:12px;font-weight:700}.account-data-grid dd,.account-summary-list dd{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-company-card{border:1px solid var(--nt-border);border-radius:var(--nt-radius);padding:20px}.account-company-title,.account-user-cell{display:flex;align-items:center;gap:10px}.account-company-title{margin-bottom:22px;font-size:16px}.account-company-icon,.account-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--icon-teal-bg);color:var(--nt-primary)}.account-company-icon{width:46px;height:46px}.account-avatar{width:32px;height:32px;font-size:11px;font-weight:800}.account-users-section{margin-top:18px}.account-user-filters{max-width:620px}.account-users-table .tbl{min-width:720px}.account-create-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.account-role-guide dl{display:grid;gap:4px;margin-bottom:20px}.account-role-guide dt{margin-top:10px;font-weight:800}.account-role-guide dd{color:var(--nt-muted);font-size:13px}.event-list small{display:block;color:var(--nt-muted);margin-top:2px}.webhook-example-payload{max-height:245px;overflow:auto;margin:12px 0 18px}.webhook-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:14px 16px;margin-bottom:16px;border:1px solid var(--nt-border);border-radius:var(--nt-radius)}.webhook-summary div{display:grid;gap:4px;min-width:0}.webhook-summary span{color:var(--nt-muted);font-size:11px}.webhook-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.webhook-history-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.9fr)}.modal-help{line-height:1.7;font-size:13px}.token-result{max-width:700px;margin:0 auto}.account-details{max-width:700px;padding:24px}.account-details h3{margin-bottom:20px;font-size:17px}.code-input{max-width:180px;letter-spacing:4px;font-family:var(--nt-font-mono)}.twofa-setup-grid{display:grid;grid-template-columns:176px 1fr;gap:16px;align-items:center;margin:14px 0 18px}.twofa-qr-frame{width:176px;height:176px;padding:6px;border:1px solid var(--nt-border);border-radius:var(--nt-radius);background:var(--nt-white)}.twofa-qr-frame img{display:block;width:100%;height:100%}.twofa-qr-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--nt-muted);font-size:12px;text-align:center}.twofa-instructions strong{display:block;margin-bottom:10px}.twofa-instructions ol{padding-left:20px;color:var(--nt-muted);font-size:12px;line-height:1.7}.finance-filters{grid-template-columns:repeat(4,1fr) auto;align-items:end;margin-bottom:16px}.amount-positive{color:var(--nt-success)}.amount-negative{color:var(--nt-danger)}.selectable-row{cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--nt-primary);outline-offset:2px}.sidebar-item:focus-visible,.tab:focus-visible{outline:2px solid var(--nt-primary);outline-offset:-2px}@media(min-width:768px)and (max-width:1024px){.cards-8{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-layout{grid-template-columns:54px 1fr}.sidebar{padding:22px 8px;overflow:hidden}.sidebar-item{padding:12px 10px;font-size:0;justify-content:center}.sidebar-item:first-letter{font-size:14px;font-weight:800}}@media(max-width:768px){.modal-overlay{padding:0}.cards-8,.cards-4,.admin-cards{grid-template-columns:repeat(2,1fr)}.hamburger-btn{display:flex}table{font-size:.85rem}.split-2,.split-60-40,.modal-master-detail,.mid-2,.account-overview,.account-create-grid,.message-detail-grid{grid-template-columns:1fr}.message-detail-section{padding:4px 0 20px}.message-detail-timeline{padding-top:20px;border-top:1px solid var(--nt-border);border-left:0}.account-data-grid,.account-summary-list{grid-template-columns:1fr;gap:4px}.account-data-grid dd,.account-summary-list dd{margin-bottom:10px}.filter-grid{grid-template-columns:1fr 1fr}.login-card,.recovery-card{grid-template-columns:1fr}.login-promo{display:none}.login-form-side{padding:40px 28px}.login-page{padding:0}.auth-shell,.login-card,.login-card-2fa,.recovery-card{width:100%;max-width:none}.login-card,.recovery-card{min-height:100dvh;border-radius:0}.login-footer{display:none}.recovery-left{padding:44px 28px}.recovery-right{padding:50px 28px}.modal-box,.modal-box.wide,.modal-box.xwide{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.modal-head{padding:0 16px}.modal-body{padding:16px}.kv-grid,.twofa-setup-grid,.webhook-summary{grid-template-columns:1fr}.stat-bar{grid-template-columns:repeat(2,1fr)}.finance-filters{grid-template-columns:1fr}.modal-filters{align-items:stretch;flex-direction:column}.modal-filters .form-input,.modal-filters .form-select{width:100%}.topbar{padding:0 12px}.topbar-actions{gap:6px}.topbar-btn{padding:0 10px;font-size:12px;gap:4px}.page{padding:16px 12px}.page-title{font-size:22px}.toolbar{flex-direction:column;align-items:flex-start;gap:12px}.tabs{gap:14px;overflow-x:auto}.kpi-card{min-height:100px;padding:14px 10px}.admin-card{padding:14px}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}.chart-panel{min-height:auto}}@media(max-width:480px){.topbar-btn .topbar-btn-label{display:none}.topbar-btn{padding:0 8px;min-width:38px;justify-content:center}.topbar-brand{font-size:18px}.cards-8,.cards-4,.admin-cards,.filter-grid{grid-template-columns:1fr}.page-title{font-size:18px}.page-subtitle{font-size:12px}.stat-bar{grid-template-columns:1fr}.btn-group{flex-wrap:wrap}.pager{flex-direction:column;align-items:stretch;gap:8px}.pager-info{justify-content:center}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;background:var(--nt-white);border-right:1px solid var(--nt-border);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.sidebar-brand{display:flex;align-items:center;height:56px;padding:0 18px;border-bottom:1px solid var(--nt-border);flex-shrink:0}.sidebar-brand-text{font-size:15px;font-weight:700;color:var(--nt-primary);white-space:nowrap}.sidebar-brand-icon{font-size:20px;font-weight:800;color:var(--nt-primary);width:28px;text-align:center}.sidebar-brand-logo{max-height:32px;max-width:160px;object-fit:contain}.sidebar-brand-logo-sm{max-height:28px;max-width:28px;object-fit:contain}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px}.sidebar-group{margin-bottom:16px}.sidebar-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--nt-muted);padding:0 12px;margin-bottom:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--nt-text-secondary);transition:background .15s,color .15s;text-decoration:none;margin-bottom:1px}.sidebar-item:hover{background:var(--nt-bg);color:var(--nt-text);text-decoration:none}.sidebar-item.active{background:var(--nt-primary-light);color:var(--nt-primary);border-left:3px solid var(--nt-primary)}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-btn{width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.sidebar-collapse-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--nt-bg);border:1px solid var(--nt-border);border-radius:7px;cursor:pointer;color:var(--nt-muted);transition:color .15s}.sidebar-collapse-btn:hover{color:var(--nt-text)}.sidebar.collapsed .sidebar-collapse-btn{position:relative;bottom:auto;margin:0 auto 12px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:199}.sidebar-overlay.open{display:block}.main-area{flex:1;transition:margin-left .2s ease;display:flex;flex-direction:column;min-height:100vh}.topbar{height:56px;background:var(--nt-white);border-bottom:1px solid var(--nt-border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;z-index:150}.topbar-mobile-btn{display:none;background:none;border:none;color:var(--nt-text-secondary);padding:4px}.topbar-center{flex:1}.topbar-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--nt-text-secondary);border-radius:7px;transition:background .15s}.topbar-icon-btn:hover{background:var(--nt-bg)}.topbar-user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:7px;transition:background .15s}.topbar-user:hover{background:var(--nt-bg)}.topbar-avatar{width:28px;height:28px;border-radius:50%;background:var(--nt-primary-light);color:var(--nt-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.topbar-user-name{font-size:13px;font-weight:600;color:var(--nt-text)}.topbar-menu{position:absolute;top:52px;right:12px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;box-shadow:0 6px 20px #0000001a;min-width:140px;z-index:301;overflow:hidden}.topbar-menu button{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:13px;color:var(--nt-danger);cursor:pointer}.topbar-menu button:hover{background:var(--nt-bg)}.content-area{flex:1;padding:20px 24px;background:var(--nt-white)}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);width:248px!important}.sidebar-overlay.open,.topbar-mobile-btn{display:block}.main-area{margin-left:0!important}.content-area{padding:16px}}@media(max-width:1024px){.cards-8{grid-template-columns:repeat(4,1fr)}.admin-cards{grid-template-columns:repeat(2,1fr)}.mid-2,.split-2{grid-template-columns:1fr}}@media(max-width:768px){.topbar{padding:0 12px;min-height:56px;flex-wrap:nowrap}.topbar-brand{font-size:18px}.topbar-logo{max-height:28px}.topbar-btn{height:36px;padding:0 10px;font-size:12px;gap:4px}.topbar-btn-label{display:none}.cards-8,.admin-cards{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{min-height:90px;padding:14px 10px}.kpi-card .kpi-value{font-size:18px}.kpi-card .kpi-label{font-size:11px}.section-box{padding:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.filter-grid{grid-template-columns:1fr 1fr;gap:8px}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}.page-title{font-size:20px}.toolbar{flex-direction:column;align-items:flex-start;gap:10px}.toolbar .btn{width:100%;justify-content:center}.chart-row{grid-template-columns:1fr;gap:12px}.chart-panel{min-height:220px;padding:12px}.dashboard-filter-grid{grid-template-columns:1fr 1fr}.stat-bar{grid-template-columns:repeat(2,1fr);gap:8px}.stat-bar-item{padding:10px}.tabs{gap:8px;overflow-x:auto;flex-wrap:nowrap}.tab{padding:8px 14px;font-size:12px;white-space:nowrap}.modal-box{max-width:calc(100vw - 32px)!important;margin:16px;max-height:calc(100vh - 80px)}.modal-header{padding:0 16px;height:52px}.modal-body{padding:16px}.modal-header h2{font-size:18px}.split-2{grid-template-columns:1fr;gap:12px}.form-row{margin-bottom:12px}.form-input,.form-select{height:42px;font-size:16px}.pager{flex-direction:column;gap:8px;align-items:center}.pager-info{font-size:11px}}@media(max-width:1280px){.hide-md{display:none}}@media(max-width:768px){.page-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.page-toolbar .btn{width:100%;justify-content:center}.filters-bar{flex-direction:column;align-items:stretch}.template-grid{grid-template-columns:1fr}.batch-result{flex-wrap:wrap;gap:16px}.batch-preview{flex-wrap:wrap;gap:12px}.panel-actions{justify-content:stretch}.panel-actions .btn{flex:1}}@media(max-width:480px){.cards-8,.admin-cards{grid-template-columns:1fr}.kpi-card{min-height:80px;padding:12px 8px}.filter-grid,.dashboard-filter-grid{grid-template-columns:1fr}.page-title{font-size:18px}.page-subtitle{font-size:12px}.stat-bar{grid-template-columns:1fr}.topbar{padding:0 8px;min-height:52px}.section-box{padding:12px}.table th,.table td{padding:8px 6px;font-size:11px}.tab{padding:6px 10px;font-size:11px}.chart-panel{min-height:180px;padding:8px}}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.chart-panel h4{font-size:13px;font-weight:700;color:var(--nt-text);margin-bottom:8px}.chart-panel .chart-subtitle{font-size:11px;color:var(--nt-muted);margin-bottom:12px}.chart-tooltip{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:var(--nt-shadow-dropdown)}.chart-tooltip-label{font-weight:700;margin-bottom:2px}.chart-tooltip-value{color:var(--nt-primary)}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-top:8px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nt-muted)}.chart-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center-value{font-size:20px;font-weight:800;color:var(--nt-text)}.donut-center-label{font-size:11px;color:var(--nt-muted)}.panel-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--nt-primary);text-decoration:none}.panel-link:hover{text-decoration:underline}.export-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:6px;font-size:12px;font-weight:600;color:var(--nt-text-secondary);cursor:pointer;transition:all .15s}.export-btn:hover{border-color:var(--nt-primary);color:var(--nt-primary);background:var(--nt-primary-light)}.export-btn svg{width:14px;height:14px}.dashboard-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;align-items:end}.recharge-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.recharge-balance-box{background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);padding:12px 20px;text-align:center;display:flex;flex-direction:column;gap:4px}.recharge-balance-label{font-size:12px;color:var(--nt-muted);font-weight:600}.recharge-balance-value{font-size:24px;font-weight:800;color:var(--nt-text)}.recharge-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.recharge-sidebar{display:flex;flex-direction:column;gap:16px}.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.amount-btn{padding:14px 8px;border:2px solid var(--nt-border);border-radius:var(--nt-radius-sm);background:var(--nt-white);font-weight:700;font-size:14px;cursor:pointer;color:var(--nt-text);transition:border-color .15s,background .15s}.amount-btn:hover{border-color:var(--nt-primary)}.amount-btn-active{border-color:var(--nt-primary);background:var(--nt-primary-light)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;margin-top:12px}.payment-method-card{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid var(--nt-border);border-radius:var(--nt-radius-sm);cursor:pointer;background:var(--nt-white);text-align:left;transition:border-color .15s,background .15s}.payment-method-card:hover{border-color:var(--nt-primary)}.payment-method-active{border-color:var(--nt-primary);background:var(--nt-primary-light)}.payment-method-card strong{display:block;font-size:14px;color:var(--nt-text)}.payment-method-card small{color:var(--nt-muted);font-size:11px}.payment-method-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--nt-white);flex-shrink:0}.payment-method-icon-pix{background:var(--nt-primary);font-size:12px}.payment-method-icon-boleto{background:var(--nt-text);font-size:10px}.recharge-summary{background:var(--nt-bg);border-radius:var(--nt-radius-sm);padding:16px;margin-bottom:16px}.recharge-summary-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;color:var(--nt-text)}.recharge-summary-fee{color:var(--nt-muted)}.recharge-summary-total{display:flex;justify-content:space-between;font-size:15px;font-weight:700;padding-top:8px;border-top:1px solid var(--nt-border);color:var(--nt-text)}.recharge-summary-total strong{color:var(--nt-primary)}.recharge-error{color:var(--nt-danger);font-size:13px;margin-bottom:12px;padding:8px 12px;background:var(--badge-red-bg);border-radius:6px}.recharge-submit{justify-content:center;padding:14px}.recharge-result{margin-top:16px;padding:20px;background:var(--badge-green-bg);border:1px solid var(--nt-success);border-radius:var(--nt-radius-sm)}.recharge-result-title{font-weight:700;margin-bottom:12px;color:var(--badge-green-fg)}.recharge-qrcode{display:block;margin-top:12px;max-width:200px}.recharge-hint{font-size:11px;color:var(--nt-muted);margin-top:8px}.recharge-info-list{font-size:12px;color:var(--nt-muted);padding-left:16px;line-height:1.8;list-style:disc}@media(max-width:1024px){.recharge-grid{grid-template-columns:1fr}}@media(max-width:480px){.recharge-amounts{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}.recharge-balance-value{font-size:20px}}.mb-0{margin-bottom:0}.gap-3{gap:10px}.flex-end{display:flex;justify-content:flex-end;margin-top:18px}.chart-empty,.chart-error-state{text-align:center;padding:30px;color:var(--nt-muted)}.chart-error-state .chart-error-msg{color:var(--nt-danger);margin-bottom:12px}.panel-footer{margin-top:12px;text-align:right}.table-id{font-family:var(--nt-font-mono);font-size:11px}.panel-header{padding:16px 16px 0}.panel-body{padding:0 16px 16px}.note-box.note-inline{margin-top:0;margin-bottom:12px}.route-distribution{margin:12px 0}.route-distribution-header{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.route-distribution-total{font-weight:700;color:var(--nt-text)}.route-distribution-total.route-over{color:var(--nt-danger)}.route-bar{height:8px;border-radius:4px;background:var(--nt-bg);overflow:hidden;display:flex}.route-bar-segment{transition:width .2s}.route-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.route-legend-item{font-size:11px;color:var(--nt-muted);display:flex;align-items:center;gap:4px}.route-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:16px;background:var(--nt-white);border:1px solid var(--nt-border);border-radius:var(--nt-radius)}.template-preview{font-size:13px;color:var(--nt-text);line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--nt-bg);border:1px solid var(--nt-border);border-radius:var(--nt-radius-sm);padding:12px;margin-bottom:12px;max-height:120px;overflow:hidden}.template-var{background:var(--nt-primary-tint-bg);color:var(--nt-primary);padding:1px 4px;border-radius:3px;font-weight:600;font-size:12px}.note-box-close{float:right;background:none;border:none;cursor:pointer;font-size:16px;color:var(--nt-muted);padding:0 4px;line-height:1}.note-box-close:hover{color:var(--nt-text)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.batch-result{display:flex;gap:24px;justify-content:center;padding:16px}.batch-result-item{text-align:center}.batch-result-value{font-size:1.4rem;font-weight:700}.batch-result-label{font-size:12px;color:var(--nt-muted);margin-top:4px}.batch-preview{display:flex;justify-content:center;gap:24px;padding:12px;background:var(--nt-primary-tint-bg);border-radius:var(--nt-radius-sm);margin-bottom:12px;font-size:13px}.send-result-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.send-result-header h3{margin:0}.info-value-mono{font-family:var(--nt-font-mono);font-size:.82rem}.panel-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0}.form-select-sm{width:150px}.text-tabular{font-variant-numeric:tabular-nums}.text-nowrap{white-space:nowrap}.autocomplete-wrapper{position:relative}.provider-form-panel{max-width:620px;padding:22px}.provider-item{border-bottom:1px solid var(--nt-border)}.provider-header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 18px;cursor:pointer}.provider-header-left{display:flex;align-items:center;gap:14px}.provider-header-left strong{font-size:15px}.provider-protocol{color:var(--nt-muted);font-size:12px;margin-left:10px}.provider-header-right{display:flex;align-items:center;gap:8px}.provider-chevron{transition:transform .15s}.provider-chevron.open{transform:rotate(180deg)}.provider-body{padding:0 18px 18px;background:var(--nt-bg)}.provider-routes-label{display:block;margin-bottom:10px}html,body,#root{width:100%;min-width:0;min-height:100%}html{background:var(--nt-bg);color-scheme:light}[data-theme=dark]{color-scheme:dark}body{min-width:320px;overflow-x:hidden;background:var(--nt-bg);color:var(--nt-text);font-family:var(--nt-font);font-size:14px;line-height:1.55;letter-spacing:-.005em}button,input,select,textarea,fieldset{min-width:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--nt-focus-ring);outline-offset:2px}img,svg,canvas{max-width:100%}::selection{background:var(--nt-primary-light);color:var(--nt-text)}.app-shell{display:flex;width:100%;min-width:0;min-height:100vh;overflow-x:clip;background:var(--nt-bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:240;width:var(--nt-sidebar-expanded)!important;max-width:calc(100vw - 28px);display:flex;flex-direction:column;overflow:hidden;background:var(--nt-surface);border-right:1px solid var(--nt-border);box-shadow:none;transition:width .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar.collapsed{width:var(--nt-sidebar-collapsed)!important}.sidebar-brand{height:var(--nt-topbar-height);min-height:var(--nt-topbar-height);padding:0 20px;display:flex;align-items:center;border-bottom:1px solid var(--nt-border);background:var(--nt-surface)}.sidebar.collapsed .sidebar-brand{justify-content:center;padding-inline:10px}.sidebar-brand-logo{max-width:178px;max-height:34px;object-fit:contain;object-position:left center}.sidebar-brand-logo-sm{width:32px;height:32px;object-fit:contain}.sidebar-brand-text{overflow:hidden;color:var(--nt-text);font-size:16px;font-weight:800;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--nt-primary-gradient);color:var(--nt-on-primary);font-size:16px;font-weight:800}.sidebar-nav{flex:1;padding:16px 12px 76px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-group{margin:0 0 18px}.sidebar-group-toggle{width:100%;min-height:28px;padding:0 10px 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:var(--nt-muted);text-align:left}.sidebar-group-label{margin:0;padding:0 10px 7px;color:var(--nt-muted);font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.sidebar-group-toggle .sidebar-group-label{padding:0}.sidebar-group-chevron{width:14px;height:14px;flex:0 0 auto;transition:transform .18s ease}.sidebar-group-toggle[aria-expanded=true] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-items[hidden]{display:none}.sidebar-item{position:relative;width:100%;min-height:42px;margin:2px 0;padding:9px 11px;display:flex;align-items:center;gap:11px;overflow:hidden;border:1px solid transparent;border-radius:10px;color:var(--nt-text-secondary);font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.sidebar-item:hover{background:var(--nt-surface-subtle);border-color:var(--nt-border);color:var(--nt-text);text-decoration:none;transform:translate(1px)}.sidebar-item.active{background:var(--nt-primary-light);border-color:var(--nt-primary-tint-border);color:var(--nt-primary-tint-fg);box-shadow:inset 3px 0 0 var(--nt-primary)}.sidebar-item-icon{width:20px;height:20px;display:grid;flex:0 0 auto;place-items:center}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .sidebar-group-label,.sidebar.collapsed .sidebar-group-toggle{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding-inline:0}.sidebar-collapse-btn{position:absolute;right:14px;bottom:16px;left:auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle);color:var(--nt-muted);transform:none;transition:color .14s ease,border-color .14s ease,background .14s ease}.sidebar-collapse-btn:hover{border-color:var(--nt-border-strong);background:var(--nt-bg-hover);color:var(--nt-text)}.sidebar.collapsed .sidebar-collapse-btn{right:50%;bottom:16px;margin:0;transform:translate(50%)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:230;background:var(--nt-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-area{width:calc(100% - var(--nt-sidebar-expanded));min-width:0;min-height:100vh;margin-left:var(--nt-sidebar-expanded)!important;display:flex;flex-direction:column;background:var(--nt-bg);transition:width .18s ease,margin-left .18s ease}.sidebar.collapsed~.main-area{width:calc(100% - var(--nt-sidebar-collapsed));margin-left:var(--nt-sidebar-collapsed)!important}.topbar{position:sticky;top:0;z-index:210;width:100%;min-width:0;height:var(--nt-topbar-height);min-height:var(--nt-topbar-height);padding:0 24px;display:flex;align-items:center;gap:14px;flex-wrap:nowrap;background:color-mix(in srgb,var(--nt-surface) 94%,transparent);border-bottom:1px solid var(--nt-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-center{flex:1;min-width:0}.topbar-actions{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.topbar-mobile-btn,.topbar-icon-btn{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--nt-text-secondary);transition:background .14s ease,border-color .14s ease,color .14s ease}.topbar-mobile-btn{display:none}.topbar-mobile-btn:hover,.topbar-icon-btn:hover{background:var(--nt-surface-subtle);border-color:var(--nt-border);color:var(--nt-text)}.topbar-user{min-width:0;min-height:42px;padding:5px 9px 5px 6px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--nt-text);cursor:pointer;transition:background .14s ease,border-color .14s ease}.topbar-user:hover{background:var(--nt-surface-subtle);border-color:var(--nt-border)}.topbar-avatar{width:32px;height:32px;display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--nt-primary-tint-border);border-radius:10px;background:var(--nt-primary-light);color:var(--nt-primary-tint-fg);font-size:12px;font-weight:800}.topbar-user-name{max-width:min(240px,28vw);overflow:hidden;color:var(--nt-text);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.topbar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.topbar-menu,.topbar-dropdown{position:absolute;z-index:310;min-width:180px;overflow:hidden;border:1px solid var(--nt-border);border-radius:12px;background:var(--nt-surface-raised);box-shadow:var(--nt-shadow-dropdown)}.topbar-menu{top:calc(100% + 8px);right:0}.topbar-menu button,.topbar-dropdown-item{width:100%;min-height:42px;padding:10px 14px;display:flex;align-items:center;border:0;background:transparent;color:var(--nt-text-secondary);font-size:13px;font-weight:650;text-align:left}.topbar-menu button:hover,.topbar-dropdown-item:hover{background:var(--nt-bg-hover);color:var(--nt-text)}.content-area{width:100%;min-width:0;flex:1;padding:0!important;background:var(--nt-bg)}.page{width:100%;max-width:var(--nt-page-max-width);min-width:0;margin-inline:auto;padding:30px clamp(20px,2.4vw,38px) 44px}.page>*{min-width:0}.page-header{margin:0 0 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-header-copy{min-width:0}.page-eyebrow{margin-bottom:6px;display:block;color:var(--nt-primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-title{margin:0;color:var(--nt-text);font-size:clamp(24px,2vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.15}.page-subtitle{max-width:760px;margin:7px 0 0;color:var(--nt-muted);font-size:14px;line-height:1.55}.page>.page-title+.page-subtitle{margin-bottom:26px}.page-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.card{min-width:0;background:transparent;border:0;border-radius:0;box-shadow:none}.panel,.section-box,.kpi-card,.admin-card,.chart-panel{min-width:0;max-width:100%;border:1px solid var(--nt-border);background:var(--nt-surface);box-shadow:var(--nt-shadow-card)}.panel,.section-box,.chart-panel{border-radius:var(--nt-radius-lg)}.panel{overflow:hidden}.section-box{padding:24px}.section-box+.section-box{margin-top:20px}.section-box>h2,.section-box>h3,.section-heading h2,.section-heading h3,.panel-header h2,.panel-header h3,.chart-title{margin:0;color:var(--nt-text);font-size:17px;font-weight:750;letter-spacing:-.018em;line-height:1.3}.section-box>h3{margin-bottom:18px}.section-heading,.modal-section-head{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading p,.panel-heading-copy p,.panel-header p,.chart-subtitle{margin:5px 0 0;color:var(--nt-muted);font-size:12.5px;line-height:1.5}.panel-header{min-height:70px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--nt-border);background:var(--nt-surface)}.panel-heading-copy{min-width:0}.panel-header-actions,.panel-actions,.panel-footer,.form-actions,.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.panel-body{min-width:0;padding:22px}.panel>.panel-body:first-child{padding-top:22px}.panel-footer,.panel-actions{min-height:62px;padding:14px 20px;border-top:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.panel-link{color:var(--nt-primary);font-size:13px;font-weight:750}.split-2,.mid-2,.chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.split-60-40{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:20px;align-items:start}.cards-4,.cards-8,.admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}.form-grid,.filter-grid,.modal-filters,.account-user-filters,.dashboard-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.cols-3,.filter-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.cols-4,.filter-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-span-full{grid-column:1 / -1}.kpi-card,.admin-card{min-height:126px;padding:20px;display:flex;align-items:flex-start;gap:14px;overflow:hidden;border-radius:var(--nt-radius-lg);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.kpi-card:hover,.admin-card:hover{border-color:var(--nt-border-strong);box-shadow:var(--nt-shadow-sm);transform:translateY(-1px)}.kpi-icon,.admin-card-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:12px}.kpi-label,.admin-card-label{color:var(--nt-muted);font-size:11.5px;font-weight:750;letter-spacing:.02em;line-height:1.35;text-transform:uppercase}.kpi-value,.admin-card-value{max-width:100%;margin-top:7px;overflow:hidden;color:var(--nt-text);font-size:clamp(19px,1.6vw,25px);font-weight:800;letter-spacing:-.025em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.kpi-unit,.admin-card-sub{margin-top:5px;color:var(--nt-muted);font-size:11.5px}.btn{min-height:var(--nt-control-height);height:auto;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;font-family:inherit;font-size:13px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.btn:hover:not(:disabled){opacity:1;text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-color:color-mix(in srgb,var(--nt-primary-dark) 72%,transparent);background:var(--nt-primary-gradient);color:var(--nt-on-primary);box-shadow:0 5px 13px color-mix(in srgb,var(--nt-primary) 18%,transparent)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb,var(--nt-primary) 24%,transparent)}.btn-secondary{border-color:var(--nt-border-strong);background:var(--nt-surface);color:var(--nt-text);box-shadow:var(--nt-shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--nt-primary) 38%,var(--nt-border-strong));background:var(--nt-surface-subtle);color:var(--nt-primary-tint-fg)}.btn-ghost{border-color:transparent;background:transparent;color:var(--nt-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--nt-bg-hover);color:var(--nt-text)}.btn-danger{border-color:color-mix(in srgb,var(--nt-danger) 72%,transparent);background:var(--nt-danger);color:var(--nt-text-inverse)}.btn-danger:hover:not(:disabled){box-shadow:0 7px 18px color-mix(in srgb,var(--nt-danger) 22%,transparent)}.btn-sm{min-height:var(--nt-control-height-sm);padding:7px 11px;border-radius:8px;font-size:12px}.btn-lg{min-height:var(--nt-control-height-lg);padding-inline:20px;font-size:14px}.btn-icon,.topbar-icon-btn{padding:0}.btn-group{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.form-field,.form-row{min-width:0;margin:0}.form-row+.form-row{margin-top:18px}.form-label{margin:0 0 7px;display:block;color:var(--nt-text);font-size:12.5px;font-weight:750;line-height:1.35}.form-required{margin-left:4px;color:var(--nt-danger)}.form-description{margin:-2px 0 8px;color:var(--nt-muted);font-size:12px;line-height:1.45}.form-input,.form-select,textarea.form-input,input[type=file].form-input{width:100%;min-height:var(--nt-control-height);height:auto;padding:9px 12px;border:1px solid var(--nt-border-input);border-radius:10px;background-color:var(--nt-surface);color:var(--nt-text);font-family:inherit;font-size:14px;line-height:1.4;outline:none;box-shadow:inset 0 1px 1px #0f172a05;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input.form-input,select.form-select{height:var(--nt-control-height);padding-block:0}textarea.form-input{min-height:112px;resize:vertical}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),textarea.form-input:hover:not(:disabled){border-color:var(--nt-border-strong)}.form-input:focus,.form-select:focus,textarea.form-input:focus{border-color:var(--nt-primary);box-shadow:0 0 0 3px var(--nt-focus-ring)}.form-input:disabled,.form-select:disabled,textarea.form-input:disabled{background:var(--nt-surface-subtle);color:var(--nt-muted);cursor:not-allowed}.form-input::placeholder,textarea.form-input::placeholder{color:color-mix(in srgb,var(--nt-muted) 78%,transparent);opacity:1}.form-select{padding-right:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--nt-muted) 50%),linear-gradient(135deg,var(--nt-muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.form-field.has-error .form-input,.form-field.has-error .form-select,.form-input[aria-invalid=true]{border-color:var(--nt-danger)}.form-field-error,.form-error{margin:7px 0 0;color:var(--nt-danger);font-size:12px;line-height:1.4}.form-success{margin:7px 0 0;color:var(--nt-success);font-size:12px}.form-actions,.modal-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--nt-border)}.check-row{display:flex;align-items:flex-start;gap:10px;color:var(--nt-text-secondary);font-size:13px;line-height:1.45}.check-row input{width:17px;height:17px;margin-top:1px;accent-color:var(--nt-primary)}input[type=file].form-input{padding:7px;color:var(--nt-muted)}input[type=file]::file-selector-button{min-height:32px;margin-right:10px;padding:6px 11px;border:1px solid var(--nt-border-strong);border-radius:7px;background:var(--nt-surface-subtle);color:var(--nt-text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.filter-surface,.panel>.filter-grid,.panel>.modal-filters,.panel>.account-user-filters{padding:18px 20px;border-bottom:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.filter-grid{align-items:end}.filter-grid.finance-filters{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.table-responsive{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--nt-surface)}.tbl th,.tbl td{padding:13px 16px;border-bottom:1px solid var(--nt-border);color:var(--nt-text-secondary);font-size:12.5px;line-height:1.45;text-align:left;vertical-align:middle}.tbl th{position:sticky;top:0;z-index:1;background:var(--nt-surface-subtle);color:var(--nt-muted);font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr:hover{background:var(--nt-bg-hover)}.tbl tbody tr:last-child td{border-bottom:0}.tbl td strong{color:var(--nt-text);font-weight:700}.tbl td.text-mono,.text-mono{font-family:var(--nt-font-mono);font-size:11px;word-break:break-word}.tbl td:last-child .btn-group{flex-wrap:nowrap}.pager{min-height:66px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--nt-border);background:var(--nt-surface-subtle);color:var(--nt-muted);font-size:12px}.pager-info,.pager-pages{display:flex;align-items:center;gap:8px}.pager-size-select{min-height:34px;padding:0 30px 0 10px;border:1px solid var(--nt-border-input);border-radius:8px;background-color:var(--nt-surface);color:var(--nt-text-secondary);font-family:inherit;font-size:12px}.pager-pages button,.pager-pages span{min-width:34px;min-height:34px;padding:6px 9px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--nt-muted);font-size:12px;font-weight:700}.pager-pages button:hover:not(:disabled){border-color:var(--nt-border);background:var(--nt-surface);color:var(--nt-text)}.pager-pages button:disabled{cursor:not-allowed;opacity:.42}.pager-pages .active{border-color:var(--nt-primary);background:var(--nt-primary);color:var(--nt-on-primary)}.badge{min-height:24px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.035em;line-height:1;text-transform:uppercase;white-space:nowrap}.tabs{width:100%;min-width:0;margin:0 0 22px;padding:4px;display:inline-flex;gap:4px;overflow-x:auto;border:1px solid var(--nt-border);border-radius:11px;background:var(--nt-surface-subtle);scrollbar-width:thin}.tab{min-height:36px;padding:8px 13px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--nt-muted);font-size:12.5px;font-weight:700;white-space:nowrap}.tab:hover{color:var(--nt-text)}.tab.active{border-color:var(--nt-border);background:var(--nt-surface);color:var(--nt-primary-tint-fg);box-shadow:var(--nt-shadow-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;padding:20px;display:flex;align-items:center;justify-content:center;overflow-y:auto;overscroll-behavior:contain;background:var(--nt-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .16s ease}.modal-box{width:min(620px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:min(88vh,920px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--nt-border-strong);border-radius:var(--nt-radius-xl);background:var(--nt-surface-raised);box-shadow:var(--nt-shadow-modal);animation:modalSlideUp .18s ease}.modal-box.wide{width:min(860px,calc(100vw - 40px))}.modal-box.xwide{width:min(1120px,calc(100vw - 40px))}.modal-head,.modal-header{min-height:68px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;border-bottom:1px solid var(--nt-border);background:var(--nt-surface-raised)}.modal-title,.modal-header h2{margin:0;color:var(--nt-text);font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3}.modal-close{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--nt-muted);font-size:23px;line-height:1}.modal-close:hover{border-color:var(--nt-border);background:var(--nt-surface-subtle);color:var(--nt-text)}.modal-body{min-width:0;padding:22px;flex:1;overflow:auto}.modal-body>:first-child{margin-top:0}.modal-body>:last-child{margin-bottom:0}.state-panel,.empty-state,.chart-empty,.chart-error-state{min-height:160px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--nt-border-strong);border-radius:var(--nt-radius);background:var(--nt-surface-subtle);color:var(--nt-muted);text-align:center}.state-panel.compact,.empty-state.compact{min-height:100px;padding:18px}.state-panel strong,.empty-state strong{color:var(--nt-text);font-size:14px;font-weight:750}.state-panel p,.empty-state p{max-width:540px;margin:0;color:var(--nt-muted);font-size:12.5px}.state-panel.state-error{border-color:color-mix(in srgb,var(--nt-danger) 42%,var(--nt-border));background:color-mix(in srgb,var(--badge-red-bg) 72%,var(--nt-surface));color:var(--nt-danger)}.empty-state-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--nt-surface);color:var(--nt-muted);box-shadow:var(--nt-shadow-xs)}.empty-state-icon svg{width:22px;height:22px}.empty-state-action{margin-top:8px}.note-box{padding:13px 15px;border:1px solid var(--nt-primary-tint-border);border-radius:10px;background:var(--nt-primary-tint-bg);color:var(--nt-primary-tint-fg);font-size:12.5px;line-height:1.5}.chart-panel{min-height:330px;padding:22px}.chart-tooltip{padding:10px 12px;border:1px solid var(--nt-border-strong);border-radius:10px;background:var(--nt-surface-raised);color:var(--nt-text);box-shadow:var(--nt-shadow-dropdown);font-size:12px}.chart-tooltip-label{margin-bottom:3px;font-weight:750}.chart-tooltip-value{color:var(--nt-primary-tint-fg);font-weight:700}.chart-legend{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px 16px;flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:6px;color:var(--nt-muted);font-size:11.5px}.chart-legend-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px}.stat-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}.stat-mini,.stat-bar-item{min-width:0;padding:16px;border:1px solid var(--nt-border);border-radius:var(--nt-radius);background:var(--nt-surface);box-shadow:var(--nt-shadow-xs)}.stat-mini-label,.stat-bar-label{color:var(--nt-muted);font-size:10.5px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}.stat-mini-value,.stat-bar-value{margin-top:6px;overflow:hidden;color:var(--nt-text);font-size:18px;font-weight:800;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.info-row{min-height:46px;padding:10px 0;display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,.65fr);align-items:center;gap:18px;border-bottom:1px solid var(--nt-border)}.info-row:last-child{border-bottom:0}.info-label{color:var(--nt-muted);font-size:12px;font-weight:650}.info-value{min-width:0;color:var(--nt-text);font-size:13px;font-weight:600;text-align:right;word-break:break-word}.kv-grid,.account-data-grid,.account-summary-list{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,.65fr);gap:0;align-items:stretch}.kv-grid dt,.kv-grid dd,.account-data-grid dt,.account-data-grid dd,.account-summary-list dt,.account-summary-list dd{margin:0;padding:11px 0;border-bottom:1px solid var(--nt-border);font-size:12.5px}.kv-grid dt,.account-data-grid dt,.account-summary-list dt{color:var(--nt-muted);font-weight:650}.kv-grid dd,.account-data-grid dd,.account-summary-list dd{min-width:0;color:var(--nt-text);font-weight:600;text-align:right;word-break:break-word}.code-block{padding:14px;overflow-x:auto;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle);color:var(--nt-text);font-family:var(--nt-font-mono);font-size:11.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.text-muted{color:var(--nt-muted)}.text-sm{font-size:12px}.amount-positive{color:var(--nt-success);font-weight:750}.amount-negative{color:var(--nt-danger);font-weight:750}@media(max-width:1180px){.cards-4,.cards-8,.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid.finance-filters,.form-grid.cols-4,.filter-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar,.sidebar.collapsed{width:min(86vw,320px)!important;transform:translate(-105%);box-shadow:18px 0 40px #0f172a3d}.sidebar.mobile-open,.sidebar.collapsed.mobile-open{width:min(86vw,320px)!important;transform:translate(0)}.sidebar.mobile-open+.sidebar-overlay,.sidebar.mobile-open~.sidebar-overlay,.sidebar-overlay.open{display:block}.sidebar-collapse-btn{display:none}.main-area,.sidebar.collapsed~.main-area{width:100%;margin-left:0!important}.topbar{padding-inline:12px}.topbar-mobile-btn{display:grid}.page{padding:24px 16px 34px}.page-header{margin-bottom:22px;flex-direction:column}.page-header-actions{width:100%;justify-content:flex-start}.split-2,.split-60-40,.mid-2,.chart-row,.form-grid,.filter-grid,.modal-filters,.account-user-filters,.dashboard-filter-grid,.form-grid.cols-3,.filter-grid.cols-3,.form-grid.cols-4,.filter-grid.cols-4,.filter-grid.finance-filters{grid-template-columns:minmax(0,1fr)}.table-responsive .tbl{min-width:720px}.panel-header,.section-heading,.modal-section-head{align-items:stretch;flex-direction:column}.panel-header-actions,.filter-actions{justify-content:flex-start}.kv-grid,.account-data-grid,.account-summary-list{grid-template-columns:minmax(0,1fr)}.kv-grid dt,.account-data-grid dt,.account-summary-list dt{padding-bottom:3px;border-bottom:0}.kv-grid dd,.account-data-grid dd,.account-summary-list dd{padding-top:0;text-align:left}.info-row{grid-template-columns:minmax(0,1fr);gap:3px}.info-value{text-align:left}}@media(max-width:640px){.topbar-user-name{display:none}.topbar-user{padding-right:5px}.page{padding:20px 12px 30px}.page-title{font-size:24px}.page-subtitle{font-size:13px}.cards-4,.cards-8,.admin-cards,.stat-bar{grid-template-columns:minmax(0,1fr)}.section-box,.chart-panel,.panel-body,.modal-body{padding:16px}.panel-header,.modal-head,.modal-header{padding:15px 16px}.page-header-actions .btn,.form-actions .btn,.modal-actions .btn,.panel-actions .btn,.filter-actions .btn{width:100%}.form-actions,.modal-actions,.panel-actions,.filter-actions{width:100%;align-items:stretch;flex-direction:column-reverse}.tabs{display:grid;grid-template-columns:minmax(0,1fr)}.tab{width:100%}.pager,.pager-info{align-items:stretch;flex-direction:column}.pager-pages{justify-content:space-between;overflow-x:auto}.pager-pages button:nth-of-type(n+2):not(:last-child),.pager-pages span{display:none}.modal-overlay{padding:8px;align-items:flex-end}.modal-box,.modal-box.wide,.modal-box.xwide{width:100%;max-width:100%;max-height:calc(100dvh - 16px);border-radius:18px 18px 12px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-loading-state{min-height:100vh;display:grid;place-items:center;background:var(--nt-bg);color:var(--nt-muted);font-size:13px;font-weight:650}.topbar-user-menu-wrap{position:relative}.pager-size-control{display:inline-flex;align-items:center}.flex-end{display:flex;align-items:center;justify-content:flex-end;gap:10px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-bold{font-weight:750}.modal-heading-copy{min-width:0}.modal-description{max-width:680px;margin:5px 0 0;color:var(--nt-muted);font-size:12.5px;line-height:1.45}.modal-close svg{width:18px;height:18px}.modal-body .section-box{border-radius:12px;box-shadow:none}.modal-body .section-box:first-child{margin-top:0}.modal-body .form-grid{gap:16px}.modal-body .table-responsive{border:1px solid var(--nt-border);border-radius:10px}.modal-body>.modal-actions:last-child{position:sticky;bottom:-22px;z-index:2;margin:22px -22px -22px;padding:16px 22px;background:var(--nt-surface-raised)}@media(max-width:640px){.modal-body>.modal-actions:last-child{bottom:-16px;margin:20px -16px -16px;padding:14px 16px}}.client-route-view{min-width:0;width:100%}.client-route-view>.page>.tabs{display:none!important}.route-account-details .account-users-section,.route-account-users .account-overview{display:none}.route-financial-recharge .page .page{max-width:none;padding:0}.route-financial-recharge .page .page>.page-title,.route-financial-recharge .page .page>.page-subtitle{display:none}.route-account-users .account-users-section{margin-top:20px}.topbar-user,.topbar-mobile-btn,.topbar-icon-btn{background:transparent}.topbar-user:focus-visible,.topbar-mobile-btn:focus-visible,.topbar-icon-btn:focus-visible,.sidebar-group-toggle:focus-visible,.sidebar-item:focus-visible{outline:2px solid var(--nt-primary);outline-offset:2px}@media(max-width:900px){.route-account-users .account-users-section{margin-top:16px}}.dashboard-main-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-main-kpis .kpi-icon svg{width:21px;height:21px}.dashboard-status-strip{margin:18px 0 20px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--nt-border);border-radius:var(--nt-radius);background:var(--nt-surface);box-shadow:var(--nt-shadow-xs)}.dashboard-status-strip>div{min-width:0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-right:1px solid var(--nt-border)}.dashboard-status-strip>div:last-child{border-right:0}.dashboard-status-strip span{color:var(--nt-muted);font-size:11px;font-weight:700}.dashboard-status-strip strong{color:var(--nt-text);font-size:15px;font-weight:800}.dashboard-chart-grid,.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:20px;align-items:stretch}.dashboard-bottom-grid{margin-top:20px;grid-template-columns:minmax(0,1fr) minmax(460px,.9fr)}.dashboard-chart-grid .chart-panel,.dashboard-bottom-grid .chart-panel,.dashboard-recent-panel{height:100%}.dashboard-panel-heading{margin-bottom:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-panel-heading h2{margin:0;color:var(--nt-text);font-size:16px;font-weight:750;letter-spacing:-.016em}.dashboard-panel-heading p{margin:4px 0 0;color:var(--nt-muted);font-size:12px}.donut-wrapper{position:relative}.donut-center{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transform:translate(-50%,-50%)}.donut-center strong{color:var(--nt-text);font-size:23px;font-weight:800;letter-spacing:-.03em}.donut-center span{color:var(--nt-muted);font-size:10.5px;font-weight:650}.dashboard-status-chart .chart-legend{justify-content:flex-start}.dashboard-status-chart .chart-legend-item{min-width:105px}.dashboard-status-chart .chart-legend-item strong{margin-left:auto;color:var(--nt-text);font-size:11px}.status-delivered{background:var(--chart-delivered)}.status-submitted{background:var(--chart-submitted)}.status-queued{background:var(--chart-queued)}.status-failed{background:var(--chart-failed)}.status-blocked{background:var(--chart-blocked)}.dashboard-recent-panel{overflow:hidden}.dashboard-recent-table{min-width:540px}@media(max-width:1220px){.dashboard-main-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-grid,.dashboard-bottom-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:800px){.dashboard-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-status-strip>div{border-right:0;border-bottom:1px solid var(--nt-border)}.dashboard-status-strip>div:nth-child(odd){border-right:1px solid var(--nt-border)}.dashboard-status-strip>div:last-child{grid-column:1 / -1;border-bottom:0;border-right:0}}@media(max-width:560px){.dashboard-main-kpis,.dashboard-status-strip{grid-template-columns:minmax(0,1fr)}.dashboard-status-strip>div,.dashboard-status-strip>div:nth-child(odd),.dashboard-status-strip>div:last-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--nt-border)}.dashboard-status-strip>div:last-child{border-bottom:0}}.send-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.send-card{height:100%}.send-card .form-grid.single-column{grid-template-columns:minmax(0,1fr)}.message-composer{min-height:156px!important}.message-composer-meta{margin-top:8px;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;color:var(--nt-muted);font-size:11.5px}.message-composer-meta span{position:relative}.message-composer-meta span+span:before{content:"";position:absolute;top:50%;left:-8px;width:3px;height:3px;border-radius:999px;background:var(--nt-border-strong);transform:translateY(-50%)}.batch-format-example{margin-bottom:20px;padding:14px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle)}.batch-format-example span{color:var(--nt-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.batch-format-example code{overflow-x:auto;color:var(--nt-text);font-family:var(--nt-font-mono);font-size:11.5px;white-space:nowrap}.batch-preview{margin-top:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--nt-primary-tint-border);border-radius:10px;background:var(--nt-primary-tint-bg)}.batch-preview-file{min-width:0;display:flex;flex-direction:column;gap:3px}.batch-preview-file strong{overflow:hidden;color:var(--nt-text);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.batch-preview-file span{color:var(--nt-muted);font-size:11.5px}.batch-preview-metrics{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.send-result-panel{margin-top:20px}.send-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.send-result-grid>div{min-width:0;padding:15px;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle)}.send-result-grid dt{margin-bottom:5px;color:var(--nt-muted);font-size:10.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.send-result-grid dd{margin:0;overflow:hidden;color:var(--nt-text);font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.send-result-grid .send-result-error{grid-column:1 / -1;border-color:color-mix(in srgb,var(--nt-danger) 36%,var(--nt-border));background:color-mix(in srgb,var(--badge-red-bg) 72%,var(--nt-surface))}.send-result-grid .send-result-error dd{color:var(--nt-danger);white-space:normal}.batch-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.batch-result-item{padding:18px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle)}.batch-result-item span{color:var(--nt-muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.batch-result-item strong{color:var(--nt-text);font-size:24px;font-weight:800;letter-spacing:-.03em}.batch-result-item.success{border-color:color-mix(in srgb,var(--nt-success) 28%,var(--nt-border))}.batch-result-item.success strong{color:var(--nt-success)}.batch-result-item.danger{border-color:color-mix(in srgb,var(--nt-danger) 28%,var(--nt-border))}.batch-result-item.danger strong{color:var(--nt-danger)}@media(max-width:1050px){.send-layout{grid-template-columns:minmax(0,1fr)}.send-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.batch-preview{align-items:stretch;flex-direction:column}.batch-preview-metrics{justify-content:flex-start}.send-result-grid,.batch-result{grid-template-columns:minmax(0,1fr)}.message-composer-meta{align-items:flex-start;flex-direction:column;gap:3px}.message-composer-meta span+span:before{display:none}}.messages-filters-panel{margin-bottom:20px}.messages-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}.messages-filter-grid .form-field:nth-child(3),.messages-filter-grid .form-field:nth-child(4){grid-column:span 1}.messages-filter-actions{margin-top:18px}.messages-table-panel{overflow:hidden}.messages-table{min-width:980px}.messages-date-cell{min-width:145px;white-space:nowrap}.table-primary-cell{min-width:180px;display:flex;flex-direction:column;gap:3px}.table-primary-cell strong{max-width:240px;overflow:hidden;color:var(--nt-text);text-overflow:ellipsis;white-space:nowrap}.table-primary-cell span{max-width:240px;overflow:hidden;color:var(--nt-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.table-number-cell,.table-money-cell{text-align:right!important;white-space:nowrap}.table-action-cell{width:1%;text-align:right!important;white-space:nowrap}@media(max-width:1280px){.messages-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.messages-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.messages-filter-grid{grid-template-columns:minmax(0,1fr)}.messages-filter-actions{flex-direction:column-reverse}}.dismissible-note{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dismissible-note button{width:30px;height:30px;display:grid;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:transparent;color:currentColor}.dismissible-note button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}.dismissible-note svg{width:15px;height:15px}.contacts-panel{overflow:hidden}.contacts-toolbar{padding:18px 20px;display:grid;grid-template-columns:minmax(240px,420px) auto;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.contacts-toolbar .filter-actions{margin:0}.contacts-feedback-area{padding-bottom:0}.contacts-table{min-width:720px}.form-grid.single-column{grid-template-columns:minmax(0,1fr)}.btn.disabled{pointer-events:none;opacity:.5}@media(max-width:760px){.contacts-toolbar{grid-template-columns:minmax(0,1fr)}.contacts-toolbar .filter-actions{justify-content:stretch}.contacts-toolbar .filter-actions .btn{flex:1}}@media(max-width:640px){.contacts-toolbar .filter-actions{flex-direction:column-reverse}.contacts-toolbar .filter-actions .btn{width:100%}}.templates-panel{overflow:hidden}.templates-grid{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{min-width:0;min-height:250px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--nt-border);border-radius:14px;background:var(--nt-surface);box-shadow:var(--nt-shadow-xs);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.template-card:hover{border-color:var(--nt-border-strong);box-shadow:var(--nt-shadow-sm);transform:translateY(-1px)}.template-card-header{padding:17px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--nt-border)}.template-card-header>div{min-width:0}.template-card-header h3{margin:0;overflow:hidden;color:var(--nt-text);font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.template-card-header p{margin:5px 0 0;color:var(--nt-muted);font-size:11px}.template-preview{min-height:112px;padding:17px 18px;flex:1;overflow-wrap:anywhere;color:var(--nt-text-secondary);font-size:13px;line-height:1.65;white-space:pre-wrap}.template-preview.large{min-height:230px;padding:18px;border:1px solid var(--nt-border);border-radius:11px;background:var(--nt-surface)}.template-preview em{color:var(--nt-muted)}.template-variable{padding:2px 5px;border-radius:5px;background:var(--nt-primary-light);color:var(--nt-primary-tint-fg);font-family:var(--nt-font-mono);font-size:.92em;font-weight:700}.template-card-footer{min-height:58px;padding:13px 18px;display:flex;align-items:center;border-top:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.template-variables{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.template-editor-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;align-items:start}.template-editor-fields{min-width:0}.template-editor-fields .form-field+.form-field{margin-top:18px}.template-editor-textarea{min-height:190px!important}.template-editor-preview{padding:16px;border:1px solid var(--nt-border);border-radius:13px;background:var(--nt-surface-subtle)}.template-editor-preview>span{margin-bottom:9px;display:block;color:var(--nt-muted);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.template-preview-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--nt-muted);font-size:11px}@media(max-width:1150px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.template-editor-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.templates-grid{padding:14px;grid-template-columns:minmax(0,1fr)}.template-preview-meta{align-items:flex-start;flex-direction:column}}.api-key-create-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.api-key-cidr-field{min-height:120px!important;font-family:var(--nt-font-mono)!important;font-size:12px!important}.permission-list{display:flex;flex-direction:column;gap:10px}.permission-option{padding:14px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--nt-border);border-radius:11px;background:var(--nt-surface-subtle);cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.permission-option:hover{border-color:var(--nt-border-strong)}.permission-option.selected{border-color:var(--nt-primary-tint-border);background:var(--nt-primary-tint-bg);box-shadow:inset 3px 0 0 var(--nt-primary)}.permission-option input{width:17px;height:17px;margin-top:2px;flex:0 0 auto;accent-color:var(--nt-primary)}.permission-option span{min-width:0;display:flex;flex-direction:column;gap:3px}.permission-option strong{color:var(--nt-text);font-size:13px;font-weight:750}.permission-option small{color:var(--nt-muted);font-size:11.5px;line-height:1.45}.page-form-actions{margin-top:20px;padding:18px 0 0;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--nt-border)}.token-result-card{max-width:920px;margin-inline:auto}.token-security-notice{margin-bottom:20px;padding:16px;border:1px solid var(--nt-primary-tint-border);border-radius:11px;background:var(--nt-primary-tint-bg)}.token-security-notice strong{color:var(--nt-primary-tint-fg);font-size:13px}.token-security-notice p{margin:4px 0 0;color:var(--nt-text-secondary);font-size:12px}.generated-token-field{min-height:112px!important;word-break:break-all}.api-keys-panel{overflow:hidden}.api-key-filters{padding:18px 20px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.45fr) auto;gap:16px;align-items:end;border-bottom:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.api-key-filters .filter-actions{margin:0}.api-keys-table{min-width:980px}.danger-text{color:var(--nt-danger)!important}.danger-text:hover{background:color-mix(in srgb,var(--badge-red-bg) 70%,transparent)!important}@media(max-width:900px){.api-key-create-layout{grid-template-columns:minmax(0,1fr)}.api-key-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.api-key-filters .filter-actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:640px){.api-key-filters{grid-template-columns:minmax(0,1fr)}.api-key-filters .filter-actions{grid-column:auto}.page-form-actions{align-items:stretch;flex-direction:column-reverse}.page-form-actions .btn{width:100%}}.webhook-config-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}.webhook-active-option{padding:14px;display:flex;align-items:flex-start;gap:11px;border:1px solid var(--nt-border);border-radius:11px;background:var(--nt-surface-subtle);cursor:pointer}.webhook-active-option input,.webhook-event-option input{width:17px;height:17px;margin-top:2px;flex:0 0 auto;accent-color:var(--nt-primary)}.webhook-active-option span,.webhook-event-option span{min-width:0;display:flex;flex-direction:column;gap:3px}.webhook-active-option strong,.webhook-event-option strong{color:var(--nt-text);font-size:12.5px;font-weight:750}.webhook-active-option small,.webhook-event-option small{color:var(--nt-muted);font-size:11.5px;line-height:1.4}.webhook-events-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--nt-border)}.webhook-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.webhook-event-option{padding:13px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--nt-border);border-radius:10px;background:var(--nt-surface-subtle);cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.webhook-event-option:hover{border-color:var(--nt-border-strong)}.webhook-event-option.selected{border-color:var(--nt-primary-tint-border);background:var(--nt-primary-tint-bg);box-shadow:inset 3px 0 0 var(--nt-primary)}.webhook-reference-card{position:sticky;top:calc(var(--nt-topbar-height) + 20px)}.webhook-example-payload{max-height:360px;overflow:auto;margin-bottom:20px}.webhook-reference-card .kv-grid{margin-bottom:18px}.webhook-summary-grid{margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(160px,.5fr));gap:12px}.webhook-summary-card{min-width:0;padding:17px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--nt-border);border-radius:var(--nt-radius);background:var(--nt-surface);box-shadow:var(--nt-shadow-xs)}.webhook-summary-card>span{color:var(--nt-muted);font-size:10.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.webhook-summary-card>strong{overflow:hidden;color:var(--nt-text);font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.webhook-deliveries-panel{overflow:hidden}.webhook-delivery-filters{padding:18px 20px;display:grid;grid-template-columns:repeat(2,minmax(200px,.6fr)) auto;gap:16px;align-items:end;border-bottom:1px solid var(--nt-border);background:var(--nt-surface-subtle)}.webhook-delivery-filters .filter-actions{margin:0}.webhook-history-layout{min-width:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);border-bottom:1px solid var(--nt-border)}.webhook-history-layout>.table-responsive{border-right:1px solid var(--nt-border)}.webhook-deliveries-table{min-width:850px}.selected-row{background:var(--nt-primary-tint-bg)!important}.webhook-delivery-detail{min-width:0;max-height:680px;padding:20px;overflow:auto;background:var(--nt-surface-subtle)}.webhook-detail-header{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.webhook-detail-header>div{min-width:0;display:flex;flex-direction:column;gap:4px}.webhook-detail-header span{color:var(--nt-muted);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.webhook-detail-header strong{overflow:hidden;color:var(--nt-text);text-overflow:ellipsis;white-space:nowrap}.webhook-delivery-payload{margin-top:18px;max-height:300px;overflow:auto}@media(max-width:1180px){.webhook-config-layout,.webhook-history-layout{grid-template-columns:minmax(0,1fr)}.webhook-reference-card{position:static}.webhook-history-layout>.table-responsive{border-right:0;border-bottom:1px solid var(--nt-border)}}@media(max-width:820px){.webhook-summary-grid,.webhook-delivery-filters{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.webhook-event-grid{grid-template-columns:minmax(0,1fr)}.webhook-delivery-filters .filter-actions{flex-direction:column-reverse}.webhook-delivery-filters .filter-actions .btn{width:100%}}