@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #eef1f6;--bg-grad-a: #f7f9fc;--bg-grad-b: #e6eaf2;--card: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-700: #4338ca;--border: #e2e8f0;--ok: #16a34a;--danger: #dc2626;--warn: #d97706;--radius: 14px;--surface: var(--card);--surface-2: #f5f7fa;--surface-2: color-mix(in srgb, var(--text) 5%, var(--card));--surface-3: #eceff4;--surface-3: color-mix(in srgb, var(--text) 9%, var(--card));--label: #334155;--label: color-mix(in srgb, var(--text) 78%, var(--muted));--tint-primary: #eef2ff;--tint-primary: color-mix(in srgb, var(--primary) 14%, var(--card));--tint-primary-strong: #e0e7ff;--tint-primary-strong: color-mix(in srgb, var(--primary) 24%, var(--card));--on-tint-primary: var(--primary-700);--on-tint-primary: color-mix(in srgb, var(--primary) 62%, var(--text));--tint-ok: #dcfce7;--tint-ok: color-mix(in srgb, var(--ok) 16%, var(--card));--on-tint-ok: #166534;--on-tint-ok: color-mix(in srgb, var(--ok) 62%, var(--text));--tint-warn: #fef3c7;--tint-warn: color-mix(in srgb, var(--warn) 18%, var(--card));--on-tint-warn: #92400e;--on-tint-warn: color-mix(in srgb, var(--warn) 55%, var(--text));--tint-danger: #fee2e2;--tint-danger: color-mix(in srgb, var(--danger) 14%, var(--card));--on-tint-danger: #991b1b;--on-tint-danger: color-mix(in srgb, var(--danger) 62%, var(--text));--border-danger: #fecaca;--border-danger: color-mix(in srgb, var(--danger) 32%, var(--card));--link-ink: #b34d1f;--link-ink: color-mix(in srgb, var(--primary) 68%, var(--text));--danger-ink: #b91c1c;--danger-ink: color-mix(in srgb, var(--danger) 78%, var(--text));--field-bg: var(--card);--seg-bg: #e4e8f0;--seg-bg: color-mix(in srgb, var(--text) 8%, var(--bg));--seg-ink: #475569;--seg-ink: color-mix(in srgb, var(--text) 70%, var(--bg));--shadow-card: 0 10px 40px rgba(15, 23, 42, .1);--shadow-pop: 0 24px 60px rgba(15, 23, 42, .18);--overlay: rgba(15, 23, 42, .45);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html.dark{color-scheme:dark;--bg: #0d1117;--bg-grad-a: #161b26;--bg-grad-b: #0a0d13;--card: #181d26;--text: #e8ecf3;--muted: #94a3b8;--border: #2a313d;--field-bg: #10141b;--field-bg: color-mix(in srgb, #000 32%, var(--card));--shadow-card: 0 10px 40px rgba(0, 0, 0, .45);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .62)}*{box-sizing:border-box}input,textarea,select{font-family:inherit;background:var(--field-bg);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted)}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,var(--bg-grad-a),var(--bg-grad-b));min-height:100vh}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:2rem}.auth-card{width:100%;max-width:420px}.auth-card.wide{max-width:520px}.brand{text-align:center;margin-bottom:1.5rem}.brand-logo{font-size:2.4rem;line-height:1}.brand h1{margin:.5rem 0 .25rem;font-size:1.6rem}.muted{color:var(--muted)}.small{font-size:.85rem}.field{display:block;margin-bottom:1rem}.field span{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--label)}.field input{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:10px;font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint-primary-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.75rem 1rem;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .05s}.btn:hover{background:var(--primary-700)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--tint-primary);color:var(--on-tint-primary)}.btn-secondary:hover{background:var(--tint-primary-strong)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-small{width:auto;padding:.4rem .7rem;font-size:.85rem}.switch{text-align:center;margin-top:1.25rem;color:var(--muted)}.switch a,a{color:var(--link-ink);font-weight:600;text-decoration:none}.switch a:hover{text-decoration:underline}.error-msg{background:var(--tint-danger);color:var(--on-tint-danger);border:1px solid var(--border-danger);padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.info-banner{background:var(--tint-warn);color:var(--on-tint-warn);border:1px solid color-mix(in srgb,var(--warn) 30%,var(--card));padding:.8rem 1rem;border-radius:10px;font-size:.92rem}.status-block{margin:1rem 0}.status-block h3{margin:0 0 .6rem;font-size:1rem}.enroll-list{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-direction:column;gap:.4rem}.enroll{padding:.55rem .8rem;border-radius:8px;font-size:.92rem}.enroll.ok{background:var(--tint-ok);color:var(--on-tint-ok)}.enroll.wait{background:var(--tint-warn);color:var(--on-tint-warn)}.actions-row{display:flex;gap:.6rem;margin-top:1.25rem}.actions-row .btn{width:auto;flex:1}.foot{font-size:.8rem;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:1rem auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin{max-width:1000px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-head{display:flex;align-items:center;justify-content:space-between;color:var(--text);flex-wrap:wrap;gap:1rem}.admin-head h1{margin:0}.admin-head .btn-ghost{width:auto}.class-bar .class-inputs{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.8rem;margin:.6rem 0}.list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;gap:1rem}.filter{flex:1;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem}.users-table{width:100%;border-collapse:collapse;font-size:.92rem}.users-table th,.users-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}.users-table .manage-row td{vertical-align:top}.users-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.row-suspended{opacity:.55}.u-name{font-weight:600}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}.badge.ok{background:var(--tint-ok);color:var(--on-tint-ok)}.badge.danger{background:var(--tint-danger);color:var(--on-tint-danger)}.badge.admin{background:var(--tint-primary-strong);color:var(--on-tint-primary)}.mini-enroll{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.link-btn{background:none;border:none;color:var(--link-ink);cursor:pointer;font-family:inherit;font-weight:600;margin-left:.4rem;font-size:.82rem}.cell-actions{white-space:nowrap}.icon-actions{display:flex;gap:.35rem;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover:not(:disabled){background:var(--tint-primary);color:var(--primary);border-color:var(--primary)}.icon-btn.active{color:var(--primary);border-color:var(--primary);background:var(--tint-primary)}.icon-btn.icon-danger:hover:not(:disabled){background:var(--tint-danger);color:var(--danger);border-color:var(--border-danger)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.section-title{margin:0 0 .4rem;font-size:1.05rem}.pending-list{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.pending-item{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:1rem;padding:.8rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.pending-info .u-name{font-size:1rem}.pending-class{margin:0;width:120px}.pending-actions{display:flex;gap:.4rem}.history-table{width:100%;border-collapse:collapse;font-size:.85rem}.history-table td{padding:.25rem .5rem;border-bottom:1px dashed var(--border);vertical-align:top}.history-table td.when{white-space:nowrap;width:1%;padding-right:1rem}.history-table td.ip{word-break:break-all}.activity-table td{vertical-align:middle}.activity-table td.ip{word-break:break-all}.link-btn.danger{color:var(--danger-ink)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 82%,#000)}.manage-panel{display:flex;flex-direction:column;gap:.8rem;padding:.4rem 0}.manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.manage-card{border:1px solid var(--border);border-radius:10px;padding:.8rem;background:var(--surface-2);display:flex;flex-direction:column;gap:.5rem}.manage-card strong{font-size:.9rem}.manage-card input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem}.manage-card.danger-card{border-color:var(--border-danger);background:var(--tint-danger)}.manage-actions{display:flex;gap:.4rem}.create-student{margin-bottom:1rem}.teachers-card{margin-top:1rem}.teachers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.teachers-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem 0;border-top:1px solid var(--border)}.teachers-list li:first-of-type{border-top:none}.create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.create-pw{display:flex;gap:.4rem;align-items:center}.create-pw input{flex:1}.notice{background:var(--tint-ok);color:var(--on-tint-ok);border:1px solid color-mix(in srgb,var(--ok) 30%,var(--card));border-radius:8px;padding:.5rem .7rem;font-size:.88rem;word-break:break-word}.history-block{border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.4rem}.badge.pending{background:var(--tint-warn);color:var(--on-tint-warn)}.class-groups{display:flex;flex-direction:column;gap:.6rem;margin-top:.6rem}.class-group{border:1px solid var(--border);border-radius:10px;overflow:hidden}.class-group-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:var(--surface-2);color:var(--text);border:none;cursor:pointer;font-weight:600;font-family:inherit;text-align:left}.class-group-head:hover{background:var(--surface-3)}.cg-title{font-size:1.05rem}.cg-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.class-roster{list-style:none;margin:0;padding:0}.class-roster li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .9rem;border-top:1px solid var(--border)}.roster-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}@media(max-width:640px){.pending-item{grid-template-columns:1fr;align-items:stretch}.pending-class{width:100%}}@media(max-width:640px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{margin-bottom:1rem;border:1px solid var(--border);border-radius:10px;padding:.5rem}.users-table td{border:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tiny{font-size:.76rem}.avatar{flex:none;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.92rem;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.cell-user{display:flex;align-items:center;gap:.7rem}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;background:var(--seg-bg);border-radius:14px;align-self:flex-start}.seg{border:none;background:transparent;color:var(--seg-ink);padding:.5rem 1.05rem;border-radius:10px;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:background .18s,color .18s}.seg:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.seg.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000002e}.seg-count{min-width:1.2rem;text-align:center;padding:.04rem .42rem;border-radius:999px;background:#7878803d;background:color-mix(in srgb,currentColor 18%,transparent);color:inherit;font-size:.74rem;font-weight:700}.seg-badge{min-width:1.2rem;text-align:center;padding:.04rem .42rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.74rem;font-weight:800}.admin .card{border-radius:18px;padding:1.6rem;box-shadow:var(--shadow-card)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:2.4rem 1rem}.empty-emoji{font-size:2.6rem;line-height:1}.approve-list{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.approve-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);transition:box-shadow .18s,transform .06s,border-color .18s}.approve-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:var(--shadow-card)}.approve-main{min-width:0}.approve-main .u-name{font-size:1.05rem}.approve-class{display:flex;flex-direction:column;gap:.2rem}.approve-actions{display:flex;gap:.5rem;align-items:center}.class-input{width:130px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s}.class-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint-primary-strong)}.btn-approve{background:#11803a;background:color-mix(in srgb,var(--ok) 76%,#000);color:#fff}.btn-approve:hover{background:color-mix(in srgb,var(--ok) 62%,#000)}.btn-ghost-danger{background:transparent;color:var(--danger-ink);border:1px solid var(--border-danger)}.btn-ghost-danger:hover{background:var(--tint-danger)}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .6rem;border-radius:999px;font-size:.82rem;font-weight:600}.chip-ok{background:var(--tint-ok);color:var(--on-tint-ok)}.chip-wait{background:var(--tint-warn);color:var(--on-tint-warn)}.enroll-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.enroll-row.add{margin-top:.3rem;padding-top:.6rem;border-top:1px dashed var(--border)}.enroll-row.add .class-input{flex:1;min-width:150px}.manage-card.span-2{grid-column:1 / -1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:clamp(.6rem,4vh,3rem) 1rem;overflow-y:auto;animation:modal-fade .16s ease-out}.modal{width:100%;max-width:760px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;max-height:calc(100vh - (2*clamp(.6rem,4vh,3rem)));animation:modal-rise .18s ease-out}.modal-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.modal-head .cell-user{min-width:0;flex:1}.modal-head .u-name{font-size:1.05rem}.modal-close{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.modal-close:hover{background:var(--surface-3);color:var(--text)}.modal-close svg{width:18px;height:18px}.modal-body{padding:1rem 1.2rem 1.3rem;overflow-y:auto}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.timeline{list-style:none;margin:.5rem 0 0;padding:0}.tl-item{display:grid;grid-template-columns:26px 1fr auto;align-items:start;gap:.65rem;padding:.55rem 0;border-top:1px dashed var(--border);font-size:.9rem}.tl-item:first-child{border-top:none}.tl-ico{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem}.tl-access{background:var(--tint-primary);color:var(--on-tint-primary)}.tl-ok{background:var(--tint-ok);color:var(--on-tint-ok)}.tl-edit{background:var(--tint-warn);color:var(--on-tint-warn)}.tl-bad{background:var(--tint-danger);color:var(--on-tint-danger)}.tl-main{min-width:0}.tl-detail{color:var(--muted);font-size:.82rem;word-break:break-word}.tl-when{color:var(--muted);font-size:.78rem;white-space:nowrap;font-variant-numeric:tabular-nums}.staff-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}@media(max-width:560px){.tl-item{grid-template-columns:26px 1fr}.tl-when{grid-column:2}}@media(max-width:680px){.approve-card{grid-template-columns:auto 1fr;row-gap:.7rem}.approve-class{grid-column:2}.approve-actions{grid-column:1 / -1;justify-content:flex-end}.class-input{width:100%}}:root{--bg: #f6efe6;--bg-grad-a: #fdf7f0;--bg-grad-b: #efe3d5;--card: #ffffff;--text: #23201c;--muted: #736a5d;--primary: #e0662b;--primary-700: #c9551f;--border: #e7ded3;--ok: #16a34a;--danger: #d64550;--warn: #d97706;--radius: 14px;--shadow-card: 0 10px 34px rgba(60, 40, 20, .1);--shadow-pop: 0 24px 60px rgba(45, 30, 18, .16);--overlay: rgba(45, 30, 18, .45);--carello-font-sans: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--carello-font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--carello-font-sans)}body{font-family:var(--carello-font-sans)}code,kbd,pre,samp,[class*=mono]{font-family:var(--carello-font-mono)}html.dark{--bg: #15110e;--bg-grad-a: #2a1a10;--bg-grad-b: #0c0a08;--card: #211c17;--text: #f2ece3;--muted: #a7998a;--border: #38302a;--shadow-card: 0 10px 34px rgba(0, 0, 0, .45);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .6);--overlay: rgba(10, 7, 4, .66)}.auth-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-pane{display:flex;flex-direction:column;justify-content:center;padding:2.5rem}.auth-pane-form{background:var(--bg);align-items:center}.acard{width:100%;max-width:380px;background:var(--card);border-radius:22px;padding:2.4rem 2.2rem;box-shadow:var(--shadow-pop)}.acard .brand{text-align:center;margin-bottom:1.6rem}.brand-badge{width:60px;height:60px;margin:0 auto 1rem;border-radius:18px;background:linear-gradient(140deg,#ef7c43,#e0662b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 18px #e0662b59}.brand-badge svg{width:30px;height:30px}.acard .brand h1{margin:0 0 .35rem;font-size:1.7rem;font-weight:700;letter-spacing:-.01em}.ifield{display:block;position:relative;margin-bottom:.85rem}.ifield-ico{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.ifield-ico svg{width:100%;height:100%}.ifield input{width:100%;padding:.8rem .9rem .8rem 2.6rem;border:1px solid var(--border);border-radius:12px;font-size:.98rem;background:var(--surface-2);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.ifield input:focus{border-color:var(--primary);background:var(--field-bg);box-shadow:0 0 0 3px var(--tint-primary-strong)}.acard .btn{padding:.85rem 1rem;border-radius:12px;font-size:1rem;margin-top:.3rem}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.acard .btn-google{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s,border-color .15s}.acard .btn-google:hover{background:var(--surface-3);box-shadow:0 1px 4px #00000014}.btn-google-ico{display:inline-flex;line-height:0}.auth-meta{text-align:center;margin:1rem 0 0;font-size:.78rem;letter-spacing:.02em;color:var(--muted)}.acard .switch{margin-top:1rem}.auth-pane-aside{background:#262b36;color:#e7e9ef;gap:.4rem}.aside-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b93a4;margin-bottom:.4rem}.aside-title{margin:0 0 .9rem;font-size:2rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#fff}.aside-lead{margin:0 0 1.8rem;max-width:30rem;color:#aab1c0;line-height:1.55}.aside-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.aside-features li{display:flex;align-items:center;gap:.85rem;font-size:.95rem;color:#d7dae2}.feat-ico{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.feat-ico svg{width:19px;height:19px}.feat-ico-orange{background:#e0662b2e;color:#f0935f}.feat-ico-blue{background:#608ce62e;color:#84a8f2}.feat-ico-green{background:#34c75929;color:#5cd17e}@media(max-width:860px){.auth-split{grid-template-columns:1fr}.auth-pane-aside{display:none}.auth-pane-form{min-height:100vh}}.profile-wrap{max-width:720px;margin:0 auto;padding:1.6rem 1.5rem 2.5rem;display:flex;flex-direction:column;gap:1rem}.profile-hero{display:flex;align-items:center;gap:1rem;color:var(--text);padding:.4rem .2rem}.profile-hero h1{margin:0;font-size:1.5rem}.profile-avatar{flex:none;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff9a5c,#e0662b);color:#fff;font-weight:700;font-size:1.1rem;box-shadow:0 8px 18px #e0662b59}.profile-avatar-img{object-fit:cover;background:var(--card)}.profile-hero-actions{display:flex;gap:.8rem;margin-top:.35rem}.profile-hero-actions .link-btn{font-size:.85rem}.profile-field{padding:.9rem 0;border-top:1px solid var(--border)}.profile-field:first-of-type{border-top:none;padding-top:.3rem}.profile-field-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile-field-value{font-size:1.05rem;font-weight:600;margin:.2rem 0 .6rem}.profile-edit-row{display:flex;gap:.5rem;align-items:center}.profile-edit-row input{flex:1;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;font-size:.95rem;outline:none}.profile-edit-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint-primary-strong)}.profile-field .info-banner{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}