:root{--bg:#f4f5f7;--surface:#fff;--border:#dfe2e8;--text:#1c2230;--muted:#6b7385;--primary:#2f6fed;--primary-text:#fff;--positive:#15803d;--negative:#c62828;--holiday:#8e5bb5;--radius:10px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12151c;--surface:#1b1f29;--border:#2d3340;--text:#e7eaf0;--muted:#98a1b3;--primary:#5b8dfa;--primary-text:#0d1117;--positive:#4ade80;--negative:#f87171;--holiday:#c4a0e4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{margin:0}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:1;position:sticky;top:0}.header-inner,.main{max-width:960px;margin:0 auto;padding:0 16px}.header-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.brand{margin:14px 0;font-size:1.15rem}.tabs{gap:4px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 10px}.tab:hover{color:var(--text)}.tab-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.main{gap:16px;padding-top:20px;padding-bottom:48px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px;scroll-margin-top:72px}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{margin:0;font-size:1rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:start;gap:12px;display:grid}.form-grid-wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.form-grid+.form-grid,.checkbox+.form-grid,.form-grid+.checkbox{margin-top:12px}.input-group{gap:6px;display:flex}.input-group select{flex:none;width:auto}.form-section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 8px;font-size:.8rem;font-weight:600}.field{gap:4px;display:grid}.field-label{color:var(--muted);font-size:.8rem}.field-hint{color:var(--muted);font-size:.75rem}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;width:100%;min-width:0;padding:8px 10px}input:focus-visible,select:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.checkbox{align-self:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox input{width:auto}.form-actions,.presets{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:8px 14px}.btn:hover{border-color:var(--muted)}.btn-primary{color:var(--primary-text);background:var(--primary);border-color:var(--primary);font-weight:600}.btn-small{padding:4px 10px;font-size:.8rem}.btn-danger{color:var(--negative)}.btn-selected{color:var(--primary);border-color:var(--primary);font-weight:600}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:14px 0;display:flex}.segmented{gap:6px;display:flex}.timesheet thead th{color:var(--primary-text);background:var(--primary);padding:10px;font-size:.85rem}.timesheet input{width:auto;padding:6px 8px}.timesheet .week-row td{text-align:right;color:var(--muted);padding-top:14px}.timesheet .week-row strong{color:var(--text)}.timesheet .cumulative-row td{background:color-mix(in srgb, var(--primary) 12%, transparent);border-bottom:none;padding:12px 10px;font-weight:700}.holiday-name{color:var(--holiday);margin-left:12px}.holiday-note{color:var(--muted);margin:0 0 14px;font-size:.85rem}.fortnight-summary{align-items:center;font-size:.9rem}.notice{border:1px solid var(--border);border-left:3px solid var(--negative);border-radius:6px;margin:0 0 14px;padding:8px 12px;font-size:.85rem}.table-wrap{overflow-x:auto}form+.table-wrap,form+.empty{margin-top:16px}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.table th{color:var(--muted);font-size:.75rem;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .row-active td{background:color-mix(in srgb, var(--primary) 10%, transparent)}.row-actions{text-align:right}.row-actions .btn+.btn{margin-left:6px}.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-content:start;gap:4px;padding:14px;display:grid}.stat-label,.stat-hint{color:var(--muted);font-size:.75rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.stat-positive .stat-value{color:var(--positive)}.stat-negative .stat-value{color:var(--negative)}.muted,.empty{color:var(--muted)}.empty{margin:4px 0 12px;font-size:.9rem}.tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.7rem}@media (width<=640px){.header-inner{justify-content:space-between;gap:0 12px}.brand{margin:10px 0}.tabs{flex:100%;order:3;gap:0}.tab{flex:1;padding:10px 4px;font-size:.8rem}.main{gap:12px;padding:12px 12px 32px}.card{padding:12px;scroll-margin-top:104px}.form-grid,.form-grid-wide{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px}.stat-value{font-size:1.15rem}input,select,.btn{min-height:44px}.btn-small{min-height:38px;padding:6px 12px}.checkbox{min-height:44px}.checkbox input{width:20px;height:20px;min-height:0}.form-actions .btn-primary{flex:100%}.toolbar .segmented,.toolbar .segmented .btn,.presets .btn{flex:1}.table-stack thead{display:none}.table-stack,.table-stack tbody,.table-stack tr{display:block}.table-stack tr{border-bottom:1px solid var(--border);padding:10px 0}.table-stack tbody tr:last-child{border-bottom:none;padding-bottom:0}.table-stack td{white-space:normal;text-align:right;border-bottom:none;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;display:flex}.table-stack td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:.8rem}.table-stack td:first-child{text-align:left;padding-bottom:6px;font-weight:600;display:block}.table-stack td:first-child:before,.table-stack .row-actions:before{content:none}.table-stack .row-actions{justify-content:flex-end;padding-top:8px}.table-stack .row-active td{background:0 0}.table-stack tr.row-active{box-shadow:inset 3px 0 0 var(--primary);padding-left:10px}.timesheet th,.timesheet td{padding:6px 4px}.timesheet td:first-child{white-space:normal;font-size:.85rem}.timesheet input{width:100%;min-width:0;padding:6px 4px}.holiday-name{margin-left:0;font-size:.75rem;display:block}.fortnight-summary{font-size:.85rem}}.account{align-items:center;gap:10px;margin-left:auto;display:flex}.account-name{font-size:.85rem}.form-error{color:var(--negative);margin:10px 0 0;font-size:.85rem}.modal-backdrop{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;padding:20px}.modal-text{margin:8px 0 14px;font-size:.9rem}.btn:disabled{opacity:.6;cursor:default}@media (width<=640px){.header-inner{justify-content:space-between}}.form-note{color:var(--muted);margin:0 0 10px;font-size:.8rem}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;min-height:0;padding:0;text-decoration:underline}.collapsible{border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:0 12px}.collapsible[open]{padding-bottom:12px}.collapsible summary{cursor:pointer;padding:12px 0;font-size:.9rem;font-weight:600}.collapsible summary .muted{font-weight:400}.collapsible .form-section:first-of-type{margin-top:4px}.collapsible .form-section:not(:first-of-type){border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.form-subsection{color:var(--text);margin:16px 0 8px;font-size:.85rem;font-weight:600}.btn-block{flex:100%}.username{color:var(--primary)}.time-field{gap:4px;display:flex}.time-input{font-variant-numeric:tabular-nums}.time-input[aria-invalid=true]{border-color:var(--negative)}.meridiem{flex:none;min-width:3.2em;padding-left:6px;padding-right:6px;font-weight:600}.timesheet .time-input{text-align:center;width:4.6em}@media (width<=640px){.timesheet .time-input{flex:1;width:0;min-width:3em}.meridiem{min-width:2.8em;min-height:44px}}.segmented-fill{flex-wrap:wrap}.segmented-fill .btn{white-space:nowrap;flex:1}.period-range{margin:12px 0 0}.card>.collapsible:first-of-type{margin-top:0}.card>.collapsible+.collapsible{margin-top:8px}.timesheet-compact{font-size:.8rem}.timesheet-compact thead th{padding:6px 8px;font-size:.75rem}.timesheet-compact td{padding:5px 8px}.timesheet-compact .cumulative-row td{padding:7px 8px}@media (width<=640px){.timesheet-compact th,.timesheet-compact td,.timesheet-compact thead th{padding:5px 4px}.timesheet-compact td:first-child{white-space:nowrap;font-size:inherit}}.long-shift{color:var(--negative);font-weight:700}.long-shift-note{margin:0 0 10px}.break-note{color:var(--muted);white-space:nowrap;font-size:.7rem;font-weight:400;display:block}.break-button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 0;font-size:.7rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.break-button.is-set{color:var(--primary);font-weight:600}.break-choices{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.timesheet .breaks-row td{color:var(--muted);border-bottom:none}.cycle-picker{margin-bottom:12px}.cycle-picker .btn{padding:10px 12px}.cycle-dates{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.pay-cycle-note{margin:10px 0 0}.checkbox-hint{display:block}.job-picker{margin-bottom:12px}.timesheet-intro{margin-top:14px}input:disabled,select:disabled{opacity:.6;cursor:not-allowed}.table .total-row td{border-top:2px solid var(--border);font-weight:700}.row-dates{font-size:.8rem;font-weight:400}.cycle-choice{grid-column:1/-1}.card-collapsible>summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;list-style:none;display:flex}.card-collapsible>summary::-webkit-details-marker{display:none}.card-collapsible>summary .card-title:before{content:"▸";width:1.1em;color:var(--muted);display:inline-block}.card-collapsible[open]>summary .card-title:before{content:"▾"}.card-collapsible>summary .card-title{font-weight:600}.card-summary{text-align:right;font-size:.9rem}.card-body{margin-top:12px}:root{--expense:var(--negative)}.stats-main{grid-template-columns:1.4fr 1fr 1fr}.stats-main .stat-wide .stat-value{font-size:2.5rem}.stat-large{border-style:solid;border-width:0 0 0 5px;gap:6px;padding:20px}.stat-large .stat-label{color:var(--text);font-size:.95rem;font-weight:600}.stat-large .stat-value{font-size:2.1rem;line-height:1.15}.stat-large .stat-hint{font-size:.85rem}.stat-pay{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, var(--surface))}.stat-pay .stat-value{color:var(--primary)}.stat-expense{border-color:var(--expense);background:color-mix(in srgb, var(--expense) 12%, var(--surface))}.stat-expense .stat-value{color:var(--expense)}.stat-large.stat-positive{border-color:var(--positive);background:color-mix(in srgb, var(--positive) 18%, var(--surface))}.stat-large.stat-negative{border-color:var(--negative);background:color-mix(in srgb, var(--negative) 18%, var(--surface))}@media (width<=640px){.stats-main{grid-template-columns:1fr 1fr}.stats-main .stat-wide{order:-1;grid-column:1/-1}.stat-large{padding:14px}.stat-large .stat-value{font-size:1.6rem}.stats-main .stat-wide .stat-value{font-size:2.2rem}}.card .stat{background:var(--bg)}.tag-job{color:var(--primary);border-color:var(--primary)}.stat-button{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;padding-right:44px;transition:transform .12s,box-shadow .12s;position:relative}.stat-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.stat-button:active{box-shadow:none;transform:scale(.98)}.stat-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stat-chevron{color:var(--muted);font-size:2rem;line-height:1;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.stat-button:hover .stat-chevron{color:var(--text)}.stat-action{border:1px solid;border-radius:999px;justify-self:start;margin-top:8px;padding:4px 12px;font-size:.8rem;font-weight:600}.stat-expense .stat-action{color:var(--expense)}@media (prefers-reduced-motion:reduce){.stat-button{transition:none}}.modal-wide{border-radius:18px;flex-direction:column;max-width:520px;max-height:85vh;padding:22px;display:flex;box-shadow:0 24px 60px #00000073}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-title{font-variant-numeric:tabular-nums;color:var(--expense);margin:0;font-size:1.9rem;font-weight:700}.modal-subtitle{color:var(--muted);margin:2px 0 0;font-size:.9rem}.modal-close{background:var(--bg);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:1.4rem;line-height:1}.modal-close:hover{background:var(--border)}.modal-body{overflow-y:auto}.modal-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--bg);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600}.chip-due{color:var(--expense);background:color-mix(in srgb, var(--expense) 14%, var(--surface))}.expense-compact{gap:6px;margin:0;padding:0;list-style:none;display:grid}.expense-compact li{background:var(--bg);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.expense-compact li.is-passed{opacity:.55}.date-badge{background:var(--surface);border-radius:10px;justify-items:center;width:42px;padding:4px 0;line-height:1.1;display:grid}.date-badge-day{font-size:1.05rem;font-weight:700}.date-badge-month{text-transform:uppercase;color:var(--muted);font-size:.7rem}.expense-compact-info{min-width:0;display:grid}.expense-compact-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.expense-compact-detail{color:var(--muted);font-size:.78rem}.expense-compact-amount{font-variant-numeric:tabular-nums;font-weight:700}@media (width<=640px){.modal-backdrop:has(.modal-wide){place-items:end stretch;padding:0}.modal-wide{max-width:none;max-height:85vh;padding:10px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:none;border-radius:20px 20px 0 0}.modal-wide:before{content:"";background:var(--border);border-radius:999px;align-self:center;width:40px;height:4px;margin-bottom:12px}.modal-title{font-size:1.6rem}}.expense-manage .expense-compact li{grid-template-columns:auto 1fr auto auto}.expense-manage .expense-compact li.is-editing{outline:2px solid var(--primary)}.expense-actions{gap:6px;display:flex}.pill-tabs{flex-wrap:wrap;gap:6px;margin:16px 0 10px;display:flex}.pill-tab{font:inherit;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.pill-tab-active{color:var(--primary-text);background:var(--primary);border-color:var(--primary);font-weight:600}.pill-tab-count{opacity:.8;font-size:.75rem}.pager{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.pager-status{color:var(--muted);font-size:.85rem}form+.expense-manage{margin-top:16px}@media (width<=640px){.expense-manage .expense-compact li{grid-template-columns:auto 1fr auto}.expense-actions{grid-column:2/-1;justify-content:flex-end}}.modal-compact{max-width:400px}.modal-compact .modal-title{color:var(--text);font-size:1.2rem}.confirm-message{color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.confirm-actions{justify-content:flex-end}.btn-danger-solid{color:#fff;background:var(--negative);border-color:var(--negative);font-weight:600}@media (width<=640px){.confirm-actions .btn{flex:1}}.btn-primary{transition:background-color .2s,border-color .2s}.btn-done{color:#fff;background:var(--positive);border-color:var(--positive)}.modal-wide{max-height:85dvh}.modal-header,.modal-chips{flex:none}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0}@media (width<=640px){.modal-wide{max-height:90dvh}}.copy-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;display:flex}.copy-button{color:var(--primary);border-color:var(--primary);font-weight:600}.copied-note{color:var(--negative);background:color-mix(in srgb, var(--negative) 12%, var(--surface));border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:.85rem}.time-input.time-input-copied{color:var(--negative);border-color:var(--negative);font-weight:700}@media (width<=640px){.copy-button{flex:100%}}.timesheet-wrap{overflow-x:hidden}.timesheet .swipe-row td{touch-action:pan-y;transform:translateX(var(--swipe-offset,0));transition:transform .2s}.timesheet .swipe-row.is-dragging td{transition:none}.timesheet .hours-cell{position:relative}.swipe-action{background:var(--negative);color:#fff;width:84px;font:inherit;cursor:pointer;border:none;font-weight:700;position:absolute;top:0;bottom:0;left:100%}.swipe-hint{margin:8px 0 0}@media (prefers-reduced-motion:reduce){.timesheet .swipe-row td{transition:none}}.next-pay{margin:12px 0 0;font-weight:700}.paid-next-cycle{margin-top:10px}.btn-icon{align-items:center;gap:6px;display:inline-flex}.btn-accent{color:var(--primary);border-color:var(--primary);font-weight:600}.table .sticky-actions{z-index:1;background:var(--surface);white-space:nowrap;position:sticky;right:0;box-shadow:-10px 0 12px -10px #00000073}.table .row-active .sticky-actions{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}@media (width<=640px){.table-stack .sticky-actions{box-shadow:none;background:0 0;position:static}.table-stack th.sticky-actions{display:none}}.tabs{gap:6px;padding:8px 0}.tab{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tab:hover{color:var(--text);background:var(--bg)}.tab-active,.tab-active:hover{color:var(--primary-text);background:var(--primary);border-color:var(--primary)}.tab:disabled,.tab:disabled:hover{opacity:.45;cursor:not-allowed;color:var(--muted);background:0 0}.tab-featured:not(.tab-active){color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent)}.page-title{align-items:center;gap:10px;margin:4px 0 0;font-size:1.4rem;display:flex}.page-title .icon{color:var(--primary)}@media (width<=640px){.tabs{gap:6px;padding:4px 0 10px}.tab{flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:58px;padding:8px 4px;font-size:.75rem}.page-title{margin:0;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.tab{transition:none}}.cycle-explain{background:color-mix(in srgb, var(--primary) 10%, var(--surface));border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.5}.cycle-weekday{color:var(--muted);grid-column:1/-1;font-size:.85rem}.cycle-weekday summary{cursor:pointer}.cycle-weekday .field{max-width:240px;margin-top:8px}.leave-note{margin:12px 0}.leave-casual{color:var(--muted);margin:0}.leave-next{margin:12px 0;font-weight:600}.add-leave{background:var(--surface);margin-top:16px}.leave-stats{grid-template-columns:repeat(3,1fr)}.stat-large.stat-lieu{border-color:var(--holiday);background:color-mix(in srgb, var(--holiday) 16%, var(--surface))}.stat-lieu .stat-value{color:var(--holiday)}@media (width<=640px){.leave-stats{gap:8px}.leave-stats .stat-large{padding:12px 10px}.leave-stats .stat-large .stat-label{font-size:.8rem}.leave-stats .stat-large .stat-value{font-size:1.3rem}.leave-stats .stat-large .stat-hint{font-size:.75rem}}.leave-entries{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.leave-entries li{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:flex}.amount-unit{align-items:stretch;gap:8px;display:flex}.amount-unit input{flex:1;min-width:0}.leave-warning{color:var(--negative);margin-top:4px;font-size:.82rem;display:block}.plan-goal{margin:0 0 12px;font-weight:600}.plan-jobs{border:none;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;padding:0;display:flex}.plan-jobs legend{width:100%;margin-bottom:4px}.plan-jobs .form-error{width:100%;margin:0}.plan-split,.plan-sums{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.plan-split li,.plan-sums li{justify-content:space-between;gap:12px;display:flex}.plan-split li{background:var(--bg);border-radius:10px;padding:8px 12px}.plan-minus{color:var(--negative)}.plan-sums .plan-total{border-top:1px solid var(--border);padding-top:6px;font-weight:700}.plan-advice{border-radius:10px;margin:14px 0 0;padding:12px 14px;font-weight:600}.plan-good{background:color-mix(in srgb, var(--positive) 14%, transparent)}.plan-bad{background:color-mix(in srgb, var(--negative) 14%, transparent)}.fab{display:none}@media (width<=1024px){.tab-floating{display:none}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;min-height:52px;font:inherit;color:var(--primary-text);background:var(--primary);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 6px 20px #00000059}.fab:active{transform:scale(.97)}.fab-active{color:var(--primary);background:var(--surface);box-shadow:0 0 0 2px var(--primary), 0 6px 20px #00000059}.main{padding-bottom:96px}}.plan-stats{grid-template-columns:repeat(2,1fr)}.plan-preview{border-style:dashed;border-color:var(--primary)}.plan-preview-tag{color:var(--primary);border-color:var(--primary)}.paid-amount{border-top:1px solid var(--border);padding:14px 0}.paid-amount-title{margin:0 0 10px}.paid-amount-figures{flex-wrap:wrap;align-items:flex-end;gap:8px 20px;margin-bottom:12px;display:flex}.paid-amount-figures>span{flex-direction:column;gap:2px;font-size:.85rem;display:flex}.paid-amount-figures strong{font-size:1.1rem}.paid-amount-less{color:var(--negative);font-weight:600}.paid-amount-more{color:var(--positive);font-weight:600}.plans-overview{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plans-overview li{background:var(--bg);border-radius:10px;padding:10px 12px}.plans-overview-top,.plans-overview-bottom{justify-content:space-between;gap:12px;display:flex}.plans-overview-bottom{flex-wrap:wrap;font-size:.85rem}.plans-overview-bar{background:var(--border);border-radius:999px;height:6px;margin:8px 0;overflow:hidden}.plans-overview-bar span{background:var(--primary);height:100%;display:block}.plans-overview-good{color:var(--positive);font-weight:600}.plans-overview-short{color:var(--negative);font-weight:600}.provider-buttons{gap:10px;margin:14px 0 4px;display:grid}.provider-button{justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;font-weight:600;display:flex}.provider-google{color:#1f1f1f;background:#fff;border-color:#dadce0}.or-divider{color:var(--muted);align-items:center;gap:10px;margin:16px 0 6px;font-size:.8rem;display:flex}.or-divider:before,.or-divider:after{content:"";border-top:1px solid var(--border);flex:1}.login-list{gap:8px;margin:0 0 4px;padding:0;list-style:none;display:grid}.login-list li{background:var(--bg);overflow-wrap:anywhere;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}