:root{--green:#12a878;--green-600:#0d8f68;--green-700:#0a7656;--green-50:#e8f7f2;--green-100:#d3f0e6;--bg:#f5f8f7;--surface:#fff;--surface-2:#fafcfb;--text:#17211e;--text-2:#3d4a46;--muted:#7a8581;--border:#e4ebe8;--border-strong:#d5dfdb;--danger:#e05252;--danger-50:#fdeeee;--success:#20a66a;--success-50:#e7f6ee;--warning:#e5a63a;--warning-50:#fdf4e3;--info:#3b82c4;--info-50:#eaf2fa;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:26px;--shadow-sm:0 1px 2px #17211e0a, 0 1px 3px #17211e0a;--shadow:0 2px 6px #17211e0a, 0 8px 24px #17211e0f;--shadow-lg:0 12px 40px #17211e24;--shadow-green:0 10px 28px #12a87847;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Manrope", "Inter", system-ui, -apple-system, sans-serif;--sidebar-w:248px;--bottom-nav-h:64px;--header-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.45;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,select,textarea,button{font-family:inherit}input,select,textarea{font-size:16px}img{max-width:100%;display:block}:focus-visible{outline-offset:2px;outline:3px solid #12a87873}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:#b9801c}.app-shell{min-height:100dvh}.main{min-width:0;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 24px)}.page{width:100%;max-width:1240px;animation:page-in .26s var(--ease) both;margin:0 auto;padding:16px 16px 24px}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(14px);padding-top:calc(var(--safe-top) + 14px);background:#f5f8f7db;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.topbar.scrolled{border-bottom-color:var(--border)}.topbar-inner{max-width:1240px;min-height:var(--header-h);align-items:center;gap:12px;margin:0 auto;padding:8px 16px;display:flex}.topbar-title{flex:1;min-width:0}.topbar-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;line-height:1.15;overflow:hidden}.topbar-title .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.sidebar{display:none}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.bottom-nav ul{max-width:560px;height:var(--bottom-nav-h);grid-template-columns:repeat(4,1fr);margin:0 auto;padding:0 8px;list-style:none;display:grid}.bottom-nav a{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;transition:color .16s;display:flex;position:relative}.bottom-nav a .nav-icon{width:52px;height:30px;transition:background .2s var(--ease);border-radius:999px;place-items:center;display:grid}.bottom-nav a.active{color:var(--green)}.bottom-nav a.active .nav-icon{background:var(--green-50)}@media (min-width:1024px){.app-shell.with-sidebar{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.bottom-nav{display:none}.main{padding-bottom:32px}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:4px 8px 22px;display:flex}.sidebar-brand .brand-text{min-width:0}.sidebar-brand strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;display:block;overflow:hidden}.sidebar-brand span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar nav ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sidebar nav a,.sidebar-footer button{width:100%;min-height:44px;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:600;transition:background .16s,color .16s;display:flex}.sidebar nav a:hover,.sidebar-footer button:hover{background:var(--bg)}.sidebar nav a.active{background:var(--green-50);color:var(--green-600)}.sidebar-footer{border-top:1px solid var(--border);gap:4px;margin-top:auto;padding-top:12px;display:grid}.sidebar-footer button.danger{color:var(--danger)}.topbar{background:#f5f8f7e6}.topbar-inner,.page{padding-left:32px;padding-right:32px}.topbar-title h1{font-size:26px}}@media (max-width:1023.98px){.only-desktop{display:none!important}}@media (min-width:1024px){.only-mobile{display:none!important}}.brand-mark{background:var(--green);width:40px;height:40px;box-shadow:var(--shadow-green);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.brand-mark svg{width:64%;height:64%}.btn{--btn-bg:var(--green);--btn-fg:#fff;background:var(--btn-bg);min-height:48px;color:var(--btn-fg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s var(--ease), background .16s, box-shadow .16s, opacity .16s;white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:var(--green-600)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{width:100%}.btn.sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.btn.secondary{--btn-bg:var(--surface);--btn-fg:var(--text);border-color:var(--border-strong)}.btn.secondary:hover:not(:disabled){background:var(--bg)}.btn.soft{--btn-bg:var(--green-50);--btn-fg:var(--green-600)}.btn.soft:hover:not(:disabled){background:var(--green-100)}.btn.danger{--btn-bg:var(--danger)}.btn.danger:hover:not(:disabled){background:#c94646}.btn.danger-soft{--btn-bg:var(--danger-50);--btn-fg:var(--danger)}.btn.danger-soft:hover:not(:disabled){background:#fadcdc}.btn.ghost{--btn-bg:transparent;--btn-fg:var(--text-2)}.btn.ghost:hover:not(:disabled){background:#17211e0d}.btn .btn-label{align-items:center;gap:8px;display:inline-flex}.btn.loading .btn-label{visibility:hidden}.btn .btn-spinner{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-2);cursor:pointer;border-radius:14px;flex-shrink:0;place-items:center;transition:background .16s,transform .12s,color .16s;display:inline-grid}.icon-btn:hover{background:var(--bg)}.icon-btn:active{transform:scale(.95)}.icon-btn.plain{background:0 0;border-color:#0000}.icon-btn.plain:hover{background:#17211e0f}.icon-btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:var(--shadow-green)}.icon-btn.primary:hover{background:var(--green-600)}.icon-btn.lg{border-radius:16px;width:48px;height:48px}.icon-btn.sm{border-radius:11px;width:36px;height:36px}.fab{right:18px;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 18px);z-index:35;background:var(--green);color:#fff;width:58px;height:58px;box-shadow:var(--shadow-green);cursor:pointer;transition:transform .14s var(--ease);animation:fab-in .32s var(--ease) both;border:0;border-radius:20px;place-items:center;display:grid;position:fixed}.fab:active{transform:scale(.94)}@keyframes fab-in{0%{opacity:0;transform:scale(.6)}}@media (min-width:1024px){.fab{display:none}}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:18px}.section{margin-top:26px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h2{font-size:18px;font-weight:800}.section-head .count{color:var(--muted);margin-left:6px;font-weight:600}.hero{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-green);background:radial-gradient(120% 140% at 100% 0,#ffffff29 0%,#fff0 55%),linear-gradient(160deg,#14b07f 0%,#0f9b70 100%);padding:22px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:36px solid #ffffff0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-40px}.hero-label{opacity:.88;font-size:14px;font-weight:500}.hero-value{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:clamp(30px,8vw,42px);font-weight:800;line-height:1.1}.hero-meta{z-index:1;flex-wrap:wrap;gap:8px;margin-top:16px;display:flex;position:relative}.hero-pill{white-space:nowrap;background:#ffffff29;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-boxes{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.hero-box{background:#ffffff29;border-radius:16px;min-width:0;padding:12px 14px}.hero-box strong{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.2;display:block}.hero-box span{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.stats-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px 14px 13px}.stat-label{color:var(--muted);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:500;display:flex}.stat-label svg{flex-shrink:0}.stat-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-value{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:19px;font-weight:800;overflow:hidden}.stat.danger .stat-value{color:var(--danger)}.stat.success .stat-value{color:var(--success)}.stat.warning .stat-value{color:#b9801c}.rates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rate-card{flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex;container-type:inline-size}.rate-head{align-items:center;gap:10px;min-width:0;display:flex}.flag{border-radius:6px;flex-shrink:0;width:40px;height:28px;overflow:hidden;box-shadow:0 0 0 1px #17211e14}.flag svg{width:100%;height:100%;display:block}.rate-code{font-size:14px;font-weight:700}.rate-value{font-family:var(--font-display);white-space:nowrap;border-radius:8px;margin:0 -6px;padding:2px 6px;font-size:clamp(14px,3.9vw,18px);font-weight:800;line-height:1.25;transition:color .3s,background-color .3s}.rate-value.tick-up{color:var(--success);background:var(--success-50)}.rate-value.tick-down{color:var(--danger);background:var(--danger-50)}.rate-change{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.rate-change.up{color:var(--success);background:var(--success-50)}.rate-change.down{color:var(--danger);background:var(--danger-50)}.rate-change.flat{color:var(--muted);background:#eef2f0}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.8s infinite live-pulse;box-shadow:0 0 #20a66a80}@keyframes live-pulse{70%{box-shadow:0 0 0 7px #20a66a00}to{box-shadow:0 0 #20a66a00}}.rate-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.badge.green{background:var(--green-50);color:var(--green-600)}.badge.red{background:var(--danger-50);color:var(--danger)}.badge.amber{background:var(--warning-50);color:#a8731a}.badge.gray{color:var(--muted);background:#eef2f0}.badge.blue{background:var(--info-50);color:var(--info)}.group-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px;display:grid}.group-card{cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s;text-align:left;flex-direction:column;min-width:0;padding:18px;display:flex;position:relative}.group-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}.group-card:active{transform:scale(.995)}.group-card-head{align-items:flex-start;gap:10px;display:flex}.group-card-title{flex:1;min-width:0}.group-card-title h3{overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.25}.group-card-date{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.group-card-price{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:14px;display:flex}.group-card-price strong{font-family:var(--font-display);font-size:22px;font-weight:800}.group-card-metrics{border-top:1px dashed var(--border-strong);grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:14px;padding-top:14px;display:grid}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:15px;font-weight:700}.progress{background:#edf2f0;border-radius:999px;height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--green);height:100%;transition:width .5s var(--ease);display:block}.group-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.toolbar{align-items:center;gap:10px;display:flex}.search{flex:1;min-width:0;position:relative}.search svg.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border:1px solid var(--border);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:14px;outline:none;padding:0 42px 0 44px;transition:border-color .16s,box-shadow .16s}.search input:focus{border-color:var(--green);box-shadow:0 0 0 4px #12a8781f}.search .clear{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.chips{scrollbar-width:none;gap:8px;margin:12px -2px 0;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}@media (pointer:fine){.chips{cursor:grab}}.chips.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.chips.dragging .chip{pointer-events:none}.chip{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-2);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.chip .chip-count{background:#17211e0f;border-radius:999px;padding:1px 7px;font-size:12px}.chip.active .chip-count{background:#ffffff38}.participant-list{gap:8px;margin-top:14px;display:grid}@media (max-width:1023.98px){.participant-list.with-fab{padding-bottom:76px}}@media (min-width:1024px){.participant-list.table-like{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:0;overflow:hidden}.participant-list.table-like .p-card{border:0;border-bottom:1px solid var(--border);box-shadow:none;border-radius:0}.participant-list.table-like .p-card:last-child{border-bottom:0}}.p-head{display:none}@media (min-width:1024px){.p-head{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 24px;gap:16px;padding:12px 18px;font-size:12px;font-weight:600;display:grid}}.p-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;animation:item-in .24s var(--ease) both;align-items:center;gap:12px;padding:14px;transition:background .16s,transform .12s;display:flex}@keyframes item-in{0%{opacity:0;transform:translateY(4px)}}.p-card:hover{background:var(--surface-2)}.p-card:active{transform:scale(.995)}.avatar{width:44px;height:44px;font-family:var(--font-display);background:var(--green-50);color:var(--green-600);border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;font-weight:800;display:grid}.avatar.red{background:var(--danger-50);color:var(--danger)}.avatar.lg{width:64px;height:64px;font-size:24px}.p-main{flex:1;min-width:0}.p-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.p-phone{color:var(--muted);margin-top:2px;font-size:13px}.p-side{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.p-debt{font-family:var(--font-display);font-size:16px;font-weight:800}.p-cols{display:none}@media (min-width:1024px){.participant-list.table-like .p-card{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) 24px;gap:16px;padding:12px 18px;display:grid}.participant-list.table-like .p-who{align-items:center;gap:12px;min-width:0;display:flex}.participant-list.table-like .p-cols{display:contents}.participant-list.table-like .p-side,.participant-list.table-like .p-phone.inline{display:none}}.p-who{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.p-col{flex-direction:column;justify-content:center;gap:4px;min-width:0;font-size:14px;display:flex}.load-more{justify-content:center;margin-top:16px;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:44px 20px;display:flex}.empty-icon{background:var(--green-50);width:64px;height:64px;color:var(--green);border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.empty h3{font-size:18px;font-weight:800}.empty p{color:var(--muted);max-width:340px}.empty .btn{margin-top:8px}.skeleton{background:linear-gradient(90deg,#edf2f0 0%,#f6f9f8 40%,#edf2f0 80%) 0 0/200% 100%;border-radius:10px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form{gap:16px;display:grid}.form-row{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:560px){.form-row.two{grid-template-columns:1fr 1fr}}.field{gap:7px;min-width:0;display:grid}.field-label{color:var(--text-2);font-size:14px;font-weight:600}.field-hint{color:var(--muted);font-size:13px}.field-error{color:var(--danger);align-items:center;gap:6px;font-size:13px;display:flex}.input-wrap{align-items:center;display:flex;position:relative}.input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:50px;color:var(--text);-webkit-appearance:none;appearance:none;border-radius:14px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}textarea.input{resize:vertical;height:auto;min-height:84px;padding:12px 14px}.input:focus{border-color:var(--green);box-shadow:0 0 0 4px #12a8781f}.input.invalid{border-color:var(--danger)}.input.invalid:focus{box-shadow:0 0 0 4px #e052521f}.input:disabled,.input[readonly]{background:var(--bg);color:var(--muted)}.input.with-icon{padding-left:44px}.input.with-suffix{padding-right:52px}.input-icon{color:var(--muted);pointer-events:none;display:flex;position:absolute;left:14px}.input-suffix{align-items:center;display:flex;position:absolute;right:4px}.input-suffix-text{color:var(--muted);pointer-events:none;font-weight:600;position:absolute;right:16px}input[type=date].input{min-height:50px;line-height:50px}input[type=date]::-webkit-date-and-time-value{text-align:left}.segmented{background:#edf2f0;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;width:100%;padding:4px;display:inline-grid}.segmented button{min-height:42px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:600;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.segmented button.active{background:var(--surface);color:var(--green-600);box-shadow:var(--shadow-sm)}.conversion{background:var(--green-50);color:var(--green-700);border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.notice{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice.warning{background:var(--warning-50);color:#8a5d12}.notice.danger{background:var(--danger-50);color:#b33a3a}.notice.info{background:var(--info-50);color:#2a5f8f}.notice.success{background:var(--success-50);color:#17794d}.check-row{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.switch span{background:#d7dfdc;border-radius:999px;transition:background .18s;position:absolute;top:0;bottom:0;left:0;right:0}.switch span:after{content:"";width:22px;height:22px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline-offset:2px;outline:3px solid #12a87873}.overlay{z-index:100;padding:calc(var(--safe-top) + 16px) 12px calc(var(--safe-bottom) + 16px);background:#1018156b;justify-content:center;align-items:center;animation:.2s both fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay.closing{animation:.18s both fade-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet,.sheet.full{background:var(--surface);width:100%;max-width:520px;max-height:100%;box-shadow:var(--shadow-lg);animation:modal-in .24s var(--ease) both;border-radius:24px;outline:none;flex-direction:column;display:flex;overflow:hidden}.sheet.wide{max-width:680px}.overlay.closing .sheet{animation:.16s both modal-out}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)scale(.98)}}.sheet-grip{display:none}.sheet-head{flex-shrink:0;align-items:center;gap:12px;padding:16px 12px 8px 20px;display:flex}.sheet-head h2{flex:1;min-width:0;font-size:19px;font-weight:800}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 20px 20px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:10px;padding:12px 20px 16px;display:flex}.sheet-foot .btn{flex:1}@media (min-width:768px){.overlay{padding:24px}.sheet,.sheet.full{max-height:min(860px,100%)}.sheet-head{padding:18px 16px 8px 24px}.sheet-body{padding:8px 24px 24px}.sheet-foot{justify-content:flex-end;padding:14px 24px 18px}.sheet-foot .btn{flex:none;min-width:140px}}.action-list{gap:6px;display:grid}.action-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 14px;font-weight:600;transition:background .16s;display:flex}.action-item:hover{background:var(--surface-2)}.action-item .action-icon{background:var(--green-50);width:40px;height:40px;color:var(--green-600);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.action-item.danger{color:var(--danger)}.action-item.danger .action-icon{background:var(--danger-50);color:var(--danger)}.action-item .action-text{flex:1;min-width:0}.action-item .action-text small{color:var(--muted);font-size:13px;font-weight:500;display:block}.action-item.whatsapp .action-icon{color:#1faa59;background:#e6f8ee}.menu-anchor{position:relative}.menu{z-index:60;background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-lg);animation:menu-in .16s var(--ease) both;transform-origin:100% 0;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.menu button{cursor:pointer;text-align:left;width:100%;min-height:44px;color:var(--text);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:500;display:flex}.menu button:hover{background:var(--bg);outline:none}.menu button:focus-visible{background:var(--bg);outline:none}.menu button.danger{color:var(--danger)}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.confirm-icon{background:var(--warning-50);width:52px;height:52px;color:var(--warning);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.confirm-icon.danger{background:var(--danger-50);color:var(--danger)}.confirm-icon.green{background:var(--green-50);color:var(--green)}.toasts{z-index:200;left:50%;top:calc(var(--safe-top) + 12px);pointer-events:none;gap:8px;width:min(440px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;color:#fff;box-shadow:var(--shadow-lg);animation:toast-in .26s var(--ease) both;background:#17211e;border-radius:14px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:14px;font-weight:500;display:flex}.toast.leaving{animation:.2s both toast-out}.toast svg{flex-shrink:0;margin-top:1px}.toast.success svg{color:#4fd6a2}.toast.error svg{color:#ff8a8a}.toast.info svg{color:#8cc2f0}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.offline-bar{z-index:150;padding:calc(var(--safe-top) + 6px) 16px 6px;color:#fff;background:#17211e;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.login-screen{background:var(--surface);min-height:100dvh;display:grid}@media (min-width:960px){.login-screen{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.login-visual{display:none}@media (min-width:960px){.login-visual{color:#fff;background:radial-gradient(80% 60% at 85% 10%,#ffffff29,#0000 60%),linear-gradient(155deg,#13ad7c 0%,#0c8a64 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}}.login-visual h2{color:#fff;max-width:460px;font-size:40px;font-weight:800;line-height:1.12}.login-visual p{opacity:.86;max-width:420px;margin-top:14px;font-size:16px}.login-visual .route{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.login-visual .feature-list{z-index:1;gap:12px;display:grid;position:relative}.login-visual .feature{align-items:center;gap:12px;font-weight:500;display:flex}.login-visual .feature span{background:#ffffff29;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.login-panel{padding:calc(var(--safe-top) + 32px) 20px calc(var(--safe-bottom) + 32px);background:radial-gradient(120% 50% at 50% 0%, var(--green-50) 0%, #e8f7f200 70%), var(--surface);justify-content:center;align-items:center;display:flex}@media (min-width:960px){.login-panel{background:var(--surface)}}.login-box{width:100%;max-width:400px;animation:login-in .42s var(--ease) both}@keyframes login-in{0%{opacity:0;transform:translateY(14px)}}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:30px;display:flex}.login-brand .brand-mark{border-radius:20px;width:64px;height:64px}.login-brand h1{font-size:22px;font-weight:800}.login-brand p{color:var(--muted);font-size:14px}.login-panel{position:relative}.login-admin-btn{top:calc(var(--safe-top) + 16px);z-index:2;position:absolute;right:16px}.login-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:24px 20px}@media (min-width:480px){.login-card{padding:28px}}@media (min-width:960px){.login-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}}.login-box h2{margin-bottom:6px;font-size:28px;font-weight:800}.login-box .lead{color:var(--muted);margin-bottom:24px}.intro{z-index:300;color:#fff;cursor:pointer;background:radial-gradient(90% 70% at 80% 10%,#ffffff24 0%,#fff0 60%),radial-gradient(70% 60% at 10% 100%,#05503a59 0%,#05503a00 70%),linear-gradient(155deg,#16b583 0%,#0f9b70 55%,#0b8460 100%);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.intro.leaving{animation:intro-out .42s var(--ease) both}@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.04)}}.intro-glow{pointer-events:none;border:60px solid #ffffff0d;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-200px;right:-160px}.intro-scene{width:min(100vw,1100px);height:auto;max-height:100dvh;overflow:visible}.intro-trail{fill:none;stroke:#ffffff8c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.intro.title .intro-trail{opacity:.25;transition:opacity .5s}.intro-plane{fill:#fff;filter:drop-shadow(0 6px 10px #00281c59)}.intro-title{fill:#fff;font-family:var(--font-display);letter-spacing:-1px;font-size:92px;font-weight:800}.intro-sub{fill:#ffffffe0;font-family:var(--font);opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);font-size:26px;font-weight:500;transform:translateY(10px)}.intro.title .intro-sub,.intro.leaving .intro-sub{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.doc-slots{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doc-slot{aspect-ratio:1.55;border:1.5px dashed var(--border-strong);background:var(--surface-2);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;padding:10px;transition:border-color .16s,background .16s;display:flex;position:relative;overflow:hidden}.doc-slot:hover{border-color:var(--green);background:var(--green-50)}.doc-slot.filled{border-style:solid;border-color:var(--border);background:#f0f4f2;padding:0}.doc-slot.invalid{border-color:var(--danger)}.doc-slot .slot-icon{background:var(--surface);width:40px;height:40px;color:var(--green);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid}.doc-slot .slot-title{font-size:13px;font-weight:700}.doc-slot .slot-hint{color:var(--muted);font-size:12px}.doc-slot img{object-fit:cover;width:100%;height:100%}.doc-slot .slot-tag{color:#fff;background:#17211eb8;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.doc-slot .slot-pdf{color:var(--text-2);flex-direction:column;align-items:center;gap:6px;max-width:100%;padding:10px;font-size:12px;display:flex}.doc-slot .slot-pdf span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.doc-slot .slot-actions{gap:6px;display:flex;position:absolute;top:6px;right:6px}.doc-slot .slot-actions .icon-btn{background:#fffffff0;border-radius:10px;width:32px;height:32px}.upload-progress{background:#e7eeeb;border-radius:999px;height:4px;overflow:hidden}.upload-progress span{background:var(--green);height:100%;transition:width .16s;display:block}.viewer{border-radius:var(--radius-lg);background:#eef3f1;position:relative;overflow:hidden}.viewer-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.viewer-track::-webkit-scrollbar{display:none}.viewer-slide{scroll-snap-align:center;aspect-ratio:1.5;flex:0 0 100%;place-items:center;padding:10px;display:grid;position:relative}.viewer-slide img,.viewer-slide canvas{object-fit:contain;max-width:100%;max-height:100%;box-shadow:var(--shadow);cursor:zoom-in;background:#fff;border-radius:10px}.viewer-counter{color:#fff;background:#17211eb8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.viewer-side{background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.viewer-nav{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.prev{left:8px}.viewer-nav.next{right:8px}.viewer-dots{justify-content:center;gap:6px;padding:10px 0 12px;display:flex}.viewer-dots span{background:#c9d4d0;border-radius:50%;width:7px;height:7px;transition:width .2s,background .2s}.viewer-dots span.active{background:var(--green);border-radius:999px;width:20px}.lightbox{z-index:250;background:#0a0e0cf0;flex-direction:column;animation:.18s both fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox-head{padding:calc(var(--safe-top) + 10px) 12px 10px 18px;color:#fff;justify-content:space-between;align-items:center;gap:10px;font-weight:600;display:flex}.lightbox-body{touch-action:pinch-zoom;flex:1;place-items:center;padding:12px;display:grid;overflow:auto}.lightbox-body img{object-fit:contain;max-width:100%;max-height:100%}.lightbox .icon-btn{color:#fff;background:#ffffff1f;border-color:#0000}.detail-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.detail-grid>*,.detail-col>*{min-width:0}.detail-col{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}@media (min-width:1024px){.detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.profile-head{align-items:center;gap:14px;display:flex}.profile-head h2{overflow-wrap:anywhere;font-size:21px;font-weight:800}.kv{gap:0;display:grid}.kv-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-width:0;padding:12px 0;display:flex}.kv-row:last-child{border-bottom:0}.kv-row span:first-child{color:var(--muted);font-size:14px}.kv-row strong{text-align:right;overflow-wrap:anywhere;min-width:0;margin-left:auto;font-weight:700}.money-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.money-trio>div{background:var(--bg);border-radius:14px;min-width:0;padding:12px}.money-trio .label{color:var(--muted);font-size:12px}.money-trio .value{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;font-weight:800;overflow:hidden}@media (min-width:480px){.money-trio .value{font-size:18px}}.actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.payment-list{display:grid}.payment-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.payment-item:last-child{border-bottom:0}.payment-icon{background:var(--green-50);width:40px;height:40px;color:var(--green-600);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.payment-icon.refund{background:var(--warning-50);color:#b9801c}.payment-main{flex:1;min-width:0}.payment-main .date{font-size:14px;font-weight:600}.payment-main .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.payment-amount{font-family:var(--font-display);color:var(--success);text-align:right;white-space:nowrap;font-size:16px;font-weight:800}.payment-amount.refund{color:#b9801c}.payment-total{border-top:2px solid var(--border);justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;font-weight:700;display:flex}.sticky-cta{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 10px);z-index:20;margin-top:16px;position:sticky}@media (min-width:1024px){.sticky-cta{bottom:16px}}.sticky-cta .btn{box-shadow:var(--shadow-green)}.archived-banner{color:var(--text-2);background:#eef2f0;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.back-link{display:inline-flex}.select-list{gap:8px;display:grid}.select-item{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;transition:border-color .16s,background .16s;display:flex}.select-item:hover{border-color:var(--border-strong)}.select-item.active{border-color:var(--green);background:var(--green-50)}.select-item .si-main{flex:1;min-width:0}.select-item .si-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.select-item .si-sub{color:var(--muted);font-size:13px}.select-trigger{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;display:flex}.select-trigger:hover{border-color:var(--green)}.select-trigger .st-main{flex:1;min-width:0}.select-trigger .st-label{color:var(--muted);font-size:12px}.select-trigger .st-value{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.move-preview{background:var(--bg);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;padding:14px;display:grid}.move-preview .col{min-width:0}.move-preview .col small{color:var(--muted);font-size:12px;display:block}.move-preview .col strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.report-controls{gap:12px;display:grid}@media (min-width:1024px){.report-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.period-dates{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.export-row{flex-wrap:wrap;gap:8px;display:flex}.big-progress{margin-top:16px}.big-progress .progress{height:10px}.big-progress .legend{color:var(--muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;display:flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}table.data th{text-align:left;background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:600}table.data td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}table.data tr:last-child td{border-bottom:0}table.data td.right,table.data th.right{text-align:right}.report-cards{gap:8px;display:grid}.report-card{padding:14px}.report-card .rc-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.report-card .rc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.report-card .rc-grid small{color:var(--muted);font-size:12px;display:block}.report-card .rc-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.company-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;display:grid}.company-card{flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.company-card.disabled{background:var(--surface-2)}.company-card-head{align-items:flex-start;gap:12px;display:flex}.company-card-head .avatar{border-radius:14px}.company-card-head h3{overflow-wrap:anywhere;font-size:17px;font-weight:800}.company-info{gap:8px;display:grid}.company-info div{color:var(--text-2);align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.company-info div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.company-info svg{color:var(--muted);flex-shrink:0}.company-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-hero-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-hero-row h2{font-size:20px;font-weight:800}.plus-lg{border-radius:18px;width:56px;height:56px}.form,.kv,.payment-list,.action-list,.select-list,.report-cards,.participant-list,.company-info,.field{grid-template-columns:minmax(0,1fr)}.actions-row .btn{white-space:normal;text-align:center;padding:8px 12px;line-height:1.2}@container (width<=300px){.rate-change .rate-change-abs{display:none}}@container (width<=190px){.rate-head{gap:8px}.rate-head .flag{width:30px;height:21px}.rate-change{padding:2px 6px;font-size:11px}.rate-change svg{display:none}}@media (max-width:359px){.rates{grid-template-columns:minmax(0,1fr)}}.money-trio.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:520px){.money-trio,.money-trio.cols-2{grid-template-columns:minmax(0,1fr);gap:6px}.money-trio>div{justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.money-trio .label{font-size:14px}.money-trio .value{margin-top:0;font-size:17px;overflow:visible}}.doc-slot:not(.filled){aspect-ratio:auto;min-height:132px}.p-side{max-width:48%}.p-side>div{justify-content:flex-end}@media (max-width:520px){.money-trio .trio-amount{text-align:right}}.p-card .p-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.doc-slots.single{grid-template-columns:minmax(0,1fr)}.doc-slots.single .doc-slot.filled{aspect-ratio:1.6}.currency-toggle{border:1px solid var(--border-strong);background:var(--green-50);min-width:44px;height:40px;color:var(--green-600);cursor:pointer;border-radius:10px;margin-right:4px;padding:0 10px;font-size:16px;font-weight:800;transition:background .16s,transform .12s}.currency-toggle:hover{background:var(--green-100)}.currency-toggle:active{transform:scale(.94)}.doc-slot .slot-pdf-preview{background:#e9eeec;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.doc-slot .slot-pdf-preview canvas{object-fit:contain;max-width:100%;min-height:0;max-height:100%;box-shadow:var(--shadow);background:#fff;border-radius:6px;width:auto!important;height:auto!important}.settings-page{max-width:680px}.settings-hero{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-green);background:radial-gradient(120% 140% at 100% 0,#ffffff29 0%,#fff0 55%),linear-gradient(160deg,#14b07f 0%,#0f9b70 100%);align-items:center;gap:16px;padding:22px 20px;display:flex;position:relative;overflow:hidden}.settings-hero:after{content:"";pointer-events:none;border:32px solid #ffffff12;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-70px;right:-50px}.settings-avatar{width:64px;height:64px;font-family:var(--font-display);letter-spacing:.02em;background:#fff3;border-radius:20px;flex-shrink:0;place-items:center;font-size:24px;font-weight:800;display:grid}.settings-hero-text{z-index:1;flex:1;min-width:0;position:relative}.settings-hero-text h2{color:#fff;overflow-wrap:anywhere;font-size:21px;font-weight:800;line-height:1.2}.settings-hero-text p{opacity:.9;overflow-wrap:anywhere;margin-top:4px;font-size:14px}.settings-status{z-index:1;white-space:nowrap;background:#fff3;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:700;position:relative}.settings-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:26px 4px 10px;font-size:13px;font-weight:700}.settings-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-row{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:64px;color:inherit;font:inherit;background:0 0;align-items:center;gap:14px;padding:12px 16px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row.link,.settings-row.danger{cursor:pointer;transition:background .16s}.settings-row.link:hover,.settings-row.danger:hover{background:var(--surface-2)}.settings-row.danger strong{color:var(--danger)}.settings-icon{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.settings-icon.green{background:var(--green-50);color:var(--green-600)}.settings-icon.blue{background:var(--info-50);color:var(--info)}.settings-icon.amber{background:var(--warning-50);color:#b9801c}.settings-icon.red{background:var(--danger-50);color:var(--danger)}.settings-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-text small{color:var(--muted);font-size:13px}.settings-text strong{overflow-wrap:anywhere;font-size:16px;font-weight:700}.settings-chevron{color:var(--muted);flex-shrink:0}.settings-note{color:var(--muted);margin:8px 4px 0;font-size:13px}.pin-screen{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);background:radial-gradient(120% 50% at 50% 0%, var(--green-50) 0%, #e8f7f200 70%), var(--surface);justify-content:center;align-items:center;display:flex}.pin-box{width:100%;max-width:340px;animation:login-in .42s var(--ease) both;flex-direction:column;align-items:center;display:flex}.pin-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;display:flex}.pin-head .brand-mark{border-radius:18px;width:56px;height:56px;margin-bottom:4px}.pin-head h1{font-family:var(--font-display);font-size:22px;font-weight:800}.pin-head p{color:var(--muted);font-size:14px;line-height:1.45}.pin-head p strong{color:var(--text)}.pin-pad{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.pin-dots{height:22px;color:var(--green);align-items:center;gap:18px;display:flex}.pin-dots span{border:2px solid var(--border-strong);border-radius:50%;width:14px;height:14px;transition:background .12s,border-color .12s,transform .12s}.pin-dots span.filled{background:var(--green);border-color:var(--green);transform:scale(1.1)}.pin-dots.shake{animation:.42s pin-shake}.pin-dots.shake span{border-color:var(--danger)}@keyframes pin-shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.pin-keys{grid-template-columns:repeat(3,72px);justify-content:center;gap:14px 24px;display:grid}.pin-key{border:1px solid var(--border);background:var(--surface);width:72px;height:72px;box-shadow:var(--shadow-sm);color:var(--text);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:50%;place-items:center;font-size:26px;font-weight:600;transition:background .12s,transform 80ms;display:grid}.pin-key:active:not(:disabled){background:var(--green-50);transform:scale(.94)}@media (hover:hover){.pin-key:hover:not(:disabled){background:var(--surface-2)}}.pin-key:disabled{opacity:.45;cursor:default}.pin-key.plain{box-shadow:none;color:var(--text-2);background:0 0;border:0}.pin-message{text-align:center;min-height:20px;margin-top:18px;font-size:14px}.pin-message.danger{color:var(--danger);font-weight:500}.pin-message.muted{color:var(--muted)}.pin-footer{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:18px;display:flex}.link-btn{color:var(--green-600);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 4px;font-weight:600;display:inline-flex}.link-btn.muted{color:var(--muted)}.link-btn:disabled{opacity:.5;cursor:default}.pin-sheet{flex-direction:column;align-items:center;padding:4px 0 8px;display:flex}.pin-sheet h3{text-align:center;margin-bottom:22px;font-size:17px;font-weight:700}.pin-sheet .form{width:100%}@media (max-height:640px){.pin-keys{grid-template-columns:repeat(3,62px);gap:10px 22px}.pin-key{width:62px;height:62px;font-size:22px}.pin-head{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.pin-dots.shake{animation:none}}