:root{--vg-orange: #F26B1D;--vg-orange-2: #FF8A3D;--vg-orange-soft: rgba(242, 107, 29, .12);--vg-orange-tint: #FFF4EC;--vg-navy: #0B1B3A;--vg-navy-2: #1A325F;--vg-navy-soft: rgba(11, 27, 58, .06);--bg: #F6F8FC;--bg-2: #FFFFFF;--surface: #FFFFFF;--border: #E3E8F1;--border-strong: #CFD7E6;--text: #0B1B3A;--text-soft: #3B4A6B;--muted: #6B7A99;--success: #16A34A;--busy: #D97706;--danger: #DC2626;--shadow-sm: 0 1px 2px rgba(11, 27, 58, .06);--shadow-md: 0 4px 16px rgba(11, 27, 58, .08);--shadow-orange: 0 6px 18px rgba(242, 107, 29, .28)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(900px 500px at 100% -10%,rgba(242,107,29,.1),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(11,27,58,.07),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:.005em}.page{max-width:460px;margin:0 auto;padding:28px 20px 48px}.brand{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;margin:4px 0 28px}.brand img{width:84px;height:84px;border-radius:20px;box-shadow:var(--shadow-orange);display:block}.brand .tagline{color:var(--vg-orange);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border)}.topbar img{width:40px;height:40px;border-radius:10px;box-shadow:0 3px 10px #f26b1d40}.topbar .title{font-weight:800;font-size:16px;color:var(--text);letter-spacing:-.01em}.topbar .title small{display:block;font-weight:600;font-size:11px;color:var(--vg-orange);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}h1{font-size:24px;margin:0 0 6px;font-weight:800;color:var(--text);letter-spacing:-.015em}h2{font-size:17px;margin:0 0 12px;color:var(--text);font-weight:700}p{color:var(--text-soft);line-height:1.55;margin:0 0 18px;font-size:14.5px}b,strong{color:var(--text);font-weight:700}input{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:15px;margin-bottom:12px;transition:border-color .12s ease,box-shadow .12s ease;box-shadow:var(--shadow-sm)}input::placeholder{color:var(--muted)}input:focus{outline:none;border-color:var(--vg-orange);box-shadow:0 0 0 3px var(--vg-orange-soft)}button{width:100%;padding:13px 16px;border-radius:10px;border:none;background:linear-gradient(180deg,var(--vg-orange-2) 0%,var(--vg-orange) 100%);color:#fff;font-weight:700;font-size:15px;cursor:pointer;margin-bottom:12px;letter-spacing:.01em;box-shadow:var(--shadow-orange);transition:transform 80ms ease,box-shadow .12s ease,filter .12s ease}button:hover{filter:brightness(1.04);box-shadow:0 8px 22px #f26b1d66}button:active{transform:translateY(1px)}button:disabled{background:#e3e8f1;color:#94a3b8;cursor:not-allowed;box-shadow:none;filter:none}button.secondary{background:var(--surface);color:var(--vg-navy);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}button.secondary:hover{background:var(--vg-orange-tint);border-color:var(--vg-orange);color:var(--vg-navy);filter:none}button.linkbtn{background:transparent;color:var(--vg-orange);padding:8px 0;border:none;font-size:14px;cursor:pointer;width:auto;font-weight:700;box-shadow:none;margin:0}button.linkbtn:hover{color:#c9551a;filter:none;box-shadow:none}.error{color:#991b1b;background:#fef2f2;border:1px solid #FECACA;padding:10px 12px;border-radius:8px;font-size:14px;margin:4px 0 8px}.muted{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--vg-orange);border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.dot.on{background:var(--success);box-shadow:0 0 0 3px #16a34a2e}.dot.off{background:#94a3b8}.dot.busy{background:var(--busy);box-shadow:0 0 0 3px #d977062e}.row{display:flex;align-items:center;gap:12px}.row>.grow{flex:1}.btn-compact{width:auto;padding:10px 16px;font-size:14px}.footer-note{margin-top:28px;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.04em}.footer-note .accent{color:var(--vg-orange);font-weight:700}.legal{margin-top:32px;padding-top:18px;text-align:center;position:relative}.legal:before{content:"";display:block;width:56px;height:3px;margin:0 auto 16px;border-radius:2px;background:linear-gradient(90deg,var(--vg-orange-2),var(--vg-orange))}.legal-brand{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--vg-navy);margin-bottom:6px}.legal-brand .accent{color:var(--vg-orange)}.legal-line{font-size:12px;color:var(--text-soft);line-height:1.5;letter-spacing:.01em}.legal-line.muted{color:var(--muted);margin-top:2px}