*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Manrope;src:local("Segoe UI");font-weight:400 900;font-display:swap}:root{--ink:#111c2d;--muted:#718096;--line:#e8edf3;--paper:#f4f7fb;--white:#fff;--navy:#081422;--blue:#225be2;--cyan:#19c5d2;--green:#16a274;--amber:#ee9b2a;--red:#e65b67;--shadow:0 18px 50px rgba(23,43,77,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-shell{min-height:100vh;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:7vw;position:relative;overflow:hidden}.login-copy{max-width:680px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font:800 14px Inter,Segoe UI,Arial,sans-serif;letter-spacing:.16em}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;box-shadow:0 8px 25px #1e72c966}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8797aa;margin:40px 0 16px}.login-copy h1{font:800 clamp(44px,6vw,82px)/1.02 Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.055em;margin:0}.login-copy h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:18px;line-height:1.7;color:#aab8c7;max-width:590px}.aurora{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25}.aurora-one{width:600px;height:600px;background:radial-gradient(circle,#085dc2,transparent 68%);left:-180px;top:-250px}.aurora-two{width:520px;height:520px;background:radial-gradient(circle,#03b9bd,transparent 70%);left:34%;bottom:-330px}.signal-art{width:420px;height:130px;display:flex;align-items:end;gap:16px;margin-top:50px;opacity:.7}.signal-art i{display:block;width:14px;border-radius:8px;background:linear-gradient(var(--cyan),transparent);height:20%}.signal-art i:nth-child(2){height:38%}.signal-art i:nth-child(3){height:66%}.signal-art i:nth-child(4){height:92%}.signal-art span{height:1px;background:linear-gradient(90deg,var(--cyan),transparent);flex:1;margin-bottom:10px}.login-card{position:relative;z-index:2;background:#fff;color:var(--ink);padding:44px;border-radius:24px;max-width:440px;width:100%;justify-self:end;box-shadow:0 35px 90px #0007}.login-card h2{font:800 28px Manrope;margin:28px 0 8px}.login-card>p{color:var(--muted);margin:0 0 28px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#536075}.login-card label{margin:18px 0}.filters input,.filters select,.form-grid input,.form-grid select,.login-card input{border:1px solid var(--line);background:#f9fbfd;border-radius:11px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #225be214}.status-pill{font-size:11px;font-weight:700;padding:7px 10px;background:#edf9f5;color:var(--green);border-radius:20px}.status-pill b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.login-card small{display:block;text-align:center;color:#a0a9b8;margin-top:22px;line-height:1.5}.form-error{color:var(--red)!important;font-size:13px;min-height:18px;margin:0!important}.ghost,.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font-weight:700}.primary{color:#fff;background:linear-gradient(135deg,#1e51d1,var(--blue));box-shadow:0 8px 20px #225be233}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.55;cursor:wait}.wide{width:100%;display:flex;justify-content:space-between}.secondary{background:#edf3ff;color:var(--blue)}.ghost{background:transparent;color:#637087}.danger{color:var(--red)!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.sidebar nav{margin-top:60px;display:grid;gap:8px}.logout,.nav-item{border:0;background:transparent;color:#8999aa;padding:12px 14px;border-radius:10px;text-align:left;font-weight:600}.nav-item span{display:inline-block;width:28px}.nav-item.active,.nav-item:hover{background:#162638;color:#fff}.gateway-mini{margin-top:auto;background:#111f2f;border:1px solid #213347;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:center}.gateway-mini>span{width:9px;height:9px;border-radius:50%}.gateway-mini>span.gateway-live{background:var(--green);box-shadow:0 0 0 5px #16a27418}.gateway-mini>span.gateway-mock{background:var(--amber);box-shadow:0 0 0 5px #ee9b2a18}.gateway-mini div{display:flex;flex-direction:column}.gateway-mini b{font-size:12px}.gateway-mini small{color:#7d8da1;margin-top:2px}.logout{margin-top:10px}main{margin-left:240px;min-height:100vh}.topbar{height:86px;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;position:sticky;top:0;z-index:10}.topbar .eyebrow{margin:0 0 3px}.topbar h2{font:700 16px Manrope;margin:0}.admin-chip{margin-left:auto;display:flex;align-items:center;gap:10px}.admin-chip>span{width:36px;height:36px;background:#e8eeff;color:var(--blue);border-radius:10px;display:grid;place-items:center;font-weight:800}.admin-chip div{display:flex;flex-direction:column;font-size:12px}.admin-chip small{color:var(--muted)}.menu-btn,.page{display:none}.page{padding:34px 38px 60px;max-width:1500px;margin:auto}.page.active{display:block}.hero-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 28px}.hero-row h1{font:800 28px Manrope;margin:0 0 6px;letter-spacing:-.03em}.hero-row h1 span{color:var(--cyan)}.hero-row p,.panel-head p,.settings-card>div>p{color:var(--muted);margin:0;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 6px 22px #192b4410;position:relative;overflow:hidden}.stat-card.accent-blue{--accent:#225be2}.stat-card.accent-green{--accent:#16a274}.stat-card.accent-red{--accent:#e65b67}.stat-card.accent-amber{--accent:#ee9b2a}.stat-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--accent);opacity:.07;right:-15px;top:-15px}.stat-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);display:grid;place-items:center;margin-bottom:18px}.stat-card b{font:800 27px Manrope;display:block}.stat-card span{font-size:12px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-head h3{font:700 17px Manrope;margin:0 0 5px}.filters{display:flex;gap:10px;margin:20px 0}.filters input{flex:1;min-width:160px}.port-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:14px}.port-card{border:1px solid var(--line);border-radius:14px;padding:17px;transition:.2s;position:relative}.port-card:hover{transform:translateY(-2px);border-color:#c9d6e9;box-shadow:0 12px 25px #263e5c12}.port-top{display:flex;justify-content:space-between}.port-number{font:800 13px Manrope;letter-spacing:.08em;color:#8793a5}.state{display:flex;align-items:center;gap:5px;font-size:10px;text-transform:uppercase;font-weight:800}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.online{color:var(--green)}.offline{color:var(--red)}.unknown{color:#9aa4b1}.port-card h4{font:700 16px Manrope;margin:16px 0 3px}.phone{font-size:12px;color:var(--muted)}.data-row{display:flex;justify-content:space-between;align-items:end;margin:22px 0 9px}.data-row small{color:var(--muted)}.data-row b{font:800 20px Manrope}.data-progress{display:block;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;background:#edf0f5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.data-progress::-webkit-progress-bar{background:#edf0f5}.data-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:4px}.data-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:4px}.data-progress.low::-webkit-progress-value{background:linear-gradient(90deg,var(--red),var(--amber))}.data-progress.low::-moz-progress-bar{background:linear-gradient(90deg,var(--red),var(--amber))}.port-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#98a3b2;font-size:10px}.port-actions{display:flex;gap:3px}.icon-btn,.mini-btn{border:0;background:#f2f5f9;color:#536177;border-radius:8px;padding:7px 9px}.icon-btn:hover,.mini-btn:hover{background:#e6edfa;color:var(--blue)}.empty{text-align:center;color:var(--muted);padding:50px}.back-link{border:0;background:transparent;color:var(--blue);font-weight:700;padding:0;margin-bottom:20px}.detail-head{justify-content:space-between;margin-bottom:18px}.detail-head,.detail-title{display:flex;align-items:center}.detail-title{gap:14px}.port-badge{width:52px;height:52px;border-radius:14px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font:800 18px Manrope}.detail-title h1{font:800 24px Manrope;margin:0}.detail-title p{margin:4px 0 0;color:var(--muted)}.detail-actions{display:flex;gap:8px}.detail-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:18px}.summary-list{display:grid;gap:15px}.summary-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:13px}.summary-item span{color:var(--muted)}.sms-stream{max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:12px;margin-top:20px}.sms{max-width:78%;padding:11px 13px;border-radius:12px;font-size:13px;line-height:1.5}.sms.inbound{background:#eef2f6;align-self:flex-start;border-bottom-left-radius:3px}.sms.outbound{background:#e9efff;color:#173b98;align-self:flex-end;border-bottom-right-radius:3px}.sms-meta{font-size:9px;opacity:.65;margin-top:5px}.success{color:var(--green)}.failed{color:var(--red)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{display:grid;grid-template-columns:42px 1fr;align-content:start}.section-icon{width:36px;height:36px;border-radius:10px;background:#e9efff;color:var(--blue);display:grid;place-items:center}.section-icon.amber{background:#fff3e1;color:var(--amber)}.settings-card>div>h3{margin:0 0 4px;font:700 17px Manrope}.form-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.form-grid .full{grid-column:1/-1}.settings-actions{grid-column:1/-1;text-align:right}dialog{border:0;background:transparent;padding:0;width:min(580px,calc(100% - 28px))}dialog::backdrop{background:#07111dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 30px 80px #0005}.dialog-card .eyebrow{margin:0 0 5px}.dialog-card h2{margin:0}.toggle-list{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0}.toggle-list label{font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.toggle-list input{accent-color:var(--blue)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:24px;bottom:24px;background:#122033;color:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 15px 45px #0004;transform:translateY(80px);opacity:0;transition:.25s;z-index:50;font-size:13px}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#ad3342}@media(max-width:1100px){.port-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.settings-layout{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr;padding:24px}.login-copy{display:none}.login-card{justify-self:center;padding:30px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #0005}main{margin-left:0}.menu-btn{display:block;margin-right:14px}.topbar{padding:0 18px}.page{padding:24px 16px 50px}.hero-row{align-items:flex-start;gap:15px}.hero-row h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.port-grid{grid-template-columns:1fr}.panel{padding:16px}.detail-head,.filters{flex-direction:column}.detail-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-card{grid-template-columns:40px 1fr}.admin-chip div{display:none}}