*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#e8ecf2;--color-bg-subtle:#dfe4ec;--color-surface:#fff;--color-border:#c8d1de;--color-border-focus:#f4791f;--color-text:#152030;--color-text-muted:#5c6b7e;--color-primary:#f4791f;--color-primary-hover:#d96610;--color-primary-light:#fff0e3;--color-error:#c0392b;--color-success:#1a7a42;--color-success-bg:#e6f6ec;--color-warn:#8a6914;--color-warn-bg:#fef6df;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px #1520300f;--shadow-md:0 8px 28px #15203017;--shadow-lg:0 16px 48px #1520301f;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.2rem;--font-size-xl:clamp(1.35rem, 3vw, 1.75rem);--space-xs:.375rem;--space-sm:.625rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--transition:.16s ease;--nav-height:3.75rem;--content-max:960px;--card-max:440px}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);background-image:radial-gradient(circle at 0 0,#f4791f12 0%,#0000 45%),radial-gradient(circle at 100% 100%,#1520300a 0%,#0000 40%);min-height:100dvh;line-height:1.55}img,svg{max-width:100%;display:block}.main{min-height:calc(100dvh - var(--nav-height));padding-bottom:var(--space-xl)}.footer{text-align:center;padding:var(--space-lg) var(--space-md) var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);background:#ffffff80}.footer p{margin:0}.footer a{color:var(--color-text-muted);text-decoration:none}.footer a:hover{color:var(--color-primary);text-decoration:underline}.footer__support{margin-top:var(--space-sm);font-size:var(--font-size-xs)}.footer__links{justify-content:center;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.footer__links a{color:var(--color-text-muted);text-decoration:none}.footer__links a:hover{color:var(--color-primary);text-decoration:underline}.cookie-banner{z-index:100;padding:var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);position:fixed;bottom:0;left:0;right:0}.cookie-banner__innhold{max-width:var(--content-max);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.cookie-banner__innhold p{font-size:var(--font-size-sm);color:var(--color-text-muted);flex:16rem;margin:0}.cookie-banner__knapper{gap:var(--space-sm);flex-wrap:wrap;display:flex}.page--legal{padding-top:var(--space-xl);align-items:flex-start}.card--legal{max-width:42rem}.legal section{margin-bottom:var(--space-lg)}.legal h2{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.legal p,.legal li{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);line-height:1.6}.legal ul{padding-left:var(--space-lg)}.form__checkbox{align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;display:flex}.form__checkbox input{accent-color:var(--color-primary);flex-shrink:0;margin-top:.2rem}.form__checkbox a{color:var(--color-primary)}.page{min-height:calc(100dvh - var(--nav-height));padding:var(--space-lg) var(--space-md);justify-content:center;align-items:center;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(var(--space-lg), 4vw, var(--space-2xl));width:100%;max-width:var(--card-max);border:1px solid #ffffffb3}.card__header{margin-bottom:var(--space-xl);text-align:center}.card__title{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.03em;font-weight:800;line-height:1.15}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.card--wide{max-width:480px}.form{gap:var(--space-lg);flex-direction:column;display:flex}.form__group{gap:var(--space-xs);flex-direction:column;display:flex}.form__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.form__input,.form__select{width:100%;min-height:2.75rem;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);appearance:none;padding:.65rem .875rem}.form__input::placeholder{color:var(--color-text-muted);opacity:.65}.form__input:hover,.form__select:hover{border-color:#a8b5c8}.form__input:focus,.form__select:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form__select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235c6b7e' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.25rem}.form__error{font-size:var(--font-size-sm);color:var(--color-error);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:#fdf0ee;border:1px solid #f5c6c0}.form__success{font-size:var(--font-size-sm);color:var(--color-success);background:var(--color-success-bg);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);border:1px solid #b8e6c8}.form__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-sm)}.form__footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.form__footer a:hover{text-decoration:underline}.form__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form__input[type=number]{-moz-appearance:textfield}.btn{width:100%;min-height:2.75rem;padding:.75rem var(--space-lg);font-family:inherit;font-size:var(--font-size-base);color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), transform var(--transition);margin-top:var(--space-sm);border:none;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-primary-hover)}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg)}.btn--danger{background:var(--color-error)}.btn--danger:hover{background:#a93226}.btn--inline{width:auto;margin-top:0;display:inline-flex}.btn--sm{width:auto;min-height:2.25rem;font-size:var(--font-size-sm);margin-top:0;padding:.4rem .75rem}.nav{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:var(--nav-height);padding:var(--space-sm) clamp(var(--space-md), 3vw, var(--space-xl));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:100;background:#ffffffeb;display:flex;position:sticky;top:0}.nav__logo{align-items:center;gap:var(--space-sm);flex-shrink:0;min-width:0;text-decoration:none;display:flex}.nav__logo-mark{font-size:var(--font-size-lg);color:var(--color-primary);letter-spacing:-.04em;background:var(--color-primary-light);border-radius:var(--radius-sm);padding:.35rem .55rem;font-weight:800;line-height:1}.nav__logo-text{font-size:var(--font-size-sm);color:var(--color-text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.nav__links{justify-content:flex-end;align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;min-width:0;display:flex}.nav__links a{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition);white-space:nowrap;padding:.35rem .25rem;font-weight:600;text-decoration:none}.nav__links a:hover{color:var(--color-text)}.nav__cta{color:var(--color-primary)!important}.nav__greeting{font-size:var(--font-size-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.nav__logout{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition);white-space:nowrap;background:0 0;border:none;padding:.35rem .25rem;font-weight:600}.nav__logout:hover{color:var(--color-text)}.nav__logout:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.konto__actions{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.form--danger{margin-top:var(--space-md)}.konto__danger-btns{gap:var(--space-sm);flex-direction:column;display:flex}.dashboard{width:100%;max-width:var(--content-max);padding:clamp(var(--space-md), 3vw, var(--space-xl)) clamp(var(--space-md), 4vw, var(--space-xl)) var(--space-2xl);margin:0 auto}.dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.dashboard__header>div{flex:auto;min-width:0}.dashboard__title{font-size:var(--font-size-xl);letter-spacing:-.03em;font-weight:800;line-height:1.15}.dashboard__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.dashboard__loading{color:var(--color-text-muted);text-align:center;padding:var(--space-lg) 0}.dashboard__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.dashboard__tom{text-align:center;padding:clamp(var(--space-lg), 5vw, var(--space-2xl));color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.dashboard__footer{margin-top:var(--space-xl);gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.admin-stats__kort{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.admin-stats__tall{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700;display:block}.admin-stats__label{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);display:block}.admin-dashboard-page__header{margin-bottom:var(--space-lg)}.admin-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.admin-tabs__btn{font-family:inherit;font-size:var(--font-size-sm);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);padding:.5rem 1rem;font-weight:600}.admin-tabs__btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-tabs__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.admin-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.admin-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.admin-panel__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.admin-panel__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.admin-panel__loading,.admin-panel__tom{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-lg) 0}.admin-filters{gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-filters .form__group{min-width:8rem;margin:0}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.admin-table th,.admin-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table th{color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.admin-table tbody tr:hover{background:var(--color-bg-subtle)}.admin-table__row--edit{background:var(--color-primary-light)}.admin-table__actions{gap:var(--space-xs);white-space:nowrap;flex-wrap:wrap;display:flex}.admin-table__muted{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.admin-inline-form{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.admin-form-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.admin-form-card__title{font-size:var(--font-size-base);margin-bottom:var(--space-md)}.admin-form-card__grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.internat-velger{gap:var(--space-xs);flex-direction:column;flex:none;min-width:min(100%,11rem);max-width:14rem;display:flex}.internat-velger__label{font-size:var(--font-size-sm);font-weight:600}.internat-velger__select{margin-top:0}.maskin-kort{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1.5px solid var(--color-border);color:inherit;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);text-decoration:none;display:block}.maskin-kort:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.maskin-kort:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.maskin-kort__header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.maskin-kort__type{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.maskin-kort__status{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:.25rem .55rem;font-weight:700}.maskin-kort__status--ledig{background:var(--color-success-bg);color:var(--color-success)}.maskin-kort__status--snart{background:var(--color-warn-bg);color:var(--color-warn)}.maskin-kort__status--opptatt{color:var(--color-error);background:#fdf0ee}.maskin-kort__navn{font-size:var(--font-size-base);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.maskin-kort__internat{font-size:var(--font-size-xs);color:var(--color-primary);margin-bottom:var(--space-xs);font-weight:700}.maskin-kort__info{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.booking__toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.booking__layout{gap:var(--space-xl);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;display:grid}.booking__maskiner{top:calc(var(--nav-height) + var(--space-md));max-height:calc(100dvh - var(--nav-height) - var(--space-xl));padding-right:.25rem;position:sticky;overflow-y:auto}.booking__heading{font-size:var(--font-size-lg);margin-bottom:var(--space-md);letter-spacing:-.02em;font-weight:800;line-height:1.25}.booking__varighet{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:.15rem;font-weight:500;display:block}.booking__maskin-btn{width:100%;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition);flex-direction:column;align-items:flex-start;min-height:2.75rem;display:flex}.booking__maskin-btn:hover{border-color:#a8b5c8}.booking__maskin-btn--active{border-color:var(--color-primary);background:var(--color-primary-light)}.booking__maskin-btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.booking__maskin-type{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.booking__maskin-navn{font-size:var(--font-size-sm);margin-top:.2rem;font-weight:600;line-height:1.3}.booking__loading{color:var(--color-text-muted)}.slot-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,5.5rem),1fr));display:grid}.slot{font-family:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1.5px solid var(--color-border);cursor:pointer;transition:background var(--transition), border-color var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:3rem;padding:.5rem .25rem;font-weight:600;display:flex}.slot__start{font-weight:700}.slot__slutt{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.slot__booket{text-align:center;color:var(--color-text-muted);word-break:break-word;font-size:.65rem;font-weight:500;line-height:1.2}.slot--ledig{background:var(--color-surface);color:var(--color-text)}.slot--ledig:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.slot--ledig:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.slot--opptatt{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed;opacity:.7;min-height:3.5rem}.modal-backdrop{z-index:200;padding:var(--space-md);background:#15203073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;max-width:22rem;box-shadow:var(--shadow-lg);padding:var(--space-lg)}.modal__title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.modal__text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.modal__detaljer{gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);display:grid}.modal__detaljer div{gap:var(--space-sm);grid-template-columns:5rem 1fr;display:grid}.modal__detaljer dt{color:var(--color-text-muted);font-weight:500}.modal__detaljer dd{margin:0;font-weight:600}.modal__knapper{gap:var(--space-sm);flex-wrap:wrap;display:flex}.booking__mine{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.booking__liste{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.booking__liste-item{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.booking__liste-item span{flex:12rem;min-width:0}@media (width<=768px){.nav__logo-text,.nav__greeting{display:none}.dashboard__header{align-items:stretch;gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column}.internat-velger{width:100%;max-width:none}.booking__layout{gap:var(--space-lg);grid-template-columns:1fr}.booking__maskiner{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));max-height:none;display:grid;position:static;overflow:visible}.booking__maskiner .booking__heading{grid-column:1/-1}.booking__maskin-btn{height:100%;margin-bottom:0}}@media (width<=480px){:root{--nav-height:3.25rem}.page{padding:var(--space-md) var(--space-sm);padding-top:var(--space-lg);align-items:flex-start}.card{border-radius:var(--radius-md)}.dashboard{padding-left:var(--space-sm);padding-right:var(--space-sm);padding-bottom:var(--space-lg)}.dashboard__footer .btn--inline{justify-content:center;width:100%}.maskin-kort__header{flex-direction:column;align-items:flex-start}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.booking__liste-item{flex-direction:column;align-items:stretch}.booking__liste-item .btn,.konto__danger-btns .btn{width:100%}}@media (width>=769px){.nav__links{gap:var(--space-lg)}}