.alert-container[data-v-4142c588]{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none;width:100%;max-width:28rem;gap:.75rem}.toast-wrapper[data-v-4142c588]{display:flex;flex-direction:column;gap:.75rem;width:100%;pointer-events:auto}.toast-card[data-v-4142c588]{position:relative;width:100%;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-card[data-v-4142c588]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0003,0 5px 15px #0000001f}.toast-success[data-v-4142c588]{background:linear-gradient(135deg,#43a047,#388e3c);color:#fff}.toast-error[data-v-4142c588]{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.toast-warning[data-v-4142c588]{background:linear-gradient(135deg,#fb8c00,#f57c00);color:#fff}.toast-info[data-v-4142c588]{background:linear-gradient(135deg,#00426b,#003050);color:#fff}.toast-content[data-v-4142c588]{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;position:relative;z-index:1}.toast-icon[data-v-4142c588]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#fff3;color:#fff}.toast-text[data-v-4142c588]{flex:1;min-width:0}.toast-title[data-v-4142c588]{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#fff;letter-spacing:-.01em}.toast-message[data-v-4142c588]{font-size:.8125rem;line-height:1.5;margin:0;color:#fffffff2;word-wrap:break-word}.toast-close[data-v-4142c588]{flex-shrink:0;background:#ffffff26;border:none;color:#fff;width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.toast-close[data-v-4142c588]:hover{background:#ffffff40;transform:scale(1.05)}.toast-progress-track[data-v-4142c588]{position:absolute;bottom:0;left:0;right:0;height:4px;background:#00000026;overflow:hidden}.toast-progress-bar[data-v-4142c588]{height:100%;width:100%;transform-origin:left;animation:progressShrink-4142c588 5s linear forwards}.progress-success[data-v-4142c588],.progress-error[data-v-4142c588],.progress-warning[data-v-4142c588],.progress-info[data-v-4142c588]{background:#ffffffe6}@keyframes progressShrink-4142c588{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-enter-active[data-v-4142c588]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-4142c588]{transition:all .3s cubic-bezier(.4,0,1,1)}.toast-enter-from[data-v-4142c588]{opacity:0;transform:translateY(-20px) scale(.95)}.toast-leave-to[data-v-4142c588]{opacity:0;transform:translate(100%) scale(.9)}.toast-move[data-v-4142c588]{transition:transform .3s ease}.fade-enter-active[data-v-4142c588],.fade-leave-active[data-v-4142c588]{transition:opacity .2s ease}.fade-enter-from[data-v-4142c588],.fade-leave-to[data-v-4142c588]{opacity:0}.confirm-overlay[data-v-4142c588]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:auto}.confirm-card[data-v-4142c588]{width:100%;max-width:28rem;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px #0006,0 10px 20px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:confirmPulse-4142c588 .3s ease-out;transform:scale(1)}.confirm-danger[data-v-4142c588]{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.confirm-info[data-v-4142c588]{background:linear-gradient(135deg,#00426b,#003050);color:#fff}.confirm-content[data-v-4142c588]{display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem}.confirm-icon[data-v-4142c588]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fff3;color:#fff}.confirm-text[data-v-4142c588]{flex:1;min-width:0}.confirm-title[data-v-4142c588]{font-size:1.125rem;font-weight:600;margin:0 0 .625rem;color:#fff;letter-spacing:-.01em}.confirm-message[data-v-4142c588]{font-size:.9375rem;line-height:1.6;margin:0;color:#fffffff2;word-wrap:break-word}.confirm-actions[data-v-4142c588]{display:flex;justify-content:flex-end;gap:.875rem;padding:1.25rem 2rem 1.75rem;background:#00000026;border-top:1px solid rgba(255,255,255,.15)}.confirm-btn[data-v-4142c588]{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;outline:none;min-width:5rem}.confirm-btn-cancel[data-v-4142c588]{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.confirm-btn-cancel[data-v-4142c588]:hover{background:#ffffff40;transform:translateY(-1px)}.confirm-btn-confirm[data-v-4142c588]{color:#fff;box-shadow:0 2px 8px #0003}.confirm-btn-danger[data-v-4142c588]{background:#fffffff2;color:#c62828;font-weight:600}.confirm-btn-danger[data-v-4142c588]:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.confirm-btn-primary[data-v-4142c588]{background:#fffffff2;color:#003050;font-weight:600}.confirm-btn-primary[data-v-4142c588]:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.confirm-enter-active[data-v-4142c588]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.confirm-leave-active[data-v-4142c588]{transition:all .25s cubic-bezier(.4,0,1,1)}.confirm-enter-from[data-v-4142c588]{opacity:0}.confirm-enter-from .confirm-card[data-v-4142c588]{transform:scale(.9) translateY(-20px)}.confirm-leave-to[data-v-4142c588]{opacity:0}.confirm-leave-to .confirm-card[data-v-4142c588]{transform:scale(.95)}@keyframes confirmPulse-4142c588{0%{transform:scale(.92)}50%{transform:scale(1.02)}to{transform:scale(1)}}:root{--primary: #00426b;--primary-light: #005580;--primary-dark: #003050;--primary-darker: #001f35;--secondary: #ffb300;--secondary-light: #ffc233;--secondary-dark: #ff9800;--success: #43a047;--warning: #fb8c00;--error: #e53935;--info: #039be5;--gray-50: #f8f9fa;--gray-100: #f1f2f2;--gray-200: #e0e1e1;--gray-300: #c4c5c6;--gray-400: #999a9b;--gray-500: #787879;--gray-600: #666666;--gray-700: #444444;--gray-800: #2d2d2d;--gray-900: #1a1a1a;--text-primary: #00426b;--text-secondary: #666666;--border-color: #e0e1e1;--background: #ffffff;--background-alt: #f1f2f2;--gradient-primary: linear-gradient(135deg, #ffb300 0%, #ff9800 50%, #43a047 100%);--gradient-cool: linear-gradient(180deg, #43a047 0%, #00426b 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:Helvetica,Arial,sans-serif;color:var(--text-primary);background-color:var(--background-alt);line-height:1.429;font-size:16px;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:auto}#app{min-height:100vh;display:flex;flex-direction:column;overflow:visible}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:300;line-height:1.2}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.65}button,.button,[class*=btn]{cursor:pointer;font-weight:300;transition:all .25s ease;border:none;outline:none;font-family:inherit;text-transform:none;letter-spacing:normal;font-size:.875rem}.btn-primary,button.bg-blue-600,button.bg-blue-700,.bg-blue-600.px-4,.bg-blue-700.px-4{background-color:var(--primary)!important;color:#fff!important;border:none!important;font-weight:300!important;padding:.625rem 1.5rem!important;border-radius:0!important;transition:all .25s ease!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important}.btn-primary:hover,button.bg-blue-600:hover,button.bg-blue-700:hover{background-color:var(--primary-dark)!important;box-shadow:none!important;transform:none}.btn-primary:active{background-color:var(--primary-darker)!important;box-shadow:none!important;transform:none}.btn-secondary,button.bg-green-600,button.bg-green-700,.bg-green-600.px-4{background-color:var(--success)!important;color:#fff!important;border:none!important;font-weight:300!important;padding:.625rem 1.5rem!important;border-radius:0!important;transition:all .25s ease!important;cursor:pointer!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important}.btn-secondary:hover,button.bg-green-600:hover,button.bg-green-700:hover{background-color:#388e3c!important;box-shadow:none!important;transform:none}button.bg-orange-600,.bg-orange-600.px-4{background-color:var(--secondary)!important;color:#fff!important;border:none!important;font-weight:300!important;padding:.625rem 1.5rem!important;border-radius:0!important;transition:all .25s ease!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none!important}button.bg-orange-600:hover{background-color:var(--secondary-dark)!important;box-shadow:none!important;transform:none}.btn-outline{background-color:transparent!important;color:var(--primary)!important;border:1px solid var(--primary)!important;font-weight:300!important;padding:.5rem 1.5rem!important;border-radius:0!important;transition:all .25s ease!important;text-transform:none!important;letter-spacing:normal!important}.btn-outline:hover{background-color:var(--primary)!important;color:#fff!important;box-shadow:none!important;transform:none}.card,.bg-white.rounded-xl,.bg-white.p-6,.bg-white.shadow-sm{background:#fff!important;border-radius:0!important;box-shadow:none!important;border:1px solid var(--border-color)!important;transition:all .25s ease!important;overflow:visible!important;padding:1.5rem!important;margin-bottom:1rem!important}.card:hover,.bg-white.rounded-xl:hover,.bg-white.p-6:hover{box-shadow:0 1px 2px #00000014!important;border-color:var(--gray-300)!important;transform:none}.card h2,.card h3{margin-bottom:1rem!important;padding-bottom:.75rem!important;border-bottom:1px solid var(--border-color);color:var(--primary)!important;font-weight:300!important}.card>div:not(:last-child){margin-bottom:1rem!important}.header,header.bg-blue-600,header[class*=bg-blue]{background:var(--primary)!important;border-bottom:none!important;box-shadow:none!important;color:#fff!important}.header *{color:#fff!important}.header nav button{padding:1rem 1.75rem!important;margin:0!important;border:none!important;border-radius:0!important;font-size:.875rem!important;font-weight:300!important;transition:all .25s ease!important;background:transparent!important;text-transform:none!important;letter-spacing:normal!important;border-bottom:0 solid transparent!important}.header nav button:hover{background:#ffffff1a!important;border-bottom-color:transparent!important}.header nav button.active{border-bottom-color:transparent!important;background:#ffffff26!important}.sidebar,aside.bg-white{background:#fff!important;border-right:1px solid var(--border-color)!important;box-shadow:none!important;min-height:calc(100vh - 120px)!important;height:calc(100vh - 120px)!important;padding:1.5rem 0!important;overflow-y:auto!important}.sidebar h3{padding:0 1.5rem!important;margin-bottom:1rem!important;font-size:.875rem!important;font-weight:300!important;color:var(--text-secondary)!important;text-transform:none!important;letter-spacing:normal!important}.sidebar-item-active,.sidebar button.bg-blue-50{background:var(--gray-100)!important;color:var(--primary)!important;border-left:4px solid var(--primary)!important;font-weight:300!important;padding-left:1.5rem!important;box-shadow:none!important}.sidebar button{width:100%!important;text-align:left!important;border-radius:0!important;font-size:.9rem!important;padding:.875rem 1.5rem!important;margin:0!important;transition:background-color .2s ease,border-left-color .2s ease!important;border-left:4px solid transparent!important;font-weight:300!important}.sidebar button:not(.sidebar-item-active):hover{background-color:var(--gray-50)!important;color:var(--primary)!important;border-left-color:var(--border-color)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.stat-card-blue,[class*=stat-card-blue]{background:var(--primary)!important;color:#fff!important;padding:1.75rem 1.5rem!important;border-radius:0!important;box-shadow:none!important;transition:all .3s ease!important;border:none!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden}.stat-card-blue:before{content:"";position:absolute;top:-50%;right:-20%;width:150%;height:150%;background:transparent;pointer-events:none}.stat-card-blue:hover{box-shadow:none!important;transform:none!important}.stat-card-green,[class*=stat-card-green]{background:var(--success)!important;color:#fff!important;padding:1.75rem 1.5rem!important;border-radius:0!important;box-shadow:none!important;transition:all .3s ease!important;border:none!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden}.stat-card-green:before{content:"";position:absolute;top:-50%;right:-20%;width:150%;height:150%;background:transparent;pointer-events:none}.stat-card-green:hover{box-shadow:none!important;transform:none!important}.stat-card-orange,[class*=stat-card-orange]{background:var(--secondary)!important;color:#fff!important;padding:1.75rem 1.5rem!important;border-radius:0!important;box-shadow:none!important;transition:all .3s ease!important;border:none!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden}.stat-card-orange:before{content:"";position:absolute;top:-50%;right:-20%;width:150%;height:150%;background:transparent;pointer-events:none}.stat-card-orange:hover{box-shadow:none!important;transform:none!important}.stat-card-purple,[class*=stat-card-purple]{background:#1976d2!important;color:#fff!important;padding:1.75rem 1.5rem!important;border-radius:0!important;box-shadow:none!important;transition:all .3s ease!important;border:none!important;min-height:120px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;position:relative;overflow:hidden}.stat-card-purple:before{content:"";position:absolute;top:-50%;right:-20%;width:150%;height:150%;background:transparent;pointer-events:none}.stat-card-purple:hover{box-shadow:none!important;transform:none!important}.stat-card-blue *,.stat-card-green *,.stat-card-orange *,.stat-card-purple *{color:#fff!important;position:relative;z-index:1}.stat-card-blue .text-3xl,.stat-card-green .text-3xl,.stat-card-orange .text-3xl,.stat-card-purple .text-3xl{font-size:2.5rem!important;font-weight:300!important;line-height:1!important;margin-top:.5rem!important;text-shadow:none}.bg-blue-600,.bg-blue-700,.bg-blue-50{background:var(--primary)!important}.bg-green-600,.bg-green-700,.bg-green-50{background:var(--success)!important}.bg-orange-600,.bg-orange-50{background:var(--secondary)!important}.bg-purple-600,.bg-purple-50{background:#1976d2!important}.text-blue-600,.text-blue-700{color:var(--primary)!important}.text-green-600,.text-green-700{color:var(--success)!important}.text-orange-600{color:var(--secondary)!important}.text-purple-600{color:#1976d2!important}.border-blue-600{border-color:var(--primary)!important}.border-green-600{border-color:var(--success)!important}.border-orange-600{border-color:var(--secondary)!important}.hover\:bg-blue-700:hover{background-color:var(--primary-dark)!important;box-shadow:none!important;transform:none}.hover\:bg-green-700:hover{background-color:#388e3c!important;box-shadow:none!important;transform:none}.hover\:bg-orange-600:hover{background-color:var(--secondary-dark)!important;box-shadow:none!important;transform:none}.rounded-xl,.rounded-lg,.rounded{border-radius:0!important}.shadow-sm,.shadow-lg,.shadow-md{box-shadow:none!important}table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.9rem}thead{background:linear-gradient(180deg,var(--gray-100) 0%,var(--gray-50) 100%)!important}th{font-weight:300!important;text-transform:none;font-size:.875rem!important;letter-spacing:normal;color:var(--text-primary)!important;padding:1rem!important;text-align:left;border-bottom:1px solid var(--border-color)!important}td{padding:1rem!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}tbody tr{transition:all .2s ease!important;background:#fff}tbody tr:hover{background-color:var(--gray-50)!important;box-shadow:0 2px 4px #0000000d}tbody tr:nth-child(2n){background-color:#fafafa}tbody tr:nth-child(2n):hover{background-color:var(--gray-50)!important}.badge-success,.bg-green-50.text-green-700{background-color:#c8e6c9!important;color:#2e7d32!important;font-weight:300!important;padding:.375rem .875rem!important;border-radius:0!important;border:none!important;font-size:.75rem!important;display:inline-block;text-transform:none;letter-spacing:normal;box-shadow:none}.badge-warning,.bg-orange-50.text-orange-700{background-color:#ffe0b2!important;color:#e65100!important;font-weight:300!important;padding:.375rem .875rem!important;border-radius:0!important;border:none!important;font-size:.75rem!important;display:inline-block;text-transform:none;letter-spacing:normal;box-shadow:none}.badge-info,.bg-blue-50.text-blue-700{background-color:#b3e5fc!important;color:#01579b!important;font-weight:300!important;padding:.375rem .875rem!important;border-radius:0!important;border:none!important;font-size:.75rem!important;display:inline-block;text-transform:none;letter-spacing:normal;box-shadow:none}.bg-purple-50.text-purple-700{background-color:#bbdefb!important;color:#0d47a1!important;font-weight:300!important;padding:.375rem .875rem!important;border-radius:0!important;border:none!important;font-size:.75rem!important;display:inline-block;text-transform:none;letter-spacing:normal;box-shadow:none}input,select,textarea{transition:all .25s ease!important;border:1px solid var(--border-color)!important;border-radius:0!important;padding:.625rem .875rem!important;font-size:.95rem!important;font-family:inherit!important;color:var(--text-primary)!important;background-color:#fff!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:none!important}input::placeholder{color:var(--gray-400)!important}label{font-weight:300!important;color:var(--text-primary)!important;margin-bottom:.5rem!important;display:block;font-size:.875rem!important;text-transform:none;letter-spacing:normal}svg{transition:all .25s ease}button:hover svg,a:hover svg{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .3s ease-out}.text-center{text-align:center!important}.font-bold,.font-semibold,.font-medium{font-weight:300!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.grid{display:grid!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.flex{display:flex!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}main{padding:2rem!important;background-color:#fff!important;min-height:calc(100vh - 120px)!important;height:calc(100vh - 120px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;flex:1!important}main>div{max-width:100%;flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important}main .overflow-x-auto,main [class*=overflow],main>div>div{flex:1!important;display:flex!important;flex-direction:column!important}main table{height:100%!important}main h1,main h2.text-xl,main h2.text-2xl{margin-bottom:1.5rem!important;color:var(--primary)!important;border-left:none;padding-left:0;font-weight:300!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-y-5>*+*{margin-top:1.25rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-3>*+*{margin-top:.75rem!important}.grid.gap-5{gap:1.5rem!important}.grid.gap-6{gap:2rem!important}.card+.card{margin-top:1.5rem!important}button.px-4,button.px-6,.btn-primary,.btn-outline,.btn-secondary{padding:.625rem 1.75rem!important}select{min-width:150px!important;padding:.625rem 2.5rem .625rem .875rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23546e7a' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}header>div{padding:.875rem 2rem!important}.flex.gap-2{gap:.5rem!important}.flex.gap-3{gap:.75rem!important}.flex.gap-4{gap:1rem!important}a{color:var(--primary);text-decoration:none;transition:all .25s ease;font-weight:300}a:hover{color:var(--primary-light);text-decoration:underline}a:focus{outline:1px dotted var(--primary);outline-offset:2px}.hover-bg-blue:hover{background-color:#00426b14!important}.hover-bg-green:hover{background-color:#43a04714!important}.hover-bg-red:hover{background-color:#e5393514!important}.hover-bg-orange:hover{background-color:#ffb30014!important}@media(max-width:768px){.card{padding:1rem!important}th,td{padding:.75rem!important;font-size:.875rem!important}.stat-card-blue,.stat-card-green,.stat-card-orange,.stat-card-purple{padding:1.25rem 1rem!important}main{padding:1rem!important}.sidebar{width:200px!important}header>div{padding:.75rem 1rem!important}main h1,main h2.text-xl,main h2.text-2xl{font-size:1.5rem!important}}.user-profile-badge{width:32px;height:32px;background:#fff3;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;box-shadow:inset 0 1px 1px #ffffff1a}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;color:#fff;border-radius:4px;font-size:.75rem;font-weight:300!important;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);cursor:pointer}.logout-button:hover{background:#d32f2f!important;border-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px #d32f2f4d}.logout-button svg{opacity:.9}.logout-button:active{transform:translateY(0)}