@font-face{font-family:App;src:url('/auth-assets/regular.ttf')}@font-face{font-family:App;src:url('/auth-assets/bold.ttf');font-weight:700}
:root{--ink:#20242b;--coral:#ff627a;--soft:#fff3f6;--muted:#647084;--line:#dce1e8}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:var(--ink);font:16px/1.5 App,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:#344f78}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #8baee6;outline-offset:3px}
.login-shell{min-height:100svh;display:grid;place-items:center;padding:36px 22px}.login-card{width:min(960px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--ink);border-radius:22px;overflow:hidden;background:white;box-shadow:0 18px 65px #20242b0b}.brand-panel{background:var(--ink);color:white;padding:42px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;border-left:5px solid var(--coral)}.brand-logo{width:43px;height:75px;object-fit:contain}.brand-panel h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:0 0 18px}.brand-panel p{color:#c6cbd4;font-size:15px;max-width:270px}.brand-panel .eyebrow{color:#ffb5c3}.brand-foot{display:flex;gap:8px;flex-wrap:wrap}.brand-foot span{border:1px solid #4d535c;padding:6px 11px;border-radius:8px;font-size:12px;color:#e5e7eb}.login-main{padding:48px 44px}.eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#a33a51}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 10px}.intro{margin:0 0 28px;color:var(--muted);font-size:15px}.field{display:grid;gap:7px;margin-bottom:18px;font-size:14px;font-weight:700}input,select{width:100%;min-width:0;border:1px solid #cdd4de;border-radius:9px;background:#fff;color:var(--ink);height:47px;padding:10px 13px;font-size:16px;font-weight:400}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.reveal{position:absolute;right:7px;top:7px;height:33px;border:0;border-radius:5px;background:#f3f5f8;color:#4c5869;font-size:12px;padding:0 9px}.primary,.microsoft,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;min-height:47px;font-size:15px;font-weight:700;padding:11px 18px;text-decoration:none}.primary{width:100%;background:var(--coral);color:#20242b;border:1px solid var(--coral);box-shadow:0 5px 14px #ff627a1c}.primary:hover{background:#ff7b90}.microsoft,.secondary{width:100%;background:white;color:var(--ink);border:1px solid #cdd4de}.microsoft:hover,.secondary:hover{background:#f7f8fa}.microsoft svg{flex-shrink:0}.divider{display:flex;align-items:center;gap:15px;margin:23px 0;color:#87909c;font-size:12px}.divider:before,.divider:after{content:'';height:1px;background:#e7eaf0;flex:1}.help{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.6}.status{font-size:14px;margin:0 0 18px;border:1px solid #f0c1cb;background:var(--soft);border-radius:9px;padding:12px 14px;color:#8e2540;overflow-wrap:anywhere}.status:empty{display:none}.status[data-kind=success]{border-color:#b7d8c7;background:#edf8f2;color:#236440}.fineprint{font-size:12px;color:#87909c;text-align:center;margin:22px 0 0}.account-shell{max-width:1060px;margin:0 auto;padding:32px 24px}.account-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.account-head .secondary{width:auto}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin:20px 0}.panel h2{margin:0 0 6px;font-size:20px}.panel p{color:var(--muted);font-size:14px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.account-grid .full{grid-column:1/-1}.account-shell .primary{width:auto}.account-list{display:grid;gap:10px;margin:18px 0}.account-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:13px 16px;gap:15px}.account-row div{min-width:0;overflow-wrap:anywhere}.account-row small{display:block;color:var(--muted)}.account-row button{width:auto;min-height:36px;padding:6px 15px}.account-row strong{font-size:15px}.account-form{background:#fafbfc;padding:22px;border-radius:12px}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-actions .secondary{width:auto}.account-form summary{cursor:pointer;font-weight:700;margin-bottom:18px}.check{display:flex;align-items:center;gap:9px}.check input{width:19px;height:19px}.badge{background:var(--soft);color:#96334a;border-radius:6px;padding:4px 9px;font-size:12px}.login-main footer{margin-top:25px;border-top:1px solid #e8ebef;padding-top:17px}
@media(max-width:680px){.login-shell{padding:18px 14px}.login-card{grid-template-columns:1fr;border-radius:16px}.brand-panel{padding:20px 25px;gap:0;flex-direction:row;align-items:center}.brand-logo{width:26px;height:46px}.brand-copy h2{font-size:16px;letter-spacing:0;margin:0;text-align:right}.brand-copy .eyebrow,.brand-copy p,.brand-foot{display:none}.login-main{padding:28px 24px}.account-shell{padding:20px 16px}.account-head{align-items:flex-start}.account-grid{grid-template-columns:1fr}.panel{padding:20px}.account-form{padding:16px}h1{font-size:27px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}}

/* The brand panel contains only the centered logo. */
.brand-panel{justify-content:center;align-items:center;gap:0}.brand-logo{width:110px;height:180px}
.profile-panel{width:min(560px,100%);padding:36px}.profile-panel fieldset,.profile-grants{border:0;padding:0;margin:22px 0}.profile-panel legend,.profile-grants legend{font-size:13px;color:var(--muted);margin-bottom:12px}.profile-choice{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer}.profile-choice:has(:checked){border-color:var(--coral);background:var(--soft)}.profile-choice input{width:18px;height:18px;accent-color:var(--coral)}.profile-avatar{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:white;border-radius:10px;font-weight:700}.profile-grants .check{margin:8px 0}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{color:#a02c43!important;border-color:#efc4cd!important}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#27875b;margin-right:6px}.session-list{max-height:320px;overflow:auto}.live-summary{display:flex;justify-content:space-between;gap:12px;align-items:center}.live-summary .secondary{width:auto}
@media(max-width:680px){.brand-panel{min-height:154px}.brand-logo{width:65px;height:110px}.profile-panel{padding:24px}.account-row{align-items:flex-start;flex-wrap:wrap}.row-actions{width:100%}.live-summary{align-items:flex-start}.login-shell>div{width:100%}}

/* Shared Freebox administration shell. */
.remember{font-size:13px;color:var(--muted);margin:0 0 22px;font-weight:400}.remember input{accent-color:var(--coral)}
.settings-page{background:#f5f5f7}.settings-page .account-shell{max-width:1440px;margin:18px 24px 24px 96px;padding:26px 30px 30px;border:1px solid #20242b;border-radius:20px;min-height:calc(100vh - 42px)}.settings-rail{position:fixed;inset:10px auto 10px 10px;width:64px;border-radius:16px;background:#20242b;border:1px solid #ff8197;display:flex;align-items:center;gap:18px;flex-direction:column;padding:18px 9px;z-index:10}.settings-rail a{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#9da7b6}.settings-rail .rail-brand{height:60px;margin-bottom:20px}.rail-brand img{width:40px;height:60px;object-fit:contain}.settings-rail svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.settings-rail .selected{background:white;color:#ed6683;box-shadow:0 0 0 1px #f49aae}.rail-bottom{margin-top:auto;display:grid;place-items:center;background:#d65162;color:white;font-size:11px;font-weight:700;width:30px;height:30px;border-radius:50%}.settings-breadcrumb{text-decoration:none;color:#20242b;font-size:12px}.settings-breadcrumb span{color:#7a8595}.settings-page .account-head{margin:24px 0}.settings-page h1{font-size:34px}.settings-page .account-head .intro{margin-bottom:0;font-size:13px}.settings-page .account-head .secondary{border-radius:999px;font-size:13px;background:#fff}.settings-tabs{display:flex;gap:6px;background:#e9ebef;padding:5px;border-radius:13px;margin:24px 0;overflow:auto}.settings-tabs button{border:0;background:transparent;white-space:nowrap;border-radius:9px;padding:12px 20px;color:#647084;font-size:14px;font-weight:700;flex:1}.settings-tabs button.active{background:white;color:#20242b;box-shadow:0 2px 8px #20242b08}.settings-tabs button span{border-radius:20px;background:#f2f3f6;padding:2px 7px;font-size:11px;margin-left:6px}.settings-tabs button.active span{background:#ffe4eb;color:#a83a51}.settings-page .panel{border-color:#d9dee6;margin-top:0;padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-heading .primary{white-space:nowrap;border-radius:999px;font-size:13px}.settings-page .panel p{max-width:900px}.presence-panel{background:#f5f9f7;border:1px solid #deebe3;border-radius:13px;padding:18px;margin:18px 0 25px}.presence-panel h3{margin:0;font-size:15px}.presence-panel p{font-size:12px;margin:5px 0}.presence-panel .account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:0;max-height:180px}.presence-panel .account-row{background:white;padding:12px;border-color:#e2eae6}.settings-page .user-search{max-width:420px;font-size:12px}.settings-page .account-row{padding:15px 17px;border-radius:12px}.settings-page .account-row strong{font-size:15px}.settings-page .account-row small{font-size:12px;margin-top:4px}.settings-page .row-actions button{font-size:12px;padding:7px 12px;min-height:34px}.settings-page .account-form{margin-top:18px;border:1px solid #e0e4eb;background:#fafbfc}.settings-page .account-grid{align-items:start}.settings-page .field{font-size:12px}.settings-page .account-grid .field{margin-bottom:20px}.settings-page .field input,.settings-page .field select{height:43px;font-size:14px}.profiles-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px;align-items:start}.profile-list{display:grid;gap:12px}.team-profile{display:flex;align-items:center;gap:14px;border:1px solid #e0e4eb;border-radius:13px;padding:18px;background:white}.team-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:white;font-size:18px;font-weight:700;flex-shrink:0}.team-profile>div{flex:1;min-width:0}.team-profile strong,.team-profile small,.profile-access-count{display:block;overflow-wrap:anywhere}.team-profile small{font-size:12px;color:#778293;margin:2px 0}.profile-access-count{font-size:11px;color:#9aa2af;margin-top:7px}.team-profile .secondary{width:auto;font-size:12px;min-height:34px;padding:7px 12px}.profile-create{background:#fff5f7;border:1px solid #f1d4dd;border-radius:14px;padding:22px}.profile-create h3{margin:0 0 18px;font-size:17px}.profile-create .primary{margin-top:18px;width:100%}.profile-create input[type=color]{width:68px;padding:5px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.backup-card{border:1px solid #dce1e8;border-radius:14px;padding:24px}.backup-card .primary,.backup-card .secondary{margin-top:12px;width:100%;font-size:13px}.backup-card h3{font-size:18px;margin:16px 0 8px}.feature-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f1fc;color:#36679f;font-size:22px}.feature-symbol.pink{background:#ffe9ee;color:#ba4a63}.backup-card .check{font-size:12px;align-items:start}.backup-card .check input{flex-shrink:0}.backup-card input[type=file]{height:auto;font-size:12px;padding:12px}.backup-card pre,.backup-status{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 App,Arial,sans-serif}.backup-card pre{max-height:250px;overflow:auto}.backup-status:empty{display:none}.settings-skeleton{padding:24px;background:white;border:1px solid #dce1e8;border-radius:14px;color:#778293;font-size:14px}.settings-skeleton span{display:block;height:46px;background:#f2f3f6;border-radius:9px;margin-top:16px}.settings-page #reauth{display:inline-block;font-size:12px;margin-top:4px}.settings-page button:disabled{cursor:default}.settings-page .account-head h1{letter-spacing:-1px}
@media(max-width:1050px){.profiles-layout{grid-template-columns:1fr}.profile-create{max-width:none}.team-profile{flex-wrap:wrap}.settings-tabs button{padding:11px 14px}.settings-page .account-shell{padding:24px}.backup-grid{grid-template-columns:1fr}}
@media(max-width:680px){.settings-rail{inset:8px 10px auto 10px;height:54px;width:auto;flex-direction:row;padding:6px 12px;gap:14px;border-radius:12px}.settings-rail .rail-brand{height:40px;margin:0 auto 0 0}.rail-brand img{width:28px;height:40px}.rail-bottom{margin:0}.settings-page .account-shell{margin:74px 10px 16px;padding:20px 14px;border-radius:15px;min-height:calc(100vh - 90px)}.settings-page h1{font-size:27px}.settings-page .account-head{align-items:flex-start;flex-direction:column;gap:14px}.settings-page .account-head .secondary{min-height:34px;padding:7px 12px}.settings-page .panel{padding:18px 14px}.panel-heading{flex-wrap:wrap;gap:8px}.settings-tabs button{padding:10px 12px;font-size:12px}.settings-page .settings-tabs{margin:20px 0}.presence-panel{padding:14px}.live-summary{flex-wrap:wrap}.settings-page .row-actions{gap:6px}.settings-page .row-actions button{flex:1;font-size:11px}.team-profile .secondary{width:100%}.team-profile{padding:14px}.backup-card{padding:18px}.profile-create{padding:18px}}

.settings-page .account-logout{display:inline-flex;width:auto;font-size:12px;min-height:34px;padding:8px 15px;margin-right:16px}.settings-page .check input{accent-color:#ff627a}.settings-tabs{scrollbar-width:thin}

.login-spinner{display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login-spinner{animation:none}}
