*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8eef8;background:radial-gradient(circle at top,#18345f,#08111f 55%);min-height:100vh}.auth-body{display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:34px;border:1px solid #294467;border-radius:24px;background:#0e1a2bd9;box-shadow:0 28px 80px #0008}.logo{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#26d0a8;color:#061712;font-weight:900;font-size:22px}.login-card h1{margin:20px 0 8px}.login-card p{color:#9fb0c7;line-height:1.6}label{display:grid;gap:8px;margin:18px 0;color:#c9d5e6;font-weight:650}input{padding:14px 15px;border-radius:12px;border:1px solid #304867;background:#091422;color:white;font-size:16px}button,.actions a{border:0;border-radius:12px;padding:13px 18px;background:#26d0a8;color:#061712;font-weight:800;cursor:pointer;text-decoration:none}.login-card button{width:100%;margin-top:8px}.message{min-height:24px;margin-top:14px;color:#ffb6b6}.portal-body header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid #243852;background:#0a1422cc}.portal-body header div{display:grid}.portal-body header span{color:#93a5bd;font-size:13px}.portal{width:min(1080px,92vw);margin:36px auto}.hero{display:flex;justify-content:space-between;align-items:center;padding:30px;border:1px solid #294467;border-radius:22px;background:#101e31}.hero small{color:#26d0a8}.hero h1{font-size:34px;margin:8px 0}.hero p{color:#9fb0c7}.pill{padding:10px 16px;border-radius:999px;background:#163a35;color:#5ce0bf;font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.grid article{padding:20px;border:1px solid #263d5b;border-radius:16px;background:#0d1929}.grid span{display:block;color:#8fa2ba;font-size:13px;margin-bottom:8px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions button{background:#1d3049;color:#e8eef8}.qrbox{margin-top:20px;padding:20px;width:max-content;background:white;border-radius:18px}.qrbox img{display:block;width:320px;max-width:75vw}pre{white-space:pre-wrap;background:#050c15;border:1px solid #263d5b;padding:20px;border-radius:16px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;gap:20px}.hero h1{font-size:27px}}@media(max-width:500px){.grid{grid-template-columns:1fr}.portal{width:92vw}.hero{display:grid}}

/* PFBOX WireGuard Client Portal V7.1 */
.portal-header{gap:20px}.portal-brand{display:flex!important;align-items:center;gap:12px}.portal-logo{width:44px;height:44px;display:grid!important;place-items:center;border-radius:13px;background:#2764e7;color:#fff!important;font-weight:900;font-size:15px}.portal-header-actions{display:flex!important;grid-auto-flow:column;align-items:center;gap:9px}.portal-header-actions small{color:#8fa2ba}.portal-header-actions button,.secondary,.danger-soft{padding:10px 14px;border-radius:10px}.secondary{background:#1d3049!important;color:#e8eef8!important}.danger-soft{background:#47242a!important;color:#ffb6bc!important}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-grid article strong{overflow-wrap:anywhere}.pill.connected{background:#153f36;color:#5ce0bf}.pill.waiting{background:#493b1c;color:#ffd77b}.pill.disabled{background:#45242a;color:#ff9ca7}.download-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid #294467;border-radius:18px;background:#101e31}.download-card small{color:#26d0a8}.download-card h2{margin:6px 0}.download-card p{max-width:650px;color:#9fb0c7;line-height:1.6}.primary-action{background:#26d0a8!important;color:#061712!important}.config-panel,.qrbox{margin-top:18px;border:1px solid #294467;border-radius:18px;background:#0d1929;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.config-panel pre{max-height:520px;overflow:auto;margin:0}.pfbox-auth-user{display:flex;align-items:center;gap:8px;margin-right:4px}.pfbox-auth-user span{font-size:13px;color:#607089;white-space:nowrap}.pfbox-auth-user button{border:1px solid #e1e7f0;background:#fff;color:#b42318;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}@media(max-width:900px){.portal-grid{grid-template-columns:1fr 1fr}.download-card{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.portal-header{align-items:flex-start!important}.portal-header-actions{grid-auto-flow:row!important;justify-items:end}.portal-header-actions small{display:none}.portal-grid{grid-template-columns:1fr}.actions>*{width:100%;text-align:center}.pfbox-auth-user span{display:none}}