:root{color:#0f172a;--royal:#0d47ff;--blue:#00a3ff;--cyan:#00d6ff;--aqua:#00e6bb;--green:#7cff5a;--mint:#e6fff4;--soft:#e6f6ff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--shadow:0 18px 50px #0d47ff14;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f1f5f9;min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}.icon{color:#526274;background:#f1f5f9;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.icon svg{width:19px}.danger{color:#d04455}.primary{background:linear-gradient(135deg,var(--royal),var(--blue));color:#fff;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:750;display:inline-flex;box-shadow:0 10px 22px #0d47ff2e}.primary svg{width:18px}.wide{justify-content:center;width:100%}.mobile,.close{display:none}.app{grid-template-columns:276px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:linear-gradient(#081a3b,#0d47ff 160%);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow:auto}.brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff52;border-radius:18px;justify-content:center;align-items:center;margin:0 0 14px;padding:9px 12px;display:flex;box-shadow:0 10px 28px #0000001a}.brand .brand-lockup{object-fit:contain;width:205px;height:auto;max-height:72px;display:block}.area-switch{background:#ffffff12;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:8px;display:grid}.area-switch>span{text-transform:uppercase;letter-spacing:.12em;color:#a9c0e0;grid-column:1/-1;padding:0 4px;font-size:9px}.area-switch button{color:#bdd0ea;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:5px;padding:9px 6px;font-size:11px;font-weight:750;display:flex}.area-switch button svg{width:15px}.area-switch button.active{color:#0d47ff;background:#fff}.side nav{gap:5px;display:grid}.side nav button{color:#c5d4ea;text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;padding:11px 12px;font-weight:650;display:flex}.side nav button svg{width:19px}.side nav button:hover,.side nav button.active{color:#fff;background:#ffffff21}.side-foot{color:#9fb1c6;align-items:center;gap:8px;margin-top:auto;padding:14px;display:flex}.dot{background:var(--aqua);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #00e6bb1a}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:#f1f5f9e6;align-items:center;gap:15px;height:92px;padding:18px clamp(20px,3vw,42px);display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:23px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.page-title{min-width:0}.school{text-align:right;margin-left:auto;display:grid}.school span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.school b{font-size:13px}.mobile-brand{display:none}.content{max-width:1480px;margin:auto;padding:30px clamp(18px,3vw,42px) 110px}.welcome{color:#fff;min-height:205px;box-shadow:var(--shadow);background:radial-gradient(circle at 85% 15%,#7cff5a4d,#0000 31%),linear-gradient(135deg,#0d47ff,#00a3ff 62%,#00e6bb);border-radius:29px;justify-content:space-between;align-items:center;padding:32px;display:flex}.welcome.teacher{background:radial-gradient(circle at 88% 12%,#7cff5a52,#0000 34%),linear-gradient(135deg,#082b78,#0d47ff 55%,#00a3ff)}.welcome>div{max-width:680px}.welcome span{text-transform:uppercase;letter-spacing:.12em;color:#dff8ff;font-size:11px}.welcome h2{margin:10px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.05}.welcome p{color:#eaf7ff;max-width:620px;margin:0}.welcome>svg{opacity:.22;width:120px;height:120px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 26px #0f172a0a}.card:after{content:"";opacity:.12;border-radius:50%;width:100px;height:100px;position:absolute;top:-25px;right:-25px}.card.blue:after{background:var(--royal)}.card.cyan:after{background:var(--cyan)}.card.green:after{background:var(--green)}.card span{color:var(--muted);font-size:13px}.card strong{color:var(--ink);margin:7px 0;font-size:26px;display:block}.card small{color:#94a3b8}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 8px 28px #0f172a0a}.panel+.panel{margin-top:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{margin:0;font-size:18px}.panel-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.panel-head>svg{color:var(--royal)}.date-input{border:1px solid var(--line);border-radius:12px;padding:10px}.activity-list{gap:9px;display:grid}.activity-wrap{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.activity{border:1px solid #edf2f7;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.date{background:var(--soft);width:48px;height:48px;color:var(--royal);text-align:center;border-radius:14px;place-content:center;display:grid}.date.small{width:44px;height:44px}.date b{font-size:16px}.date span{text-transform:uppercase;font-size:9px}.activity>div:nth-child(2){display:grid}.activity>div:nth-child(2) span,.activity small{color:var(--muted);margin-top:3px;font-size:12px}.table{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.person{border:1px solid #edf2f7;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.avatar{background:linear-gradient(135deg,var(--soft),var(--mint));width:44px;height:44px;color:var(--royal);border-radius:14px;place-items:center;font-weight:800;display:grid}.teacher-avatar{background:linear-gradient(135deg,#e6f6ff,#e6fff4)}.person>div:nth-child(2){display:grid}.person span,.person small{color:var(--muted);margin-top:3px;font-size:12px}.attendance{gap:8px;display:grid}.attendance article{border:1px solid #edf2f7;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.attendance article>div:first-child{display:grid}.attendance article span{color:var(--muted);font-size:12px}.status{gap:6px;display:flex}.status button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:11px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex}.status button svg{width:15px}.status button.active{background:var(--mint);color:#08735d;border-color:#9be9d3}.grades{gap:8px;display:grid}.grades article{border:1px solid #edf2f7;border-radius:16px;grid-template-columns:1fr minmax(220px,360px);align-items:center;gap:12px;padding:12px;display:grid}.grades article>div{display:grid}.grades span{color:var(--muted);font-size:12px}.grades select,.form input,.form select,.form textarea{resize:vertical;background:#fff;border:1px solid #d7e0ea;border-radius:12px;outline:none;padding:11px 12px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--royal);box-shadow:0 0 0 3px #0d47ff17}.report-list{gap:8px;display:grid}.report-list>div{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:12px;padding:13px;display:flex}.report-list b{color:var(--royal);font-size:12px}.finance-list{gap:8px;display:grid}.finance-list article{border:1px solid #edf2f7;border-radius:16px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.finance-list article>div{display:grid}.finance-list span{color:var(--muted);font-size:12px}.finance-list strong{font-size:14px}.paid-btn,.pending-btn{border:0;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:750}.paid-btn{color:#08735d;background:#e6fff4}.pending-btn{color:#9c6700;background:#fff4d8}.note-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.note-list article{background:#fbfdff;border:1px solid #edf2f7;border-radius:16px;gap:5px;padding:16px;display:grid}.note-list span{color:var(--muted);font-size:11px}.note-list p{color:#405066;white-space:pre-wrap;margin:4px 0 0;font-size:13px;line-height:1.5}.calendar-panel{padding:20px}.calendar-head{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.calendar-head h2{text-transform:capitalize;margin:0}.calendar-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.calendar-head button{border:1px solid var(--line);width:42px;height:42px;color:var(--royal);background:#fff;border-radius:13px;font-size:25px}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekdays{margin-bottom:6px}.weekdays span{text-align:center;color:var(--muted);font-size:10px;font-weight:700}.calendar-grid>button,.calendar-grid>span{background:#fff;border:1px solid #edf2f7;border-radius:13px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:72px;padding:8px;display:flex}.calendar-grid>button:hover{background:#f7faff;border-color:#9fc0ff}.calendar-grid>button.today{box-shadow:inset 0 0 0 2px var(--royal)}.calendar-grid>button b{color:var(--ink)}.calendar-grid>button div{gap:4px;display:flex}.event-dot{background:var(--aqua);border-radius:50%;width:7px;height:7px}.event-dot.assessment{background:var(--royal)}.calendar-events{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}.calendar-events article{border:1px solid #edf2f7;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.calendar-events article>div:nth-child(2){display:grid}.calendar-events span{color:var(--muted);font-size:11px}.empty{text-align:center;min-height:160px;color:var(--muted);border:1px dashed #d8e2ed;border-radius:18px;place-content:center;gap:5px;padding:22px;display:grid}.empty b{color:var(--ink)}.fab{background:linear-gradient(135deg,var(--royal),var(--aqua));color:#fff;z-index:45;border:0;border-radius:20px;place-items:center;width:58px;height:58px;transition:all .2s;display:grid;position:fixed;bottom:26px;right:26px;box-shadow:0 16px 34px #0d47ff47}.fab.open{transform:rotate(45deg)}.quick-sheet{border:1px solid var(--line);z-index:44;background:#fffffffa;border-radius:20px;gap:4px;width:248px;padding:8px;display:grid;position:fixed;bottom:96px;right:26px;box-shadow:0 20px 60px #0d47ff2e}.quick-sheet button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:13px;align-items:center;gap:10px;padding:11px 12px;font-weight:700;display:flex}.quick-sheet button:hover{background:#f3f7ff}.quick-sheet svg{width:18px}.quick-sheet .quick-close{color:var(--muted);border-top:1px solid var(--line);border-radius:0;margin-top:3px}.bottom-nav,.sheet-backdrop{display:none}.backdrop{z-index:70;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#07122a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(510px,100%);max-height:min(90vh,780px);padding:22px;overflow:auto;box-shadow:0 28px 72px #00000038}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal h2{margin:0}.form{gap:13px;display:grid}.form label{color:#536274;gap:6px;font-size:12px;font-weight:700;display:grid}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.warning{color:#8a6200;background:#fff6d8;border-radius:14px;grid-template-columns:auto 1fr;gap:8px;padding:12px;font-size:12px;display:grid}.warning svg{width:18px}.warning small{grid-column:1/-1}.check{align-items:center;gap:8px;display:flex!important}.check input{width:18px;height:18px}@media (max-width:900px){.app{display:block}.side{display:none}.topbar{background:#f1f5f9ed;grid-template-rows:56px 28px;grid-template-columns:1fr auto 1fr;gap:0;height:108px;padding:10px 16px 8px;display:grid}.mobile-brand{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff52;border-radius:17px;grid-area:1/2;justify-content:center;align-items:center;padding:5px 12px;display:flex}.mobile-brand img{object-fit:contain;width:148px;height:auto;max-height:48px}.page-title{grid-area:2/1/auto/-1;justify-content:center;align-items:center;display:flex}.page-title h1{font-size:15px}.page-title p{display:none}.school{grid-area:1/3;align-self:center}.school span{display:none}.school b{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:10px;overflow:hidden}.content{padding:16px 14px 104px}.table,.note-list{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.welcome>svg{width:90px}.bottom-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #d2dce8d9;border-radius:22px;grid-template-columns:repeat(5,1fr);align-items:center;height:68px;padding:6px;display:grid;position:fixed;box-shadow:0 15px 45px #0d47ff2e}.bottom-nav button{color:#7a8797;background:0 0;border:0;border-radius:15px;place-content:center;justify-items:center;gap:2px;height:55px;font-size:10px;font-weight:700;display:grid}.bottom-nav button svg{width:19px;height:19px}.bottom-nav button.active{color:var(--royal);background:#edf4ff}.fab{right:18px;bottom:calc(92px + env(safe-area-inset-bottom))}.quick-sheet{right:16px;bottom:calc(160px + env(safe-area-inset-bottom))}.sheet-backdrop{z-index:65;background:#07122a52;align-items:flex-end;display:flex;position:fixed;inset:0}.more-sheet{width:100%;max-height:76vh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow:auto;box-shadow:0 -18px 50px #0d47ff2e}.sheet-handle{background:#d7dee7;border-radius:99px;width:44px;height:5px;margin:0 auto 12px}.more-sheet h3{margin:0 0 10px}.more-sheet>button{width:100%;color:var(--ink);background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:13px;font-weight:700;display:flex}.more-sheet>button.active{color:var(--royal);background:#edf4ff}.role-mobile{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding-top:12px;display:grid}.role-mobile span{color:var(--muted);font-size:11px}.role-mobile button{color:var(--royal);background:#f1f6ff;border:0;border-radius:13px;align-items:center;gap:8px;padding:11px;font-weight:750;display:flex}.calendar-grid>button,.calendar-grid>span{min-height:62px}.calendar-events{grid-template-columns:1fr}}@media (max-width:620px){.content{padding-left:12px;padding-right:12px}.welcome{border-radius:22px;min-height:210px;padding:22px}.welcome h2{font-size:28px}.welcome>svg{display:none}.cards{grid-template-columns:1fr;gap:10px;margin:12px 0}.card{padding:16px}.panel{border-radius:20px;padding:15px}.activity{grid-template-columns:auto 1fr}.activity small{display:none}.attendance article{flex-direction:column;align-items:flex-start}.status{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.status button{justify-content:center;padding:9px 4px;font-size:10px}.grades article,.two{grid-template-columns:1fr}.report-list>div{display:grid}.finance-list article{grid-template-columns:1fr auto}.finance-list article button{grid-column:1/-1}.calendar-panel{padding:12px}.calendar-head p{display:none}.weekdays,.calendar-grid{gap:3px}.weekdays span{font-size:9px}.calendar-grid>button,.calendar-grid>span{border-radius:10px;min-height:54px;padding:6px}.calendar-grid>button b{font-size:12px}.mobile-brand img{width:136px}}.auth-loading{color:#64748b;background:#f1f5f9;place-content:center;justify-items:center;gap:12px;min-height:100vh;font-size:12px;display:grid}.auth-loading img{object-fit:contain;width:180px;max-height:78px}.login-success{color:#08735d;background:#e9fbf4;border-radius:12px;padding:10px 12px;font-size:12px}.login-links{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.login-links button{color:var(--royal,var(--blue));background:0 0;border:0;align-items:center;gap:5px;padding:8px 10px;font-weight:800;display:inline-flex}.login-links button svg{width:15px}.support-hint{text-align:center;color:#718096;margin-top:5px;line-height:1.45;display:block}.session-chip{border:1px solid var(--line);color:var(--ink,var(--navy));background:#ffffffc7;border-radius:13px;align-items:center;gap:7px;padding:9px 11px;font-weight:750;display:flex}.session-chip svg{width:17px}.teacher-access{background:linear-gradient(135deg,#eef4ff,#ecfff9);border-radius:14px;gap:3px;padding:12px 13px;display:grid}.teacher-access span{color:#64748b;font-size:11px;line-height:1.4}.login-page{background:linear-gradient(145deg,#f1f5f9,#eaf2ff);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-card{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe0;border:1px solid #ffffffd6;border-radius:30px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0f172a26}.login-brand{justify-content:center;margin-bottom:18px;display:flex}.login-brand img{object-fit:contain;width:190px;max-height:78px}.login-kicker{color:var(--royal,var(--blue));text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.login-kicker svg{width:16px}.login-card h1{text-align:center;color:var(--ink,var(--navy));margin:10px 0 6px;font-size:28px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.45}.login-form{gap:13px;display:grid}.login-form label{gap:7px;display:grid}.login-form label>span{color:#4d5d73;align-items:center;gap:7px;font-size:12px;font-weight:750;display:flex}.login-form label svg{width:16px}.login-form input{width:100%;color:var(--ink,var(--navy));background:#ffffffeb;border:1px solid #d7e1ed;border-radius:14px;outline:none;padding:13px 14px}.login-form input:focus{border-color:var(--royal,var(--blue));box-shadow:0 0 0 4px #0d47ff1a}.login-submit{justify-content:center;width:100%;min-height:46px;margin-top:3px}.login-submit:disabled{opacity:.65}.login-error{color:#a83142;background:#fff0f1;border-radius:12px;padding:10px 12px;font-size:12px}.login-security{color:#6d7b8e;justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.login-security svg{width:16px;color:var(--aqua,var(--teal))}.login-orb{filter:blur(2px);opacity:.5;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#2ea6ff 0,#0d47ff 45%,#0000 70%);width:320px;height:320px;top:-120px;right:-100px}.orb-two{background:radial-gradient(circle,#7cff5a 0,#00e6bb 42%,#0000 70%);width:280px;height:280px;bottom:-130px;left:-90px}@media (max-width:900px){.session-chip{padding:8px}.session-chip span{display:none}.login-page{padding:18px}.login-card{border-radius:26px;padding:24px 20px}.login-brand img{width:168px}.login-card h1{font-size:25px}}.biometric-login{width:100%;min-height:46px;color:var(--navy,var(--ink));background:#ffffffd1;border:1px solid #d7e1ed;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.biometric-login svg{width:19px}.biometric-login:hover{border-color:var(--blue,var(--royal));background:#f3f7ff}.biometric-login:disabled{opacity:.6}.settings-grid{gap:16px;display:grid}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 8px 28px #0b1d3a0d}.settings-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-head h2{color:var(--navy,var(--ink));margin:0;font-size:19px}.settings-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.settings-head>svg{color:var(--blue,var(--royal))}.setting-row{border-top:1px solid #edf1f6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 0;display:grid}.setting-row:first-of-type{border-top:0}.setting-icon{width:44px;height:44px;color:var(--blue,var(--royal));background:linear-gradient(135deg,#eaf3ff,#e8fff8);border-radius:14px;place-items:center;display:grid}.setting-icon svg{width:20px}.setting-copy{gap:3px;display:grid}.setting-copy b{color:var(--navy,var(--ink))}.setting-copy span{color:var(--muted);font-size:12px;line-height:1.45}.setting-copy small{color:#0b8a6f;font-size:10px;font-weight:800}.setting-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.setting-actions button{align-items:center;gap:7px;display:flex}.setting-actions button svg{width:17px}.secondary{color:var(--navy,var(--ink));background:#fff;border:1px solid #d7e1ed;border-radius:12px;padding:10px 12px;font-weight:800}.danger-soft{color:#a83142;background:#fff8f8;border-color:#f0cdd2}.setting-ok{color:#16a873;width:20px}.biometric-row{background:linear-gradient(135deg,#ebf4ffbf,#ebfff8a6);border-top:0;border-radius:16px;margin:0 -10px;padding:15px 10px}.settings-panel>.profile-alert{margin-top:10px}@media (max-width:700px){.settings-panel{border-radius:20px;padding:16px}.setting-row{grid-template-columns:auto minmax(0,1fr)}.setting-actions,.setting-ok{grid-column:2;justify-self:start}.setting-actions{justify-content:flex-start}.setting-actions button{min-height:40px}.biometric-row{margin:0 -4px;padding:14px 8px}.biometric-login{min-height:48px}}.native-switch{cursor:pointer;background:#d9e1eb;border:0;border-radius:999px;justify-content:flex-start;align-items:center;width:52px;height:30px;padding:3px;transition:all .18s;display:flex;box-shadow:inset 0 0 0 1px #0f172a0a}.native-switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .18s;box-shadow:0 2px 7px #0f172a38}.native-switch.on{background:linear-gradient(135deg,var(--blue,var(--royal)),var(--teal,var(--aqua)))}.native-switch.on span{transform:translate(22px)}.native-switch:disabled{opacity:.55;cursor:wait}.settings-page{gap:14px;display:grid}.settings-tabs{flex-wrap:wrap;gap:8px;display:flex}.settings-tabs button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:flex}.settings-tabs button svg{width:18px}.settings-tabs button.active{color:var(--blue,var(--royal));background:#eef4ff;border-color:#cfe0ff}.settings-alert{margin-top:0}.economy-mode *{scroll-behavior:auto}.economy-mode .login-orb,.economy-mode .hero:before,.economy-mode .card:after{filter:none}.economy-mode .login-orb{opacity:.22}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (max-width:700px){.settings-tabs{grid-template-columns:1fr 1fr;display:grid}.settings-tabs button{justify-content:center}.settings-page{gap:10px}}.created-card{text-align:center}.created-icon{color:#0aa77e;background:linear-gradient(135deg,#e7fff5,#eaf2ff);border-radius:20px;place-items:center;width:58px;height:58px;margin:4px auto 10px;display:grid}.created-icon svg{width:30px;height:30px}.generated-user{text-align:center;background:linear-gradient(135deg,#ebf4ffe0,#e8fff7d1);border:1px solid #cfe0f5;border-radius:18px;gap:5px;margin:16px 0;padding:16px;display:grid}.generated-user span{text-transform:uppercase;letter-spacing:.08em;color:#6b7a8e;font-size:11px;font-weight:800}.generated-user strong{letter-spacing:.04em;color:var(--navy,var(--ink));-webkit-user-select:all;user-select:all;font-size:27px}.generated-user small{color:var(--muted);font-size:10px;line-height:1.45}