.admin-panel:has(.login-form){height:80%}main{display:grid;place-items:center;height:100%}.login-form{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:300px;margin:1em auto 6em}.login-form .logo{max-width:40%;min-width:90px;margin:0 auto 2.2em}.password-input{margin-top:.6em;margin-bottom:1.6em}.login-form button.action{padding-top:.2em;padding-bottom:.2em}header.button-menu{position:fixed;top:0;left:0;z-index:2000;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:.4em;padding:.8em 1.5em;width:100%;background-color:var(--color-dahm-background)}header.button-menu button{padding:.3em .6em}main{margin-top:3.5em}.logout-button{margin-left:auto}.logout-button svg{display:none}@media(max-width:345px){.logout-button svg{display:block}.logout-button span{display:none}header.button-menu button{padding:.3em}}.notification-manager{--color-info: #3b82f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-neutral: #1f2937;--toast-container-indent: 16px}.notification-toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:100%;max-width:380px}.notification-toast-container[data-position=top-right]{top:var(--toast-container-indent);right:var(--toast-container-indent)}.notification-toast-container[data-position=top-left]{top:var(--toast-container-indent);left:var(--toast-container-indent)}.notification-toast-container[data-position=bottom-right]{bottom:var(--toast-container-indent);right:var(--toast-container-indent)}.notification-toast-container[data-position=bottom-left]{bottom:var(--toast-container-indent);left:var(--toast-container-indent)}.notification-toast-container[data-position=top-center],.notification-toast-container[data-position=top]{top:var(--toast-container-indent);left:50%;transform:translate(-50%)}.notification-toast-container[data-position=bottom-center],.notification-toast-container[data-position=bottom]{bottom:var(--toast-container-indent);left:50%;transform:translate(-50%)}.notification-toast{pointer-events:auto;background:var(--color-dahm-background-dark);box-shadow:0 0 3px var(--border-color),0 0 8px var(--border-color),0 0 14px var(--border-color);border:1px solid var(--border-color);padding:.5em .8em;display:flex;gap:.7em;align-items:flex-start;transition:all .3s ease;max-width:100%}.notification-toast.dark{background:#111827;border-color:#374151;color:#f3f4f6}.notification-toast.border-success{border-color:var(--color-success)}.notification-toast.border-info{border-color:var(--color-info)}.notification-toast.border-warning{border-color:var(--color-warning)}.notification-toast.border-error{border-color:var(--color-error)}.notification-icon{font-size:1.3em;flex-shrink:0;color:var(--color-dahm-bordo-dark)}.notification-content{flex:1;font-size:.85em;font-weight:450;line-height:1.2}.notification-title{font-weight:700;color:var(--color-dahm-bordo-dark)}.notification-message{margin:0}.notification-actions{margin-top:12px;display:flex;gap:8px}.notification-action-btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;background:#f3f4f6}.notification-action-btn.primary{background:#2563eb;color:#fff}.notification-close{background:none;border:none;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;margin-left:4px}.notification-close:hover{color:#6b7280}.notification-banner{position:fixed;left:0;right:0;z-index:9999;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 6px -1px #0000001a;pointer-events:auto;font-size:15px}.notification-banner.top{top:0}.notification-banner.bottom{bottom:0}.notification-banner.bg-success{background:#10b981;color:#fff}.notification-banner.bg-info{background:#3b82f6;color:#fff}.notification-banner.bg-warning{background:#f59e0b;color:#fff}.notification-banner.bg-error{background:#ef4444;color:#fff}.notification-banner.bg-neutral{background:#1f2937;color:#fff}.notification-modal-overlay{pointer-events:auto}.notification-modal{background:var(--color-dahm-background-dark);border-radius:8px;max-width:480px;width:100%;margin:16px;padding:24px}.dark .notification-modal{background:#111827;color:#f3f4f6}.notification-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.notification-modal-title{font-size:22px;font-weight:600;margin:0}.notification-modal-message{margin:8px 0 0;color:#6b7280}.dark .notification-modal-message{color:#9ca3af}.notification-modal-actions{display:flex;gap:12px;margin-top:24px}.notification-modal-actions .notification-action-btn{flex:1;padding:14px;font-size:15px}.toast-enter-active,.toast-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(30px)}.banner-enter-active,.banner-leave-active{transition:all .3s ease}.banner-enter-from,.banner-leave-to{opacity:0;transform:translateY(-30px)}.modal-enter-active,.modal-leave-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.95)}.admin-panel{--input-padding-x: .3em;--input-padding-y: .05em;--font-size: clamp(14px, 4vw, 17px);--button-disabled-color: hsl(0, 0%, 44%);font-size:var(--font-size)}.admin-panel input,.admin-panel select{--input-background: hsl(44, 13%, 83%);background-color:var(--input-background);padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--border-color);width:100%}.admin-panel input:-webkit-autofill,.admin-panel input:-webkit-autofill:hover,.admin-panel input:-webkit-autofill:focus{--input-background: hsl(44, 13%, 83%);-webkit-box-shadow:0 0 0 1000px var(--input-background) inset;box-shadow:0 0 0 1000px var(--input-background) inset;border:1px solid var(--border-color);-webkit-text-fill-color:var(--color-text);color:var(--color-text)}.admin-panel input.hidden,.admin-panel input.hidden:-webkit-autofill,.admin-panel input.hidden:-webkit-autofill:hover,.admin-panel input.hidden:-webkit-autofill:focus{--input-background: hsl(44, 13%, 76%)}.admin-panel input:-webkit-autofill:first-line{color:var(--color-text)}.admin-panel input.hidden:-moz-autofill{--input-background: hsl(44, 13%, 76%)}.admin-panel input:-moz-autofill{--input-background: hsl(44, 13%, 80%);box-shadow:0 0 0 1000px var(--input-background) inset;-moz-text-fill-color:var(--color-text);color:var(--color-text);border:1px solid var(--border-color)}.admin-panel button{border:1px solid transparent;transition:background-color .3s ease-in,color .3s ease-in}.admin-panel button:disabled{cursor:default}.admin-panel button.action{border-color:var(--color-dahm-bordo-dark);background-color:var(--color-dahm-bordo-dark);color:#fff;font-weight:300}.admin-panel button.action:disabled{border-color:var(--button-disabled-color);background-color:var(--button-disabled-color)}.admin-panel button.border{border-color:var(--color-dahm-bordo-dark);background-color:transparent;color:var(--color-dahm-bordo-dark);font-weight:400}.admin-panel button.border:disabled{background-color:transparent;color:var(--button-disabled-color);font-weight:500}.admin-panel button.link{background-color:transparent;border-color:transparent;color:var(--color-text);font-size:.98em;font-weight:540;text-transform:uppercase}.admin-panel button.link.active{text-decoration:1.5px var(--color-marker) underline;text-underline-offset:.35em;text-decoration-skip-ink:none}@media(hover:hover){.admin-panel button.action:not(:disabled):hover{background-color:hsl(from var(--color-dahm-bordo-dark) h s calc(l + 7))}.admin-panel button.border:not(:disabled):hover{background-color:hsl(from var(--color-dahm-bordo-dark) h calc(s - 7) calc(l + 7));color:#fff;font-weight:300}.admin-panel button.link:not(:disabled):hover{background-color:transparent}}