:root{--c-desktop: #311D3F;--c-surface: #522546;--c-surface-2: #3d2450;--c-text: #f0dde8;--c-text-muted: #b08898;--c-title: #88304E;--c-title-text: #f0dde8;--b-bright: #7a4060;--b-light: #522546;--b-dark: #2a1535;--b-darkest: #1a0d25;--c-bg: var(--c-desktop);--c-bg-2: var(--c-desktop);--c-border: var(--b-dark);--c-accent: #E23E57;--c-accent-hover: #ff5570;--c-focus: #E23E57;--r-xs: 0px;font-family:"MS Sans Serif","Microsoft Sans Serif",Segoe UI,Arial,sans-serif;font-size:11px;color:var(--c-text);background:var(--c-desktop);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--c-desktop)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--c-surface)}::-webkit-scrollbar-thumb{background:var(--c-surface);border:2px solid;border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest);box-shadow:inset 1px 1px 0 var(--b-light),inset -1px -1px 0 var(--b-dark)}::-webkit-scrollbar-button{background:var(--c-surface);border:2px solid;border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest);box-shadow:inset 1px 1px 0 var(--b-light),inset -1px -1px 0 var(--b-dark);display:block}.app{max-width:1240px;margin:0 auto;padding:12px;display:grid;gap:8px}.auth-center{min-height:calc(100vh - 24px);display:grid;place-items:center}.app-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.area-header,.area-kpi,.area-period{grid-column:1 / -1}.area-transactions{grid-column:1 / span 7}.area-recurring{grid-column:8 / -1}.area-account{grid-column:1 / -1}.panel{background:var(--c-surface);border:2px solid;border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest);box-shadow:inset 1px 1px 0 var(--b-light),inset -1px -1px 0 var(--b-dark);border-radius:0;padding:4px;-webkit-backdrop-filter:none;backdrop-filter:none}.panel>h2:first-child,.panel>h1:first-child{background:linear-gradient(90deg,var(--c-title) 0%,#E23E57 100%);color:var(--c-title-text);margin:-4px -4px 8px;padding:3px 6px;font-size:11px;font-weight:700;letter-spacing:normal;display:block}.area-header .panel{background:linear-gradient(90deg,var(--c-title) 0%,#E23E57 100%);color:var(--c-title-text);padding:4px 6px}.area-header .panel h1{color:var(--c-title-text);font-size:12px;font-weight:700;margin:0;letter-spacing:normal}.area-header .panel p{color:#c8a0b8;font-size:11px;margin:0}.area-header .panel .row button{background:var(--c-surface);color:var(--c-text);border:2px solid;border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest);font-size:11px;padding:2px 10px;min-height:20px}.area-header .panel .row button:active{border-top-color:var(--b-darkest);border-left-color:var(--b-darkest);border-right-color:var(--b-bright);border-bottom-color:var(--b-bright);box-shadow:inset 1px 1px 0 var(--b-dark),inset -1px -1px 0 var(--b-light);padding:3px 9px 1px 11px}.row{display:flex;align-items:center;gap:6px}.mellem{justify-content:space-between}.wrap{flex-wrap:wrap}.grid{display:grid;gap:6px}.grid>*{min-width:0}.grid.to{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.fire{grid-template-columns:repeat(4,minmax(0,1fr))}.span-3{grid-column:span 3}.align-end{align-self:end}.startsaldo-display{display:grid;gap:2px;align-content:start}.startsaldo-label{font-size:11px;color:var(--c-text-muted)}.startsaldo-value-row{display:flex;align-items:center;gap:6px}.periode-toolbar{display:grid;grid-template-columns:1fr;gap:6px}.periode-opret{display:grid;gap:2px;justify-items:start}.ledger-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.transaction-form .span-3{grid-column:span 3}.btn-small{padding:2px 10px;font-size:11px;white-space:nowrap}.ledger-form-btn{width:100%;min-height:23px;padding:2px 10px;font-size:11px}.auth-panel{width:min(320px,100%);margin:0 auto}.auth-form{grid-template-columns:1fr}.auth-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-logo{width:320px;max-width:90vw}.auth-om-siden{margin-top:10px;text-align:center}.btn-link{background:none;border:none;color:var(--c-text-muted);cursor:pointer;padding:0;font-size:11px;min-height:unset}.btn-link:hover,.btn-link:active{background:none;border:none;color:var(--c-text-muted);transform:none;padding:0}h1,h2,h3{margin-top:0;color:var(--c-text);letter-spacing:normal}h1{font-size:12px;font-weight:700;margin-bottom:6px}h2{font-size:11px;font-weight:700;margin-bottom:4px}h3{font-size:11px;font-weight:400;margin-bottom:4px}p{margin:0;font-size:11px}label{display:grid;gap:2px;font-size:11px;min-width:0}input,select,button{border-radius:0;font-family:inherit;font-size:11px;max-width:100%}input,select{background:var(--b-darkest);color:var(--c-text);border:2px solid;border-top-color:var(--b-dark);border-left-color:var(--b-dark);border-right-color:var(--b-bright);border-bottom-color:var(--b-bright);box-shadow:inset 1px 1px 0 var(--b-darkest),inset -1px -1px 0 var(--b-light);padding:2px 4px;width:100%;min-width:0;transition:none}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:hover,select:hover{border-top-color:var(--b-dark);border-left-color:var(--b-dark);border-right-color:var(--b-bright);border-bottom-color:var(--b-bright)}input:focus,select:focus,button:focus-visible{outline:1px dotted var(--b-darkest);outline-offset:-4px}button{background:var(--c-surface);color:var(--c-text);border:2px solid;border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest);padding:4px 16px;cursor:pointer;font-weight:400;letter-spacing:normal;min-height:23px;transition:none}button:hover{transform:none;background:var(--c-surface);color:var(--c-text);border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--b-darkest)}button:active{border-top-color:var(--b-darkest);border-left-color:var(--b-darkest);border-right-color:var(--b-bright);border-bottom-color:var(--b-bright);padding:5px 15px 3px 17px;transform:none}.tabs button.active{background:var(--c-surface);color:var(--c-text);border-top-color:var(--b-bright);border-left-color:var(--b-bright);border-right-color:var(--b-darkest);border-bottom-color:var(--c-surface);box-shadow:inset 1px 1px 0 var(--b-light),inset -1px 0 0 var(--b-dark);position:relative;z-index:1}.tabs button:not(.active){background:var(--b-dark);color:var(--c-text-muted);border-color:var(--b-dark);box-shadow:none;transform:none}.tabs button:not(.active):hover{color:var(--c-text);background:var(--b-dark);border-color:var(--b-dark);box-shadow:none}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin:8px 0}.kpi article{background:var(--c-surface-2);border:2px solid;border-top-color:var(--b-dark);border-left-color:var(--b-dark);border-right-color:var(--b-bright);border-bottom-color:var(--b-bright);box-shadow:inset 1px 1px 0 var(--b-darkest),inset -1px -1px 0 var(--b-light);padding:6px 8px}.kpi article.kpi-bad{background:#6b1f30}.kpi article.kpi-warn{background:#6b4e1f}.kpi article.kpi-ok{background:var(--c-surface-2)}.kpi article.kpi-good{background:#1f5040}.kpi h3{margin:0 0 4px;font-size:11px;color:var(--c-text-muted);font-weight:400}.liste{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:2px}.liste-toolbar{display:flex;align-items:center;gap:6px;justify-content:flex-end;margin-top:8px}.liste-summary{font-size:11px;color:var(--c-text-muted)}.collapsible{max-height:1200px;opacity:1;overflow:hidden;transition:max-height .26s ease,opacity .22s ease}.collapsible.collapsed{max-height:0;opacity:0}.liste li{border:1px solid var(--b-dark);padding:3px 6px;background:var(--b-darkest);transition:none}.liste li:hover{background:var(--c-title);color:var(--c-title-text);border-color:var(--c-title);transform:none}.liste li:hover span{color:var(--c-title-text)}.liste li span{min-width:0;overflow-wrap:anywhere}.hint{color:var(--c-text-muted);margin-top:0;font-size:11px}.auth-panel{box-shadow:none;background:var(--c-surface)}.fejl{color:var(--c-accent);font-size:11px;margin-top:8px}@media (max-width: 1024px){.area-transactions,.area-recurring{grid-column:1 / -1}}@media (max-width: 900px){.app{padding:6px}.app-grid{display:flex;flex-direction:column}.area-header{order:1}.area-kpi{order:2}.area-transactions{order:3}.area-recurring{order:4}.area-period{order:5}.row{flex-wrap:wrap}.kpi,.grid.to,.grid.fire{grid-template-columns:1fr}.span-3{grid-column:span 1}.ledger-controls{grid-template-columns:1fr}.transaction-form{grid-template-columns:1fr!important;gap:6px}.transaction-form>*{grid-column:1 / -1!important}.transaction-form button,.transaction-form label,.transaction-form input,.transaction-form select{width:100%}.transaction-form label{font-size:11px}.transaction-form input,.transaction-form select,.transaction-form button{min-height:23px;font-size:16px;padding:4px 8px}.transaction-form .align-end{justify-self:stretch;align-self:stretch}.liste-toolbar{justify-content:space-between;flex-wrap:wrap}.liste li.row.mellem{display:grid;grid-template-columns:1fr;gap:4px}}.recurring-panel{display:grid;gap:8px}.recurring-head{display:grid;gap:2px}.panel.recurring-panel>.recurring-head{background:linear-gradient(90deg,var(--c-title) 0%,#E23E57 100%);margin:-4px -4px 8px;padding:3px 6px}.panel.recurring-panel>.recurring-head h2{background:none;color:var(--c-title-text);margin:0;padding:0;font-size:11px;font-weight:700}.panel.recurring-panel>.recurring-head p{color:#c8a0b8;font-size:11px;margin:0}.recurring-form{display:grid;gap:8px}.recurring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recurring-note{grid-column:1 / -1}.recurring-submit{justify-self:start;min-width:140px}.recurring-list{gap:4px}.recurring-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}.recurring-item-main{font-weight:700;font-size:11px}.recurring-item-meta{color:var(--c-text-muted);font-size:11px}@media (max-width: 900px){.recurring-grid{grid-template-columns:1fr}.recurring-submit{justify-self:stretch;width:100%}.recurring-item{grid-template-columns:1fr}}.app-logo-wrap{text-align:center;padding:16px 0 8px}.app-logo{width:240px;max-width:90vw}.info-grid{gap:8px}.info-back-btn{margin-top:4px}.info-p,.info-tip{margin-top:8px}.info-kontakt-link{color:var(--c-text);text-decoration:underline;text-underline-offset:2px}.info-kontakt-link:hover{color:var(--c-accent-hover)}.info-changelog{display:grid;gap:12px;margin-top:8px}.info-changelog-version{display:grid;gap:4px}.info-changelog-header{display:flex;align-items:baseline;gap:8px;margin:0}.info-changelog-dato{color:var(--c-text-muted);font-size:11px}.info-changelog-noter{margin:0;padding-left:18px;display:grid;gap:3px;font-size:11px}.info-changelog-noter li{line-height:1.4}.info-image-wrap{display:flex;justify-content:center;padding:8px 0}.info-image{max-width:320px;width:100%}.info-guide{margin:8px 0 0;padding-left:20px;display:grid;gap:8px;font-size:11px}.info-guide li{line-height:1.5}.checkbox-label{display:flex;align-items:center;gap:6px}input[type=checkbox]{width:auto}.tx-income{color:#7fff7f}.account-actions{gap:8px;margin-top:12px}.btn-muted{color:var(--c-text-muted)}.btn-danger{color:#e05c5c}.delete-confirm-p,.hint-spaced{margin-top:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100}.modal-boks{width:min(360px,calc(100vw - 24px));padding:4px}.modal-liste{margin:8px 0;padding-left:18px;display:grid;gap:4px;font-size:11px}.modal-liste li{line-height:1.4}.modal-knapper{margin-top:12px;justify-content:flex-end}@media (max-width: 900px){input,select{font-size:16px}}