@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:DM Sans,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.table{display:table}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#fdf8f9;--surface:#fff;--surface-soft:#fdf4f5;--text:#2d1b1e;--muted:#6b4a50;--line:#e8d4d8;--primary:#b76e79;--primary-hover:#a05c66;--accent:#f2dadd;--success:#32735d;--danger:#b84451;--font-body:"DM Sans",Inter,Arial,sans-serif;--font-heading:"Playfair Display",Georgia,serif;--base-size:16px;--space:1;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=light]{--bg:#f8f6f3;--surface:#fff;--surface-soft:#f2efea;--text:#1a1a1a;--muted:#6b6b6b;--line:#eae7e2;--primary:#2c3e50;--primary-hover:#1b2a38;--accent:#e9dfcd}:root[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface-soft:#242021;--text:#f0f0f0;--muted:#b7aaac;--line:#373033;--primary:#d4b87a;--primary-hover:#e4c98c;--accent:#34272a;--success:#68bb99;--danger:#ee8490}:root[data-theme=blue]{--bg:#ebf4ff;--surface:#fff;--surface-soft:#dcecff;--text:#122844;--muted:#4a6380;--line:#c9ddf6;--primary:#1a365d;--primary-hover:#102b50;--accent:#cfe1f6}:root[data-theme=green]{--bg:#f0fff4;--surface:#fff;--surface-soft:#dcf6e4;--text:#173525;--muted:#4f705c;--line:#ccebd6;--primary:#1a3a2a;--primary-hover:#102a1c;--accent:#ccebd6}:root[data-theme=gray]{--bg:#f7f7f7;--surface:#fff;--surface-soft:#eee;--text:#1a1a1a;--muted:#606060;--line:#dedede;--primary:#252525;--primary-hover:#090909;--accent:#e5e5e5}:root[data-font=serif]{--font-body:Georgia,serif;--font-heading:Georgia,serif}:root[data-font=system]{--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-heading:Georgia,serif}:root[data-font-size=small]{--base-size:14px}:root[data-font-size=large]{--base-size:18px}:root[data-density=compact]{--space:.82}:root[data-density=relaxed]{--space:1.2}*{box-sizing:border-box}html{font-size:var(--base-size);scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}::selection{background:var(--accent)}.accounts-page{color:#173c35;max-width:1100px;margin:auto;padding:2.5rem 1.5rem}.accounts-page header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.accounts-page h1{margin:.2rem 0;font:700 2.4rem Georgia,serif}.accounts-page h2{margin:.4rem 0}.toolbar{gap:1rem;margin-bottom:1.2rem;display:flex}.toolbar input{flex:1}.toolbar select{background:#fff;border:1px solid #cfd8d1;border-radius:.7rem;padding:.7rem}.button{color:#fff;cursor:pointer;background:#173c35;border:0;border-radius:.7rem;padding:.85rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.account-card{background:#fff;border:1px solid #dfe6df;border-radius:1rem;gap:1rem;padding:1.2rem;display:grid}.account-card p,.balance span{color:#66746e;margin:0}.balance{gap:.25rem;display:grid}.balance strong{font-size:1.4rem}.account-card footer,.actions{flex-wrap:wrap;gap:.5rem;display:flex}.account-card button,.actions button{cursor:pointer;border:0;border-radius:.5rem;padding:.55rem .7rem}.danger{color:#a2392e!important;background:#fff0ee!important}.tag{color:#3d672b;background:#edf7df;border-radius:.4rem;padding:.25rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.total{font-size:1.05rem}.empty{text-align:center;color:#66746e;padding:3rem}.account-form{background:#fff;border:1px solid #dfe6df;border-radius:1rem;gap:1rem;max-width:700px;padding:1.5rem;display:grid}.account-form label{gap:.4rem;display:grid}.account-form fieldset{border:1px solid #dfe6df;border-radius:.7rem;gap:.7rem;display:grid}.account-form small{color:#66746e;margin:.25rem 0 0 1.5rem;display:block}.credit-fields{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.history-mini table{border-collapse:collapse;background:#fff;width:100%}.history-mini th,.history-mini td{text-align:left;border-bottom:1px solid #e7ece7;padding:.8rem}.chart{background:#fff;border-radius:1rem;height:220px;padding:1rem}.chart svg{width:100%;height:100%}.chart polyline{fill:none;stroke:#52796a;stroke-width:3px}@media (width<=600px){.accounts-page header{flex-direction:column;align-items:flex-start;gap:1rem}.toolbar,.credit-fields{grid-template-columns:1fr;display:grid}.credit-fields{gap:1rem}.history-mini{font-size:.8rem}}.account-form label:has(input[type=date]){display:none}.card-history{border-top:1px solid #e1e8e2;padding-top:.75rem}.card-history h3{margin:0 0 .5rem;font-size:.9rem}.card-history p{justify-content:space-between;margin:.35rem 0;display:flex}.card-history a{color:#173c35;margin-top:.5rem;font-weight:700;display:inline-block}.account-card.disabled{color:#6a6a6a;border-color:#b6b6b6;background:#d9d9d9!important}.account-card.disabled h2,.account-card.disabled p,.account-card.disabled strong,.account-card.disabled span{color:#6a6a6a!important}.account-card.disabled .tag,.account-card.disabled .card-history,.account-card.disabled .card-history *{background:#cfcfcf;color:#707070!important}.account-card.disabled footer button:first-child{display:none}.account-card.disabled footer button:last-child{color:#fff!important;background:#5d8d51!important}.account-modal{z-index:10;background:#173c3566;place-items:start center;padding:2rem;display:grid;position:fixed;inset:0;overflow:auto}.account-modal .accounts-page{background:#f6f7f2;border-radius:1rem;width:min(100%,760px);margin:0;box-shadow:0 18px 60px #0005}.account-modal .accounts-page header{z-index:1;background:#f6f7f2;padding:1.2rem 0;position:sticky;top:0}.balance.zero strong{color:#59645f}.balance.positive strong{color:#28733a}.balance.negative strong{color:#b52f29}.reactivate{color:#fff!important;background:#5d8d51!important}.account-section{margin:1.2rem 0}.section-title{text-align:left;cursor:pointer;color:#173c35;background:0 0;border:0;border-bottom:1px solid #dbe4dd;width:100%;padding:.8rem 0;font-size:1rem;font-weight:700}.section-title span{color:#68766f;font-size:.85rem}.account-list{background:#fff;border:1px solid #e0e7e1;border-radius:.8rem}.account-row{border-bottom:1px solid #edf0ed;grid-template-columns:minmax(220px,1fr) 210px auto;align-items:center;gap:1rem;padding:1rem;display:grid}.account-row:last-child{border-bottom:0}.account-row strong{font-size:1rem}.row-balance{align-items:center;gap:.45rem;display:flex}.row-balance.positive strong{color:#28733a}.row-balance.negative strong{color:#b52f29}.row-balance.zero strong{color:#59645f}.pen{color:#52796a;cursor:pointer;background:0 0;border:0;font-size:1.1rem}.row-actions a,.row-actions button{cursor:pointer;border:0;border-radius:.45rem;padding:.45rem .55rem;text-decoration:none}.row-actions a{color:#173c35}.inactive-row{color:#707070;background:#d9d9d9}.inactive-row *{color:#707070!important}.inactive-row .reactivate{color:#fff!important;background:#5d8d51!important}@media (width<=700px){.account-row{grid-template-columns:1fr;gap:.5rem}.row-actions{justify-content:flex-start}}.accounts-page{background:var(--bg);min-height:100vh;color:var(--text);padding:clamp(1.25rem,3vw,3rem);animation:.2s ease-out page-in}.accounts-page>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.accounts-page h1{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,2.7rem)}.account-section{margin-bottom:1rem;overflow:hidden;border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:1rem!important}.section-title{cursor:pointer;text-align:left;align-items:center;gap:.5rem;width:100%;min-height:52px;font-weight:700;background:var(--surface)!important;color:var(--text)!important;border:0!important;padding:0 1rem!important;display:flex!important}.section-title span{background:var(--accent);min-width:23px;height:23px;color:var(--primary);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.account-list{display:grid}.account-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.25rem;border-top:1px solid var(--line)!important;padding:calc(1rem * var(--space))!important;background:var(--surface)!important;display:grid!important}.account-row>div:first-child>strong{font-size:1rem}.payment-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.tag{background:var(--accent)!important;color:var(--primary)!important;border:0!important;border-radius:999px!important;padding:.2rem .5rem!important;font-size:.7rem!important}.row-balance{white-space:nowrap;align-items:center;gap:.4rem;display:flex!important}.row-balance span{color:var(--muted);font-size:.75rem}.row-balance strong{font-size:1.05rem}.row-actions{align-items:center;gap:.5rem;display:flex}.row-actions a,.row-actions button,.pen{cursor:pointer;text-decoration:none;border:1px solid var(--line)!important;background:var(--surface)!important;min-height:40px!important;color:var(--text)!important;border-radius:.55rem!important;padding:.45rem .65rem!important}.row-actions .danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))!important;color:var(--danger)!important}.row-actions .reactivate{background:var(--success)!important;color:#fff!important;border:0!important}.inactive-row,.inactive-row *{color:#8c8687!important}.inactive-row{filter:grayscale();background:#eee!important}.inactive-row .reactivate{filter:none;color:#fff!important}.account-form,.history-mini,.chart{max-width:900px;border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:1rem!important;padding:clamp(1rem,2vw,1.5rem)!important}.account-form{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.account-form fieldset,.account-form .actions{grid-column:1/-1}.account-form input{min-height:44px}.account-form fieldset{border:1px solid var(--line);border-radius:.75rem}.account-form fieldset label{display:block}.credit-fields{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.history-mini{margin-top:1.25rem;overflow:auto}.history-mini table{border-collapse:collapse;width:100%}.history-mini th,.history-mini td{border-bottom:1px solid var(--line);text-align:left;padding:.75rem}.account-modal{z-index:45!important}.modal-backdrop{z-index:48!important}@media (width<=767px){.accounts-page{padding:1.25rem 1rem}.accounts-page>header{margin-bottom:1.25rem}.accounts-page>header .button{min-height:48px}.account-row{gap:.7rem;grid-template-columns:1fr!important}.row-balance{background:var(--surface-soft);border-radius:.65rem;justify-content:space-between;padding:.65rem .75rem}.row-balance .pen{margin-left:auto}.row-actions{grid-template-columns:1fr 1fr;display:grid}.row-actions a,.row-actions button{text-align:center;min-height:48px}.account-form,.credit-fields{grid-template-columns:1fr}.account-form .actions{grid-template-columns:1fr;display:grid}.account-form .actions button{min-height:48px}.history-mini{padding:0!important}.history-mini table{font-size:.82rem}.history-mini th,.history-mini td{padding:.6rem}.account-modal{align-items:flex-end!important;padding:0!important}.account-modal .accounts-page{border-radius:1.1rem 1.1rem 0 0;max-height:90vh;overflow:auto}.chart{padding:.5rem!important}}.thermo-page{color:#173c35;max-width:1100px;margin:auto;padding:2.5rem 1.5rem}.thermo-header h1{margin:.2rem 0;font:700 2.5rem Georgia,serif}.month-controls button,.month-controls select{color:#173c35;background:#fff;border:1px solid #ccd8d1;border-radius:.5rem;padding:.55rem}.month-controls strong{text-transform:capitalize}.thermo-table{background:#fff;border:1px solid #dce5de;border-radius:1rem;overflow:auto}.thermo-table th,.thermo-table td{text-align:left;border-bottom:1px solid #e5ece6;padding:.65rem .85rem}.balance-cell{text-align:left;cursor:pointer;border:0;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.7rem;display:flex}.balance-cell.stable{color:#154b27;background:#dff3e3}.balance-cell.attention{color:#684900;background:#fff2c9}.balance-cell.critical{color:#84251a;background:#ffe0dc}.balance-cell.selected{outline:2px solid #173c35}.balance-cell span{font-size:.78rem;font-weight:700}.details-row td{background:#f7faf6}.details-row>td>div{max-width:500px}.details-row p{justify-content:space-between;margin:.5rem 0;display:flex}.detail-total{border-top:1px solid #cfd9d1;padding-top:.6rem}.detail-actions{gap:.7rem;margin-top:1rem;display:flex}.detail-actions a,.detail-actions button{color:#fff;cursor:pointer;background:#173c35;border:0;border-radius:.5rem;padding:.55rem .7rem;text-decoration:none}.modal-backdrop{z-index:5;background:#102b2366;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.adjust-modal{background:#fff;border-radius:1rem;gap:.8rem;width:min(100%,430px);padding:1.5rem;display:grid}.adjust-modal h2{margin:0}.adjust-modal label{gap:.35rem;display:grid}.adjust-modal select,.adjust-modal input{border:1px solid #cfd8d1;border-radius:.55rem;width:100%;padding:.7rem}.adjust-modal div{gap:.6rem;display:flex}.adjust-modal button{cursor:pointer;border:0;border-radius:.5rem;padding:.65rem .8rem}.thermo-loading,.no-accounts{text-align:center;background:#fff;border-radius:1rem;padding:3rem}.toast{color:#315b25;background:#e7f6d9;border-radius:.6rem;padding:.8rem}@media (width<=700px){.thermo-page{padding:1.5rem .8rem}.thermo-header{flex-direction:column;align-items:flex-start}.month-controls{font-size:.85rem}.thermo-table th,.thermo-table td{padding:.5rem}.balance-cell strong{font-size:.9rem}}.adjust-modal label:has(input[type=date]){display:none}.thermo-page{background:var(--bg);min-height:100vh;color:var(--text);padding:clamp(1.25rem,3vw,3rem);animation:.2s ease-out page-in}.thermo-header{justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:2rem;display:flex}.thermo-header h1{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,2.7rem)}.month-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.month-controls button,.month-controls select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:.65rem;padding:.55rem .7rem}.thermo-table{border:1px solid var(--line);background:var(--surface);border-radius:1rem;overflow:auto}.thermo-table table{border-collapse:collapse;width:100%}.thermo-table th{background:var(--surface-soft);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;position:sticky;top:0}.thermo-table th,.thermo-table td{padding:calc(.85rem * var(--space)) 1rem;border-bottom:1px solid var(--line);text-align:left}.thermo-table tr:last-child td{border-bottom:0}.thermo-table tbody tr:not(.details-row):hover,.details-row>td{background:var(--surface-soft)}.details-row h3{font-family:var(--font-heading)}.details-row p{justify-content:space-between;gap:1rem;display:flex}.detail-actions{gap:.6rem;display:flex}.detail-actions a,.detail-actions button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:.6rem;min-height:44px;padding:.55rem .75rem;text-decoration:none}.toast{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);border-radius:.7rem;padding:.75rem 1rem}.no-accounts{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:2rem}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=767px){.thermo-page{padding:1.25rem 1rem}.thermo-header{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.month-controls{width:100%}.month-controls strong{width:100%;font-family:var(--font-heading);order:-1;font-size:1.15rem}.month-controls button{flex:1}.thermo-table{background:0 0;border:0;overflow:visible}.thermo-table table,.thermo-table thead,.thermo-table tbody,.thermo-table tr,.thermo-table td{display:block}.thermo-table thead{display:none}.thermo-table tbody{gap:.7rem;display:grid}.thermo-table tr:not(.details-row){border:1px solid var(--line);background:var(--surface);border-radius:.85rem;overflow:hidden}.thermo-table tr:not(.details-row) td{border:0;padding:.85rem 1rem}.thermo-table tr:not(.details-row) td:first-child{color:var(--muted);text-transform:capitalize;font-size:.8rem;font-weight:700}.thermo-table tr:not(.details-row) td:last-child{padding-top:0}.details-row{border:1px solid var(--line);background:var(--surface);border-top:0;border-radius:0 0 .85rem .85rem;margin-top:-.7rem}.details-row>td{background:0 0}.details-row p{font-size:.9rem}.detail-actions a,.detail-actions button{text-align:center;flex:1}.thermo-loading{padding:2rem 0}}.auth-layout{background:var(--bg);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.intro-panel{background:var(--primary);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(2.5rem,8vw,7rem);display:flex}.brand-mark{width:3rem;height:3rem;color:var(--primary);background:#fff;border-radius:1rem;place-items:center;font-weight:800;display:grid}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .7rem;font-size:.7rem;font-weight:700;display:block}.intro-panel .eyebrow{color:#fff9;margin-top:2rem}.intro-panel h1,.form-content h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:0}.intro-panel h1{max-width:11ch;font-size:clamp(3rem,5vw,5.3rem);line-height:1}.intro-copy{max-width:34rem;line-height:1.65}.security-note{color:#fff9;font-size:.88rem}.form-panel{background:var(--surface);place-items:center;padding:2rem;display:grid}.form-content{width:min(100%,27rem)}.mode-switch{background:var(--surface-soft);border-radius:.8rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem;padding:.25rem;display:grid}.mode-switch button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.6rem}.mode-switch .active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0001}.form-content h2{font-size:2.25rem}.form-lead{color:var(--muted);line-height:1.5}form{gap:.55rem;display:grid}label{color:var(--text);margin-top:.8rem;font-size:.88rem;font-weight:700}input,select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:.7rem;padding:.85rem .95rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);outline:none}.primary-button,.button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:.7rem;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-button:hover,.button:hover{background:var(--primary-hover)}button:disabled{cursor:wait;opacity:.65}.feedback,.error,.success{border-radius:.65rem;padding:.72rem .8rem;font-size:.88rem;line-height:1.4}.error{color:#922c38;background:#fdebed}.success{color:#246349;background:#e7f5ed}.screen-message{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:2rem;display:grid}.setup-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:1.25rem;width:min(100%,34rem);padding:2.5rem}.setup-card h1{font-family:var(--font-heading)}.app-shell{background:var(--bg);min-height:100vh}.app-content{min-height:100vh;margin-left:220px}.sidebar{z-index:20;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;width:220px;padding:1.4rem;display:flex;position:fixed;inset:0 auto 0 0}.side-logo{background:var(--primary);color:#fff;letter-spacing:-.1em;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.sidebar nav{gap:.5rem;margin-top:3rem;display:grid}.sidebar nav a,.sidebar nav button{min-height:46px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-items:center;gap:.8rem;padding:0 .75rem;text-decoration:none;display:flex}.sidebar nav span{text-align:center;width:1.2rem;font-size:1.2rem}.sidebar nav b{font-size:.88rem}.sidebar nav .active,.sidebar nav a:hover,.sidebar nav button:hover{background:var(--accent);color:var(--primary)}.sidebar-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.avatar{background:var(--accent);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.icon-button{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;place-items:center;font-size:1.35rem;display:grid}.icon-button:hover{background:var(--surface-soft);color:var(--primary)}.bottom-nav{display:none}.settings-layer{z-index:50;background:#0004;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface);width:min(100%,340px);height:100%;color:var(--text);padding:1.5rem;animation:.2s ease-out slide-in;overflow-y:auto;box-shadow:-16px 0 40px #0002}.settings-panel header{justify-content:space-between;align-items:flex-start;display:flex}.settings-panel h2{font-family:var(--font-heading);margin:0;font-size:1.8rem}.preference-group{border-bottom:1px solid var(--line);padding:1.4rem 0}.preference-group h3{margin:0 0 .85rem;font-size:.88rem}.theme-options{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.theme-choice,.choice-list button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:.65rem}.theme-choice{text-align:left;align-items:center;gap:.5rem;padding:.45rem;font-size:.76rem;display:flex}.theme-choice i{background:var(--primary);border:2px solid var(--accent);border-radius:50%;width:22px;height:22px}.theme-choice i[data-preview=dark]{background:#292929}.theme-choice i[data-preview=blue]{background:#1a365d}.theme-choice i[data-preview=green]{background:#1a3a2a}.theme-choice i[data-preview=gray]{background:#252525}.theme-choice i[data-preview=pink]{background:#b76e79}.theme-choice.selected,.choice-list .selected{border-color:var(--primary);background:var(--accent)}.choice-list{gap:.45rem;display:grid}.choice-list button{justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.choice-list b{color:var(--primary)}.sheet-handle{display:none}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=1023px) and (width>=768px){.sidebar{width:72px;padding:1.2rem .9rem}.sidebar nav b{display:none}.sidebar nav a,.sidebar nav button{justify-content:center;padding:0}.sidebar-footer{flex-direction:column;gap:.8rem}.app-content{margin-left:72px}}@media (width<=767px){.auth-layout{grid-template-columns:1fr}.intro-panel{min-height:18rem;padding:2.5rem 1.5rem}.intro-panel h1{font-size:3rem}.security-note{display:none}.form-panel{align-items:start;padding:2.5rem 1.5rem}.sidebar{display:none}.app-content{margin-left:0;padding-bottom:78px}.bottom-nav{z-index:30;background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);height:70px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{min-width:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:2px;text-decoration:none;display:grid}.bottom-nav span{font-size:1.25rem}.bottom-nav b{font-size:.62rem}.bottom-nav .active{color:var(--primary)}.settings-layer{align-items:flex-end}.settings-panel{border-radius:1.3rem 1.3rem 0 0;width:100%;height:min(80vh,620px);padding:1rem 1.25rem;animation:.2s ease-out sheet-in}.sheet-handle{background:var(--line);border-radius:4px;width:38px;height:4px;margin:0 auto 1rem;display:block}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}}