code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-secondary);box-shadow:0 2px 4px var(--shadow-light)}.theme-toggle:focus{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle-icon{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;transition:color .3s ease}.theme-toggle:hover .theme-toggle-icon{color:var(--text-primary)}.theme-toggle-text{color:var(--text-secondary);font-size:.875rem;transition:color .3s ease}.theme-toggle:hover .theme-toggle-text{color:var(--text-primary)}.theme-toggle-icon svg{transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon svg{transform:scale(1.1)}@media (max-width:768px){.theme-toggle-text{display:none}.theme-toggle{min-width:auto;padding:.5rem}}.logo{shape-rendering:geometricPrecision;cursor:pointer;image-rendering:-webkit-optimize-contrast;object-fit:contain;transition:all .3s ease}.logo-small{height:24px;width:24px}.logo-medium{height:40px;width:40px}.logo-large{height:64px;width:64px}.logo-xlarge{height:120px;width:120px}.logo-loading{animation:logoBreath 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px var(--shadow-light))}.logo-header{display:block}.logo-with-text{align-items:center;display:flex;gap:.75rem}.logo-with-text-small{gap:.5rem}.logo-with-text-medium{gap:.75rem}.logo-with-text-large{gap:1rem}.logo-with-text-xlarge{gap:1.5rem}.logo-text{color:var(--text-primary);font-weight:600;letter-spacing:.5px;white-space:nowrap}.logo-with-text-small .logo-text{font-size:.9rem}.logo-with-text-medium .logo-text{font-size:1.1rem}.logo-with-text-large .logo-text{font-size:1.5rem}.logo-with-text-xlarge .logo-text{font-size:2rem}.logo:hover{filter:brightness(1.1);transform:scale(1.05)}.logo:active{transform:scale(.95)}@keyframes logoBreath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}[data-theme=dark] .logo-loading{filter:drop-shadow(0 2px 8px var(--shadow-medium)) brightness(1.05)}@media (prefers-reduced-motion:reduce){.logo-loading{animation:none}.logo:active,.logo:hover{transform:none}}@media (max-width:768px){.logo-with-text{flex-direction:column;gap:.5rem;text-align:center}.logo-with-text-large .logo,.logo-with-text-xlarge .logo{height:48px;width:48px}.logo-with-text-large .logo-text,.logo-with-text-xlarge .logo-text{font-size:1.2rem}}@media (max-width:480px){.logo-xlarge{height:80px;width:80px}.logo-large{height:48px;width:48px}}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:var(--shadow-heavy);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog{animation:slideIn .2s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-heavy);margin:20px;max-width:480px;width:100%}.confirmation-header{border-bottom:1px solid var(--border-primary);padding:24px 24px 16px}.confirmation-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.confirmation-body{padding:20px 24px}.confirmation-body p{color:var(--text-primary);font-size:1rem;line-height:1.6;margin:0}.confirmation-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.confirmation-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirm-button{background-color:var(--primary);color:var(--text-inverse)}.confirm-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.confirm-button.danger{background-color:var(--danger);color:#fff}.confirm-button.danger:hover:not(:disabled){background-color:var(--danger-hover)}.confirm-button.warning{background-color:var(--warning);color:var(--text-inverse)}.confirm-button.warning:hover:not(:disabled){background-color:var(--accent-hover)}.cancel-button{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.cancel-button:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.cancel-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirm-button.loading{position:relative}.confirm-button.loading:after{animation:spin .8s linear infinite;border:2px solid var(--text-muted);border-radius:50%;border-top-color:var(--text-inverse);content:"";height:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}@media (max-width:480px){.confirmation-dialog{margin:10px}.confirmation-actions{flex-direction:column-reverse}.confirmation-actions button{width:100%}}.notification-bell-container{display:inline-block;position:relative;z-index:1000}.notification-bell-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:8px;position:relative;transition:background-color .2s ease}.notification-bell-button:hover{background-color:var(--bg-secondary)}.notification-bell-icon{height:24px;transition:color .2s ease;width:24px}.notification-bell-icon-inactive{color:var(--text-secondary)}.notification-bell-icon-active{color:var(--primary)}.notification-badge{align-items:center;background-color:var(--danger);border:2px solid var(--bg-card);border-radius:50%;color:var(--text-inverse);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;position:absolute;right:2px;top:2px;width:18px}.notification-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 10px 25px var(--shadow-medium);max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}.notification-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:var(--primary);cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:var(--primary-light)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5}.notification-list{max-height:400px;overflow-y:auto}.notification-empty,.notification-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.notification-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notification-empty p{font-size:14px;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:background-color .2s ease}.notification-item:hover{background-color:var(--bg-secondary)}.notification-item:last-child{border-bottom:none}.notification-unread,.notification-unread:hover{background-color:var(--primary-light)}.notification-unread:hover{opacity:.8}.notification-priority-high{border-left:3px solid var(--danger)}.notification-priority-medium{border-left:3px solid var(--warning)}.notification-priority-low{border-left:3px solid var(--success)}.notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}.notification-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;justify-content:space-between}.notification-sender{font-style:italic}.notification-time{flex-shrink:0}.notification-unread-dot{background-color:var(--primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:12px 20px;text-align:center}.view-all-btn{background:none;border:none;border-radius:4px;color:var(--primary);cursor:pointer;font-size:13px;padding:4px 8px;transition:background-color .2s ease}.view-all-btn:hover{background-color:var(--primary-light)}.notification-modal-overlay{align-items:center;background-color:var(--overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.notification-modal{background:var(--bg-card);border-radius:8px;box-shadow:0 25px 50px var(--shadow-heavy);max-height:80vh;max-width:500px;overflow:hidden;width:100%}.notification-modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px 24px}.notification-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.modal-close-btn:hover{background-color:var(--bg-secondary)}.notification-modal-content{max-height:60vh;overflow-y:auto;padding:24px}.notification-modal-content p{color:var(--text-primary);line-height:1.6;margin:0 0 20px}.notification-modal-meta{background-color:var(--bg-secondary);border-radius:6px;font-size:14px;padding:16px}.notification-modal-meta>div{margin-bottom:8px}.notification-modal-meta>div:last-child{margin-bottom:0}.notification-modal-actions{border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:initial;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:480px){.notification-dropdown{right:-20px;width:320px}.notification-modal{margin:0;max-width:none;width:calc(100% - 40px)}}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-light);color:var(--text-primary);min-height:64px;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1001}.app-header-content{align-items:center;display:flex;justify-content:space-between;padding:0 1rem;position:relative;width:100%}.header-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto;padding-right:0}.user-info{position:relative}.profile-dropdown-container{align-items:center;display:flex;position:relative}.profile-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:0;transition:all .3s ease}.profile-button:hover{transform:scale(1.05)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:2px solid var(--border-primary);border-radius:50%;box-shadow:0 2px 4px var(--shadow-light);color:var(--text-inverse);display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.profile-dropdown{animation:dropdownFadeIn .2s ease;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px var(--shadow-medium);min-width:180px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-divider{background-color:var(--border-primary);height:1px;margin:.5rem 0}.logout-item,.logout-item:hover{color:var(--danger)}.logout-item:hover{background-color:var(--danger-light)}@media (max-width:768px){.app-header-content{flex-direction:column;gap:1rem;padding:0 1rem;text-align:center}.header-actions,.user-info{flex-wrap:wrap;gap:.5rem;justify-content:center}.brand h1{font-size:1.2rem}}.loading-overlay{align-items:center;animation:fadeIn .2s ease-out;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.loading-container{animation:slideIn .4s ease-out;flex-direction:column;gap:3rem;text-align:center}.logo-container,.logo-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.logo-wrapper{height:120px;width:120px}.logo-wrapper .logo{position:relative;z-index:2}.loading-ring{z-index:1}.loading-ring,.ring-segment{border-radius:50%;height:120px;position:absolute;width:120px}.ring-segment{animation:ringRotate 1.5s linear infinite;border:3px solid #0000}.segment-1{animation-delay:0s;border-top-color:var(--primary)}.segment-2{animation-delay:.2s;border-right-color:var(--secondary);opacity:.8}.segment-3{animation-delay:.4s;border-bottom-color:var(--accent);opacity:.6}.segment-4{animation-delay:.6s;border-left-color:var(--primary);opacity:.4}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.company-name{animation:fadeInText .6s ease-out .3s both;color:var(--text-primary);font-size:2rem;font-weight:600;letter-spacing:.5px;margin:0}.loading-message{animation:fadeInText .6s ease-out .5s both;color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0}.loading-dots{animation:fadeInText .6s ease-out .7s both;display:flex;gap:.5rem;margin-top:.5rem}.loading-dots span{animation:dotBounce 1.4s ease-in-out infinite both;background:var(--primary);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.loading-container{gap:2rem;padding:2rem}.logo-wrapper{height:100px;width:100px}.company-logo{height:70px;width:70px}.loading-ring,.ring-segment{height:100px;width:100px}.company-name{font-size:1.5rem}.loading-message{font-size:.9rem}}@media (max-width:480px){.loading-container{gap:1.5rem;padding:1rem}.logo-wrapper{height:80px;width:80px}.company-logo{height:60px;width:60px}.loading-ring,.ring-segment{height:80px;width:80px}.ring-segment{border-width:2px}.company-name{font-size:1.25rem}.loading-message{font-size:.85rem}.loading-dots span{height:6px;width:6px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.company-logo{shape-rendering:geometricPrecision}}[data-theme=dark] .loading-overlay{background:var(--bg-primary)}[data-theme=dark] .company-logo{filter:drop-shadow(0 2px 8px var(--shadow-medium)) brightness(1.05)}@media (prefers-reduced-motion:reduce){.company-logo,.loading-container,.loading-overlay{animation:none}.ring-segment{animation:ringRotateReduced 3s linear infinite}.loading-dots span{animation:dotBounceReduced 2s ease-in-out infinite both}}@keyframes ringRotateReduced{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dotBounceReduced{0%,to{opacity:.5}50%{opacity:1}}.auth-page{flex-direction:column;min-height:100vh}.auth-form-container,.auth-page{background-color:var(--bg-primary);display:flex}.auth-form-container{align-items:center;flex:1 1;justify-content:center;padding:20px}.auth-form{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px var(--shadow-light);max-width:400px;padding:2rem;transition:all .3s ease;width:100%}.auth-form h2{color:var(--text-primary);font-weight:600}.auth-form h2,.info-text{margin-bottom:1.5rem;text-align:center}.info-text{color:var(--text-secondary);line-height:1.5}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--input-focus);box-shadow:var(--shadow-focus);outline:none}.form-group input.error{border-color:var(--input-error);box-shadow:var(--shadow-focus)}.form-group input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;background-color:var(--input-bg)!important;-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important}.form-group input:-moz-autofill,.form-group input:-moz-autofill-preview{background-color:var(--input-bg)!important;color:var(--text-primary)!important}.checkbox-group,.checkbox-label{align-items:center}.checkbox-label{color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}.field-error{color:var(--danger);display:block;font-size:.875rem;margin-top:.25rem}.success-message{background-color:var(--success-light);border:1px solid var(--success);border-radius:8px;color:var(--success);opacity:.9}.info-message,.success-message{margin-bottom:1rem;padding:.75rem}.info-message{background-color:var(--warning-light);border:1px solid var(--warning);border-radius:8px;color:var(--text-primary)}.info-message.inactivity-message{align-items:center;display:flex;gap:.5rem}.info-message.inactivity-message:before{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='%23f59e0b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:20px;width:20px}.submit-button{width:100%}.form-buttons{display:flex;gap:1rem;margin-top:1rem}.form-buttons .submit-button{flex:1 1}.switch-form{color:var(--text-secondary);margin-top:1rem;text-align:center}.password-requirements{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem}.password-requirements ul{margin:.5rem 0 0 1rem;padding:0}.password-requirements li{margin-bottom:.25rem}@media (max-width:480px){.auth-form{padding:1.5rem}.form-buttons{flex-direction:column}}.watermark-container{height:100vh;left:0;opacity:.08;overflow:hidden;pointer-events:none;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100vw;z-index:15000}.watermark-content{height:200vmax;left:-50vmax;position:absolute;top:-50vmax;transform:rotate(-45deg);transform-origin:center center;width:200vmax}.watermark-line{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(12px,1.2vw,16px);font-weight:500;left:-5vmax;letter-spacing:2px;line-height:1;position:absolute;white-space:nowrap;width:200vmax}[data-theme=dark] .watermark-container{opacity:.06}[data-theme=light] .watermark-container{opacity:.09}@media (max-width:768px){.watermark-line{font-size:11px;letter-spacing:1px}}@media (max-width:480px){.watermark-line{font-size:10px;letter-spacing:.5px}.watermark-container{opacity:.04}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-light);color:var(--text-primary);padding:1rem 0;transition:all .3s ease}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.brand,.header-content{align-items:center;display:flex}.brand{gap:.75rem}.brand h1,.header-content h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.user-info{align-items:center;display:flex;gap:1rem}.user-name{font-weight:500}.user-role{background-color:var(--primary);border-radius:6px;font-size:.8rem;padding:.25rem .5rem;text-transform:uppercase}.logout-button,.user-role{color:var(--text-inverse);font-weight:500}.logout-button{background-color:var(--danger);border:none;border-radius:6px;box-shadow:0 2px 4px var(--shadow-light);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background-color:var(--danger-hover);box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.layout-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.layout-main,.loading-container{background-color:var(--bg-primary)}.loading-container{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;height:100vh;justify-content:center}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem;text-align:center}.layout-main{padding:1rem}.user-info{flex-wrap:wrap;gap:.5rem;justify-content:center}}.invite-list-container{margin:0 auto;max-width:1000px;padding:2rem}.invite-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.invite-list-header h2{color:var(--text-primary);margin:0}.refresh-button{background-color:var(--secondary);border:none;border-radius:6px;box-shadow:0 2px 4px var(--shadow-light);color:var(--text-inverse);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.refresh-button:hover:not(:disabled){background-color:var(--secondary-hover);box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{padding:2rem}.loading,.no-invites{color:var(--text-secondary);text-align:center}.no-invites{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:3rem}.invite-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.invite-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 4px var(--shadow-light);padding:1.5rem;transition:all .3s ease}.invite-card:hover{box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-2px)}.invite-card.used{border-color:var(--success);opacity:.7}.invite-card.expired{border-color:var(--danger);opacity:.7}.invite-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.invite-email{color:var(--text-primary);font-size:.95rem;font-weight:600}.invite-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.invite-status.pending{background-color:var(--warning-light);color:var(--warning)}.invite-status.used{background-color:var(--success-light);color:var(--success)}.invite-status.expired{background-color:var(--danger-light);color:var(--danger)}.invite-details{margin-bottom:1rem}.invite-field{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.invite-field strong{color:var(--text-primary);margin-right:.5rem}.invite-token{border-top:1px solid var(--border-primary);padding-top:1rem}.token-field strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.token-container{align-items:center;display:flex;gap:.5rem}.token-value{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:monospace;word-break:break-all}.copy-button,.token-value{font-size:.85rem;padding:.5rem}.copy-button{background-color:var(--primary);border:none;border-radius:4px;color:var(--text-inverse);cursor:pointer;min-width:40px;transition:all .3s ease}.copy-button:hover{background-color:var(--primary-hover);transform:scale(1.05)}.invite-actions{border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.delete-button{align-items:center;background-color:var(--danger);border:none;border-radius:6px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease}.delete-button:hover{background-color:var(--danger-hover);box-shadow:0 2px 4px var(--shadow-medium);transform:translateY(-1px)}.error-message{background-color:var(--danger-light);border:1px solid var(--danger);border-radius:8px;color:var(--danger);margin-bottom:1rem;opacity:.9;padding:.75rem}@media (max-width:768px){.invite-list-container{padding:1rem}.invite-grid{grid-template-columns:1fr}.invite-header{align-items:flex-start;flex-direction:column;gap:.5rem}.token-container{align-items:stretch;flex-direction:column}.copy-button{align-self:flex-end}}.user-filters{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.filters-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem}.filters-info h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.filter-stats{align-items:center;display:flex;gap:1rem}.stats-text{color:var(--text-secondary);font-size:.875rem}.stats-text strong{color:var(--text-primary);font-weight:600}.hidden-count{color:var(--text-muted);font-style:italic}.filters-controls{align-items:center;display:flex;gap:.75rem}.clear-filters-btn{background:var(--danger);border:none;border-radius:6px;color:var(--text-inverse);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.clear-filters-btn:hover{background:var(--danger-hover);transform:translateY(-1px)}.toggle-filters-btn{align-items:center;background:var(--primary);border:none;border-radius:6px;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.toggle-filters-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.toggle-filters-btn.expanded{background:var(--secondary);color:var(--text-inverse)}.filter-icon{transition:transform .2s ease}.toggle-filters-btn.expanded .filter-icon{transform:rotate(180deg)}.filters-content{animation:slideDown .3s ease-out;background:var(--bg-primary);padding:1.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{align-items:end;display:flex;gap:1rem;margin-bottom:1rem}.filter-row:last-of-type{margin-bottom:0}.filter-group{flex:1 1;min-width:0}.filter-group.global-search{flex:2 1}.filter-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.filter-input,.filter-select{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--input-focus);box-shadow:var(--shadow-focus);outline:none}.global-search-input{border-color:var(--primary);border-width:2px;box-shadow:var(--shadow-light);font-size:1rem;padding:1rem}.global-search-input:focus{border-color:var(--primary-hover);box-shadow:var(--shadow-focus),0 4px 8px var(--shadow-medium)}.date-input{font-family:inherit}.filter-hint{color:var(--text-muted);display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.filter-tips{background:var(--bg-tertiary);border-left:4px solid var(--primary);border-radius:6px;margin-top:1rem;padding:1rem}.filter-tips small{color:var(--text-secondary);line-height:1.5}.filter-tips strong{color:var(--text-primary)}.filter-input:not(:placeholder-shown),.filter-select:not([value=""]){background-color:var(--success-light);border-color:var(--success)}@media (max-width:768px){.filters-header{align-items:stretch;flex-direction:column;gap:1rem}.filters-controls{justify-content:space-between}.filter-row{flex-direction:column;gap:.75rem}.filters-content{padding:1rem}}@media (max-width:480px){.filters-controls{flex-direction:column;gap:.5rem}.clear-filters-btn,.toggle-filters-btn{justify-content:center;width:100%}}.admin-user-management{padding:1rem}.admin-user-management .user-management-header{align-items:center;display:flex;justify-content:between;margin-bottom:2rem}.admin-user-management .user-management-header h2{color:var(--text-primary);margin:0}.admin-user-management .user-management-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:center;padding:3rem}.admin-user-management .admin-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.admin-user-management .stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.admin-user-management .stat-card:hover{box-shadow:var(--shadow-light);transform:translateY(-2px)}.admin-user-management .stat-number{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-user-management .stat-label{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.admin-user-management .users-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow-x:auto}.admin-user-management .users-table{border-collapse:collapse;width:100%}.admin-user-management .users-table td,.admin-user-management .users-table th{border-bottom:1px solid var(--border-primary);padding:.75rem;text-align:left}.admin-user-management .users-table th{background:var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-user-management .users-table tbody tr:hover{background:var(--bg-hover)}.admin-user-management .role-badge,.admin-user-management .status-badge,.admin-user-management .tfa-badge{border-radius:4px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.admin-user-management .action-buttons{display:flex;gap:.5rem}.admin-user-management .empty-state{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);padding:3rem 2rem;text-align:center}.admin-user-management .empty-state p{font-size:1rem;margin:0 0 1rem}.admin-user-management .modal-overlay{align-items:center;background:var(--shadow-heavy);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-user-management .modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.admin-user-management .modal-content h3{color:var(--text-primary);margin:0 0 1.5rem}.admin-user-management .form-group{margin-bottom:1rem}.admin-user-management .form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.admin-user-management .form-group select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);padding:.5rem;width:100%}.admin-user-management .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.admin-user-management .activities-table{border-collapse:collapse;margin-top:1rem;width:100%}.admin-user-management .activities-table td,.admin-user-management .activities-table th{border-bottom:1px solid var(--border-primary);padding:.5rem;text-align:left}.admin-user-management .activities-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.admin-user-management .error-message{background:var(--danger-light);border:1px solid var(--danger);border-radius:4px;color:var(--danger);margin-bottom:1rem;padding:.75rem 1rem}@media (max-width:768px){.admin-user-management .admin-stats{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-user-management .stat-card{padding:1rem}.admin-user-management .stat-number{font-size:1.5rem}.admin-user-management .users-table{font-size:.8rem}.admin-user-management .users-table td,.admin-user-management .users-table th{padding:.5rem .25rem}.admin-user-management .action-buttons{flex-direction:column;gap:.25rem}.admin-user-management .modal-content{margin:1rem;padding:1rem}}.admin-panel{margin:0 auto;max-width:1200px;padding:2rem}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:var(--text-secondary);font-size:1.1rem}.admin-tabs{border-bottom:2px solid var(--border-primary);display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.tab-button{align-items:center;background:none;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.tab-button.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.tab-button.active:after{background-color:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-icon{font-size:1.2rem}.tab-label{font-size:.9rem}.admin-content{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px var(--shadow-light);min-height:500px}.tab-content{padding:2rem}.tab-content h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.tab-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.feature-list{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.feature-list h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.feature-list ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.feature-list li{font-size:.95rem;margin-bottom:.5rem}.access-denied{background-color:var(--bg-card);border:1px solid var(--danger);border-radius:12px;box-shadow:0 4px 6px var(--shadow-light);padding:3rem;text-align:center}.access-denied h2{color:var(--danger);font-size:2rem;margin-bottom:1rem}.access-denied p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem}.access-denied p:last-child{color:var(--text-primary);font-weight:600}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-welcome{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center}.dashboard-welcome h3{color:var(--primary);margin:0 0 .5rem}.dashboard-welcome p{color:var(--text-secondary);margin:.25rem 0}.dashboard-quick-actions{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.dashboard-quick-actions h3{color:var(--text-primary);margin:0 0 1rem}.quick-action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.quick-action-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-system-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem}.dashboard-system-info h3{color:var(--text-primary);margin:0 0 1rem}.system-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:6px;padding:1rem}.info-card h4{color:var(--primary);font-size:1rem;margin:0 0 .5rem}.info-card p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:row;gap:0;justify-content:flex-start}.tab-button{flex:none;font-size:.85rem;padding:.75rem 1rem}.tab-label{display:none}.tab-icon{font-size:1.4rem}.tab-content{padding:1.5rem}.admin-header p{font-size:1rem}}@media (max-width:480px){.admin-tabs{justify-content:space-between}.tab-button{flex:1 1;padding:.75rem .5rem}}.my-assigned-processing{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}.page-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.page-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.page-header p{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0 0}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 4px var(--shadow-light);padding:1.5rem;text-align:center;transition:all .3s ease}.summary-card:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow-medium);transform:translateY(-2px)}.summary-number{color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.summary-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.filter-summary{align-items:center;background-color:var(--primary-light);border:1px solid var(--primary);border-radius:6px;color:var(--primary-dark);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem;padding:.875rem 1rem}.clear-filters-btn{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s ease}.clear-filters-btn:hover{background-color:var(--bg-secondary);border-color:var(--primary)}.transactions-section{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 8px var(--shadow-light);overflow:hidden}.section-header{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.section-header h2{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.transactions-table{overflow-x:auto}.transactions-table table{background-color:var(--bg-card);border-collapse:collapse;width:100%}.transactions-table th{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:1rem;text-align:left;text-transform:uppercase;vertical-align:middle}.transactions-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.transactions-table th.sortable:hover{background-color:var(--bg-tertiary)}.sort-indicator{color:var(--primary);font-weight:700}.transactions-table td{border-bottom:1px solid var(--border-primary);font-size:.9rem;padding:1rem;text-align:left;vertical-align:middle}.transactions-table tbody tr{transition:background-color .2s ease}.transactions-table tbody tr:hover{background-color:var(--bg-secondary)}.action-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.no-data{background-color:var(--bg-card);color:var(--text-secondary);padding:3rem 2rem;text-align:center}.no-data p{font-size:1rem;margin:0}.pagination-container{background-color:var(--bg-card);border-top:1px solid var(--border-primary)}.status-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.85rem;min-width:160px;padding:4px 8px;width:160px}.updating-status{color:var(--text-secondary);font-size:.8rem;margin-left:8px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;gap:1rem}.summary-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.transactions-table td,.transactions-table th{font-size:.8rem;padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-btn{font-size:.75rem;padding:.3rem .6rem}}.badge-3ds{background:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#059669;display:inline-block;font-size:.65rem;font-weight:700;margin-left:.25rem;padding:.125rem .4rem;vertical-align:middle}.alert-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.alert{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:8px;box-shadow:var(--shadow-medium);max-width:500px;min-width:300px;pointer-events:auto}.alert-success{background:var(--success-light);border-left-color:var(--success);color:var(--success)}.alert-error{background:var(--danger-light);border-left-color:var(--danger);color:var(--danger)}.alert-warning{background:var(--warning-light);border-left-color:var(--warning);color:var(--warning)}.alert-info{background:var(--primary-light);border-left-color:var(--primary);color:var(--primary)}.alert-content{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.alert-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.alert-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:20px;justify-content:center;margin-left:10px;padding:0;transition:background-color .2s ease;width:20px}.alert-success .alert-close{color:var(--success)}.alert-success .alert-close:hover{background:var(--success-light)}.alert-error .alert-close{color:var(--danger)}.alert-error .alert-close:hover{background:var(--danger-light)}.alert-warning .alert-close{color:var(--warning)}.alert-warning .alert-close:hover{background:var(--warning-light)}.alert-info .alert-close{color:var(--primary)}.alert-info .alert-close:hover{background:var(--primary-light)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.alert-container{left:20px;right:20px;top:10px}.alert{min-width:0;min-width:auto;width:100%}}.session-timeout-overlay{align-items:center;animation:sessionFadeIn .2s ease-in-out;background-color:var(--shadow-heavy);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.session-timeout-dialog{animation:sessionSlideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 20px 60px var(--shadow-heavy);margin:20px;max-width:420px;padding:32px;text-align:center;width:100%}.session-timeout-icon{animation:sessionPulse 2s ease-in-out infinite;color:var(--warning);height:64px;margin:0 auto 20px;width:64px}.session-timeout-icon svg{height:100%;width:100%}.session-timeout-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 16px}.session-timeout-body{margin-bottom:24px}.session-timeout-body p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 12px}.session-timeout-countdown{color:var(--text-primary);font-size:1.1rem;font-weight:500}.countdown-timer{animation:timerPulse 1s ease-in-out infinite;background:var(--danger);border-radius:6px;color:var(--text-inverse);display:inline-block;font-family:monospace;font-size:1.2rem;font-weight:600;min-width:60px;padding:4px 12px}.session-timeout-hint{color:var(--text-muted);font-size:.9rem;margin-top:8px}.session-timeout-actions{display:flex;flex-direction:column;gap:12px}.session-timeout-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.stay-logged-in-button{background-color:var(--primary);color:var(--text-inverse)}.stay-logged-in-button:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px var(--shadow-medium);transform:translateY(-2px)}.stay-logged-in-button:focus{outline:2px solid var(--border-focus);outline-offset:2px}.logout-now-button{background-color:initial;border:1px solid var(--border-primary);color:var(--text-secondary)}.logout-now-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}@keyframes sessionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sessionSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sessionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.countdown-timer,.session-timeout-actions button,.session-timeout-dialog,.session-timeout-icon,.session-timeout-overlay{animation:none;transition:none}.stay-logged-in-button:hover{transform:none}}@media (max-width:480px){.session-timeout-dialog{margin:16px;padding:24px}.session-timeout-icon{height:48px;width:48px}.session-timeout-header h3{font-size:1.25rem}}.portal-root{background:#f8fafc;background:var(--bg-primary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.portal-header{align-items:center;background:#fff;background:var(--bg-card,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);display:flex;height:56px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.portal-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.portal-logo{color:#6366f1;color:var(--primary,#6366f1);font-size:1.1rem;font-weight:700;text-decoration:none}.portal-nav{align-items:center;display:flex;gap:8px}.portal-nav-link{border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem;font-weight:500;padding:6px 14px;text-decoration:none;transition:background .15s,color .15s}.portal-nav-link:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#1e293b;color:var(--text-primary,#1e293b)}.portal-nav-link.active{background:#e0e7ff;background:var(--primary-light,#e0e7ff);color:#6366f1;color:var(--primary,#6366f1)}.portal-admin-name{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.8rem;margin-left:8px}.portal-logout-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--danger,#ef4444);border-radius:6px;color:#ef4444;color:var(--danger,#ef4444);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:background .15s}.portal-logout-btn:hover{background:#fee2e2;background:var(--danger-light,#fee2e2)}.portal-main{margin:0 auto;max-width:1200px;padding:32px 24px}.portal-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:1.1rem;height:60vh;justify-content:center}.portal-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;margin-bottom:24px;padding:24px}.portal-card h2{font-size:1.25rem;margin:0 0 16px}.portal-card h2,.portal-card h3{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:600}.portal-card h3{font-size:1rem;margin:0 0 12px}.portal-form-group{margin-bottom:16px}.portal-form-group label{color:#64748b;color:var(--text-secondary,#64748b);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.portal-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.portal-input:focus{border-color:#6366f1;border-color:var(--input-focus,#6366f1)}.portal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:10px 20px;transition:background .15s,transform .1s}.portal-btn:active{transform:scale(.97)}.portal-btn:disabled{cursor:not-allowed;opacity:.5}.portal-btn-primary{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.portal-btn-primary:hover:not(:disabled){background:#5855eb;background:var(--primary-hover,#5855eb)}.portal-btn-danger{background:#ef4444;background:var(--danger,#ef4444);color:#fff}.portal-btn-danger:hover:not(:disabled){background:#dc2626;background:var(--danger-hover,#dc2626)}.portal-btn-secondary{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.portal-btn-secondary:hover:not(:disabled){background:#e2e8f0;background:var(--border-primary,#e2e8f0)}.portal-btn-sm{font-size:.8rem;padding:6px 12px}.portal-table-wrap{overflow-x:auto}.portal-table{border-collapse:collapse;width:100%}.portal-table td,.portal-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary,#e2e8f0);font-size:.875rem;padding:10px 14px;text-align:left}.portal-table th{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.portal-table td{color:#1e293b;color:var(--text-primary,#1e293b)}.portal-table tr:hover td{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.portal-badge{border-radius:99px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px}.portal-badge-green{background:#d1fae5;background:var(--success-light,#d1fae5);color:#10b981;color:var(--success,#10b981)}.portal-badge-red{background:#fee2e2;background:var(--danger-light,#fee2e2);color:#ef4444;color:var(--danger,#ef4444)}.portal-badge-blue{background:#e0e7ff;background:var(--primary-light,#e0e7ff);color:#6366f1;color:var(--primary,#6366f1)}.portal-alert{border-radius:8px;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.portal-alert-error{background:#fee2e2;background:var(--danger-light,#fee2e2);border:1px solid #ef4444;border:1px solid var(--danger,#ef4444);color:#ef4444;color:var(--danger,#ef4444)}.portal-alert-success{background:#d1fae5;background:var(--success-light,#d1fae5);border:1px solid #10b981;border:1px solid var(--success,#10b981);color:#10b981;color:var(--success,#10b981)}.portal-alert-info{background:#e0e7ff;background:var(--primary-light,#e0e7ff);border:1px solid #6366f1;border:1px solid var(--primary,#6366f1);color:#6366f1;color:var(--primary,#6366f1)}.portal-center-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px)}.portal-center-box{max-width:440px;width:100%}.portal-flex{display:flex}.portal-flex-between{align-items:center;display:flex;justify-content:space-between}.portal-gap-8{gap:8px}.portal-gap-16{gap:16px}.portal-mb-8{margin-bottom:8px}.portal-mb-16{margin-bottom:16px}.portal-mb-24{margin-bottom:24px}.portal-mt-16{margin-top:16px}.portal-your-ip{align-items:center;background:#e0e7ff;background:var(--primary-light,#e0e7ff);border-radius:8px;color:#6366f1;color:var(--primary,#6366f1);display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px}.portal-your-ip code{font-size:.95rem;font-weight:700}.portal-theme-toggle{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s,color .15s;width:36px}.portal-theme-toggle:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.portal-copy-btn{background:#6366f1;background:var(--primary,#6366f1);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 10px}.portal-copy-btn:hover{background:#5855eb;background:var(--primary-hover,#5855eb)}.portal-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.portal-steps{gap:16px;margin-bottom:24px}.portal-step,.portal-steps{align-items:center;display:flex}.portal-step{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.8rem;font-weight:500;gap:6px}.portal-step.active{color:#6366f1;color:var(--primary,#6366f1);font-weight:700}.portal-step.done{color:#10b981;color:var(--success,#10b981)}.portal-step-num{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:50%;color:#94a3b8;color:var(--text-muted,#94a3b8);display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.portal-step.active .portal-step-num{background:#6366f1;background:var(--primary,#6366f1);color:#fff}.portal-step.done .portal-step-num{background:#10b981;background:var(--success,#10b981);color:#fff}.portal-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.portal-modal{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;padding:24px;width:100%}.portal-modal-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.1rem;font-weight:600;margin:0 0 8px}.portal-modal-message{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.5;margin:0 0 20px}.portal-modal-actions{display:flex;gap:8px;justify-content:flex-end}.portal-qr-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;margin:16px 0}.portal-qr-wrap img{border-radius:8px;height:200px;width:200px}:root{--header-min-height:80px;--primary:#6366f1;--primary-hover:#5855eb;--primary-light:#e0e7ff;--secondary:#10b981;--secondary-hover:#059669;--secondary-light:#d1fae5;--accent:#f59e0b;--accent-hover:#d97706;--accent-light:#fef3c7;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--success:#10b981;--success-light:#d1fae5;--role-admin:#f99;--role-admin-light:#ffebeb;--role-admin-text:#c55;--role-director:#b19cd9;--role-director-light:#f0ebff;--role-director-text:#8a5bcc;--role-staff:#87ceeb;--role-staff-light:#e6f7ff;--role-staff-text:#4a90e2;--role-agent:#fc9;--role-agent-light:#fff5e6;--role-agent-text:#c85;--role-sales-team-lead:#c7d2fe;--role-sales-team-lead-light:#f0f4ff;--role-sales-team-lead-text:#6366f1;--role-processor-agent:#fed7aa;--role-processor-agent-light:#fef7ed;--role-processor-agent-text:#ea580c;--role-processor-team-lead:#bbf7d0;--role-processor-team-lead-light:#f0fdf4;--role-processor-team-lead-text:#059669;--role-floor-manager:#fbb6ce;--role-floor-manager-light:#fdf2f8;--role-floor-manager-text:#be185d;--bg-primary:#fefefe;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-focus:#6366f1;--shadow-light:#0000000d;--shadow-medium:#0000001a;--shadow-heavy:#00000026;--shadow-focus:0 0 0 3px #6366f11a;--input-bg:#fff;--input-border:#d1d5db;--input-focus:#6366f1;--input-error:#ef4444;color-scheme:light}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#312e81;--secondary:#34d399;--secondary-hover:#10b981;--secondary-light:#064e3b;--accent:#fbbf24;--accent-hover:#f59e0b;--accent-light:#451a03;--danger:#f87171;--danger-hover:#ef4444;--danger-light:#7f1d1d;--warning:#fbbf24;--warning-light:#451a03;--success:#34d399;--success-light:#064e3b;--role-admin:#f99;--role-admin-light:#4a2c2c;--role-admin-text:#ffb3b3;--role-director:#b19cd9;--role-director-light:#3d2a4a;--role-director-text:#d9b3ff;--role-staff:#87ceeb;--role-staff-light:#2c3e4a;--role-staff-text:#a6d5ff;--role-agent:#fc9;--role-agent-light:#4a3a2c;--role-agent-text:#ffd9b3;--role-sales-team-lead:#c7d2fe;--role-sales-team-lead-light:#2c2f4a;--role-sales-team-lead-text:#ddd6fe;--role-processor-agent:#fed7aa;--role-processor-agent-light:#4a362c;--role-processor-agent-text:#fed7aa;--role-processor-team-lead:#bbf7d0;--role-processor-team-lead-light:#2c4a3a;--role-processor-team-lead-text:#bbf7d0;--role-floor-manager:#fbb6ce;--role-floor-manager-light:#4a2c3a;--role-floor-manager-text:#fbb6ce;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-primary:#334155;--border-secondary:#475569;--border-focus:#818cf8;--shadow-light:#0000004d;--shadow-medium:#0006;--shadow-heavy:#00000080;--shadow-focus:0 0 0 3px #818cf81a;--input-bg:#334155;--input-border:#475569;--input-focus:#818cf8;--input-error:#f87171;color-scheme:dark}*{box-sizing:border-box}html{transition:all .3s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fefefe;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}*,:after,:before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.no-transition *{transition:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}:focus{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #6366f1;outline:2px solid var(--border-focus);outline-offset:2px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:inset 0 0 0 1000px #fff!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;caret-color:#1e293b!important;caret-color:var(--text-primary)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}select{background-color:#fff;background-color:var(--input-bg);border:1px solid #d1d5db;border:1px solid var(--input-border);cursor:pointer}select,select option{color:#1e293b;color:var(--text-primary)}select option{background-color:#fff;background-color:var(--bg-card)}select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:2px solid #6366f1;outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background-color:#6366f1;background-color:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff;color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:#5855eb;background-color:var(--primary-hover);border-color:#5855eb;border-color:var(--primary-hover);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.btn-secondary{background-color:#10b981;background-color:var(--secondary);border-color:#10b981;border-color:var(--secondary);color:#fff;color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background-color:#059669;background-color:var(--secondary-hover);border-color:#059669;border-color:var(--secondary-hover);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.btn-success{color:#fff;color:var(--text-inverse)}.btn-success,.btn-success:hover:not(:disabled){background-color:#10b981;background-color:var(--success);border-color:#10b981;border-color:var(--success)}.btn-success:hover:not(:disabled){box-shadow:0 4px 8px #d1fae5;box-shadow:0 4px 8px var(--success-light);filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background-color:#ef4444;background-color:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff;color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-hover);border-color:#dc2626;border-color:var(--danger-hover);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.btn-warning{background-color:#f59e0b;background-color:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#1e293b;color:var(--text-primary)}.btn-warning:hover:not(:disabled){background-color:#d97706;background-color:var(--accent-hover);border-color:#d97706;border-color:var(--accent-hover);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow-medium);transform:translateY(-1px)}.btn-accent{background-color:#f59e0b;background-color:var(--accent);border-color:#f59e0b;border-color:var(--accent);color:#1e293b;color:var(--text-primary)}.btn-accent:hover:not(:disabled){background-color:#d97706;background-color:var(--accent-hover);border-color:#d97706;border-color:var(--accent-hover);box-shadow:0 4px 8px #fef3c7;box-shadow:0 4px 8px var(--accent-light);transform:translateY(-1px)}.btn-outline-primary{background-color:initial;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.btn-outline-primary:hover:not(:disabled){background-color:#6366f1;background-color:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff;color:var(--text-inverse);transform:translateY(-1px)}.btn-outline-secondary{background-color:initial;border-color:#e2e8f0;border-color:var(--border-primary);color:#1e293b;color:var(--text-primary)}.btn-outline-secondary:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-secondary);transform:translateY(-1px)}.btn-ghost{background-color:initial;border-color:#0000;color:#6366f1;color:var(--primary);padding:.25rem .5rem}.btn-ghost:hover:not(:disabled){background-color:#e0e7ff;background-color:var(--primary-light);color:#5855eb;color:var(--primary-hover);text-decoration:underline}.btn-sm{font-size:.8rem;padding:.25rem .5rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.btn-xl{font-size:1.1rem;padding:1rem 2rem}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{animation:btn-spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:12px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px}@keyframes btn-spin{to{transform:translateY(-50%) rotate(1turn)}}.btn-icon{aspect-ratio:1;border-radius:50%;padding:.5rem}.btn-icon-sm{font-size:.8rem;padding:.25rem}.btn-icon-lg{font-size:1.2rem;padding:.75rem}.btn-group{display:inline-flex;vertical-align:middle}.btn-group>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.btn-group>.btn:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}@media (max-width:768px){.btn{font-size:.9rem;padding:.6rem 1rem}.btn-sm{font-size:.8rem;padding:.4rem .6rem}}.checkbox-container{align-items:baseline;cursor:pointer;display:inline-flex;flex-direction:row;line-height:1.2;margin:0;padding:0;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-align:initial;white-space:nowrap}.checkbox-container:hover{transform:translateY(-1px)}.checkbox-container input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-container .checkmark{align-items:center;align-self:baseline;background:#fff;background:var(--input-bg);border:1.5px solid #d1d5db;border:1.5px solid var(--input-border);border-radius:3px;box-shadow:0 1px 3px #0000000d;box-shadow:0 1px 3px var(--shadow-light);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;margin-right:12px;min-width:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:16px}.checkbox-container:hover .checkmark{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--primary-light);transform:scale(1.05)}.checkbox-container input[type=checkbox]:focus+.checkmark{outline:2px solid #6366f1;outline:2px solid var(--border-focus);outline-offset:2px}.checkbox-container input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#6366f1,#5855eb);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border-color:#6366f1;border-color:var(--primary);box-shadow:0 2px 8px #e0e7ff;box-shadow:0 2px 8px var(--primary-light)}.checkbox-container .checkmark:after{animation:checkmark-bounce .3s ease;border:solid #fff;border:solid var(--text-inverse);border-width:0 1.5px 1.5px 0;content:"";display:none;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.checkbox-container input[type=checkbox]:checked+.checkmark:after{display:block}@keyframes checkmark-bounce{0%{transform:rotate(45deg) scale(0)}50%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(45deg) scale(1)}}.checkbox-container .checkbox-label{align-self:baseline;color:#1e293b;color:var(--text-primary);display:inline-block;flex-shrink:0;font-size:.9rem;font-weight:500;line-height:1.2;margin:0;vertical-align:initial}.checkbox-container input[type=checkbox]:disabled+.checkmark{background:#f8fafc;background:var(--bg-secondary);border-color:#cbd5e1;border-color:var(--border-secondary);cursor:not-allowed;opacity:.6}.checkbox-container input[type=checkbox]:disabled~.checkbox-label{color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.checkbox-container:has(input[type=checkbox]:disabled){cursor:not-allowed}.checkbox-container:has(input[type=checkbox]:disabled):hover{transform:none}.checkbox-container:has(input[type=checkbox]:disabled) .checkmark:hover{border-color:#cbd5e1;border-color:var(--border-secondary);box-shadow:none;transform:none}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group-inline{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.checkbox-group-horizontal{align-items:center;display:flex;gap:2rem}.checkbox-with-description .checkbox-label{display:flex;flex-direction:column;gap:.25rem}.checkbox-with-description .checkbox-title{color:#1e293b;color:var(--text-primary);font-weight:600}.checkbox-with-description .checkbox-description{color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.3}.checkbox-container.checkbox-sm .checkmark{height:16px;width:16px}.checkbox-container.checkbox-sm .checkmark:after{height:8px;left:4px;top:1px;width:4px}.checkbox-container.checkbox-lg .checkmark{height:24px;width:24px}.checkbox-container.checkbox-lg .checkmark:after{height:12px;left:8px;top:3px;width:7px}.checkbox-container.checkbox-success input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#10b981,#10b981);background:linear-gradient(135deg,var(--success) 0,var(--secondary) 100%);border-color:#10b981;border-color:var(--success);box-shadow:0 2px 8px #d1fae5;box-shadow:0 2px 8px var(--success-light)}.checkbox-container.checkbox-warning input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#f59e0b,#f59e0b);background:linear-gradient(135deg,var(--warning) 0,var(--accent) 100%);border-color:#f59e0b;border-color:var(--warning);box-shadow:0 2px 8px #fef3c7;box-shadow:0 2px 8px var(--warning-light)}.checkbox-container.checkbox-danger input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger) 0,var(--danger-hover) 100%);border-color:#ef4444;border-color:var(--danger);box-shadow:0 2px 8px #fee2e2;box-shadow:0 2px 8px var(--danger-light)}@media (max-width:768px){.checkbox-group-horizontal{align-items:flex-start;flex-direction:column;gap:.75rem}.checkbox-group-inline{gap:1rem}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.checkbox-container,.checkbox-container .checkmark,.checkbox-container .checkmark:after{animation:none;transition:none}.checkbox-container:hover,.checkbox-container:hover .checkmark{transform:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.20eef4c1.css.map*/