@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.advanced-node-filter{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1813ef;border-radius:10px;margin:-12px 0 14px;position:sticky;top:0}.filter-body{gap:6px;padding:8px;display:grid}.filter-row{align-items:center;gap:6px;min-width:0;display:flex}.filter-primary-row>input{flex:330px;min-width:220px;height:34px;padding:6px 10px;font-size:11px}.filter-quick-status{flex:none;gap:4px;display:flex}.filter-quick-status button,.filter-clear,.filter-more>button{white-space:nowrap;height:34px;padding:6px 9px;font-size:10px}.filter-quick-status button.active,.filter-more>button.active{color:var(--green);border-color:var(--green);background:#183623}.filter-quick-status em{font:normal 9px var(--mono);background:#274333;border-radius:8px;margin-left:5px;padding:1px 5px}.filter-clear{margin-left:auto}.filter-secondary-row>select,.region-cascade select{min-width:105px;height:32px;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:7px;padding:5px 8px;font-size:10px}.region-cascade{gap:4px;display:flex}.region-cascade select{min-width:88px;max-width:125px}.filter-more{flex:none;position:relative}.filter-more-popover{z-index:15;background:#101a16;border:1px solid #365344;border-radius:9px;width:220px;padding:13px;position:absolute;top:38px;right:0;box-shadow:0 16px 40px #0008}.filter-more-popover select{width:100%;color:var(--ink);background:#09100d;border:1px solid #31463a;border-radius:7px;padding:8px}.filter-selection-summary{white-space:nowrap;align-items:center;gap:5px;min-width:180px;display:flex;overflow-x:auto}.filter-selection-summary strong{font:10px var(--mono);color:var(--green)}.filter-selection-summary button{border-radius:999px;padding:4px 7px;font-size:9px}.filter-mobile-head,.filter-drawer-title,.filter-drawer-backdrop{display:none}@media (width<=680px){.advanced-node-filter{margin-top:-18px;position:relative;top:auto}.filter-mobile-head{justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.filter-mobile-head span{font:10px var(--mono);color:var(--muted)}.filter-body{display:none}.drawer-open .filter-body{z-index:41;background:#101a16;flex-direction:column;gap:12px;width:min(390px,92vw);padding:18px;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.filter-drawer-title{justify-content:space-between;align-items:center;display:flex}.filter-drawer-backdrop{z-index:40;background:#000b;border:0;border-radius:0;display:block;position:fixed;inset:0}.filter-row,.filter-primary-row,.filter-secondary-row{flex-direction:column;align-items:stretch}.filter-primary-row>input{flex:none;width:100%;min-width:0}.filter-quick-status{grid-template-columns:1fr 1fr;width:100%;display:grid}.filter-quick-status button{width:100%}.filter-clear{width:100%;margin:0}.region-cascade{grid-template-columns:1fr;display:grid}.region-cascade select,.filter-secondary-row>select{width:100%;max-width:none}.filter-more>button{width:100%}.filter-more-popover{width:100%;box-shadow:none;margin-top:6px;position:static}.filter-selection-summary{white-space:normal;flex-wrap:wrap;min-width:0;overflow:visible}}.modal-card select{width:100%;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:8px;padding:12px}.quota-process{gap:8px;margin-top:14px;display:grid}.quota-process>div{border:1px solid var(--line);background:#0b1511;border-radius:8px;align-items:center;gap:10px;padding:11px 13px;display:flex}.quota-process span{font-size:12px}.node-filter-bar{border:1px solid var(--line);background:#0e1813;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;margin:-12px 0 14px;padding:10px 12px;display:grid}.node-filter-count{font:10px var(--mono);color:var(--muted);white-space:nowrap}.node-filter-controls{grid-template-columns:minmax(250px,1fr) 120px 110px 130px auto;gap:8px;min-width:0;display:grid}.node-filter-controls input,.node-filter-controls select,.node-filter-controls button{height:36px;padding:7px 10px;font-size:11px}.node-filter-controls select{min-width:0;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:8px}.node-filter-toggle{display:none}@media (width<=680px){.node-filter-bar{grid-template-columns:1fr auto;margin-top:-18px}.node-filter-toggle{display:block}.node-filter-controls{grid-column:1/3;grid-template-columns:1fr;display:none}.node-filter-controls.open{display:grid}.node-filter-controls input,.node-filter-controls select,.node-filter-controls button{width:100%}}.form-panel select{width:100%;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:8px;padding:12px}.detail-tabs button,.detail-tabs button:not(.active){justify-content:center;font-size:12px;display:flex}.overview-actions{align-items:center;gap:10px;display:flex}.segmented button.active{border-color:var(--green);color:var(--green);background:#183623}.server-traffic{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.server-traffic h4{margin:0 0 12px}.usage-bar{margin-top:14px}.usage-bar>div{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.usage-bar em{font-style:normal;font-family:var(--mono)}.usage-bar>b{background:#203129;border-radius:6px;height:8px;margin-top:8px;display:block;overflow:hidden}.usage-bar>b>i{background:var(--green);border-radius:6px;height:100%;display:block}.usage-bar.yellow>b>i{background:var(--amber)}.usage-bar.orange>b>i{background:#f19a52}.usage-bar.red>b>i{background:var(--red)}.traffic-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.traffic-grid>div{border:1px solid var(--line);background:#0b1511;border-radius:8px;gap:7px;padding:13px;display:grid}.traffic-grid span{color:var(--muted);font-size:10px}.traffic-grid b{font:12px var(--mono)}.device-management{margin-top:16px}.device-create{grid-template-columns:1fr auto;gap:10px;margin:16px 0;display:grid}.device-management .table-wrap{margin-top:16px}.device-management table{min-width:1100px}.device-management>.source{margin-top:14px;display:block}.alert.warn{color:var(--amber);background:#362e18;border-color:#685b37}.detail-summary-bar{border:1px solid var(--line);background:linear-gradient(145deg,#13231c,#0d1712);border-radius:14px;grid-template-columns:minmax(210px,.8fr) minmax(560px,2fr) auto;align-items:center;gap:22px;margin-bottom:16px;padding:20px 22px;display:grid}.detail-title h2{overflow-wrap:anywhere;margin:3px 0 7px;font-size:28px;line-height:1.15}.detail-title small{font:9px var(--mono);color:var(--muted);overflow-wrap:anywhere}.detail-summary-metrics{grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;display:grid}.detail-summary-metrics>div{border-left:1px solid var(--line);gap:7px;min-width:0;padding:7px 11px;display:grid}.detail-summary-metrics span{color:var(--muted);font-size:9px}.detail-summary-metrics b{font:11px var(--mono);overflow-wrap:anywhere}.detail-tabs{scrollbar-width:thin;border-bottom:1px solid var(--line);gap:5px;margin-bottom:16px;padding:0 2px 9px;display:flex;overflow-x:auto}.detail-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;flex:none;padding:11px 16px;font-size:12px}.detail-tabs button.active{border-color:var(--green);color:var(--green);background:#183623}.detail-tabs em{font:normal 9px var(--mono);background:#274333;border-radius:10px;margin-left:7px;padding:2px 6px}.detail-tab-panel{gap:16px;min-width:0;display:grid}.detail-overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-primary-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.chain-segments{gap:10px;display:grid}.chain-segments>div{border:1px solid var(--line);background:#0b1511;border-radius:9px;grid-template-columns:62px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.chain-segments span{font:9px var(--mono);color:var(--muted)}.chain-segments b{font-size:12px}.chain-segments small{color:var(--muted);font:10px var(--mono);grid-column:2/4}.recent-check-summary{background:#11251a;border:1px solid #37684a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;padding:13px 16px;display:flex}.recent-check-summary.has-error{background:#2b1817;border-color:#6d3e39}.recent-check-summary b{color:var(--green)}.recent-check-summary.has-error b{color:var(--red)}.recent-check-summary span{font:10px var(--mono);color:var(--muted)}.recent-check-summary button{margin-left:auto}.device-count-badge{font:11px var(--mono);color:var(--green)}.operation-stage{color:var(--amber);background:#241f13;border:1px solid #685b37;border-radius:8px;padding:10px 13px;font-size:11px}.device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.device-card{border:1px solid var(--line);background:#0b1511;border-radius:10px;min-width:0;padding:16px}.device-card-head{justify-content:space-between;gap:12px;display:flex}.device-card h4{margin:0 0 5px}.device-card small{font:9px var(--mono);color:var(--muted);overflow-wrap:anywhere}.device-metrics{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.device-metrics>div{border-top:1px solid #223129;gap:5px;min-width:0;padding-top:9px;display:grid}.device-metrics span{color:var(--muted);font-size:9px}.device-metrics b{font:10px/1.45 var(--mono);overflow-wrap:anywhere}.device-actions{flex-wrap:wrap;gap:7px;display:flex}.device-actions button{font-size:10px}.per-device-traffic{margin-top:0}.device-traffic-list{gap:8px;display:grid}.device-traffic-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(120px,1fr) repeat(3,minmax(120px,auto));align-items:center;gap:15px;padding:12px 0;display:grid}.device-traffic-list span,.device-traffic-list strong{font:10px var(--mono);color:var(--muted)}.device-traffic-list strong{color:var(--green)}.log-accordion{gap:8px;display:grid}.log-accordion details{border:1px solid var(--line);border-left:3px solid var(--green);background:#0b1511;border-radius:8px;overflow:hidden}.log-accordion details.bad{border-left-color:var(--red)}.log-accordion summary{cursor:pointer;grid-template-columns:minmax(145px,1fr) auto minmax(120px,.7fr) 80px 20px;align-items:center;gap:12px;padding:13px 15px;list-style:none;display:grid}.log-accordion summary::-webkit-details-marker{display:none}.log-accordion summary span,.log-accordion summary b{font:10px var(--mono);font-weight:400}.log-accordion summary>i{color:var(--green);font-style:normal;transition:all .18s}.log-accordion details[open] summary>i{transform:rotate(180deg)}.log-accordion details>div{border-top:1px solid var(--line);padding:15px}.log-accordion details h4,.log-accordion details p{margin:0 0 10px}.log-accordion details p,.log-accordion details small{color:var(--muted);font-size:11px}.log-accordion.audit summary{grid-template-columns:minmax(145px,1fr) auto minmax(180px,2fr) 20px}.load-more{justify-self:center}.credential-drawer-backdrop{z-index:30;background:#000b;justify-content:flex-end;display:flex;position:fixed;inset:0}.credential-drawer{z-index:31;background:#101a16;border:0;border-left:1px solid #365344;flex-direction:column;gap:16px;width:min(580px,100%);height:100%;padding:28px;display:flex;position:relative;overflow-y:auto}.drawer-head{justify-content:space-between;gap:15px;display:flex}.drawer-head h3{margin:4px 0}.drawer-credential{border-top:1px solid var(--line);gap:10px;padding-top:15px;display:grid}.drawer-credential code{font:11px/1.6 var(--mono);color:var(--green);overflow-wrap:anywhere;background:#09110d;border-radius:7px;padding:12px}.masked-secret{letter-spacing:.12em;color:var(--muted)!important}.drawer-qr{justify-items:start;gap:10px;display:grid}.drawer-qr svg{border-radius:6px}.drawer-qr>div{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1250px){.detail-summary-bar{grid-template-columns:1fr auto}.detail-summary-metrics{grid-area:2/1/auto/3}.detail-overview-grid,.device-card-grid{grid-template-columns:1fr}}@media (width<=760px){.detail-summary-bar{grid-template-columns:1fr}.detail-summary-bar>button{justify-self:start}.detail-summary-metrics{grid-column:1;grid-template-columns:1fr 1fr}.detail-summary-metrics>div{border-left:0;border-top:1px solid var(--line);padding:9px 0}.detail-tabs{margin-inline:-4px}.detail-tabs button{padding:10px 13px}.device-create,.device-metrics{grid-template-columns:1fr}.device-traffic-list>div{grid-template-columns:1fr;gap:6px}.log-accordion summary,.log-accordion.audit summary{grid-template-columns:1fr auto 20px}.log-accordion summary b{grid-column:1/2}.log-accordion summary>i{grid-area:1/3}.chain-segments>div{grid-template-columns:1fr auto}.chain-segments>div>b,.chain-segments small{grid-column:1/3}.recent-check-summary{align-items:flex-start}.recent-check-summary button{margin-left:0}.credential-drawer{width:100%;height:100%;padding:20px;position:relative;inset:auto}.drawer-qr{justify-items:center}.drawer-qr>div{justify-content:center}}@media (width<=900px){.traffic-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.traffic-grid{grid-template-columns:1fr}.overview-actions{flex-direction:column;align-items:stretch}}.server-monitor{min-height:480px}.server-monitor .source{margin-top:16px;line-height:1.7;display:block}.link-monitor{margin-top:16px}.link-metrics{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.link-metrics>div{border:1px solid var(--line);background:#0b1511;border-radius:9px;gap:8px;padding:14px;display:grid}.link-metrics span{color:var(--muted);font-size:10px}.link-metrics b{font:13px var(--mono);color:var(--green)}@media (width<=900px){.link-metrics{grid-template-columns:1fr 1fr}}@media (width<=560px){.link-metrics{grid-template-columns:1fr}.server-monitor{min-height:auto}}:root{color:#ecf8f0;font-synthesis:none;--bg:#09100d;--surface:#101a16;--surface2:#15221c;--line:#27382f;--ink:#ecf8f0;--muted:#8ea49a;--green:#85f0ad;--green2:#40c978;--amber:#f1c66a;--red:#ff857e;--mono:"DM Mono",monospace;background:#09100d;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% 0%,#133226 0,transparent 35%),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#15231d;border-radius:9px;padding:9px 13px;transition:all .18s}button:hover{background:#1b3026;border-color:#4d7660}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:#07110c;font-weight:700}.primary:hover{background:#a3ffc3;border-color:#a3ffc3}.danger{color:var(--red)}.eyebrow{font:500 11px/1.4 var(--mono);letter-spacing:.17em;color:var(--green2);text-transform:uppercase}.signal-mark{align-items:flex-end;gap:4px;height:32px;display:flex}.signal-mark i{background:var(--green);border-radius:5px;width:5px;display:block}.signal-mark i:first-child{height:12px}.signal-mark i:nth-child(2){height:22px}.signal-mark i:nth-child(3){height:31px}.login-shell{grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;max-width:1240px;min-height:100vh;margin:auto;padding:7vw;display:grid}.login-brand h1{letter-spacing:-.05em;margin:20px 0 28px;font-size:clamp(45px,6vw,82px);line-height:.98}.login-brand h1 em{color:var(--green);font-style:normal}.lead{color:#acc0b6;max-width:600px;font-size:18px;line-height:1.8}.flow{font:13px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:48px;display:flex}.flow span{border:1px solid var(--line);background:#0d1712;border-radius:7px;padding:9px 12px}.flow b{color:var(--green)}.login-card{background:linear-gradient(145deg,#14231c,#0d1712);border:1px solid #2c4437;border-radius:18px;gap:22px;padding:42px;display:grid;box-shadow:0 30px 70px #0007}.login-card h2{margin:6px 0;font-size:28px}.login-card p,.login-card small{color:var(--muted)}label{color:#b9ccc2;gap:8px;font-size:13px;display:grid}input,textarea{width:100%;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:8px;outline:none;padding:12px}input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #40c97818}textarea{resize:vertical;font:13px/1.7 var(--mono)}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--line);z-index:5;background:#0b1410;flex-direction:column;width:248px;height:100vh;padding:28px 18px;display:flex;position:fixed}.logo{align-items:center;gap:13px;padding:0 8px 30px;display:flex}.logo .signal-mark{transform:scale(.72)}.logo b,.logo span{display:block}.logo b{font-size:15px}.logo span{font:10px var(--mono);color:var(--green);letter-spacing:.12em;text-transform:uppercase}.logo+nav{border-top:1px solid var(--line);padding-top:24px}nav{gap:7px;display:grid}nav button{text-align:left;color:#9eb1a7;background:0 0;border:0;align-items:center;gap:12px;padding:12px;display:flex}nav button i{font-style:normal;font:18px var(--mono);color:#698075;text-align:center;width:22px}nav button.active{color:#fff;background:#1b3026}nav button.active i{color:var(--green)}.side-status{border:1px solid var(--line);background:#101b16;border-radius:10px;margin-top:auto;padding:15px}.side-status span,.side-status small{display:block}.side-status span{font-size:12px}.side-status span i,.badge i{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:8px;display:inline-block}.side-status small{color:var(--muted);margin-top:7px;font-size:10px}.logout{background:0 0;margin-top:12px}.content{grid-column:2;width:100%;max-width:1800px;padding:46px clamp(25px,4vw,70px);overflow:hidden}.page-head{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px;display:flex}.page-head h2{letter-spacing:-.035em;margin:5px 0 8px;font-size:38px}.page-head>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--line);background:linear-gradient(150deg,#111d18,#0d1612);border-radius:12px;flex-direction:column;min-height:142px;padding:20px;display:flex}.stat p{color:var(--muted);margin:0;font-size:12px}.stat strong{font:500 33px var(--mono);margin:auto 0 7px}.stat small{color:#72867c;font-size:10px}.stat.green strong{color:var(--green)}.stat.red strong{color:var(--red)}.stat.amber strong{color:var(--amber)}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#0f1915;border-radius:12px;padding:24px}.panel h3{margin:0 0 20px}.panel-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.panel-title h3{margin:5px 0}.source{font:10px var(--mono);color:var(--muted)}.badge{white-space:nowrap;border:1px solid #31443a;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;display:inline-flex}.badge i{width:5px;height:5px;margin-right:5px}.badge.ok{color:var(--green);background:#183623;border-color:#37684a}.badge.warn{color:var(--amber);background:#362e18;border-color:#685b37}.badge.bad{color:var(--red);background:#351b1a;border-color:#6d3e39}.badge.muted{color:#9aaba2}.badge.bad i{background:var(--red);box-shadow:0 0 8px var(--red)}.badge.warn i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.badge.muted i{box-shadow:none;background:#778b80}.meter-list,.detail-list{margin:0;display:grid}.meter-list div,.detail-list div{border-top:1px solid #223129;justify-content:space-between;gap:20px;padding:11px 0;display:flex}.meter-list dt,.detail-list dt{color:var(--muted);font-size:12px}.meter-list dd,.detail-list dd{font:12px var(--mono);text-align:right;margin:0}.compact{grid-template-columns:1fr 1fr;gap:30px}.progress{grid-template-columns:48px 1fr 45px;align-items:center;gap:12px;margin:17px 0;font-size:12px;display:grid}.progress b{background:#203129;border-radius:5px;height:6px;overflow:hidden}.progress b i{background:linear-gradient(90deg,var(--green2),var(--green));border-radius:5px;height:100%;display:block}.progress em{font:normal 11px var(--mono);text-align:right}.table-wrap{border:1px solid var(--line);background:#0e1813;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1370px}th{text-align:left;font:10px var(--mono);letter-spacing:.08em;color:#769083;text-transform:uppercase;border-bottom:1px solid var(--line);background:#111e18;padding:14px}td{vertical-align:top;border-bottom:1px solid #1d2b24;padding:15px 14px;font-size:12px}td b,td small{white-space:nowrap;display:block}td small{color:var(--muted);margin-top:7px;font-size:10px}td code{font:11px var(--mono);color:#bed2c7}.row-actions{flex-wrap:wrap;gap:6px;max-width:230px;display:flex}.row-actions button{padding:5px 8px;font-size:10px}.empty{text-align:center;color:var(--muted);padding:40px 15px}.empty div{color:#436153;font-size:38px}.add-grid{grid-template-columns:1.05fr .95fr}.form-panel{gap:16px;display:grid}.form-panel h3,.form-panel p{margin:0}.form-panel>p{color:var(--muted);font-size:12px}fieldset{border:0;flex-wrap:wrap;gap:9px;margin:0;padding:0;display:flex}legend{color:var(--muted);margin-bottom:8px;font-size:12px}.radio{display:block}.radio input{opacity:0;position:absolute}.radio span{border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:9px 12px;display:block}.radio input:checked+span{border-color:var(--green);color:var(--green);background:#183623}.button-row{justify-content:flex-end;gap:10px;display:flex}.notice{border-left:3px solid var(--amber);background:#241f13;gap:3px;padding:11px 14px;font-size:11px;display:grid}.notice span{color:#bbaa82}.preview-list{gap:8px;display:grid}.preview{border:1px solid #26372e;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.preview code{font:11px var(--mono);color:var(--green)}.preview small{color:var(--muted);grid-column:2/4}.alert{border:1px solid;border-radius:8px;padding:11px 14px;font-size:12px}.alert.bad{color:#ffaaa5;background:#321b1a;border-color:#6a3c38}.alert.ok{color:#a6ffc6;background:#173322;border-color:#366d49}.modal{z-index:20;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#111d18;border:1px solid #365344;border-radius:14px;gap:17px;width:min(430px,100%);padding:28px;display:grid}.modal-card h3,.modal-card p{margin:0}.modal-card p{color:var(--muted);font-size:12px}.credentials{margin-top:16px}.credential{border-top:1px solid var(--line);grid-template-columns:220px 1fr auto;align-items:center;gap:15px;padding:17px 0;display:grid}.credential code{word-break:break-all;font:11px/1.6 var(--mono);color:var(--green);background:#09110d;border-radius:7px;padding:12px}.credential.vless{grid-template-columns:1fr auto}.credential.vless>div{grid-template-columns:200px 1fr auto;align-items:center;gap:15px;display:grid}.credential svg{border-radius:5px}.timeline{gap:16px;display:grid}.timeline>div{padding-left:22px;position:relative}.timeline>div>i{background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:0}.timeline>div>i.bad{background:var(--red)}.timeline b,.timeline span{font-size:11px}.timeline span{color:var(--muted);margin-left:10px}.timeline p{color:#9fb3a8;margin:4px 0;font-size:11px}.audit-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.audit-list>div{border:1px solid var(--line);border-radius:8px;padding:13px}.audit-list b,.audit-list span{font-size:11px}.audit-list span{float:right;color:var(--green)}.audit-list p,.audit-list small{color:var(--muted);font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sticky-save{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17271fcc;border:1px solid #355043;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 16px;display:flex;position:sticky;bottom:15px}.sticky-save span{color:var(--muted);font-size:11px}.segmented{flex-wrap:wrap;gap:7px;display:flex}.segmented button{font-size:11px}.totp-pending{justify-items:start;gap:12px;display:grid}.totp-pending svg{border-radius:6px}.totp-pending code{font:11px var(--mono);word-break:break-all;color:var(--green)}footer{text-align:center;font:9px var(--mono);letter-spacing:.1em;color:#456054;margin-top:40px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col,.settings-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:74px 1fr}aside{width:74px;padding:22px 10px}.logo>div:last-child,nav button:not(.active){font-size:0}nav button{justify-content:center}.side-status,.logout{font-size:0}.content{grid-column:2}.login-shell{grid-template-columns:1fr;max-width:700px}.login-brand .flow{display:none}}@media (width<=680px){.app-shell{display:block}aside{border-top:1px solid var(--line);border-right:0;flex-direction:row;align-items:center;width:100%;height:67px;padding:7px;position:fixed;top:auto;bottom:0}.logo,.side-status,.logout{display:none}nav{grid-template-columns:repeat(4,1fr);gap:2px;width:100%;display:grid}nav button,nav button:not(.active){justify-items:center;padding:5px;font-size:9px;display:grid}nav button i{font-size:17px}.content{padding:25px 15px 90px}.page-head{align-items:flex-start}.page-head h2{font-size:29px}.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:115px}.login-shell,.login-card{padding:25px}.login-brand h1{font-size:44px}.credential,.credential.vless,.credential.vless>div,.audit-list,.compact{grid-template-columns:1fr}}@media (width>=761px){.modal-card{min-height:0;max-height:calc(100dvh - 40px);overflow-y:auto}.edit-card{width:min(640px,100%)}}.setup-shell{background:radial-gradient(circle at 50% 0,#153b2b 0,#0000 40%);place-items:center;min-height:100vh;padding:40px 20px;display:grid}.setup-card{background:linear-gradient(145deg,#14231c,#0d1712);border:1px solid #2c4437;border-radius:18px;width:min(780px,100%);padding:38px;box-shadow:0 30px 80px #0008}.setup-card>h1{margin:8px 0;font-size:34px}.setup-card>p{color:var(--muted);line-height:1.7}.setup-logo{padding:0 0 22px}.countdown{border:1px solid var(--line);color:var(--muted);border-radius:8px;justify-content:space-between;margin:18px 0;padding:10px 14px;font-size:12px;display:flex}.countdown b{font:13px var(--mono);color:var(--amber)}.setup-form{gap:17px;margin-top:22px;display:grid}.setup-form label small{color:var(--muted)}.setup-form label small.valid{color:var(--green)}.totp-setup{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:20px;display:grid}.totp-setup svg{border-radius:6px}.totp-setup p{color:var(--muted);font-size:12px}.totp-setup code{color:var(--green);font:13px var(--mono);word-break:break-all;padding:10px 0;display:block}.success-card{text-align:center;max-width:620px}.success-icon{background:var(--green);color:#07110c;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:42px;display:grid}.recovery-box{border:1px solid var(--green2);background:#09110d;border-radius:12px;gap:12px;margin:22px 0;padding:20px;display:grid}.recovery-box span{color:var(--muted);font-size:12px}.recovery-box code{color:var(--green);font:18px var(--mono);word-break:break-all}@media (width<=680px){.setup-card{padding:24px}.totp-setup{grid-template-columns:1fr;justify-items:center}.totp-setup>div{text-align:center}.setup-card>h1{font-size:28px}}.masked-input{-webkit-text-security:disc;letter-spacing:.12em}.path-health{margin-top:16px}.topology-line{flex-wrap:wrap;align-items:center;gap:10px;margin:-7px 0 20px;display:flex}.topology-line code{font:11px var(--mono);color:var(--green);background:#09110d;border-radius:7px;padding:8px 10px}.topology-line b{color:#668276}.path-health-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.path-health-grid article{border:1px solid var(--line);background:#0c1611;border-radius:9px;min-height:155px;padding:14px}.path-health-grid article>div{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.path-health-grid article b{font-size:12px}.path-health-grid article strong{font:500 18px var(--mono);color:var(--green);margin:18px 0 9px;display:block}.path-health-grid article p,.path-health-grid article small{color:var(--muted);font-size:10px;line-height:1.6}.path-health>.source{margin:16px 0 0}@media (width<=1100px){.path-health-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.path-health-grid{grid-template-columns:1fr}}.qr-export{justify-items:center;gap:10px;min-width:188px;display:grid}.qr-export svg{display:block}.qr-buttons{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.qr-buttons button{padding:7px 8px;font-size:10px}.qr-message{color:var(--green);text-align:center;max-width:210px;font-size:10px;line-height:1.5}.qr-export-controls{justify-items:start;gap:12px;display:grid}.qr-export-controls>svg{border-radius:6px;display:block}.qr-labeled-preview{color:#000;background:#fff;border-radius:6px;width:220px;overflow:hidden}.qr-labeled-preview>svg{display:block}.qr-labeled-preview>div{text-align:center;overflow-wrap:anywhere;gap:3px;padding:7px 10px 12px;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;font-weight:600;line-height:1.35;display:grid}.qr-labeled-preview span{display:block}.qr-export-actions{flex-wrap:wrap;gap:8px;display:flex}.qr-export-actions button{font-size:10px}.qr-export-controls .qr-message{text-align:left;max-width:100%}@media (width<=680px){.qr-export{justify-self:start}.qr-buttons{grid-template-columns:1fr}.qr-export-controls{justify-items:center;width:100%}.qr-export-actions{width:100%;display:grid}}.mobile-node-grid,.mobile-app-bar,.mobile-nav-backdrop,.aside-mobile-head,.mobile-sort-sheet,.mobile-entry-mode,.mobile-add-actions{display:none}.secondary-danger{color:var(--red);background:0 0;border-color:#6d3e39}.secondary-danger:hover{border-color:var(--red);background:#351b1a}.device-panel-tools{justify-items:end;gap:7px;display:grid}.device-panel-tools>button{padding:6px 9px;font-size:10px}.device-actions .device-archive-action{margin-left:auto}.archived-device-section{border-top:1px solid var(--line);gap:12px;margin-top:20px;padding-top:18px;display:grid}.archived-device-section>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.archived-device-section h4{margin:0}.archived-device-section small{color:var(--muted)}.archived-device-card{opacity:.82;border-style:dashed}.archived-device-card .source{margin:4px 0 0}.archive-device-modal code{font:12px var(--mono);color:var(--green)}.sensitive-unlock-banner{z-index:19;color:var(--green);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:12px var(--mono);background:#183623ed;border:1px solid #37684a;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:-18px 0 18px;padding:10px 13px;display:flex;position:sticky;top:0}.sensitive-unlock-banner button{background:#10241a;padding:6px 10px}.sensitive-unlock-modal>p{line-height:1.6}.node-expiry{white-space:normal;max-width:100%;font:10px/1.45 var(--mono);flex-wrap:wrap;align-items:baseline;display:inline-flex}.node-expiry-unset,.node-expiry-normal{color:var(--muted)}.node-expiry-warning{color:var(--amber)}.node-expiry-urgent{color:#ff9f5a;font-weight:600}.node-expiry-expired{color:var(--red);font-weight:700}td small.node-expiry-row{margin-top:8px}.expiry-indicator{width:max-content;max-width:100%;font:600 10px/1.2 var(--mono);white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex}.expiry-indicator-warning{color:var(--amber);background:#362e18;border-color:#685b37}.expiry-indicator-urgent{color:#ff9f5a;background:#3a2116;border-color:#8a4f2e}.expiry-indicator-expired{color:var(--red);background:#351b1a;border-color:#6d3e39}.mobile-node-card .node-expiry-warning,.mobile-node-card .node-expiry-warning>span{color:var(--amber)}.mobile-node-card .node-expiry-urgent,.mobile-node-card .node-expiry-urgent>span{color:#ff9f5a}.mobile-node-card .node-expiry-expired,.mobile-node-card .node-expiry-expired>span{color:var(--red)}.mobile-node-card .expiry-indicator-warning{color:var(--amber)}.mobile-node-card .expiry-indicator-urgent{color:#ff9f5a}.mobile-node-card .expiry-indicator-expired{color:var(--red)}@media (width>=768px) and (width<=1099px){.desktop-node-table{display:none}.mobile-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-node-filter{max-width:100%;overflow:hidden}.filter-row{scrollbar-width:thin;overflow-x:auto}.filter-selection-summary{flex:none}}.mobile-node-card{border:1px solid var(--line);background:#0f1915;border-radius:12px;gap:14px;min-width:0;padding:15px;display:grid}.mobile-node-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.mobile-node-card>header>span{font:11px var(--mono);color:var(--green)}.mobile-node-card h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;overflow:hidden}.mobile-node-statuses{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.mobile-node-main{grid-template-columns:1.15fr 1fr .75fr;gap:7px;display:grid}.mobile-node-main>div,.mobile-link-grid>div,.mobile-usage-grid>div{background:#0b1511;border:1px solid #223129;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.mobile-node-card small,.mobile-node-card span{color:var(--muted);font-size:12px}.mobile-node-card b{overflow-wrap:anywhere;font-size:14px}.mobile-value{min-width:0;color:var(--ink);font:13px var(--mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.mobile-value:focus{white-space:normal;overflow-wrap:anywhere}.mobile-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mobile-link-grid>div{text-align:center;align-content:start}.mobile-link-grid>div>span{white-space:nowrap;min-width:0;display:block}.mobile-link-grid>div>span i{font-style:normal}.mobile-link-grid>div>span b{display:none}.mobile-link-grid>div>.badge{justify-self:center}.mobile-link-grid>div>small{min-width:0;font:12px var(--mono);overflow-wrap:anywhere;display:block}.mobile-link-grid .badge{text-overflow:ellipsis;width:max-content;max-width:100%;overflow:hidden}.mobile-usage-grid{grid-template-columns:.7fr .9fr 1.4fr;gap:7px;display:grid}.mobile-usage-grid em{font:normal 11px var(--mono);color:var(--green)}.mobile-expiry-row{min-width:0;padding:0 2px}.mobile-expiry-row .node-expiry{font-size:12px}.mobile-node-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.mobile-card-actions{align-items:center;gap:6px;display:flex}.mobile-card-actions>button,.mobile-more>button{min-width:58px}.mobile-more{position:relative}.mobile-more>div{z-index:18;background:#101a16;border:1px solid #365344;border-radius:9px;gap:5px;width:150px;padding:7px;display:grid;position:absolute;bottom:48px;right:0;box-shadow:0 16px 38px #000a}.mobile-more>div button{text-align:left}@media (width<=767px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{padding-bottom:env(safe-area-inset-bottom);font-size:14px}button,input,select,textarea{touch-action:manipulation;font-size:16px}button,.mobile-app-bar button,.filter-mobile-actions button,.filter-mobile-status button{min-width:44px;min-height:44px}.app-shell{min-width:0;display:block}.mobile-app-bar{z-index:35;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1410ee;align-items:center;gap:12px;display:flex;position:sticky;top:0}.mobile-app-bar>div{display:grid}.mobile-app-bar b{font-size:14px}.mobile-app-bar span{font:9px var(--mono);color:var(--green);text-transform:uppercase}.mobile-nav-backdrop{z-index:36;background:#000b;border:0;border-radius:0;display:block;position:fixed;inset:0}aside.app-navigation{z-index:37;width:min(310px,86vw);height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));border-right:1px solid var(--line);background:#0b1410;border-top:0;flex-direction:column;align-items:stretch;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}aside.app-navigation.mobile-open{transform:translate(0)}.aside-mobile-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.aside-mobile-head button{font-size:24px}aside.app-navigation .logo{padding:12px 8px 20px;display:flex}aside.app-navigation .logo>div:last-child{display:block}aside.app-navigation nav{grid-template-columns:1fr;gap:6px;width:100%;display:grid}aside.app-navigation nav button,aside.app-navigation nav button:not(.active){justify-content:flex-start;min-height:48px;padding:11px 13px;font-size:14px;display:flex}aside.app-navigation .side-status{margin-top:auto;font-size:14px;display:block}aside.app-navigation .logout{min-height:46px;margin-top:10px;font-size:14px;display:block}main.content{width:100%;min-width:0;padding:20px 12px calc(28px + env(safe-area-inset-bottom));display:block;overflow:visible}main.content.add-node-content{width:100%;min-width:0;max-width:100%;padding:20px 16px calc(112px + env(safe-area-inset-bottom));box-sizing:border-box;scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom));grid-column:auto;margin:0}.add-node-content .page-head,.add-node-content .add-grid,.add-node-content .add-grid>.panel,.add-node-content .form-panel,.add-node-content .form-panel>label{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.add-node-content .add-grid{gap:14px;display:grid;grid-template-columns:minmax(0,1fr)!important}.add-node-content .form-panel{grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.add-node-content .form-panel input,.add-node-content .form-panel textarea,.add-node-content .form-panel select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;scroll-margin-bottom:calc(104px + env(safe-area-inset-bottom));font-size:16px;display:block}.add-node-content .add-allowlist-input{resize:vertical;height:110px;min-height:100px;max-height:120px;overflow-y:auto}.add-node-content .add-proxy-input{resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere;height:32dvh;min-height:180px;max-height:40dvh;overflow:hidden auto}.add-node-content .desktop-entry-modes{display:none!important}.add-node-content .mobile-entry-mode{gap:8px;width:100%;display:grid}.add-node-content .mobile-entry-mode select{height:48px;color:var(--ink);background:#09110d;border:1px solid #31463a;border-radius:8px;padding:10px 12px}.add-node-content .desktop-add-actions{display:none!important}.add-node-content .form-panel>p,.add-node-content .alert,.add-node-content .notice,.add-node-content .preview,.add-node-content .preview b,.add-node-content .preview code,.add-node-content .preview small{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.add-node-content .preview{grid-template-columns:minmax(0,1fr);align-items:start}.add-node-content .preview .badge{width:max-content;max-width:100%}.add-node-content .preview small{grid-column:auto}.mobile-add-actions{z-index:34;width:100%;max-width:100%;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111d18f2;border-top:1px solid #365344;grid-template-columns:minmax(92px,.45fr) minmax(0,1fr);gap:9px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-add-actions button{width:100%;min-width:0;min-height:48px;font-size:16px}.page-head{align-items:flex-start;gap:12px;margin-bottom:28px}.page-head h2{font-size:28px}.page-head>div:last-child button{min-height:44px}.desktop-node-table{display:none}.mobile-node-grid{grid-template-columns:1fr;gap:11px;display:grid}main.content small,main.content .source,.mobile-node-card small,.mobile-node-card span{font-size:14px}.mobile-node-card{padding:14px 8px}.mobile-node-card>header{grid-template-columns:auto minmax(0,1fr);align-items:start}.mobile-node-statuses{grid-column:1/3;justify-content:flex-start}.mobile-node-card>header .badge{width:max-content}.mobile-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mobile-link-grid>div{padding:9px 4px;overflow:hidden}.mobile-link-grid>div>span i{display:none}.mobile-link-grid>div>span b{font-size:14px;display:block}.mobile-link-grid>div>small{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mobile-link-grid .badge{max-width:100%;padding:4px 6px;font-size:12px}.mobile-node-main{grid-template-columns:1fr 1fr}.mobile-node-main>div:first-child{grid-column:1/3}.mobile-expiry-row .node-expiry{font-size:14px;line-height:1.5}.mobile-node-card>footer{flex-direction:column;align-items:flex-start}.mobile-card-actions{width:100%}.mobile-card-actions>button,.mobile-more{flex:1}.mobile-more>button{width:100%}.advanced-node-filter{top:calc(56px + env(safe-area-inset-top));z-index:30;background:#0e1813f5;margin:-12px 0 12px;position:sticky}.filter-mobile-head{grid-template-columns:1fr;gap:8px;padding:9px;display:grid}.filter-mobile-head>input{width:100%;height:44px;padding:9px 12px;font-size:16px}.filter-mobile-status{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-mobile-status button{white-space:nowrap;flex:none;padding:7px 10px;font-size:14px}.filter-mobile-status button.active{color:var(--green);border-color:var(--green);background:#183623}.filter-mobile-status em{font:normal 12px var(--mono);margin-left:5px}.filter-mobile-actions{grid-template-columns:1fr auto auto;align-items:center;gap:7px;display:grid}.filter-mobile-actions span{font:14px var(--mono);color:var(--muted)}.filter-body{display:none!important}.drawer-filter .filter-body{z-index:41;width:100%;max-height:82dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:#101a16;border-radius:16px 16px 0 0;flex-direction:column;gap:12px;position:fixed;inset:auto 0 0;overflow-y:auto;display:flex!important}.drawer-filter .filter-primary-row{display:none}.filter-drawer-title{justify-content:space-between;align-items:center;display:flex}.filter-secondary-row{flex-direction:column;align-items:stretch;gap:9px;display:flex}.region-cascade{grid-template-columns:1fr;display:grid}.region-cascade select,.filter-secondary-row>select{width:100%;max-width:none;min-height:44px;font-size:14px}.desktop-sort-select{display:none}.filter-more>button{width:100%;min-height:44px}.filter-more-popover{width:100%;box-shadow:none;margin-top:7px;position:static}.filter-selection-summary{white-space:normal;flex-wrap:wrap;min-width:0;display:flex;overflow:visible}.filter-selection-summary button{min-height:36px}.filter-drawer-backdrop{z-index:40;background:#000b;border:0;border-radius:0;display:block;position:fixed;inset:0}.mobile-sort-sheet{z-index:41;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:#101a16;border-radius:16px 16px 0 0;gap:7px;display:grid;position:fixed;inset:auto 0 0}.mobile-sort-sheet>div{justify-content:space-between;align-items:center;display:flex}.mobile-sort-sheet>button{text-align:left;min-height:46px}.mobile-sort-sheet>button.active{color:var(--green);border-color:var(--green);background:#183623}.modal{place-items:stretch stretch;padding:0}.modal-card{width:100%;height:100dvh;max-height:none;padding:calc(18px + env(safe-area-inset-top)) 14px calc(88px + env(safe-area-inset-bottom));border:0;border-radius:0;overflow-y:auto}.modal-card .button-row{z-index:45;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111d18ee;margin:0;position:fixed;bottom:0;left:0;right:0}.modal-card .button-row button{flex:1;min-height:48px}.add-grid,.two-col,.settings-grid,.detail-overview-grid,.device-card-grid{grid-template-columns:1fr!important}.form-panel{min-width:0}.button-row{bottom:env(safe-area-inset-bottom);z-index:4;background:#0f1915;padding-top:9px;position:sticky}.button-row button{min-height:46px}.detail-summary-bar{grid-template-columns:1fr;padding:16px}.detail-summary-metrics{grid-column:1;grid-template-columns:1fr 1fr!important}.detail-tabs{max-width:100vw;overflow-x:auto}.panel{min-width:0;padding:18px 14px}.traffic-grid{grid-template-columns:1fr 1fr}.device-archive-panel>.panel-title{flex-direction:column;align-items:stretch}.device-panel-tools{justify-items:stretch}.device-count-badge{overflow-wrap:anywhere;line-height:1.6}.device-panel-tools>button{min-height:44px;font-size:14px}.device-actions .device-archive-action{width:100%;margin-top:5px;margin-left:0}.archived-device-section>div:first-child{flex-direction:column;align-items:flex-start}.archive-device-modal .button-row{position:static}.sensitive-unlock-banner{top:calc(56px + env(safe-area-inset-top));flex-direction:column;align-items:flex-start;margin:-8px 0 14px;font-size:14px}.sensitive-unlock-banner button{width:100%;min-height:44px}.sensitive-unlock-modal input{font-size:16px}.credential-drawer-backdrop{align-items:stretch}.credential-drawer{width:100%!important;height:100dvh!important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;border:0!important;position:fixed!important;inset:0!important}.drawer-credential code{overflow-wrap:anywhere;white-space:normal;font-size:13px}.qr-export-controls{width:100%;justify-items:center!important}.qr-labeled-preview{max-width:100%}.qr-export-actions{grid-template-columns:1fr;width:100%;display:grid!important}.qr-export-actions button{width:100%;min-height:46px;font-size:14px}code,.detail-title small,td code{overflow-wrap:anywhere;word-break:break-word}.empty{place-content:center;min-height:180px;display:grid}.alert{font-size:14px;line-height:1.5}}@media (width<=430px){.mobile-usage-grid{grid-template-columns:1fr 1fr}.mobile-usage-grid>div:last-child{grid-column:1/3}.traffic-grid{grid-template-columns:1fr}}