:root{color:#e8eef8;background:#0a0f1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#445cff52,#0000 34rem),linear-gradient(135deg,#09111f 0%,#111827 52%,#101018 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#06111f;cursor:pointer;background:#7dd3fc;border:0;padding:.55rem .9rem;font-weight:700}button:disabled{cursor:wait;opacity:.65}button.ghost{color:#e8eef8;background:#ffffff14;border:1px solid #ffffff2e}button.danger{color:#fecaca;background:#f8717129;border:1px solid #f8717157}.shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0}header,.toolbar,.client-main,.switch-row,.modal-header,.row-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.08em;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,4.5rem)}h2{margin-bottom:.25rem;font-size:1.05rem}.card,.toolbar{background:#080e1dc7;border:1px solid #ffffff1f;box-shadow:0 24px 80px #00000042}.toolbar{margin-bottom:.75rem;padding:.75rem}.tabs{gap:.5rem;margin-bottom:.75rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.tab{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff24;flex:none}.tab.active{color:#06111f;background:#7dd3fc}.tab-panel{margin-top:.75rem}.login{gap:.75rem;max-width:26rem;margin:0 auto;padding:1rem;display:grid}.login input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;padding:.65rem .8rem}.list{gap:.5rem;padding:.5rem;display:grid}.roots,.manual,.settings,.groups,.rules{padding:.75rem}.client,.root,.remote-subnet,.group-card,.rule-card{background:#ffffff0b;border:1px solid #ffffff1a;padding:.75rem}.client p,.root p,.remote-subnet p,.group-card p,.rule-card p,dd{color:#a9b4c5}.remote-subnets{padding:.75rem}.remote-subnet.inactive{opacity:.62}.remote-heading{align-items:center;gap:.5rem;display:flex}.section-title,.root,.remote-subnet,.group-card,.rule-card,.root-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.section-title p{color:#a9b4c5;margin-bottom:0}.root-upload,.remote-upload,.manual-form,.settings-form,.group-create,.group-list,.group-edit,.rule-form,.rule-list,.rule-edit,.modal-form,.remote-list,.root-list{gap:.5rem;display:grid}.root-upload,.remote-upload,.settings-form,.group-create,.rule-form{margin:.75rem 0}.manual-form{margin-top:1rem}.root-upload input,.root-upload textarea,.remote-upload input,.remote-upload select,.remote-upload textarea,.group-create input,.group-edit input,.rule-form input,.rule-form select,.rule-edit input,.rule-edit select,.modal-form input,.modal-form select,.modal-form textarea,.manual-form input,.config-output,.settings-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;padding:.65rem .8rem}.root-upload textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.remote-upload label{color:#e2e8f0;gap:.35rem;font-weight:700;display:grid}.remote-actions,.remote-access-list,.assignment-grid{gap:.5rem;display:grid}.remote-actions,.row-actions{justify-content:flex-end}.assignment-grid{border-top:1px solid #ffffff14;min-width:14rem;padding-top:.6rem}.group-edit,.rule-edit{min-width:min(100%,28rem)}.rule-heading{align-items:center;gap:.5rem;display:flex}.rule-summary{flex:auto;min-width:14rem}.data-grid{background:#ffffff09;border:1px solid #ffffff14;padding:.75rem}.compact-grid{grid-template-columns:max-content minmax(8rem,1fr) max-content minmax(8rem,1fr)}.form-row{gap:.5rem;display:grid}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row.align-start{align-items:start}.modal-form label,.form-row label{color:#e2e8f0;gap:.35rem;font-weight:700;display:grid}.modal-actions{justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.modal-backdrop{z-index:50;background:#020617b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#0b1222;border:1px solid #ffffff29;width:min(46rem,100%);max-height:min(90vh,54rem);padding:.9rem;overflow:auto;box-shadow:0 32px 120px #00000080}.modal-header{border-bottom:1px solid #ffffff14;margin-bottom:.75rem;padding-bottom:.75rem}.modal-header h2{margin:0}.muted{color:#a9b4c5}.remote-access{color:#a9b4c5;border-top:1px solid #ffffff14;gap:.5rem;padding-top:.7rem;display:grid}.remote-access p{margin:0}.config-output{color:#dbeafe;resize:vertical;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.manual-result{gap:.5rem;display:grid}.result-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.result-actions p,.copy-state{color:#a9b4c5;margin:0}.result-actions div{gap:.5rem;display:flex}.settings-form label{color:#e2e8f0;gap:.35rem;font-weight:700;display:grid}h3{margin:0 0 .25rem}.badge{color:#cbd5e1;text-transform:uppercase;background:#94a3b829;border:1px solid #94a3b842;padding:.35rem .65rem;font-size:.78rem;font-weight:800}.badge.connected{color:#86efac;background:#22c55e29;border-color:#22c55e6b}dl{grid-template-columns:max-content minmax(0,1fr);gap:.2rem .75rem;margin:.75rem 0;display:grid}dt{color:#e2e8f0;font-weight:700}dd{overflow-wrap:anywhere;margin:0}.switch-row{border-top:1px solid #ffffff14;padding-top:.7rem;font-weight:700}.switch-row.compact{border:0;padding:0}.switch-row input{accent-color:#7dd3fc;width:2.4rem;height:1.3rem}.error,.warning,.empty{padding:.65rem .8rem}.error{color:#fecaca;background:#ef444424}.warning{color:#fde68a;background:#f59e0b24}.empty{color:#a9b4c5}@media (width<=720px){.shell{padding:1.5rem 0}header,.toolbar,.tabs,.client-main,.section-title,.result-actions,.root,.remote-subnet,.group-card,.rule-card,.root-actions,.row-actions,.modal-header{flex-direction:column;align-items:flex-start}dl,.compact-grid,.form-row.two,.form-row.three{grid-template-columns:1fr}}