:root{--text:#14284b;--text-secondary:#4a5568;--bg:#fffdf8;--bg-page:#faf6ef;--bg-element:#f1e9da;--bg-selected:#e6dcc8;--border:#e6dcc8;--primary:#14284b;--on-primary:#fffdf8;--accent:#e3a82b;--accent-hover:#d39a20;--on-accent:#14284b;--accent-text:#7a4e00;--accent-soft:#f6e3b4;--sidebar:#14284b;--sidebar-text:#c9d3e6;--sidebar-hover:#1d3560;--danger:#b42318;--on-danger:#fff;--success:#1f7a4d;--radius:12px;--shadow:0 1px 2px #14284b0a, 0 6px 18px #14284b0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg-page);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#faf6ef;--text-secondary:#c9d3e6;--bg:#14284b;--bg-page:#0b1830;--bg-element:#1d3560;--bg-selected:#2e4a7d;--border:#2e4a7d;--primary:#e3a82b;--on-primary:#14284b;--accent-text:#e3a82b;--accent-soft:#1d3560;--sidebar:#0a1428;--sidebar-hover:#14284b;--danger:#f08a7e;--on-danger:#14284b;--success:#5bb37f;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{min-height:100vh;margin:0}img{max-width:100%}.content,.card,.preview{overflow-wrap:anywhere}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-family:Libre Baskerville,Georgia,serif;font-weight:700}a{color:var(--primary)}.shell{grid-template-columns:264px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#fffdf8;flex-direction:column;gap:18px;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-body{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;font-size:17px;font-weight:700;display:flex}.brand-sub{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.brand-mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:11px;flex:none;place-items:center;font-size:16px;display:grid}.church-chip{background:#fffdf80f;border:1px solid #fffdf81a;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.church-chip img,.church-chip-initial{object-fit:cover;background:#fffdf8;border-radius:12px;flex:none;width:40px;height:40px}.church-chip-initial{color:var(--on-accent);background:var(--accent);place-items:center;font-weight:700;display:grid}.church-chip-text{min-width:0;color:var(--sidebar-text);flex-direction:column;font-size:13px;display:flex}.church-chip-text strong{color:#fffdf8;overflow-wrap:anywhere;font-size:14px}.church-chip-select{width:100%;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:0;font-size:12px;font-weight:600}.church-chip-select option{color:#14284b}.nav{flex-direction:column;gap:14px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-title{letter-spacing:.08em;text-transform:uppercase;color:#8193b3;padding:0 12px 4px;font-size:11px;font-weight:700}.nav a{color:var(--sidebar-text);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav a svg{opacity:.85;flex:none}.nav a:hover{background:var(--sidebar-hover);color:#fffdf8}.nav a.active{background:var(--accent);color:var(--on-accent);font-weight:700}.nav a.active svg{opacity:1}.nav-switch{border:1px dashed #fffdf840;margin-top:4px;color:var(--accent)!important;font-weight:600!important}.sidebar-user{border-top:1px solid #fffdf81a;align-items:center;gap:10px;margin-top:auto;padding:12px 8px 4px;display:flex}.avatar{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.sidebar-user-text{min-width:0;color:var(--sidebar-text);flex-direction:column;flex:1;font-size:12px;display:flex}.sidebar-user-text strong{color:#fffdf8;overflow-wrap:anywhere;font-size:14px}.icon-button{width:36px;height:36px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--sidebar-hover);color:#fffdf8}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.breadcrumb{min-width:0;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;display:flex}.breadcrumb span,.breadcrumb strong{overflow-wrap:anywhere}.breadcrumb strong{color:var(--text)}.topbar .topbar-signout{display:none}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.bell-link{width:40px;height:40px;color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:12px;place-items:center;display:grid;position:relative}.bell-link:hover{background:var(--bg-element)}.bell-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bell-count{background:var(--danger);min-width:20px;height:20px;color:var(--on-danger);border-radius:10px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.nav-badge{background:var(--danger);min-width:22px;height:20px;color:var(--on-danger);border-radius:10px;flex:none;place-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:grid}.notice-list{flex-direction:column;gap:10px;display:flex}.notice{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;display:flex}.notice:hover{background:var(--bg-element)}.notice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice.unread{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 45%, var(--bg))}.notice-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:12px;flex:none;place-items:center;display:grid}.notice-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notice-text strong{overflow-wrap:anywhere}.notice-text p{color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-line}.notice-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.notice-dot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.pref-list{flex-direction:column;display:flex}.pref{border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.pref:first-child{border-top:0}.pref-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pref-text strong{overflow-wrap:anywhere}.pref-text span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:13px}.switch{flex:none;width:46px;height:26px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{background:var(--bg-selected);pointer-events:none;border-radius:13px;transition:background .15s;position:absolute;inset:0}.switch-track:after{content:"";background:var(--bg);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #14284b40}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.55}.content{flex-direction:column;gap:24px;width:100%;max-width:1200px;padding:32px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{font-size:clamp(26px,2vw + 14px,34px);line-height:1.15}.page-header p{color:var(--text-secondary);max-width:720px;margin-top:6px}.menu-toggle{display:none}@media (prefers-color-scheme:dark){.topbar{background:#14284beb}}@media (width<=800px){.shell{grid-template-columns:1fr}.sidebar{gap:12px;height:auto;padding:12px 16px;position:static}.sidebar-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-toggle{border:1px solid var(--sidebar-hover);color:#fffdf8;min-height:40px;font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.sidebar-body{display:none}.sidebar-body.open{padding-bottom:8px;display:flex}.topbar{padding:12px 16px}.topbar .topbar-signout{align-items:center;gap:6px;display:inline-flex}.content{padding:20px 16px 32px}}@media (width<=720px){.table-wrap{background:0 0;border:0;overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{width:100%;display:block}.table-wrap thead{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tr{background:var(--bg);border:1px solid var(--border);border-radius:16px;margin-bottom:12px;padding:8px 16px}.table-wrap td{overflow-wrap:anywhere;border:0;padding:8px 0;text-align:left!important;white-space:normal!important}.table-wrap td+td{border-top:1px solid var(--border)}.table-wrap td[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--accent-text);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.table-wrap td>div{justify-content:flex-start!important}.table-wrap .select,.table-wrap select{width:100%}}.card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:22px}.card h2{font-size:18px}.btn{text-align:center;max-width:100%;min-height:42px;font:inherit;letter-spacing:.01em;cursor:pointer;color:var(--on-accent);background:linear-gradient(180deg, #f2c254 0%, var(--accent) 55%, #d89b1e 100%);-webkit-tap-highlight-color:transparent;border:1px solid #cf9420;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:6px 18px;font-size:14.5px;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #fff6,0 1px 2px #7a4e0029,0 4px 12px #7a4e001f}.btn svg{flex:none;width:17px;height:17px}.btn:not(:disabled):hover{filter:brightness(1.04)saturate(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 2px 4px #7a4e0029,0 8px 20px #7a4e002e}.btn:not(:disabled):active{filter:brightness(.97);transform:scale(.97);box-shadow:inset 0 2px 4px #7a4e0040}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}label.btn[aria-disabled=true]{opacity:.6;pointer-events:none}input.sr-only:focus-visible+label.btn{outline:2px solid var(--primary);outline-offset:2px}.logo-preview{border:1px solid var(--border);background:var(--bg-element);width:96px;height:96px;color:var(--primary);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex;overflow:hidden}.logo-preview img{object-fit:cover;width:100%;height:100%}.cover-preview{border:1px solid var(--border);background:var(--bg-element);width:112px;height:63px;color:var(--text-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.church-logo{object-fit:cover;background:var(--bg-element);border-radius:8px;width:28px;height:28px}.topbar-church{align-items:center;gap:10px;display:flex}.btn-secondary{background:var(--bg);color:var(--primary);border-color:var(--border);box-shadow:0 1px 2px #14284b0f}.btn-secondary svg{color:var(--accent-text)}.btn-secondary:not(:disabled):hover{border-color:var(--accent);filter:none;box-shadow:0 6px 16px #14284b17}.btn-ghost{color:var(--primary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:not(:disabled):hover{background:var(--bg-element);filter:none;box-shadow:none;transform:none}.btn-ghost:not(:disabled):active{box-shadow:none}.btn-ghost.btn-danger-soft{color:var(--danger)}.btn-ghost.btn-danger-soft:not(:disabled):hover{background:#b4231814}.btn-danger{background:linear-gradient(180deg, #cf4234 0%, var(--danger) 100%);color:var(--on-danger);border-color:#8f1b12;box-shadow:inset 0 1px #fff3,0 4px 12px #b4231833}.btn-danger:not(:disabled):hover{box-shadow:inset 0 1px #fff3,0 8px 20px #b4231842}.btn-whatsapp{color:#fff;background:linear-gradient(#2bc566 0%,#1a9a4b 100%);border-color:#14803d;box-shadow:inset 0 1px #ffffff40,0 4px 12px #14803d38}.btn-whatsapp:not(:disabled):hover{box-shadow:inset 0 1px #ffffff40,0 8px 20px #14803d47}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field input,.field select,.field textarea,.select,.input{border:1px solid var(--border);background:var(--bg);min-height:42px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px;font-weight:400;transition:border-color .12s,box-shadow .12s}.field input:hover,.field select:hover,.select:hover,.input:hover{border-color:#d6c7a8}.field input:focus,.field select:focus,.field textarea:focus,.select:focus,.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e3a82b40}.btn:focus-visible{outline-offset:2px;outline:3px solid #e3a82b8c}.nav a:focus-visible{outline:2px solid var(--primary);outline-offset:1px;outline-color:var(--accent)}.field-error,.error{color:var(--danger);font-size:13px;font-weight:500}.success{color:var(--success);font-size:14px;font-weight:500}.muted{color:var(--text-secondary)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:16px;display:grid}.stat{flex-direction:column;gap:6px;min-width:0;display:flex;container-type:inline-size}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(16px,14cqi,32px);font-weight:700;line-height:1.15}.stat-value-sm{font-size:clamp(16px,11cqi,24px)}.stat-hint{color:var(--text-secondary);font-size:13px}.kpis{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.kpi{flex-direction:column;gap:8px;min-width:0;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.kpi:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);font-size:12px;font-weight:700}.kpi-value{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(24px,17cqi,40px);font-weight:700;line-height:1.1}.kpi-hint{color:var(--text-secondary);font-size:13px}.kpi-hint strong{color:var(--text);font-weight:600}.panels{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:start;gap:16px;display:grid}.panel{flex-direction:column;gap:16px;display:flex}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel-header h2{font-size:17px}.panel-header a{font-size:14px;font-weight:600}.bars{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.bar-row{grid-template-columns:72px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.bar-track{background:var(--bg-element);border-radius:5px;height:10px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:5px;min-width:4px;height:100%}.bar-value{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;font-weight:600}.bar-value span{color:var(--text-secondary);font-weight:400}.recent{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.recent li{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 0;display:flex}.recent li+li{border-top:1px solid var(--border)}.recent-main{min-width:0}.recent-main a{color:var(--text);font-weight:600;text-decoration:none}.recent-main a:hover{text-decoration:underline}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar .input{flex:260px}.toolbar .select{flex:160px}.table-wrap{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--bg-element);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}thead th:first-child{border-top-left-radius:15px}thead th:last-child{border-top-right-radius:15px}tbody tr{transition:background .12s}tbody tr:hover{background:#e3a82b0f}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}tr:last-child td{border-bottom:0}.cell-name{font-weight:600}.member-identity{align-items:center;gap:12px;display:flex}.person-avatar{background:var(--bg-element);color:var(--primary);border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.person-avatar.avatar{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.btn-sm{border-radius:10px;gap:6px;min-height:32px;margin-top:6px;padding:0 12px;font-size:13px}.btn.btn-sm svg{width:15px;height:15px}.member-identity .cell-sub{overflow-wrap:anywhere}.member-photo{cursor:pointer;border:2px solid var(--border);background:var(--bg-element);width:44px;height:44px;color:var(--primary);font:inherit;border-radius:50%;flex:none;place-items:center;padding:0;font-size:17px;font-weight:700;display:grid;position:relative}.member-photo img,.person-avatar img,.photo-stage img,.photo-stage video{object-fit:cover;border-radius:50%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.member-photo:hover,.member-photo:focus-visible{border-color:var(--accent);outline:none}.member-photo-badge{z-index:1;background:var(--accent);width:20px;height:20px;color:var(--on-accent);border:2px solid var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.member-photo-badge svg{width:11px;height:11px}.photo-dialog{border:1px solid var(--border);background:var(--bg);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:18px;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #14284b40}.photo-dialog::backdrop{background:#0b18308c}.photo-dialog-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.photo-dialog-header h2{overflow-wrap:anywhere;margin:0;font-size:18px}.photo-dialog-header .btn{padding:0 10px}.photo-stage{aspect-ratio:1;background:var(--bg-element);border:3px solid var(--accent);width:min(260px,100%);color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 16px;font-size:72px;font-weight:700;display:grid;position:relative;overflow:hidden}.photo-stage video{transform:scaleX(-1)}.photo-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.photo-dialog .error,.photo-dialog .success{text-align:center;margin:12px 0 0}.cell-sub{color:var(--text-secondary);font-size:13px}.tag{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-success{color:var(--success);background:#1f7a4d1f}.tag-muted{background:var(--bg-element);color:var(--text-secondary)}.tag-danger{color:var(--danger);background:#b423181a}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.login{background:var(--bg-page);grid-template-columns:minmax(360px,5fr) 6fr;min-height:100vh;display:grid}.login-brand{background:var(--sidebar);color:#fffdf8;flex-direction:column;gap:40px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";background:#fffdf80d;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;right:-160px}.login-brand-top{align-items:center;gap:12px;display:flex}.login-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.login-hero{flex-direction:column;gap:20px;margin-top:auto;display:flex}.login-hero h1{color:#fffdf8;font-size:clamp(40px,4vw,56px);line-height:1.05}.login-rule{background:var(--accent);border-radius:2px;width:72px;height:4px}.login-hero p{color:#c9d3e6;max-width:420px;font-size:18px;line-height:1.5}.login-highlights{z-index:1;flex-direction:column;gap:18px;margin:0 0 auto;padding:0;list-style:none;display:flex;position:relative}.login-highlights li{align-items:flex-start;gap:14px;display:flex}.login-highlights strong{color:#fffdf8;font-size:15px;display:block}.login-highlights span{color:#c9d3e6;font-size:14px}.login-dot{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.login-footer{color:#9fb0cc;font-size:13px}.login-main{place-items:center;padding:48px 24px;display:grid}.login-form{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:36px 32px;display:flex;box-shadow:0 12px 32px #14284b14}.login-heading{flex-direction:column;gap:6px;display:flex}.login-heading h2{font-family:Libre Baskerville,Georgia,serif;font-size:26px;line-height:1.2}.login-form .field input{min-height:46px;font-size:15px}.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-element) inset;-webkit-text-fill-color:var(--text)}.field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-element) inset;-webkit-text-fill-color:var(--text)}.login-label-row{justify-content:space-between;align-items:center;display:flex}.login-toggle{font:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.login-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.login-alert{color:var(--danger);background:#b4231814;border:1px solid #b4231833;border-radius:10px;margin:0;padding:10px 14px;font-size:14px;font-weight:500}.login-submit{min-height:48px;font-size:16px}.login-help{color:var(--text-secondary);text-align:center;font-size:13px;line-height:1.5}@media (prefers-color-scheme:dark){.login-form{box-shadow:none}.login-alert{background:#f08a7e1a;border-color:#f08a7e4d}}@media (width<=860px){.login{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-brand{gap:16px;padding:24px 20px 28px}.login-brand:after{display:none}.login-hero{gap:12px;margin-top:0}.login-hero h1{font-size:34px}.login-hero p{font-size:15px}.login-highlights,.login-footer{display:none}.login-main{place-items:start center;padding:24px 16px 40px}.login-form{border-radius:16px;padding:28px 20px}}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}.center-page{place-items:center;min-height:100vh;padding:16px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.check{flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;display:flex}.check input{width:18px;height:18px;accent-color:var(--primary)}textarea.input{resize:vertical;min-height:80px}.meter{background:var(--bg-selected);border-radius:5px;max-width:560px;height:10px;overflow:hidden}.meter>div{background:var(--accent);border-radius:5px;height:100%}.preview{background:var(--bg-element);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;max-width:420px;padding:12px 16px;display:flex}.welcome{background:var(--sidebar);color:#fffdf8;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.welcome:after{content:"";background:#fffdf80d;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-90px}.welcome-text{z-index:1;flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.welcome-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.welcome h1{color:#fffdf8;overflow-wrap:anywhere;font-size:clamp(24px,1.6vw + 14px,32px)}.welcome p{color:#c9d3e6}.welcome-actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.welcome-actions .btn-secondary{color:#fffdf8;background:#fffdf814;border-color:#fffdf833}.welcome-actions .btn-secondary:hover{background:#fffdf829!important;border-color:#e3a82b99!important}.welcome-actions .btn-secondary svg{color:var(--accent)}.facts{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.facts li{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.facts li+li{border-top:1px solid var(--border)}.facts strong{font-variant-numeric:tabular-nums;font-size:16px}.panel-footer{font-size:14px;font-weight:600}.kpi-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);border-radius:11px;flex:none;place-items:center;display:grid}