*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1d23}.app-shell{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-header h1{font-size:1.4rem;margin:0}button{font:inherit;cursor:pointer;border:1px solid #d0d3d9;background:#fff;border-radius:6px;padding:8px 14px}button.primary{background:#2454ff;border-color:#2454ff;color:#fff}button.danger{background:#e0342a;border-color:#e0342a;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eceef1;font-size:.92rem}th{background:#fafbfc;font-weight:600;color:#555}.filter-row th{padding:6px 8px;font-weight:400}.filter-input{width:100%;padding:4px 6px;border:1px solid #d0d3d9;border-radius:4px;font:inherit;font-size:.82rem;background:#fff;box-sizing:border-box}.status-pill{padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.status-active{background:#e3f8e9;color:#1c8a45}.status-blocked{background:#fde5e3;color:#c9302c}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.online-dot.on{background:#2ecc71}.online-dot.off{background:#ccc}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.actions-cell button{padding:4px 10px;font-size:.82rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:#fff;border-radius:10px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0;font-size:1.15rem}.field{margin-bottom:14px}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px;color:#444}.field input,.field select{width:100%;padding:8px 10px;border:1px solid #d0d3d9;border-radius:6px;font:inherit}.field-hint{font-size:.78rem;color:#888;margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.error-banner{background:#fde5e3;color:#c9302c;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f5f7}.login-card{background:#fff;padding:32px;border-radius:10px;box-shadow:0 2px 10px #00000014;width:100%;max-width:340px}.login-card h1{font-size:1.2rem;margin-top:0}.wireguard-result{text-align:center}.wireguard-result img{width:200px;height:200px;margin:12px 0}.wireguard-result textarea{width:100%;height:140px;font-family:monospace;font-size:.78rem}