:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f0f2;background:#0a1420;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 0%,#183043 0,transparent 32%),#0a1420}.shell{max-width:1320px;margin:auto;padding:0 42px}.top{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3945}.brand{display:flex;gap:13px;align-items:center}.brand strong{display:block;font-size:17px;letter-spacing:-.03em}.brand small{display:block;color:#91a5af;font-size:13px;margin-top:2px}.mark{width:39px;height:39px;border:1px solid #78e2c2;border-radius:12px;color:#bbffdf;display:grid;place-items:center;font-weight:800;letter-spacing:-.13em}.mark span{color:#58d5ad}.external,footer a{color:#bdd1d9;text-decoration:none;font-size:14px}.external:hover,footer a:hover{text-decoration:underline}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:57px 0 35px}.eyebrow{color:#68d9b8;font-size:12px;font-weight:750;letter-spacing:.18em;margin:0 0 14px}h1{font-size:clamp(36px,4vw,58px);letter-spacing:-.055em;line-height:1.06;margin:0 0 15px;font-weight:680}.sub{color:#a9bac2;line-height:1.5;margin:0;font-size:17px}.privacy{display:flex;align-items:center;gap:10px;color:#d6e3e7;font-size:13px;line-height:1.45;padding-bottom:5px;white-space:nowrap}.privacy small{color:#8fa5ae}.privacy-icon{width:35px;height:35px;border:1px solid #3b535b;color:#72d9bb;border-radius:50%;display:grid;place-items:center;font-size:25px}.overview{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;margin-bottom:24px}.card,.panel{border:1px solid #2a3d49;background:#10202c;border-radius:17px}.card{min-height:184px;padding:25px 27px}.balance{background:linear-gradient(130deg,#173c41,#102b34 68%,#14313c);border-color:#39756f}.card-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:750;letter-spacing:.14em;color:#9cb5ba}.text-link{background:none;border:0;color:#80ecc4;text-decoration:underline;cursor:pointer;font:inherit;letter-spacing:0;text-underline-offset:3px}.balance-number{font-size:55px;letter-spacing:-.055em;line-height:1.15;margin:11px 0 5px;font-weight:650}.meter{height:5px;background:#315954;border-radius:5px;overflow:hidden;margin:8px 0 13px}.meter span{display:block;width:0;height:100%;background:#7ff2bf;border-radius:5px;transition:width .25s}.card p{color:#a6babf;font-size:14px;margin:9px 0 0}.metric strong{display:block;font-size:43px;line-height:1.1;letter-spacing:-.05em;margin-top:22px;font-weight:630}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:28px;min-width:0;display:flex;flex-direction:column;min-height:382px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.panel-head .eyebrow{margin-bottom:6px}h2{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:650}.count{color:#a0b8c0;font-size:13px;border:1px solid #35505b;border-radius:20px;padding:6px 10px;white-space:nowrap}.task-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:9px;color:#bdcdd2;font-size:13px;font-weight:620}.grow{flex:1 1 175px;min-width:0}.cost{width:120px}.field input{width:100%;background:#0b1924;border:1px solid #354c59;border-radius:9px;color:#f2f7f7;font:inherit;font-size:15px;font-weight:450;padding:12px 13px;height:44px;outline:0}.field input:focus{border-color:#76e4be;box-shadow:0 0 0 3px #76e4be22}.field input::placeholder{color:#718b96}button{font-family:inherit}.primary,.secondary{height:44px;padding:0 14px;border-radius:9px;border:1px solid #89edc5;background:#8ff1c8;color:#0a2224;font-size:14px;font-weight:750;cursor:pointer;white-space:nowrap}.secondary{background:#17343a;color:#9ff4cb;border-color:#438d79}.primary:hover{background:#adf8da}.secondary:hover{background:#245047}.list{margin-top:22px;flex:1}.empty{border-top:1px solid #293f4b;padding-top:20px;color:#839ca6;line-height:1.5;font-size:14px;margin:0}.row{display:flex;align-items:center;gap:12px;border-top:1px solid #2a404b;padding:13px 0;min-width:0}.row-main{flex:1;min-width:0}.row-name{display:block;overflow-wrap:anywhere;font-size:15px}.row-meta{display:block;color:#7f9aa4;font-size:12px;margin-top:4px}.row-value{font-weight:700;color:#abf2d2;white-space:nowrap;font-size:15px}.remove{border:0;background:transparent;color:#8ea6ad;font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}.remove:hover{color:#fff}.hint{font-size:12px;color:#829da6;line-height:1.5;margin:14px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #273b48;margin:32px 0;padding:23px 0;color:#829ca5;font-size:13px}dialog{border:1px solid #497367;border-radius:18px;background:#142a34;color:#e9f0f2;width:min(430px,calc(100% - 32px));padding:27px;box-shadow:0 24px 90px #0009}dialog::backdrop{background:#021016bb}.dialog-head{display:flex;justify-content:space-between}.close{background:none;border:0;color:#b6c8cb;cursor:pointer;font-size:26px}dialog h2{margin:0 0 12px}dialog p:not(.eyebrow){color:#afc0c6;line-height:1.5;font-size:14px;margin:0 0 24px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:22px}:focus-visible{outline:2px solid #8ff1c8;outline-offset:3px}@media(max-width:900px){.shell{padding:0 24px}.overview{grid-template-columns:1fr 1fr}.balance{grid-column:1/-1}.columns{grid-template-columns:1fr}}@media(max-width:600px){.shell{padding:0 17px}.top{height:74px}.intro{margin:37px 0 25px;display:block}.privacy{margin-top:21px}.overview{gap:9px}.card{padding:19px;min-height:150px}.balance{min-height:180px}.metric strong{font-size:34px}.card p{font-size:12px}.card-label{font-size:11px}.panel{padding:20px;min-height:350px}.task-form{gap:9px}.task-form button{width:100%}footer{display:block;line-height:1.5}footer a{display:block;margin-top:10px}}
.history{margin-top:22px;min-height:0}.history .panel-head{margin-bottom:10px}.history-intro{color:#9eb4bc;line-height:1.55;max-width:780px;margin:0 0 23px;font-size:14px}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.history-stats>div{border:1px solid #2d4650;background:#0c1b25;border-radius:12px;padding:17px}.history-stats span{display:block;color:#92aab3;font-size:13px}.history-stats strong{font-size:27px;letter-spacing:-.04em;display:block;margin-top:7px}.history-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0 15px}.history-controls .field{min-width:150px}.history-controls .grow{flex:1 1 210px}.history-controls select{height:44px;background:#0b1924;border:1px solid #354c59;border-radius:9px;color:#f2f7f7;padding:0 13px;font:inherit;font-size:14px}.filtered-total{color:#b7cdd1;font-size:14px;margin-bottom:8px}.history-list{max-height:560px;overflow:auto;border-top:1px solid #2a404b}.history-entry{display:grid;grid-template-columns:120px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #293f4b;align-items:start}.history-date{color:#839da6;font-size:13px}.history-project{color:#83dfbd;font-size:13px;font-weight:700}.history-detail{display:block;color:#bdcdd1;font-size:14px;line-height:1.5;margin-top:5px}.history-cost{font-size:15px;font-weight:700;white-space:nowrap}.history-cost.missing{font-size:13px;color:#8198a2;font-weight:500}.more{align-self:center;background:transparent;color:#9ce9c8;border:1px solid #44816f;border-radius:9px;padding:10px 18px;font:inherit;cursor:pointer;margin-top:18px}@media(max-width:600px){.history-stats{grid-template-columns:1fr 1fr}.history-stats>div:first-child{grid-column:1/-1}.history-entry{grid-template-columns:1fr auto;gap:4px 10px}.history-date{grid-column:1/-1}.history-cost{grid-column:2;grid-row:2/4}.history-controls .field{flex:1 1 145px;min-width:0}}
.run{margin-top:22px;min-height:0}.run-link{font-size:14px;color:#8de5c2;text-decoration:none;white-space:nowrap}.run-link:hover{text-decoration:underline}.run-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.run-summary>div{border:1px solid #2d4650;background:#0c1b25;border-radius:12px;padding:17px}.run-summary span{color:#92aab3;font-size:13px;display:block}.run-summary strong{font-size:27px;letter-spacing:-.04em;display:block;margin-top:7px}.run-form{display:grid;grid-template-columns:1.3fr 1.2fr 1fr .8fr auto;gap:10px;align-items:end;margin:24px 0}.run-form select,.run-form input{height:44px;background:#0b1924;border:1px solid #354c59;border-radius:9px;color:#f2f7f7;padding:0 11px;font:inherit;font-size:14px;min-width:0}.run-form button{width:100%}.run-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin-bottom:15px}.breakdown-item{border:1px solid #2d4650;border-radius:10px;padding:12px 14px}.breakdown-item span{display:block;font-size:13px;color:#9ab2b8}.breakdown-item strong{display:block;margin-top:3px;font-size:19px}.run-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #2a404b}.run-row small{display:block;color:#89a0aa;margin-top:4px}.run-row strong{color:#a8f0cd}.run-list{max-height:380px;overflow:auto}.run .history-intro strong{color:#d6e7e8}@media(max-width:1000px){.run-form{grid-template-columns:repeat(2,minmax(0,1fr))}.run-form button{grid-column:1/-1}}@media(max-width:600px){.run-summary{grid-template-columns:1fr 1fr}.run-summary>div:first-child{grid-column:1/-1}.run .panel-head{align-items:start}.run-link{white-space:normal;text-align:right}.run-row{grid-template-columns:1fr auto auto}}
.snapshot-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 14px;color:#97afb8;font-size:13px}.period-switch{display:inline-flex;border:1px solid #416064;background:#0b1b25;border-radius:10px;padding:3px}.period-switch button{border:0;background:none;color:#9cb5bd;border-radius:7px;padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}.period-switch button.active{background:#8deac4;color:#082827;font-weight:750}.snapshot-total{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:linear-gradient(110deg,#1a524b,#12353e);border:1px solid #559f83;border-radius:14px;padding:23px 27px}.snapshot-total span{color:#a9dfcd;font-weight:750;font-size:12px;letter-spacing:.14em;display:block}.snapshot-total strong{display:block;font-size:49px;letter-spacing:-.05em;line-height:1.15}.snapshot-total small{color:#accec6;font-size:13px}.snapshot-explain{font-size:15px;line-height:1.5;color:#d8ede6;max-width:400px}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:26px}.snapshot-grid>div{min-width:0}.snapshot-grid h3,.manual-heading h3{font-size:18px;letter-spacing:-.025em;margin:0 0 10px}.snapshot-row{padding:12px 0;border-bottom:1px solid #2a414b}.snapshot-row-top{display:flex;justify-content:space-between;gap:12px;font-size:15px}.snapshot-row-top strong{color:#c1f6dc}.snapshot-row small{color:#8da6ad;font-size:12px;display:block;margin:4px 0 0}.snapshot-track{height:4px;border-radius:5px;background:#28444b;margin-top:9px;overflow:hidden}.snapshot-track span{display:block;height:100%;background:#84e9be;border-radius:5px}.snapshot-note{color:#9eb2ba;font-size:13px;line-height:1.55;margin:22px 0 0}.manual-heading{border-top:1px solid #35515a;margin-top:30px;padding-top:27px;display:flex;justify-content:space-between;gap:12px;align-items:center}.manual-heading .eyebrow{margin-bottom:6px}.manual-heading span{color:#8da9af;font-size:13px}.manual-heading+h3{margin-top:0}.manual-heading~.history-intro{margin-top:10px}.run .history-intro a{color:#90e8c4}@media(max-width:700px){.snapshot-grid{grid-template-columns:1fr;gap:17px}.snapshot-total{grid-template-columns:1fr}.snapshot-head{align-items:start;flex-direction:column}.snapshot-total strong{font-size:42px}}
.language-switch{display:flex;gap:3px;padding:3px;border:1px solid #35515a;border-radius:10px;margin-left:auto;margin-right:18px}.language-switch button{background:transparent;color:#a9bdc4;border:0;border-radius:7px;padding:7px 10px;font:inherit;font-size:14px;cursor:pointer}.language-switch button[aria-pressed="true"]{background:#27483f;color:#d7f8e9}.language-switch button:focus-visible{outline:2px solid #86e6bd;outline-offset:2px}@media(max-width:700px){.top{height:auto;min-height:94px;flex-wrap:wrap;gap:8px;padding:12px 0}.language-switch{order:3;width:100%;margin:0;justify-content:center}.external{margin-left:auto}}

/* Mín Tónlist's northern lights palette: deep blue, ice blue, gold, aurora green. */
:root{
  font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:oklch(0.97 0.01 240);
  background:oklch(0.13 0.035 262);
  --night:oklch(0.13 0.035 262);
  --card:oklch(0.19 0.035 262);
  --line:oklch(1 0 0 / 12%);
  --ice:oklch(0.8 0.14 215);
  --aurora:oklch(0.8 0.18 160);
  --gold:oklch(0.85 0.13 85);
  --soft:oklch(0.78 0.025 245);
}
body{
  background:
    radial-gradient(ellipse 70% 26% at 72% -3%,oklch(0.8 0.18 160 / 18%),transparent 75%),
    radial-gradient(ellipse 48% 26% at 17% 0%,oklch(0.8 0.14 215 / 17%),transparent 78%),
    radial-gradient(ellipse 45% 18% at 50% 2%,oklch(0.85 0.13 85 / 7%),transparent 75%),
    var(--night);
  background-attachment:fixed;
}
h1,h2,h3,.brand strong{font-family:Sora,Manrope,ui-sans-serif,system-ui,sans-serif}
.top,footer{border-color:var(--line)}
.brand small,.sub,.privacy small,.card p,.hint,.history-intro,.snapshot-note{color:var(--soft)}
.mark{border-color:var(--ice);color:var(--ice);box-shadow:0 0 22px oklch(0.8 0.14 215 / 14%)}
.mark span,.eyebrow,.text-link,.history-project,.run-link{color:var(--aurora)}
.eyebrow{font-size:13px}
.card,.panel{background:var(--card);border-color:var(--line);box-shadow:0 12px 32px -12px oklch(0 0 0 / 45%)}
.balance{
  background:linear-gradient(135deg,oklch(0.33 0.075 220 / 90%),oklch(0.21 0.055 262) 58%,oklch(0.25 0.07 165 / 80%));
  border-color:oklch(0.8 0.14 215 / 35%);
}
.card-label,.count,.field,.history-stats span,.run-summary span,.breakdown-item span{color:var(--soft)}
.meter{background:oklch(0.13 0.035 262 / 65%)}
.meter span,.snapshot-track span{background:linear-gradient(90deg,var(--ice),var(--aurora))}
.field input,.history-controls select,.run-form select,.run-form input{
  background:oklch(0.13 0.035 262);
  border-color:oklch(1 0 0 / 18%);
  color:oklch(0.97 0.01 240);
}
.field input:focus,.history-controls select:focus,.run-form select:focus,.run-form input:focus{border-color:var(--ice);outline:2px solid oklch(0.8 0.14 215 / 45%);outline-offset:1px;box-shadow:none}
.field input::placeholder{color:oklch(0.66 0.03 245)}
.primary{background:var(--ice);border-color:var(--ice);color:var(--night)}
.primary:hover{background:oklch(0.89 0.1 215)}
.secondary,.more{background:oklch(0.26 0.045 262);border-color:oklch(0.8 0.14 215 / 55%);color:var(--ice)}
.secondary:hover,.more:hover{background:oklch(0.31 0.055 255)}
.row-value,.run-row strong,.snapshot-row-top strong{color:var(--gold)}
.history-stats>div,.run-summary>div,.breakdown-item{background:oklch(0.15 0.03 262);border-color:var(--line)}
.history-list,.history-entry,.run-row,.row,.empty,.snapshot-row{border-color:var(--line)}
.snapshot-total{background:linear-gradient(120deg,oklch(0.24 0.05 260),oklch(0.23 0.05 215));border-color:oklch(0.8 0.14 215 / 30%)}
.snapshot-total span,.snapshot-total small,.snapshot-explain{color:oklch(0.82 0.025 245)}
.period-switch{background:oklch(0.13 0.035 262);border-color:var(--line)}
.period-switch button{color:var(--soft)}
.period-switch button.active{background:var(--ice);color:var(--night)}
.language-switch{border-color:var(--line)}
.language-switch button[aria-pressed="true"]{background:oklch(0.3 0.07 215);color:oklch(0.97 0.01 240)}
.language-switch button:focus-visible,:focus-visible{outline-color:var(--ice)}
dialog{background:var(--card);border-color:var(--ice)}

@media(max-width:700px){
  body{background-attachment:scroll}
  .shell{padding-inline:clamp(14px,4vw,24px)}
  .top{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:12px;padding-block:16px}
  .brand{min-width:0}.brand strong{font-size:16px}
  .external{margin:0;white-space:nowrap}
  .language-switch{grid-column:1/-1;order:unset;width:max-content;max-width:100%;justify-self:start}
  .language-switch button{min-height:40px}
  .intro{margin:32px 0 24px}.intro h1{font-size:clamp(30px,8vw,44px)}
  .privacy{white-space:normal}
  .overview{grid-template-columns:1fr;gap:10px}
  .balance{grid-column:auto}
  .card{min-height:auto;padding:20px}
  .balance-number{font-size:clamp(42px,12vw,55px)}
  .metric strong{margin-top:10px;font-size:32px}
  .card-label{font-size:13px;letter-spacing:.08em}
  .panel{padding:20px;min-height:0}
  .panel-head{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:18px}
  .run-link{white-space:normal;text-align:left}
  .snapshot-head{gap:12px}.period-switch{max-width:100%;display:flex;flex-wrap:wrap}
  .snapshot-grid{grid-template-columns:1fr}
  .run-form{grid-template-columns:1fr 1fr}
  .run-form .field:first-child,.run-form .field:nth-child(2){grid-column:1/-1}
  .run-form button{grid-column:1/-1}
  .history-entry{grid-template-columns:minmax(0,1fr) auto}
  .history-entry>div{min-width:0;overflow-wrap:anywhere}
  .history-cost{white-space:normal;text-align:right;max-width:95px}
  .history-controls .field{min-width:0;flex:1 1 100%}
  .task-form .grow{flex-basis:100%}
  .task-form .cost{flex:1 1 auto;width:auto}
  .task-form button{width:100%}
  .history-list,.run-list{max-height:none}
}
@media(max-width:380px){
  .top{grid-template-columns:1fr}
  .external{justify-self:start}
  .run-form{grid-template-columns:1fr}
  .run-form .field{grid-column:1/-1}
  .run-summary,.history-stats{grid-template-columns:1fr}
  .run-summary>div:first-child,.history-stats>div:first-child{grid-column:auto}
}

/* Northern Lights is the default Credit Desk theme, based on Mín Tónlist. */
html[data-theme="northern-lights"]{
  color-scheme:dark;
  --night:oklch(0.13 0.035 262);
  --card:oklch(0.19 0.035 262);
  --electric:oklch(0.8 0.14 215);
  --gold:oklch(0.85 0.13 85);
  --aurora:oklch(0.8 0.18 160);
}
html[data-theme="northern-lights"] body{
  background:
    radial-gradient(ellipse 48% 28% at 21% -4%,oklch(0.8 0.14 215 / 25%),transparent 77%),
    radial-gradient(ellipse 48% 22% at 75% 0%,oklch(0.8 0.18 160 / 12%),transparent 76%),
    radial-gradient(ellipse 38% 19% at 92% 4%,oklch(0.85 0.13 85 / 12%),transparent 80%),
    var(--night);
}
html[data-theme="northern-lights"] .brand strong,
html[data-theme="northern-lights"] h1{color:oklch(0.97 0.01 240)}
html[data-theme="northern-lights"] .brand .mark{
  border-color:var(--electric);color:var(--electric);
  box-shadow:0 0 20px oklch(0.8 0.14 215 / 25%);
}
html[data-theme="northern-lights"] .mark span,
html[data-theme="northern-lights"] .eyebrow,
html[data-theme="northern-lights"] .history-project,
html[data-theme="northern-lights"] .run-link,
html[data-theme="northern-lights"] .text-link{color:var(--electric)}
html[data-theme="northern-lights"] .balance{
  background:
    radial-gradient(circle at 95% 10%,oklch(0.85 0.13 85 / 13%),transparent 45%),
    linear-gradient(135deg,oklch(0.34 0.09 235),oklch(0.22 0.05 258) 62%,var(--night));
  border-color:oklch(0.8 0.14 215 / 44%);
}
html[data-theme="northern-lights"] .balance-number,
html[data-theme="northern-lights"] .snapshot-total strong{color:var(--gold)}
html[data-theme="northern-lights"] .metric strong{color:var(--electric)}
html[data-theme="northern-lights"] .meter span,
html[data-theme="northern-lights"] .snapshot-track span{
  background:linear-gradient(90deg,var(--electric),var(--gold));
}
html[data-theme="northern-lights"] .primary,
html[data-theme="northern-lights"] .period-switch button.active{
  background:var(--electric);border-color:var(--electric);color:var(--night);
}
html[data-theme="northern-lights"] .primary:hover{background:oklch(0.88 0.11 215)}
html[data-theme="northern-lights"] .secondary,
html[data-theme="northern-lights"] .more{color:var(--electric);border-color:oklch(0.8 0.14 215 / 55%)}
html[data-theme="northern-lights"] .language-switch button[aria-pressed="true"]{
  background:oklch(0.32 0.09 235);color:oklch(0.97 0.01 240);
}
html[data-theme="northern-lights"] .snapshot-total{
  background:linear-gradient(135deg,oklch(0.29 0.07 235),oklch(0.19 0.035 262));
  border-color:oklch(0.8 0.14 215 / 35%);
}
html[data-theme="northern-lights"] .row-value,
html[data-theme="northern-lights"] .run-row strong,
html[data-theme="northern-lights"] .snapshot-row-top strong,
html[data-theme="northern-lights"] .history-cost:not(.missing){color:var(--gold)}
html[data-theme="northern-lights"] :focus-visible{outline-color:var(--electric)}