body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#264653;--secondary-color:#2a9d8f;--accent-color:#e9c46a;--light-accent:#f4a261;--neutral-color:#e76f51;--background-color:#121212;--text-color:#ffffffeb;--card-bg:#1e1e1e;--card-shadow:#0000004d;--heading-color:var(--accent-color);--subheading-color:var(--light-accent);--border-color:#3d3d3d;--input-bg:#2a2a2a;--item-bg:#252525;--admin-pending-bg:#252525;--highlight-color:var(--accent-color);--modal-backdrop:#000c;--timestamp-color:#b0b0b0;--button-bg:var(--primary-color);--button-text:#fff;--button-hover:#1d3557;--form-bg:#1e1e1e;--input-text:#ffffffeb;--input-placeholder:#a0a0a0;--success-color:var(--secondary-color);--error-color:var(--neutral-color);--warning-color:var(--accent-color);--info-color:#48cae4;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.light-mode{--primary-color:#005f73;--secondary-color:#0081a7;--accent-color:#e76f51;--light-accent:#f4a261;--neutral-color:#e76f51;--background-color:#fdfcdc;--text-color:#2b2d42;--card-bg:#fff;--card-shadow:#0000000d;--heading-color:var(--primary-color);--subheading-color:var(--secondary-color);--border-color:#e2e8f0;--input-bg:#fff;--item-bg:#f8f6ee;--admin-pending-bg:#f8f6ee;--highlight-color:var(--accent-color);--modal-backdrop:#0009;--timestamp-color:#64748b;--button-bg:var(--primary-color);--button-text:#fff;--button-hover:#006d8c}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .15s ease;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--background-color);color:#ffffffeb;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.75em}h1{font-size:2.5rem;letter-spacing:-.025em}h2{font-size:2rem;letter-spacing:-.02em}h3{font-size:1.5rem;letter-spacing:-.015em}p{margin-bottom:1em;max-width:65ch}.App{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.container{margin:0 auto;padding:0 1rem;width:100%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite}.app-header{border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.app-header,.app-title{align-items:center;display:flex}.app-title{color:var(--heading-color);font-size:2.5rem;font-weight:700;gap:12px;margin:0;position:relative;z-index:1}.header-icon{color:var(--accent-color)}.light-mode .app-title{color:var(--primary-color)}.light-mode .header-icon{color:var(--accent-color)}.header-controls{align-items:center;display:flex;gap:12px}.admin-btn,.logout-btn,.mode-toggle-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:.75rem 1.25rem;transition:all .2s ease}.mode-toggle-btn{background-color:var(--primary-color);color:#fff}.mode-toggle-btn:hover{background-color:var(--button-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-btn{background-color:var(--secondary-color);color:#fff}.admin-btn:hover{background-color:#00729c;box-shadow:var(--shadow-md);transform:translateY(-2px)}.logout-btn{background-color:var(--neutral-color);color:#fff}.logout-btn:hover{background-color:#d95a3a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-btn:before,.logout-btn:before,.mode-toggle-btn:before{background:linear-gradient(135deg,#fff3,#fff0 60%);border-radius:.5rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s;z-index:-1}.admin-btn:hover:before,.logout-btn:hover:before,.mode-toggle-btn:hover:before{opacity:1}.mode-switcher-container{margin-bottom:2rem}.mode-switcher{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-md)}.mode-btn,.mode-switcher{display:flex;overflow:hidden}.mode-btn{align-items:center;background-color:initial;border:none;border-radius:0;color:var(--text-color);flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:1rem 1.25rem;position:relative;transition:all var(--transition-fast)}.mode-btn.active{background-color:var(--primary-color);color:#fff}.mode-btn.active:after{background-color:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.mode-btn:hover:not(.active){background-color:var(--item-bg)}.mode-btn svg{transition:transform var(--transition-fast)}.mode-btn:hover svg{transform:scale(1.1)}.mode-btn.active{animation:pulse-light .5s}@keyframes pulse-light{0%{box-shadow:0 0 0 0 #e9c46a80}70%{box-shadow:0 0 0 10px #e9c46a00}to{box-shadow:0 0 0 0 #e9c46a00}}.view-toggle-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-md);display:flex;margin-bottom:1.5rem;overflow:hidden}.view-toggle-btn{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.view-toggle-btn svg{transition:transform .2s ease}.view-toggle-btn:hover svg{transform:scale(1.1)}.view-toggle-btn.active{background-color:var(--primary-color);color:#fff;position:relative}.view-toggle-btn.active:after{background-color:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.view-toggle-btn:hover:not(.active){background-color:var(--item-bg)}button{align-items:center;background-color:var(--button-bg);border:none;border-radius:.5rem;color:var(--button-text);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;position:relative;transition:all var(--transition-fast)}button:hover{background-color:var(--button-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.7}button:disabled:hover{box-shadow:none;transform:none}button i,button svg{font-size:1.125rem}.primary-btn{background-color:var(--primary-color);color:#fff}.secondary-btn{background-color:var(--secondary-color);color:#fff}.accent-btn{background-color:var(--accent-color);color:var(--background-color)}.danger-btn{background-color:var(--neutral-color);color:#fff}.submit-btn{align-self:flex-start;margin-top:.5rem;padding:.875rem 1.75rem}.approve-btn{background-color:var(--success-color);color:#fff}.approve-btn:hover{background-color:#239485}.reject-btn{background-color:var(--error-color);color:#fff}.reject-btn:hover{background-color:#d95a3a}.delete-btn{background-color:var(--error-color);color:#fff}.cancel-btn{background-color:var(--border-color);color:var(--text-color)}.button-group{display:flex;gap:1rem;margin-top:.5rem}.button-group-horizontal{display:flex;gap:.75rem;margin-top:1rem}.message{background-color:var(--message-bg);border-left:4px solid var(--info-color);border-radius:.75rem;box-shadow:var(--shadow-sm);color:var(--text-color);margin-bottom:1.5rem;padding:1rem 1rem 1rem 3.5rem;position:relative}.message:before{background-position:50%;background-repeat:no-repeat;content:"";height:1.5rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem}.message-success{background-color:#2a9d8f1a;border-left-color:var(--success-color)}.message-error{background-color:#e76f511a;border-left-color:var(--error-color)}.message-warning{background-color:#f4a2611a;border-left-color:var(--warning-color)}.message-info{background-color:#48cae41a;border-left-color:var(--info-color)}.teams-display{background-color:var(--card-bg);border-radius:1rem;border-top:4px solid var(--light-accent);box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.team-cards,.team-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-card,.team-item{background-color:var(--item-bg);border-left:4px solid var(--accent-color);border-radius:.75rem;box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-fast)}.team-card h4,.team-item h3{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.team-card:hover,.team-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.security-banner{align-items:center;animation:slideIn .5s ease;background-color:#2a9d8f1a;border-left:4px solid var(--secondary-color);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;margin-bottom:1.5rem;padding:1rem;position:relative}.light-mode .security-banner{background-color:#005f730d}.security-banner-icon{color:var(--secondary-color);flex-shrink:0;margin-right:1rem}.security-banner-content{flex-grow:1;font-size:1rem}.security-banner-content strong{color:var(--secondary-color);font-weight:600}.security-banner-close{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;opacity:.7;padding:.25rem;transition:opacity .2s,transform .2s}.security-banner-close:hover{background-color:#0000000d;opacity:1}.security-banner-close:active{transform:scale(.95)}.session-timeout-warning{animation:slideUp .3s ease-out;background-color:var(--card-bg);border-radius:.75rem;border-top:4px solid var(--warning-color);bottom:20px;box-shadow:var(--shadow-xl);max-width:400px;padding:1.5rem;position:fixed;right:20px;z-index:1000}.session-timeout-warning h3{align-items:center;color:var(--warning-color);display:flex;gap:8px;margin-bottom:.75rem}.session-timeout-actions{gap:.75rem;margin-top:1rem}.extend-btn{background-color:var(--accent-color);color:var(--background-color)}.extend-btn:hover{background-color:var(--light-accent)}.delete-confirmation{background-color:#e76f511a;border-left:3px solid var(--error-color);border-radius:.5rem;margin-top:1rem;padding:1rem}.delete-confirmation p{font-weight:500;margin-bottom:1rem}.timestamp{color:var(--timestamp-color);font-size:.875rem;font-style:italic;margin-bottom:1rem}.teams-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.teams-header h2{margin-bottom:0}.teams-count{color:var(--timestamp-color);font-size:.9rem;margin-bottom:1rem}.refresh-btn{align-items:center;background-color:var(--secondary-color);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background-color:var(--button-hover);transform:translateY(-2px)}.refresh-btn:active{transform:translateY(0)}.refresh-btn svg{transition:transform .2s ease}.refresh-btn:hover svg:not(.spinner){transform:rotate(45deg)}.spinner{animation:spin 1.5s linear infinite}@media (max-width:768px){.teams-header{align-items:flex-start;flex-direction:column;gap:1rem}.refresh-btn{align-self:flex-start}}.team-form-container{animation:fadeIn var(--transition-normal);background-color:var(--card-bg);border-radius:1rem;border-top:4px solid var(--accent-color);box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.form-title{align-items:center;color:var(--heading-color);display:flex;font-weight:700;gap:10px;margin-bottom:1.5rem}.team-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{pointer-events:auto;position:static;transform:none}.form-group input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--input-text);font-size:1rem;padding:1rem;transition:all var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.join-form-group{margin-bottom:2rem}.join-form-group label{color:var(--heading-color);display:block;font-weight:600;margin-bottom:.5rem}.join-form-group input,.join-form-group select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-size:1rem;padding:1rem;transition:all .2s ease;width:100%}.join-form-group input:focus,.join-form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.team-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.join-submit-btn{align-items:center;align-self:flex-start;background-color:var(--accent-color);border:none;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:var(--background-color);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.join-submit-btn:hover{box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.join-submit-btn:active{transform:translateY(0)}.join-submit-btn:disabled{cursor:not-allowed;opacity:.7}.team-form .form-group input{margin-bottom:10px;transition:all .3s ease}.team-form .form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33}.team-form .form-group input:first-of-type{border-left:3px solid var(--accent-color)}.team-members-container{background-color:var(--item-bg);border-radius:.75rem;margin-top:.5rem;padding:1rem;position:relative}.team-member-input{align-items:center;display:flex;margin-bottom:12px}.team-member-label{color:var(--heading-color);font-size:.9rem;font-weight:500;min-width:100px}.team-member-input input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);flex:1 1;padding:.75rem;transition:all .2s ease}.team-member-input input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.team-member-input input.required-member{border-left:3px solid var(--accent-color)}.member-required{color:var(--neutral-color);font-size:.8rem;margin-left:5px}.form-group label{color:var(--heading-color);display:block;font-weight:600;margin-bottom:.5rem}.password-hint{color:var(--timestamp-color);font-size:.8rem;font-style:italic;margin-top:5px}.modal{animation:modal-appear .3s ease;background-color:var(--card-bg);border:none;border-radius:1rem;box-shadow:var(--shadow-xl);color:var(--text-color);left:50%;max-height:90vh;max-width:95%;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes modal-appear{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal::backdrop{animation:backdrop-appear .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--modal-backdrop)}@keyframes backdrop-appear{0%{opacity:0}to{opacity:1}}.modal-content{padding:2rem}.modal-title{align-items:center;color:var(--heading-color);display:flex;font-size:1.75rem;gap:10px;margin-bottom:1.5rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.modal input{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color)!important}.modal input::placeholder{color:var(--input-placeholder);opacity:.7}.admin-password-input,.captcha-input{border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.admin-password-input:focus,.captcha-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.captcha-group{margin-bottom:1.5rem}.captcha-box{background-color:var(--item-bg)}.captcha-text{font-family:monospace}.admin-section{background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:2rem}.admin-controls{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.export-btn{background-color:var(--secondary-color);color:#fff}.password-btn{background-color:var(--primary-color);color:#fff}.admin-pending-section,.admin-team-list{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.admin-pending-section h3,.admin-team-list h3{align-items:center;color:var(--subheading-color);display:flex;margin-bottom:1.5rem}.pending-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.pending-card{background-color:var(--admin-pending-bg);border-left:4px solid var(--accent-color);border-radius:.75rem;box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-fast)}.pending-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pending-card h4{align-items:center;color:var(--subheading-color);display:flex;font-size:1.25rem;margin-bottom:1rem}.pending-card ul{margin:.5rem 0 1rem 1.5rem}.pending-card li{margin-bottom:.5rem}@media (max-width:768px){.App{padding:1rem}h1{font-size:2rem}h2{font-size:1.75rem}.team-cards,.team-list{grid-template-columns:1fr}.modal{width:95%}.admin-controls,.button-group{flex-direction:column}.pending-cards{grid-template-columns:1fr}}@media (max-width:480px){.app-header{align-items:flex-start;flex-direction:column}.header-controls{justify-content:space-between;width:100%}button{font-size:.875rem;padding:.625rem 1rem}.mode-btn,input,select{padding:.75rem}.mode-btn{font-size:.875rem}.team-member-input{align-items:flex-start;flex-direction:column}.team-member-label{margin-bottom:5px}.session-timeout-warning{left:20px;max-width:none;right:20px}.session-timeout-actions{flex-direction:column}}.password-input-container{align-items:center;display:flex;position:relative}.admin-password-input{padding-right:40px}.toggle-password-btn{align-items:center;background:#0000;border:none;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:5px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.toggle-password-btn:hover{background:#0000;box-shadow:none;opacity:1;transform:translateY(-50%)}.toggle-password-btn:active{transform:translateY(-50%) scale(.95)}.captcha-box{align-items:center;background:linear-gradient(135deg,var(--input-bg) 0,var(--card-bg) 100%);border:1px solid var(--border-color);border-radius:.5rem;display:flex;margin-bottom:.75rem;overflow:hidden;padding:.75rem;position:relative}.captcha-box:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 0,#ffffff0d 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.captcha-text{color:var(--accent-color);flex-grow:1;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;letter-spacing:2px;text-align:center;text-shadow:1px 1px 2px #0000004d;transform:skew(-5deg);-webkit-user-select:none;user-select:none}.refresh-captcha{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px;z-index:1}.refresh-captcha:hover{background-color:var(--button-hover);transform:rotate(15deg)}.captcha-error{background-color:#e76f511a;border-left:3px solid var(--error-color);border-radius:4px;color:var(--error-color);font-size:.875rem;margin-top:.5rem;padding:8px 12px}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #f4a26180}70%{box-shadow:0 0 0 10px #f4a26100}to{box-shadow:0 0 0 0 #f4a26100}}.session-expiring{animation:pulse-warning 2s infinite}.session-timeout-notification{animation:slideUp .3s ease;background-color:var(--card-bg);border-left:4px solid var(--warning-color);border-radius:8px;bottom:30px;box-shadow:var(--shadow-lg);color:var(--text-color);display:flex;flex-direction:column;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:30px;z-index:1000}.session-timeout-notification h4{align-items:center;color:var(--warning-color);display:flex;gap:8px;margin:0}.session-timeout-actions{display:flex;gap:1rem}.extend-session-btn{background-color:var(--secondary-color);color:#fff;flex:1 1}.logout-session-btn{background-color:var(--neutral-color);color:#fff;flex:1 1}.password-strength{background-color:var(--border-color);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:100%}.password-strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;width:0}.strength-weak{background-color:#e74c3c;width:25%}.strength-medium{background-color:#f39c12;width:50%}.strength-strong{background-color:#3498db;width:75%}.strength-very-strong{background-color:var(--success-color);width:100%}.password-verdict{font-size:.75rem;font-style:italic;margin-top:.25rem}.security-badge{align-items:center;background-color:#2a9d8f1a;border-radius:4px;color:var(--secondary-color);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-left:8px;padding:4px 8px}.security-badge svg{height:12px;width:12px}.secure-action-confirmation{background-color:var(--card-bg);border-left:4px solid var(--warning-color);border-radius:8px;box-shadow:var(--shadow-md);margin-top:1rem;padding:1.25rem}.secure-action-confirmation h4{align-items:center;color:var(--warning-color);display:flex;gap:8px;margin-bottom:.75rem}.secure-action-confirmation-buttons{display:flex;gap:1rem;margin-top:1rem}.setup-2fa-container{background-color:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow-md);padding:1rem}.setup-steps{display:flex;flex-direction:column;gap:1.5rem}.step{background-color:var(--item-bg);border-left:4px solid var(--accent-color);border-radius:.75rem;padding:1.25rem}.step h4{align-items:center;color:var(--heading-color);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:.75rem}.qr-code-container{display:flex;justify-content:center;margin:1rem 0}.qr-code{border:10px solid #fff;border-radius:.5rem;box-shadow:var(--shadow-md);max-width:200px}.secret-key{background-color:var(--card-bg);border-radius:.5rem;font-size:1.25rem;font-weight:700;letter-spacing:1px;margin:1rem 0;padding:1rem;word-spacing:.25rem}.secret-key,.verification-code-input{color:var(--accent-color);font-family:Courier New,monospace;text-align:center}.verification-code-input{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:.5rem;display:block;font-size:1.5rem;letter-spacing:2px;margin:0 auto;padding:.75rem;width:100%}.verification-code-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.tfa-status-container{background-color:var(--item-bg);border-radius:.75rem;padding:1.25rem}.tfa-status{align-items:center;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.tfa-status.enabled{background-color:#2a9d8f1a;border-left:4px solid var(--success-color)}.tfa-status.enabled svg{color:var(--success-color)}.tfa-status h4{margin-bottom:.25rem}.disable-2fa-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.disable-2fa-section summary{color:var(--neutral-color);cursor:pointer;font-weight:600;padding:.5rem}.disable-2fa-section summary:hover{background-color:#e76f511a;border-radius:.25rem}.disable-form{padding:1rem 0}.verify-2fa-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:400px;padding:2rem;text-align:center}.auth-icon{color:var(--accent-color)}.verify-instructions{font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;padding:0 1rem;text-align:center;width:100%}.account-info{color:var(--timestamp-color);font-style:italic}.verify-error{background-color:#e76f511a;border-left:3px solid var(--error-color);border-radius:.5rem;color:var(--error-color);margin:.5rem 0;padding:.75rem 1rem;text-align:left;width:100%}.verify-form{width:100%}.verify-input-group{margin-bottom:1.5rem;padding:0 1rem;position:relative;width:100%}.verify-code-input{background-color:var(--input-bg);border:2px solid var(--border-color);border-radius:.5rem;color:var(--accent-color);font-family:Courier New,monospace;font-size:2rem;letter-spacing:2px;padding:1rem;text-align:center;width:100%}.verify-code-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e9c46a33;outline:none}.code-timer{color:var(--timestamp-color);font-size:.85rem;margin-top:.5rem;text-align:center}.verify-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.verify-submit-btn{background-color:var(--accent-color);border:none;border-radius:.5rem;color:var(--background-color);cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.verify-submit-btn:hover{background-color:var(--light-accent);transform:translateY(-2px)}.verify-submit-btn:disabled{cursor:not-allowed;opacity:.7}.verify-cancel-btn{background-color:initial;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.verify-cancel-btn:hover{background-color:var(--item-bg);border-color:var(--text-color)}.verify-help{background-color:var(--input-bg);border-radius:.5rem;color:var(--timestamp-color);font-size:.9rem;margin-top:1rem;padding:1rem;text-align:left}.recovery-warning{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem}.warning-box{align-items:flex-start;background-color:#e76f511a;border-left:3px solid var(--warning-color);border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.warning-icon{color:var(--warning-color);flex-shrink:0;margin-top:.25rem}.warning-content h4{color:var(--warning-color);margin-top:0}.warning-content h4,.warning-content p{margin-bottom:.75rem}.warning-content ul{margin-bottom:0;margin-left:1.25rem}.warning-content li{margin-bottom:.5rem}.warning-content li:last-child{margin-bottom:0}.admin-tabs{margin-top:2rem}.tabs-header{border-bottom:2px solid var(--border-color);display:flex;margin-bottom:1.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-color);cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:-2px;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn svg{color:var(--timestamp-color);transition:color .2s ease}.tab-btn:hover{background-color:initial;box-shadow:none;color:var(--accent-color);transform:none}.tab-btn.active{border-bottom-color:var(--accent-color)}.tab-btn.active,.tab-btn.active svg{color:var(--accent-color)}.tab-content{animation:fadeIn .3s ease}.dashboard-tab,.security-tab{padding:1rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.95)}}.loading-container{gap:1.5rem;min-height:50vh}.auth-loading,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.auth-loading{background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg);gap:1rem;margin:2rem auto;max-width:500px;min-height:30vh}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e9c46a33;border-radius:50%;border-top:4px solid var(--accent-color);height:40px;width:40px}.spinner.large{border-width:6px;height:60px;width:60px}.spinner.small{border-width:3px;height:24px;width:24px}.processing-auth{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;text-align:center}.processing-auth .spinner{margin-bottom:1rem}.processing-auth h2{color:var(--heading-color);margin-bottom:.5rem}.processing-auth p{color:var(--text-color);max-width:400px}.auth-error,.auth-success{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.auth-success .success-icon{color:var(--success-color);margin-bottom:1rem}.auth-error .error-icon{color:var(--error-color);margin-bottom:1rem}.auth-container{margin:2rem auto;max-width:550px;padding:1rem}.auth-container,.auth-verify-container{animation:fadeIn .3s ease-in-out;background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--shadow-lg)}.auth-verify-container{margin:3rem auto;max-width:500px;overflow:hidden}
/*# sourceMappingURL=main.13c289c7.css.map*/