:root{--bg:#f5f5f6;--card:#fff;--border:#e4e4e7;--radius:12px;--text:#111113;--muted:#6b6b70;--primary:#1a56db;--primary-dark:#1546b3;--blue-soft:#dbe7fb;--red:#9b2c2c;--red-soft:#fbe5e5;--amber:#8a5a00;--amber-soft:#fdf0d5;--green:#2e7d32;--green-soft:#e3f2e4;--grey-soft:#f4f4f5;--dashed:#d9d9de;--placeholder:#a1a1aa;--vipps:#ff5b24;--bankid:#39134c;--font:-apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow:0 1px 2px #1111130a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.phone{background:var(--card);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width<=430px){.phone{border-left:0;border-right:0}}.header{z-index:5;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex;position:sticky;top:0}.header__titles{min-width:0}.header__title{overflow-wrap:break-word;font-size:24px;font-weight:600;line-height:1.2}.header__subtitle{color:var(--muted);margin-top:4px;font-size:17px}.header__right{flex-shrink:0;align-items:center;gap:8px;padding-top:2px;display:flex}@media (width<=430px){.header{gap:8px;padding:16px 16px 12px}.header__right{gap:4px}.header .btn{padding:8px 12px;font-size:15px}.header .btn--icon{padding:8px}}.screen{flex-direction:column;flex:1;gap:12px;padding:16px 16px 40px;display:flex}.section-title{color:var(--muted);margin-top:4px;font-size:19px;font-weight:400}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.stack--tight{gap:6px}.muted{color:var(--muted)}.small{font-size:14px}.bold{font-weight:600}.money{white-space:nowrap}.divider{border:0;border-top:1px solid var(--border);margin:4px 0}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:17px;font-weight:500;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--grey-soft)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--danger{color:var(--red);border-color:#e9c4c4}.btn--ghost{background:0 0;border-color:#0000;padding:8px 10px}.btn--ghost:hover{background:var(--grey-soft)}.btn--sm{border-radius:10px;padding:8px 12px;font-size:15px}.btn--block{width:100%}.btn--icon{border-radius:999px;padding:8px;position:relative}.btn__spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);white-space:nowrap;align-items:center;gap:8px;padding:10px 14px;font-size:17px;display:inline-flex}.lang{border:1px solid var(--border);background:var(--card);border-radius:999px;flex-shrink:0;display:inline-flex;overflow:hidden}.lang__opt{color:var(--text);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:16px}.lang__opt--active{background:var(--blue-soft);color:var(--primary);font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card--muted{box-shadow:none;background:#f9f9fa;border-color:#0000}.card--soft{background:var(--grey-soft);box-shadow:none;border-color:#0000}.card--dashed{border:1px dashed var(--dashed);color:var(--placeholder);text-align:center;box-shadow:none;padding:22px 16px;font-size:19px;display:block}.card--dashed:hover{color:var(--muted);background:#fafafa}.card--link{display:block}.card--link:hover{background:#fafafa}.card--tinted-green{background:#f4faf4;border-color:#cfe6d0}.card-row{align-items:center;gap:12px;display:flex}.card-row__icon{color:var(--text);flex-shrink:0;display:flex}.card-row__body{flex:1;min-width:0}.card-row__title{font-size:19px;font-weight:500;line-height:1.25}.card-row__sub{color:var(--muted);margin-top:2px;font-size:17px}.card-row__meta{color:var(--muted);margin-top:4px;font-size:14px}.card-row__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.avatar{background:var(--blue-soft);width:48px;height:48px;color:var(--primary);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:inline-flex}.avatar--sm{width:36px;height:36px;font-size:14px}.dot{background:var(--red);border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.badge{white-space:nowrap;background:var(--grey-soft);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:500;display:inline-flex}.badge--red{background:var(--red-soft);color:var(--red)}.badge--amber{background:var(--amber-soft);color:var(--amber)}.badge--green{background:var(--green-soft);color:var(--green)}.badge--blue{background:var(--blue-soft);color:var(--primary)}.count{box-sizing:border-box;background:var(--red);color:#fff;border:2px solid var(--card);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px;transform:translate(50%,-50%)}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:18px 16px 16px;font-size:19px;display:flex}.tile:hover{background:#fafafa}.tile--wide{grid-column:1/-1}.tile__icon{display:flex}.tile__icon--red{color:var(--red)}.tile__icon--amber{color:var(--amber)}.tile__icon--blue{color:var(--primary)}.tile__icon--dark{color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--muted);font-size:15px}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);outline:none;width:100%;padding:13px 14px;font-size:17px}.input::placeholder,.textarea::placeholder{color:var(--placeholder)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--blue-soft)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--grey-soft);color:var(--muted)}.input--sm{text-align:center;width:88px;padding:8px 10px;font-size:16px}.textarea{resize:vertical;min-height:96px}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.form{flex-direction:column;gap:14px;display:flex}.form__error{color:var(--red);font-size:15px}.checkbox{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0;margin:0}.meter{flex-direction:column;gap:12px;display:flex}.meter__title{font-size:20px;font-weight:600}.meter__inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.meter__line{justify-content:space-between;align-items:center;gap:12px;font-size:17px;display:flex}.meter__total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;font-size:20px;font-weight:600;display:flex}.meter__spot{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:flex}.meter__spot svg{flex-shrink:0}.meter__history{flex-direction:column;display:flex}.meter__reading{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:15px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.item{padding:14px 16px}.item__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.item__title{font-size:18px;font-weight:500}.item__desc{color:var(--text);white-space:pre-wrap;margin-top:6px;font-size:16px}.item__meta{color:var(--muted);margin-top:6px;font-size:14px}.item__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.item--unread{border-left:3px solid var(--primary)}.item--unread .item__title{font-weight:600}.amount{white-space:nowrap;font-size:20px;font-weight:600}.step{gap:14px;display:flex}.step__num{border:1px solid var(--border);background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:600;display:inline-flex}.step__num--done{background:var(--green);border-color:var(--green);color:#fff}.step__num--active{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--primary)}.step__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.step__title{font-size:19px;font-weight:600;line-height:30px}.step__status{font-size:16px}.option{text-align:left;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.option__title{font-size:17px;font-weight:600}.option__help{color:var(--muted);font-size:15px;font-weight:400}.signature{align-items:center;gap:8px;font-size:15px;display:flex}.contract-text{white-space:pre-wrap;color:var(--text);background:var(--grey-soft);border-radius:10px;max-height:180px;padding:12px 14px;font-size:15px;line-height:1.5;position:relative;overflow:hidden}.contract-text--open{max-height:none}.contract-text--clamped:after{content:"";background:linear-gradient(to bottom, #f4f4f500, var(--grey-soft));height:60px;position:absolute;bottom:0;left:0;right:0}.check{flex-direction:column;gap:10px;display:flex}.check__head{align-items:center;gap:12px;font-size:18px;display:flex}.check__head--done{color:var(--green)}.check__fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chat{flex-direction:column;flex:1;gap:8px;display:flex}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:82%;padding:10px 14px;font-size:16px;line-height:1.35}.bubble--mine{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble--theirs{background:var(--grey-soft);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.bubble__time{opacity:.7;margin-top:4px;font-size:12px;display:block}.chat-input{background:var(--card);border-top:1px solid var(--border);gap:8px;margin-top:auto;padding:10px 0 0;display:flex;position:sticky;bottom:0}.chat-input .input{flex:1}.login__group{flex-direction:column;gap:8px;display:flex}.login__user{text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.login__footer{color:var(--placeholder);text-align:center;margin-top:auto;padding-top:24px;font-size:14px}.home__actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.home__pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home__logout{align-self:center;margin-top:12px}.state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.state__icon{color:var(--placeholder)}.state__text{font-size:16px}.state--error .state__icon{color:var(--red)}.modal-backdrop{z-index:50;background:#11111373;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:22px 20px 18px;display:flex;box-shadow:0 20px 60px #00000040}.modal__logo{letter-spacing:-.02em;font-size:26px;font-weight:800}.modal__logo--vipps{color:var(--vipps)}.modal__logo--bankid{color:var(--bankid)}.modal__logo--plain{color:var(--text);font-size:22px;font-weight:600}.modal__text{font-size:16px}.modal__note{color:var(--muted);font-size:13px}.modal__actions{gap:10px;display:flex}.modal__actions .btn{flex:1}.code{letter-spacing:.08em;text-align:center;background:var(--blue-soft);color:var(--primary);border-radius:12px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:700}.toast{background:var(--text);color:#fff;z-index:60;border-radius:12px;align-items:center;gap:10px;width:calc(100% - 32px);max-width:398px;padding:12px 16px;font-size:15px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.help{background:var(--grey-soft);color:var(--muted);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;font-size:14px;display:flex}.help__title{color:var(--text);font-weight:600}.login__user .card-row__body{flex-direction:column;display:flex}.login__user .card-row__title,.login__user .card-row__sub{display:block}.tone--red{color:var(--red)}.tone--amber{color:var(--amber)}.tone--green{color:var(--green)}.tone--muted{color:var(--muted)}.tone--blue{color:var(--primary)}