.auth-page,.auth-select-popover{--bb-havbunn:#123030;--bb-sjosproyt:#0c5e5b;--bb-havbla:#33a8b7;--bb-himmelbla:#abdfea;--bb-miljogronn:#d5e37d;--bb-red:#f66;--background:var(--bb-havbunn);--foreground:#eef5f4;--card:#16403d;--card-foreground:#eef5f4;--popover:#16403d;--popover-foreground:#eef5f4;--primary:var(--bb-miljogronn);--primary-foreground:var(--bb-havbunn);--secondary:var(--bb-sjosproyt);--secondary-foreground:#eef5f4;--muted:#1c4a47;--muted-foreground:#9cc2bf;--accent:var(--bb-sjosproyt);--accent-foreground:#f4faf9;--destructive:var(--bb-red);--border:#abdfea2e;--input:#abdfea52;--ring:var(--bb-havbla)}.auth-page{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:2.5rem 1rem;display:flex}.auth-container{width:100%;max-width:28rem}.auth-container>*+*{margin-top:1.5rem}.auth-container--lg{max-width:32rem}.auth-logo{width:20rem;max-width:85%;margin:0 auto;display:block}.auth-loading-text{color:var(--muted-foreground);font-size:.875rem}.auth-card{width:100%;max-width:28rem}.auth-card--lg{max-width:32rem}.auth-card--full{width:100%}.auth-card-body>*+*{margin-top:1.5rem}.auth-card-footer{color:var(--muted-foreground);flex-direction:column;gap:.5rem;font-size:.75rem;display:flex}.auth-made-by{color:var(--muted-foreground);font-size:.75rem}.auth-card-header--centered{text-align:center;padding-bottom:1rem}.form-stack>*+*{margin-top:1rem}.form-group>*+*{margin-top:.5rem}.form-group--sm>*+*{margin-top:.25rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;display:grid}.form-grid--responsive{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.form-grid--responsive{grid-template-columns:repeat(2,1fr)}}.col-span-full{grid-column:1/-1}.input-error{border-color:var(--destructive)!important}.field-error{color:var(--destructive);font-size:.875rem}.form-error{color:var(--destructive);background-color:color-mix(in srgb, var(--destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 30%, transparent);border-radius:var(--radius-md,.375rem);padding:.25rem .5rem;font-size:.75rem}.form-success{color:#047857;border-radius:var(--radius-md,.375rem);background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.form-success svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.form-success--alt{color:#059669;border-radius:var(--radius-md,.375rem);background-color:#d1fae5;border:1px solid #6ee7b7;padding:.25rem .5rem;font-size:.75rem}.form-info{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;gap:.75rem;padding:1rem;display:flex}.form-info svg{color:#2563eb;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.form-info p{color:#1e3a8a;font-size:.875rem}.form-info--sm{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.75rem;font-size:.875rem;display:flex}.form-info--sm svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.btn-full{width:100%}.phone-input-row{align-items:center;gap:.5rem;display:flex}.phone-cc-trigger{flex:none;justify-content:space-between;min-width:5.5rem}.phone-number-input{flex:auto}.cc-item{align-items:center;gap:.5rem;width:100%;display:flex}.cc-item__flag{flex:none}.cc-item__name{flex:auto}.cc-item__dial{color:var(--muted-foreground);flex:none}.auth-back-link{text-align:center}.auth-back-link a{color:var(--muted-foreground);font-size:.875rem;text-decoration:none}.auth-back-link a:hover{text-decoration:underline}.auth-link{color:var(--primary);text-decoration:underline}.auth-link--inline{color:var(--primary);align-items:center;gap:.125rem;text-decoration:underline;display:inline-flex}.auth-link--inline svg{width:.75rem;height:.75rem}.text-hint{color:var(--muted-foreground);font-weight:400}.auth-placeholder{text-align:center;color:var(--muted-foreground);padding:1rem 0;font-size:.875rem}.type-selector{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (min-width:640px){.type-selector{grid-template-columns:repeat(3,1fr);gap:.75rem}.type-selector--pair{grid-template-columns:repeat(2,1fr)}}.type-btn{border:2px solid var(--border);text-align:center;background-color:var(--background);color:var(--muted-foreground);cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;gap:.375rem;padding:1rem .75rem;transition:all .15s;display:flex}.type-btn:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.type-btn:hover:not(.type-btn--selected){border-color:color-mix(in srgb, var(--primary) 50%, transparent);color:var(--foreground)}.type-btn--selected{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 5%, transparent);color:var(--primary)}.type-btn__icon{width:1.5rem;height:1.5rem;color:var(--muted-foreground)}.type-btn--selected .type-btn__icon{color:var(--primary)}.type-btn__label{font-size:.875rem;font-weight:600;line-height:1.25}.type-btn--selected .type-btn__label{color:var(--foreground)}.type-btn__desc{color:var(--muted-foreground);font-size:.75rem;line-height:1.25}.auth-divider{position:relative}.auth-divider__line{align-items:center;display:flex;position:absolute;inset:0}.auth-divider__line span{border-top:1px solid var(--border);width:100%}.auth-divider__text{text-transform:uppercase;justify-content:center;font-size:.75rem;display:flex;position:relative}.auth-divider__text span{background-color:var(--card);color:var(--muted-foreground);padding:0 .5rem}.checkbox-row{align-items:center;gap:.5rem;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1}.approval-icon-wrapper{background-color:#fef3c7;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.approval-icon-wrapper svg{color:#d97706;width:2rem;height:2rem}.approval-details{border:1px solid var(--border);background-color:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:.5rem;padding:1rem;font-size:.875rem}.approval-details>*+*{margin-top:.5rem}.approval-row{justify-content:space-between;display:flex}.approval-row .approval-row__label{color:var(--muted-foreground)}.approval-row .approval-row__value{font-weight:500}.status-badge{color:#b45309;background-color:#fef3c7;border-radius:9999px;align-items:center;gap:.375rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge svg{width:.75rem;height:.75rem}.auth-footer-links{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;display:flex}.hub-actions{flex-direction:column;gap:.75rem;display:flex}.hub-btn{border:2px solid var(--border);background-color:var(--background);width:100%;color:var(--foreground);cursor:pointer;border-radius:.625rem;align-items:center;gap:.75rem;padding:1rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.hub-btn:hover{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 6%, transparent)}.hub-btn:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.hub-btn__icon{width:1.5rem;height:1.5rem;color:var(--primary);flex:none}.hub-btn__label{flex:auto;font-size:.95rem}.hub-btn__chevron{width:1.1rem;height:1.1rem;color:var(--muted-foreground);flex:none}.auth-guide-row{justify-content:center;margin-top:1rem;display:flex}.forgot-pin-trigger{border:1px dashed var(--border);width:100%;color:var(--foreground);text-align:left;cursor:pointer;background-color:#0000;border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.forgot-pin-trigger:hover{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 6%, transparent)}.forgot-pin-trigger:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.forgot-pin-trigger__icon{width:1.15rem;height:1.15rem;color:var(--primary);flex:none}.forgot-pin-trigger__chevron{width:1rem;height:1rem;color:var(--muted-foreground);flex:none;margin-left:auto}.forgot-pin-panel{border:1px solid var(--border);background-color:color-mix(in srgb, var(--primary) 4%, transparent);border-radius:.625rem;margin-bottom:1rem;padding:1rem}.forgot-pin-actions,.forgot-pin-signup__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.forgot-pin-signup{flex-direction:column;gap:.75rem;display:flex}.forgot-pin-signup p{color:var(--foreground);font-size:.875rem}.register-boat-form{border-top:1px solid var(--border);padding-top:1rem}.report-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.report-bins{flex-direction:column;gap:.75rem;display:flex}.report-bin{cursor:pointer;color:var(--foreground);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.report-bin__check{width:1.15rem;height:1.15rem;accent-color:var(--primary);cursor:pointer;flex:none}.report-rating{gap:.75rem;display:flex}.report-rating__btn{border:2px solid var(--border);background-color:var(--background);color:var(--muted-foreground);cursor:pointer;border-radius:.5rem;flex:1 1 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.report-rating__btn svg{width:1.25rem;height:1.25rem}.report-rating__btn:hover{border-color:color-mix(in srgb, var(--primary) 50%, transparent);color:var(--foreground)}.report-rating__btn--up.is-selected{border-color:var(--primary);background-color:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.report-rating__btn--down.is-selected{border-color:var(--bb-red);background-color:color-mix(in srgb, var(--bb-red) 12%, transparent);color:var(--bb-red)}.report-textarea{border:1px solid var(--input);background-color:color-mix(in srgb, var(--muted) 35%, transparent);width:100%;color:var(--foreground);resize:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.report-textarea::placeholder{color:var(--muted-foreground)}.report-textarea:focus{box-shadow:0 0 0 2px var(--ring);border-color:#0000;outline:none}.report-pin-input{border:1px solid var(--input);background-color:color-mix(in srgb, var(--muted) 35%, transparent);width:100%;color:var(--foreground);letter-spacing:.35em;text-align:center;border-radius:.5rem;padding:.75rem;font-size:1.25rem}.report-pin-input::placeholder{color:var(--muted-foreground);letter-spacing:normal}.report-pin-input:focus{box-shadow:0 0 0 2px var(--ring);border-color:#0000;outline:none}.report-field-hint{color:var(--muted-foreground);margin-top:.35rem;font-size:.75rem}.report-char-count{color:var(--muted-foreground);text-align:right;margin-top:.25rem;font-size:.75rem}.report-privacy{color:var(--muted-foreground);text-align:center;margin-top:1rem;font-size:.75rem}.report-state-icon{border-radius:9999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto .5rem;display:flex}.report-state-icon svg{width:1.75rem;height:1.75rem}.report-state-icon--success{background-color:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary)}.report-state-icon--error{background-color:color-mix(in srgb, var(--bb-red) 16%, transparent);color:var(--bb-red)}.report-success-actions{text-align:center;margin-top:1.5rem}.report-success-actions>*+*{margin-top:.75rem}.report-redirect-hint{color:var(--muted-foreground);font-size:.75rem}