@font-face{font-family:PTTN;src:url('./SVN-CenturyGothic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PTTN;src:url('./SVN-CenturyGothic-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#20242c;font:16px/1.6 PTTN,Arial,sans-serif}
.brand{background:#ed1c24;padding:20px 68px;text-align:center;position:relative;z-index:10}.brand img{max-width:100%;height:55px;object-fit:contain}
.account-menu-button{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;cursor:pointer}
.account-menu-button span{display:block;width:24px;height:3px;border-radius:3px;background:#fff}.account-menu-button:hover,.account-menu-button[aria-expanded="true"]{background:#ffffff20}
.account-menu{position:absolute;left:14px;top:calc(100% - 4px);width:min(245px,calc(100vw - 28px));padding:7px;border:1px solid #e6e9ee;background:#fff;box-shadow:0 10px 32px #20242c24;border-radius:13px;text-align:left}
.account-menu a{display:block;color:#bd1820;text-decoration:none;padding:12px 13px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer}.account-menu a:hover,.account-menu a[aria-current="page"]{background:#fff0f1}
.account-card{width:min(590px,calc(100% - 32px));margin:6vh auto;padding:32px;background:#fff;border:1px solid #eceef2;border-radius:20px;box-shadow:0 12px 40px #2630450c}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#878d98;margin:0 0 8px}
h1{font-size:26px;line-height:1.3;margin:0 0 24px;color:#bd1820}h2{font-size:17px;margin:26px 0 12px}
.identity{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #edf0f3}.avatar{display:grid;place-items:center;flex:0 0 50px;height:50px;background:#fff0f1;color:#bc2028;border-radius:50%;font-size:21px;font-weight:700}
.identity-text{min-width:0}.identity strong{display:block;font-size:18px;overflow-wrap:anywhere}.email{color:#6b7280;overflow-wrap:anywhere;font-size:14px}
.badge{display:inline-flex;margin-top:14px;padding:5px 12px;border-radius:99px;font-size:13px;font-weight:700;background:#fff5df;color:#805500}.badge.approved{background:#e8f6ed;color:#237844}.badge.locked{background:#ffedef;color:#b51d2a}
.notice{color:#6b7280;font-size:14px;margin:12px 0 0}.feature-list{display:grid;gap:10px}.feature{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid #e6e9ee;border-radius:12px;text-decoration:none;color:inherit}.feature.enabled{border-color:#efd1d4;background:#fff8f8;cursor:pointer}.feature.enabled:hover{border-color:#ed1c24;background:#fff0f1}.feature strong{font-size:15px}.feature span{display:block;font-size:12px;color:#8b919b}.feature.enabled span{color:#237844}.feature .arrow{font-size:22px;color:#bd1820}.feature.disabled{background:#f9fafb;color:#8b919b}
.actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:10px;padding:10px 16px;background:#ed1c24;color:#fff;text-decoration:none;font:700 14px/1.5 PTTN,Arial,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s}.button:hover{background:#d61420;box-shadow:0 3px 10px #ed1c2422}.button.secondary{background:#fff;color:#454b56;border-color:#dce0e6}.button.secondary:hover{background:#f3f4f6}.button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible{outline:3px solid #7e9fe1;outline-offset:3px}
#status{color:#6b7280;font-size:14px;overflow-wrap:anywhere}#status.error{color:#b42330}#status:empty{display:none}[hidden]{display:none!important}
.login-card{text-align:center;width:min(470px,calc(100% - 32px));margin:8vh auto}.login-card h1{font-size:24px;margin-bottom:16px}.login-card p{font-size:15px}.login-card .actions{justify-content:center}#googleButton{display:flex;justify-content:center;margin:25px auto;min-height:44px}.version{font-size:12px!important;color:#8b919b;margin-top:24px}
@media(max-width:520px){.brand{padding:16px 56px}.brand img{height:42px}.account-menu-button{left:8px}.account-menu{left:8px}.account-card{padding:24px 20px;margin:24px auto}h1{font-size:23px}.actions .button{flex:1}.feature{padding:13px}.feature strong{font-size:14px}}