.confirmation-modal-overlay{position:fixed;top:0;left:0!important;right:0;bottom:0;background-color:#0f0f0f99;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .5s cubic-bezier(.23,1,.32,1)!important}body.sidebar-is-visible .confirmation-modal-overlay{margin-left:260px}body.sidebar-temporary-visible .confirmation-modal-overlay{left:0}@media (max-width: 768px){body.sidebar-is-visible .confirmation-modal-overlay,.confirmation-modal-overlay.with-sidebar{left:0;margin-left:0}}.confirmation-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow),0 10px 10px -5px var(--shadow),0 0 0 1px var(--border-color);width:90%;max-height:85vh;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column}.confirmation-modal.modal-small{max-width:400px}.confirmation-modal.modal-medium{max-width:500px}.confirmation-modal.modal-large{max-width:600px}.confirmation-modal.modal-info{border-left:4px solid var(--info-color)}.confirmation-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;margin-bottom:0;border-bottom:1px solid var(--border-color);background:var(--bg-primary);border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10;flex-shrink:0}.confirmation-modal-title{display:flex;align-items:center;gap:8px;flex:1}.confirmation-modal-title h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary);line-height:1.3}.modal-icon{font-size:20px;flex-shrink:0}.modal-close-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;margin-left:16px}.modal-close-button:hover{background-color:var(--hover-bg);color:var(--text-secondary)}.confirmation-modal-content{padding:20px 24px;flex:1;overflow-y:auto;min-height:0;background-color:var(--bg-primary)}.modal-message{margin:0 0 16px;color:var(--text-primary);line-height:1.6;font-size:var(--font-size-body)}.confirmation-modal-content .warning-section{display:flex;gap:12px;background-color:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:4px;padding:16px;margin:16px 0}.confirmation-modal-content .warning-icon{font-size:20px;color:var(--warning-color);flex-shrink:0}.confirmation-modal-content .warning-content p{margin:0;color:var(--text-primary);font-weight:500}.confirmation-modal-content .affected-employees{margin:20px 0}.confirmation-modal-content .affected-employees h4{margin:0 0 12px;font-size:var(--font-size-heading6);font-weight:600;color:var(--text-primary)}.confirmation-modal-content .employee-summary{background-color:var(--bg-secondary);border-radius:4px;padding:12px 16px;border:1px solid var(--border-color)}.confirmation-modal-content .employee-summary p{margin:0;color:var(--text-primary);font-size:var(--font-size-body);line-height:1.5}.confirmation-modal-content .employee-others-trigger{position:relative;display:inline-block;cursor:default}.confirmation-modal-content .employee-others-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:250px;max-width:300px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}.confirmation-modal-content .employee-others-trigger:hover .employee-others-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.confirmation-modal-content .employee-others-dropdown .employee-list{margin:0;padding:8px 0;background:transparent;border:none;border-radius:0;max-height:200px}.confirmation-modal-content .employee-others-dropdown .employee-list li{padding:8px 16px;margin:0;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.confirmation-modal-content .employee-others-dropdown .employee-list li:last-child{border-bottom:none}.confirmation-modal-content .employee-others-dropdown .employee-list li:hover{background-color:var(--hover-bg)}.confirmation-modal-content .employee-list{list-style:none;margin:0;background-color:var(--bg-secondary);border-radius:4px;padding:12px;max-height:120px;overflow-y:auto;border:1px solid var(--border-color)}.confirmation-modal-content .employee-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-small)}.confirmation-modal-content .employee-list li:last-child{border-bottom:none}.confirmation-modal-content .employee-name{font-weight:500;color:var(--text-primary)}.confirmation-modal-content .employee-value{color:var(--text-secondary);font-size:var(--font-size-caption);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirmation-modal-content .more-employees{font-style:italic;color:var(--text-tertiary);justify-content:center!important;border-bottom:none!important;padding-top:8px}.confirmation-modal-content .consequences{margin:20px 0}.confirmation-modal-content .consequences h4{margin:0 0 12px;font-size:var(--font-size-heading6);font-weight:600;color:var(--text-primary)}.confirmation-modal-content .consequences ul{margin:0;padding-left:20px;color:var(--text-secondary);font-size:var(--font-size-small)}.confirmation-modal-content .consequences li{margin-bottom:4px;line-height:1.4}.confirmation-modal-content .no-data-message{color:var(--text-secondary);font-style:italic;text-align:center;padding:20px 0;font-size:var(--font-size-body)}.confirmation-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:0 0 12px 12px;bottom:0;z-index:10;flex-shrink:0}.modal-cancel-btn{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-color)}.modal-cancel-btn:hover:not(:disabled){background-color:var(--button-secondary-hover)}.modal-confirm-btn{background-color:var(--button-primary-bg);color:var(--button-primary-text);border:1px solid var(--button-primary-bg)}.modal-confirm-btn:hover:not(:disabled){background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}.modal-confirm-btn.btn-danger{background-color:var(--error-color);border-color:var(--error-color);color:#fff}.modal-confirm-btn.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.modal-cancel-btn:disabled,.modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.modal-confirm-btn.countdown-active{opacity:.7;cursor:not-allowed;position:relative}.countdown-button-content{display:flex;align-items:center;gap:8px}.countdown-circle{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.countdown-svg{position:absolute;top:0;left:0;width:20px;height:20px;transform:rotate(-90deg)}.countdown-progress{transition:stroke-dashoffset 1s linear;stroke-linecap:round}.countdown-number{position:absolute;font-size:12px;font-weight:600;line-height:1;color:currentColor;z-index:1}.countdown-text{font-size:var(--font-size-small);font-weight:500}.modal-confirm-btn.countdown-active{animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{opacity:.7}50%{opacity:.5}}.modal-confirm-btn:not(.countdown-active):not(:disabled){animation:countdownComplete .3s ease-out}@keyframes countdownComplete{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .confirmation-modal-content .warning-section{background-color:#fbbf2426;border-color:#fbbf2466}.confirmation-modal-content .import-employee-selection{margin:0;padding:0}.confirmation-modal-content .employee-select-container{margin-bottom:1rem}.confirmation-modal-content .selection-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:.75rem}.confirmation-modal-content .warning-section{max-height:none;overflow:visible}.confirmation-modal-overlay{animation:confirmmodalFadeIn .15s ease-out}.confirmation-modal{animation:confirmmodalSlideIn .15s ease-out}@keyframes confirmmodalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmmodalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:16px;z-index:3000;transition:all .3s ease}.toast-visible{opacity:1;transform:translate(0)}.toast-hidden{opacity:0;transform:translate(100%)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;color:var(--text-color);font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--button-secondary-hover);color:var(--text-color)}.toast-success{border-left:4px solid var(--success-color)}.toast-success .toast-icon{color:var(--success-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-error .toast-icon{color:var(--error-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-warning .toast-icon{color:var(--warning-color)}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.titlebar-left{display:flex;align-items:center;position:absolute;top:0;left:0;padding-left:12px;z-index:10000001;gap:8px;height:100%;min-width:0;-webkit-app-region:drag;pointer-events:auto}.tab-detach-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--info-color),var(--accent));color:#fff;padding:12px 20px;border-radius:4px;font-size:var(--font-size-small);font-weight:600;z-index:10000002;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.titlebar-left{display:flex;align-items:center;position:absolute;top:0;left:0;padding-left:12px;z-index:10000001;gap:8px;height:100%;min-width:0;-webkit-app-region:drag;pointer-events:auto!important}:root{--sidebar-width: 260px}.titlebar-custom{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;width:100%;z-index:9999999;-webkit-app-region:drag;-webkit-backdrop-filter:blur(100px);pointer-events:auto}.titlebar-mac{-webkit-app-region:drag}.titlebar-mac.titlebar-custom,.titlebar-windows.windows-web.titlebar-custom{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.titlebar-left{display:flex;align-items:center;position:absolute;top:0;left:0;padding-left:12px;z-index:9999999;gap:8px;height:100%;min-width:0;-webkit-app-region:drag;pointer-events:auto!important}.titlebar-main{display:flex;align-items:center;height:32px;position:relative;-webkit-app-region:drag}.titlebar-mac .titlebar-main{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:transparent!important}.titlebar-title{display:flex;align-items:center;font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);white-space:nowrap;margin-right:6px;-webkit-app-region:drag;pointer-events:auto!important}.titlebar-icon{height:20px;width:20px;object-fit:contain;margin-right:4px}.titlebar-title svg{opacity:.8;transition:opacity .15s ease}.titlebar-title:hover svg{opacity:1}.titlebar-right{margin-left:auto;display:flex;align-items:center;position:absolute;top:0;right:0;height:100%;z-index:1001;-webkit-app-region:no-drag}.titlebar-button{display:flex;align-items:center;justify-content:center;width:46px;height:32px;border:none;background:transparent;cursor:pointer;transition:all .15s ease;-webkit-app-region:no-drag;font-size:var(--font-size-small);z-index:1002}.titlebar-button svg{opacity:1;transition:opacity .15s ease;width:15.5px;height:15.5px}.titlebar-button:hover{background-color:var(--button-hover-bg)}.titlebar-button:hover svg{opacity:1}.titlebar-button.minimize-btn:hover,.titlebar-button.maximize-btn:hover{background-color:var(--hover-bg);color:#fff!important}.titlebar-button.minimize-btn:hover svg,.titlebar-button.maximize-btn:hover svg,.titlebar-button.minimize-btn:hover svg *,.titlebar-button.maximize-btn:hover svg *{color:#fff!important}.titlebar-button.close-btn:hover{background-color:#e81123!important;color:#fff!important}.titlebar-button.close-btn:hover svg{opacity:1;color:#fff!important}.titlebar-custom .titlebar-button.close-btn:hover,.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button.close-btn:hover,.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button.close-btn:hover{background-color:#e81123!important;color:#fff!important}.titlebar-custom .titlebar-button.close-btn:hover svg,.titlebar-custom .titlebar-button.close-btn:hover svg *,.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button.close-btn:hover svg,.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button.close-btn:hover svg *,.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button.close-btn:hover svg,.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button.close-btn:hover svg *{color:#fff!important}.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button svg,.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button svg *{color:#fff!important}.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button svg,.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button svg *{color:#000!important}.titlebar-custom .titlebar-button svg,.titlebar-custom .titlebar-button svg *{color:var(--titlebar-button-color, var(--text-primary))!important}.titlebar-custom.titlebar-custom.titlebar-bg-white .titlebar-button:hover,.titlebar-custom.titlebar-custom.titlebar-bg-black .titlebar-button:hover{background-color:var(--titlebar-button-hover-bg)!important}.titlebar-custom.titlebar-custom.titlebar-bg-white .mac-control-dot{background-color:#fff!important}.titlebar-custom.titlebar-custom.titlebar-bg-black .mac-control-dot{background-color:#000!important}.titlebar-mac .titlebar-main{padding-left:80px;-webkit-app-region:drag;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:padding-left .3s ease}.titlebar-mac.mac-web .titlebar-main,.titlebar-windows.windows-web .titlebar-main{padding-left:0}body.mac-web .titlebar-custom,body.mac-web .titlebar-main,body.mac-web .titlebar-left,body.windows-web .titlebar-custom,body.windows-web .titlebar-main,body.windows-web .titlebar-left{pointer-events:none!important}body.mac-web .sidebar-toggle-btn,body.mac-web .titlebar-tabs,body.mac-web .tab,body.mac-web .navigation-buttons,body.mac-web .navigation-buttons button,body.windows-web .sidebar-toggle-btn,body.windows-web .titlebar-tabs,body.windows-web .tab,body.windows-web .navigation-buttons,body.windows-web .navigation-buttons button{pointer-events:auto!important}.titlebar-mac.maximized .titlebar-main{padding-left:0}.titlebar-mac .titlebar-custom{-webkit-app-region:drag;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.titlebar-mac .titlebar-custom,.titlebar-mac .titlebar-main,.titlebar-mac .titlebar-left{background-color:transparent!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.titlebar-mac .titlebar-left{padding-left:80px;-webkit-app-region:drag;transition:padding-left .3s ease}.titlebar-mac.mac-web .titlebar-left,.titlebar-windows.windows-web .titlebar-left{padding-left:20px}.titlebar-mac.maximized .sidebar-toggle-btn{margin-right:25px!important}.titlebar-mac.maximized .titlebar-left{padding-left:20px;margin-right:20px;transition:padding-left .3s ease!important}.titlebar-mac .sidebar-toggle-btn,.titlebar-mac .nav-btn,.titlebar-mac .titlebar-button,.titlebar-mac .tab,.titlebar-mac .new-tab-btn{-webkit-app-region:no-drag}.titlebar-left-controls{position:absolute;top:6px;left:8px;display:flex;align-items:center;gap:8px;z-index:10000002;-webkit-app-region:no-drag;pointer-events:auto}.mac-control-btn{width:12px;height:12px;border:none;border-radius:50%;cursor:pointer;position:relative;transition:all .15s ease;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag;pointer-events:auto}.mac-control-dot{width:100%;height:100%;border-radius:50%;transition:all .15s ease}.mac-close-btn .mac-control-dot{background-color:#ff5f57;border:.5px solid #e14942}.mac-minimize-btn .mac-control-dot{background-color:#ffbd2e;border:.5px solid #de9e00}.mac-maximize-btn .mac-control-dot{background-color:#28ca42;border:.5px solid #1aad29}.mac-control-btn:hover .mac-control-dot{background-image:none}.mac-close-btn:hover .mac-control-dot:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#8b1538;line-height:1}.mac-minimize-btn:hover .mac-control-dot:after{content:"−";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#995700;line-height:1}.mac-maximize-btn:hover .mac-control-dot:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#006714;line-height:1;transform:translate(-50%,-50%) rotate(45deg)}.titlebar-windows .titlebar-left{padding-left:12px}.navigation-buttons{display:flex;align-items:center;gap:6px;height:100%;transition:margin-left .7s cubic-bezier(.16,1,.3,1);z-index:1002;pointer-events:auto!important;-webkit-app-region:no-drag}.nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;opacity:.8;transition:all .15s ease;z-index:1002;pointer-events:auto!important;-webkit-app-region:no-drag}.nav-btn:hover:not(.disabled){background-color:var(--hover-bg);color:var(--text-primary)}.nav-btn.disabled{opacity:.4;cursor:not-allowed}body.sidebar-is-visible .navigation-buttons{margin-left:185px}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:10px;border:none;background:none;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .15s ease;margin-right:8px;-webkit-app-region:no-drag;z-index:1002;pointer-events:auto!important}.sidebar-toggle-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.sidebar-toggle-btn svg{transition:transform .15s ease;transform:scale(1.1)}.sidebar-toggle-btn:hover svg{transform:scale(1.2)}.history-controls{display:flex;align-items:center;gap:4px;margin-left:8px}.history-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .15s ease}.history-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.history-btn svg{transition:transform .15s ease}.history-btn:hover svg{transform:scale(1.1)}.history-btn:disabled{opacity:.4;cursor:not-allowed}.history-btn:disabled:hover{background:none;transform:none}.title-bar-tabs{display:flex;align-items:stretch;height:100%;min-width:0;-webkit-app-region:no-drag;z-index:1002}.tabs-container{display:flex;align-items:center;margin-left:15px;height:100%;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-width:0;-webkit-app-region:no-drag;z-index:1002;padding-right:8px}.tabs-container::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;height:100%;min-width:auto;max-width:200px;padding:0 8px;background:transparent!important;border:none;cursor:pointer;transition:all .15s ease;position:relative;flex-shrink:0;-webkit-app-region:no-drag!important;z-index:1002;color:var(--titlebar-button-color, var(--text-secondary));font-size:var(--font-size-caption);font-weight:500;border-right:1px solid transparent}.tab:hover{background:transparent!important;color:var(--titlebar-button-color, var(--text-primary))}.tab.active{background:#ffffff80!important;color:var(--titlebar-button-color, var(--text-primary));border-bottom:none;font-weight:600}[data-theme=dark] .tab.active{background:#1a1a1a80!important}.tab.dragging{opacity:.7;transform:scale(1.02);z-index:2000;box-shadow:0 4px 12px #00000026;cursor:grabbing;background:rgba(var(--accent-r, 59),var(--accent-g, 130),var(--accent-b, 246),.1)!important}.tab.drag-over{border-left:3px solid var(--accent);background:rgba(var(--accent-r, 59),var(--accent-g, 130),var(--accent-b, 246),.05)!important}.tab-drop-zone{width:0px;height:100%;background-color:#0000000d;opacity:.3;transition:all .2s ease;cursor:pointer;flex-shrink:0;position:relative}.tab-drop-zone:hover{opacity:.6;background-color:rgba(var(--accent-rgb),.2);width:10px}.tab-drop-zone.active{opacity:1;background-color:var(--accent);width:4px}.tab-drop-zone:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:2}.tab-drop-zone.active:after{background:radial-gradient(circle,rgba(var(--accent-rgb),.5) 0%,transparent 70%);animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.3}to{opacity:.8}}.tab-detach-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--info-color),var(--accent));color:#fff;padding:12px 20px;border-radius:4px;font-size:var(--font-size-small);font-weight:600;z-index:9999999;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-detach-indicator.show{opacity:1;transform:translate(-50%) translateY(10px)}.tab-detach-indicator:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--info-color)}.tab-reattach-zone{position:absolute;top:0;bottom:0;width:40px;background:linear-gradient(to right,rgba(var(--accent-rgb),.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1500}.tab-reattach-zone.left{left:0}.tab-reattach-zone.right{right:0;background:linear-gradient(to left,rgba(var(--accent-rgb),.1),transparent)}.tab-reattach-zone.active{opacity:1;background:linear-gradient(to right,rgba(var(--accent-rgb),.3),transparent)}.tab-reattach-zone.right.active{background:linear-gradient(to left,rgba(var(--accent-rgb),.3),transparent)}.tab-content{flex:1;display:flex;align-items:center;-webkit-app-region:no-drag!important;min-width:0;padding:4px 6px;border-radius:4px;transition:background-color .15s ease}.tab:hover .tab-content{background-color:var(--hover-bg)}.tab-title{font-size:var(--font-size-caption);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tab.active .tab-title{color:inherit}.dirty-indicator{color:var(--accent);font-weight:700;margin-left:4px}.tab.dirty .tab-title{font-style:italic}.tab-title-form{width:100%}.tab-title-input{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-caption);color:var(--text-primary);font-weight:500;padding:0;margin:0;-webkit-app-region:no-drag}.tab-close-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--titlebar-button-color, var(--text-secondary));cursor:pointer;border-radius:3px;margin-left:6px;opacity:0;transition:all .15s ease;flex-shrink:0;-webkit-app-region:no-drag}.tab:hover .tab-close-btn{opacity:1}.tab-close-btn:hover{background-color:var(--hover-bg);color:var(--titlebar-button-color, var(--text-primary));transform:scale(1.1)}.new-tab-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--titlebar-button-color, var(--text-secondary));cursor:pointer;border-radius:4px;margin-left:8px;transition:all .15s ease;flex-shrink:0;-webkit-app-region:no-drag!important}.new-tab-btn:hover{background-color:#ffffff1a;color:var(--titlebar-button-color, var(--text-primary));transform:scale(1.1)}.titlebar-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);white-space:nowrap;margin-right:8px}@media (max-width: 768px){.titlebar-left{gap:8px}.navigation-buttons{gap:2px;margin-right:4px}.nav-btn{width:24px;height:24px}.tab{min-width:60px;max-width:120px;padding:0 6px}.tab-title{font-size:11px}.tab-close-btn{width:14px;height:14px;margin-left:4px}.new-tab-btn{width:20px;height:20px;margin-left:4px}.titlebar-title{font-size:14px}}:root{--titlebar-bg: #ffffff;--border-color: #e5e5e5;--text-primary: #2d2d2d;--text-secondary: #6b6b6b;--button-hover-bg: #f0f0f0;--hover-bg: #f5f5f5;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--accent: rgb(59, 130, 246);--info-color: #3b82f6}[data-theme=dark]{--titlebar-bg: #1a1a1a;--border-color: #333333;--text-primary: #ffffff;--text-secondary: #a0a0a0;--button-hover-bg: #2d2d2d;--hover-bg: #2d2d2d;--bg-primary: #1a1a1a;--bg-secondary: #222222;--accent: rgb(96, 165, 250);--info-color: #60a5fa}body.dragging-tab{cursor:grabbing!important}body.dragging-tab *{pointer-events:none}body.dragging-tab .titlebar-left,body.dragging-tab .titlebar-left *,body.dragging-tab .titlebar-title,body.dragging-tab .sidebar-toggle-btn,body.dragging-tab .nav-btn,body.dragging-tab .navigation-buttons,body.dragging-tab .navigation-buttons *{pointer-events:auto!important}body.dragging-tab .tab.dragging{pointer-events:auto}body.detached-tab-window{cursor:default!important}body.detached-tab-window .tab{cursor:pointer!important;opacity:1!important;transform:none!important;box-shadow:none!important;pointer-events:auto!important}.tab{cursor:pointer!important;opacity:1!important}.tab:not(.dragging){opacity:1!important;transform:none!important;box-shadow:none!important}body.detached-tab-window .titlebar-button,body.detached-tab-window .sidebar-toggle-btn,body.detached-tab-window .nav-btn{cursor:pointer!important;pointer-events:auto!important}body.detached-tab-window .tab:hover{cursor:pointer!important}body.detached-tab-window .tab.dragging{opacity:1!important;transform:none!important;box-shadow:none!important;cursor:pointer!important}body.detached-tab-window .tab.active{cursor:pointer!important}.calendar-tab-skeleton{display:inline-block;width:60px;height:1.2em;background:linear-gradient(90deg,#0000001a 25%,#0000000d,#0000001a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px;color:transparent}[data-theme=dark] .calendar-tab-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff0d,#ffffff1a 75%);background-size:200% 100%}.settings-container{display:flex;height:100%;width:100%;background-color:var(--bg-primary);border-radius:6px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.settings-sidebar{width:220px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:20px 0;display:flex;flex-direction:column}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:0 14px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-body);font-weight:500;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;position:relative;margin-bottom:2px}.settings-nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.nav-divider{height:1px;background-color:var(--border-color);margin:16px 0}.nav-subheader{color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;margin-top:8px;margin-bottom:4px}.settings-nav-item.active{background:var(--hover-bg, rgba(0, 0, 0, .06));color:var(--text-primary)}.settings-nav-item .nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s ease}.settings-nav-item:hover .nav-icon,.settings-nav-item.active .nav-icon{color:var(--accent);opacity:1}.settings-nav-item .nav-label{flex:1;font-weight:500}.settings-nav-item .nav-popout-icon{width:14px;height:14px;margin-left:auto;opacity:.5;transition:opacity .15s ease}.settings-nav-item:hover .nav-popout-icon{opacity:.8}.settings-main{flex:1;padding:32px 10px;overflow-y:auto;background:var(--bg-primary)}.settings-content h2{margin:0 0 32px;font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.setting-item{margin-bottom:24px}.setting-item label{display:block;margin-bottom:12px;font-size:16px;font-weight:500;color:var(--text-primary)}.theme-options{display:flex;gap:16px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.theme-option:hover,.theme-option.active{border-color:var(--accent)}.theme-preview{width:60px;height:40px;border-radius:4px;border:1px solid var(--border-color)}.theme-preview.light{background:linear-gradient(135deg,#fff 50%,#f8f9fa 50%)}.theme-preview.dark{background:linear-gradient(135deg,#1a1a1a 50%,#2d2d2d 50%)}.theme-option span{font-size:14px;font-weight:500;color:var(--text-secondary)}.theme-option.active span{color:var(--accent)}.notification-settings .setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.notification-settings .setting-item:last-child{border-bottom:none}.notification-settings .setting-item label{margin-bottom:0;flex:1}.time-range{display:flex;align-items:center;gap:12px;margin-top:8px}.time-range span{color:var(--text-secondary);font-size:14px;font-weight:500}.time-range .input{max-width:120px}.setting-item{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.setting-item label{font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:8px}.setting-item .input,.setting-item select{padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;transition:all .15s ease;outline:none;max-width:280px}.setting-item .input:hover,.setting-item select:hover{border-color:var(--accent)}.setting-item .input:focus,.setting-item select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2383e214}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:4px}.setting-item .description{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.general-settings,.profile-settings,.appearance-settings,.notification-settings{display:flex;flex-direction:column;gap:24px}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:var(--text-secondary)}.error-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center}.error-state p{margin:0;color:var(--text-secondary)}.retry-button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:color-mix(in srgb,var(--accent) 90%,black);transform:translateY(-1px)}@media (max-width: 768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.settings-nav{flex-direction:row;overflow-x:auto;gap:8px}.settings-nav-item{flex-shrink:0;min-width:auto}.settings-main{padding:20px}.profile-settings{flex-direction:column;align-items:center;text-align:center}}.switch{border:none;background:none;padding:0;cursor:pointer;outline:none;transition:opacity .2s ease}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.switch.disabled{cursor:not-allowed;opacity:.5}.switch-track{display:block;position:relative;border-radius:12px;transition:background-color .2s ease}.switch-thumb{display:block;background:#fff;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0003;position:absolute;top:50%;transform:translateY(-50%)}.switch.small .switch-track{width:28px;height:16px;background:var(--border-color)}.switch.small .switch-thumb{width:12px;height:12px;left:2px}.switch.small.on .switch-thumb{transform:translateY(-50%) translate(12px)}.switch.medium .switch-track{width:37px;height:20px;background:var(--border-color)}.switch.medium .switch-thumb{width:14px;height:14px;left:4px}.switch.medium.on .switch-thumb{transform:translateY(-50%) translate(16px)}.switch.large .switch-track{width:40px;height:22px;background:var(--border-color)}.switch.large .switch-thumb{width:18px;height:18px;left:2px}.switch.large.on .switch-thumb{transform:translateY(-50%) translate(20px)}.switch.on .switch-track{background:var(--accent)}.switch.on .switch-thumb{box-shadow:0 2px 6px #00000026}.switch:not(.disabled):hover .switch-track{background:var(--border-color-hover, #9ca3af)}.switch.on:not(.disabled):hover .switch-track{background:var(--accent-hover, var(--accent));filter:brightness(1.1)}.switch:not(.disabled):hover .switch-thumb{box-shadow:0 2px 8px #00000040}.switch:not(.disabled):active .switch-thumb{transform:translateY(-50%) scale(.95)}.switch.on:not(.disabled):active .switch-thumb{transform:translateY(-50%) translate(16px) scale(.95)}.switch.small:not(.disabled):active .switch-thumb{transform:translateY(-50%) scale(.95)}.switch.small.on:not(.disabled):active .switch-thumb{transform:translateY(-50%) translate(12px) scale(.95)}.switch.large:not(.disabled):active .switch-thumb{transform:translateY(-50%) scale(.95)}.switch.large.on:not(.disabled):active .switch-thumb{transform:translateY(-50%) translate(20px) scale(.95)}.select-container{position:relative;display:flex;flex-direction:column;width:100%;border-radius:4px;overflow:hidden;box-sizing:border-box}.select-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:.5rem;display:block}.select{width:100%!important;padding:2px 8px!important;border:1px solid var(--input-border)!important;border-radius:4px!important;font-size:var(--font-size-input)!important;background:var(--bg-primary)!important;height:44px!important;color:var(--input-text)!important;transition:border-color .2s!important;box-sizing:border-box!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;overflow:hidden!important;position:relative!important}.select:hover{border:1px solid var(--accent, #3b82f6)!important}.select--disabled{background:var(--bg-disabled, #f9fafb);border-color:var(--border-disabled, #e5e7eb);cursor:not-allowed;opacity:.6}.select--error{border-color:var(--error-color, #ef4444)}.select--error:focus{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 3px var(--error-color-alpha, rgba(239, 68, 68, .1))}.select--small{min-height:2rem;padding:0 .75rem;font-size:.875rem}.select--medium{min-height:2.5rem;padding:0 1rem;font-size:.875rem}.select--medium.select--minimal{padding:0 .75rem 0 0}.select--large{min-height:3rem;padding:0 1.25rem;font-size:1rem}.select--large.select--minimal{padding:0 1rem 0 0}.select--minimal{border:none;background:transparent;border-radius:0;padding-left:0;padding-right:0}.select__display{display:flex;align-items:center;justify-content:space-between;min-height:100%;font-size:var(--font-size-small);cursor:pointer;width:100%;overflow:hidden;box-sizing:border-box}.select__value{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--text-primary, #374151);min-width:0}.select:not(.select--has-value) .select__value{color:var(--text-muted, #9ca3af)}.select__search-input{flex:1;border:none!important;outline:none!important;background:transparent;font-size:var(--font-size-small, .875rem)!important;color:var(--text-primary, #374151);min-width:0;width:100%;height:100%;padding:.5rem 0;box-shadow:none!important}.select__search-input::placeholder{color:var(--text-muted, #9ca3af)}.select__actions{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;flex-shrink:0;padding-right:0}.select--minimal .select__actions{margin-left:.25rem;padding-right:0}.select__clear{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:none;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:.25rem;transition:all .15s ease-in-out}.select__clear:hover{color:var(--text-primary, #374151);background:var(--bg-tertiary, #f3f4f6)}.select__arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af);transition:transform .15s ease-in-out;cursor:pointer;padding:.25rem}.select__arrow--open{transform:rotate(180deg)}.select--disabled .select__arrow,.select--disabled .select__clear{color:var(--text-disabled, #d1d5db);cursor:not-allowed}.select__dropdown{background:var(--bg-primary, #ffffff);border-radius:4px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow-y:auto;overflow-x:hidden;animation:select-dropdown-enter .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color, #e5e7eb)!important;max-width:100vw;min-width:0}.select__dropdown--portal{position:absolute;z-index:9999;max-height:calc(100vh - 16px);max-width:calc(100vw - 16px)}.select__dropdown:not(.select__dropdown--portal){position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:.25rem}.select__dropdown--top:not(.select__dropdown--portal){top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}@keyframes select-dropdown-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.select__option{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:all .15s ease-in-out;color:var(--text-primary, #374151)}.select__option:last-child{border-bottom:none}.select__option:hover,.select__option--highlighted{background:var(--hover-bg)}.select__option--selected{background:var(--primary-color-light, #7a7a7a23)!important;color:var(--primary-color, #3b82f6)!important;font-weight:500}.select__option--selected:hover,.select__option--selected.select__option--highlighted{background:var(--primary-color-lighter, #dbeafe)}.select__option--disabled{color:var(--text-disabled, #d1d5db);cursor:not-allowed;opacity:.5}.select__option--disabled:hover{background:transparent}.select__checkbox{margin-right:.5rem;display:flex;align-items:center}.select__checkbox input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer}.select__option-content{flex:1;text-overflow:ellipsis;white-space:nowrap}.select__no-options{padding:.75rem;text-align:center;color:var(--text-muted, #9ca3af);font-style:italic}.select__display-content{display:flex;align-items:center;gap:.5rem;width:100%;overflow:hidden;min-width:0}.select__display-icon{display:flex;align-items:center;flex-shrink:0}.select__display-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.select__display-badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.select__display-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:10px;font-weight:500;border-radius:.25rem;background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);white-space:nowrap}.select__display-badge.darkmode-badge{background-color:#4b55631a;color:#4b5563;border:1px solid rgba(75,85,99,.2)}.select__display-badge.thunder-badge{background-color:#8b45131a;color:#8b4513;border:1px solid rgba(139,69,19,.2)}.select__option-inner{display:flex;align-items:center;gap:.5rem;width:100%}.select__option-icon{display:flex;align-items:center;flex-shrink:0}.select__option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__option-badges{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.select__option-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.75rem;font-weight:500;border-radius:.25rem;background-color:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);white-space:nowrap}.select__option-badge.darkmode-badge{background-color:#4b55631a;color:#4b5563;border:1px solid rgba(75,85,99,.2)}.select__option-badge.thunder-badge{background-color:#8b45131a;color:#8b4513;border:1px solid rgba(139,69,19,.2)}@media (max-width: 768px){.select__dropdown--portal{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;border-radius:1rem 1rem 0 0;max-height:50vh;max-width:100vw;margin:0;width:100%!important}.select__dropdown{position:fixed;top:auto!important;bottom:0;left:0;right:0;border-radius:1rem 1rem 0 0;max-height:50vh;margin:0;width:100%;max-width:100vw}.select__option{padding:.75rem 1rem;font-size:1rem}.select__search-input{font-size:16px!important}}.select.select--open{outline:none;border-color:var(--accent)!important}.select:focus{outline:none;border-color:var(--accent)}.select__option-badge.hours-badge,.select__display-badge.hours-badge{background:var(--primary-light, #dbeafe);color:var(--primary-dark, #1e40af);border:1px solid var(--primary, #3b82f6)}.select__option-badge.warning-badge,.select__display-badge.warning-badge{background:var(--warning-light, #fef3c7);color:var(--warning-dark, #92400e);border:1px solid var(--warning, #f59e0b);font-weight:600}.general-settings{width:100%;max-width:800px;margin:0 auto}.setting-row{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border-color);gap:40px}.setting-right{flex-shrink:0;display:flex;align-items:center;min-width:200px;max-width:300px;overflow:hidden}.input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.input.disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary);color:var(--text-secondary)}.settings-select{width:100%;max-width:280px}.settings-select .select__display{overflow:hidden}.settings-select .select__value,.settings-select .select__display-content,.settings-select .select__display-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (max-width: 768px){.setting-row{flex-direction:column;gap:16px;align-items:stretch}.setting-right{min-width:auto}}.settings-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.settings-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.profile-settings{width:100%;max-width:800px;margin:0 auto}.setting-right{flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-width:300px}.profile-avatar-section{display:flex;align-items:center;gap:16px}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-tertiary)}.avatar-placeholder svg{width:24px;height:24px}.avatar-actions{display:flex;gap:8px}.name-display{display:flex;align-items:center;gap:12px}.name-value-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:200px;justify-content:space-between}.name-value-btn:hover{background-color:var(--bg-secondary)}.name-value-btn:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2383e21a}.name-text{font-size:14px;color:var(--text-primary);font-weight:500;text-align:left;flex:1}.name-value-btn .edit-icon{opacity:.5;transition:opacity .2s ease;color:var(--text-secondary)}.name-value-btn:hover .edit-icon{opacity:1}.name-edit{width:100%}.name-fields{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.name-fields .form-group{flex:1;min-width:120px}.name-fields{display:flex;gap:12px}.form-group{flex:1;display:flex;flex-direction:column;gap:4px}.input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:var(--text-tertiary)}.field-actions{display:flex;gap:8px;margin-top:8px}.password-form{display:flex;flex-direction:column;gap:12px;width:100%}.error-message{color:var(--error-color);font-size:14px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px}.devices-section{width:100%}.devices-list{display:flex;flex-direction:column;gap:12px}.device-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;transition:background-color .2s ease}.device-item:hover{background:var(--bg-tertiary)}.device-icon{flex-shrink:0;width:40px;height:40px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.device-info{flex:1}.device-name{font-size:14px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin-bottom:4px}.current-device{font-size:12px;font-weight:500;color:var(--success-color);background:#22c55e1a;padding:2px 6px;border-radius:4px;border:1px solid rgba(34,197,94,.2)}.device-meta{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.device-meta svg{width:14px;height:14px;flex-shrink:0}.loading-devices{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary);font-size:14px}.no-devices{text-align:center;color:var(--text-secondary);padding:32px 20px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{opacity:.5;margin-bottom:4px}.no-devices p{margin:0}.btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent);filter:brightness(.9)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-tertiary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-tertiary:hover{background:var(--bg-secondary);color:var(--text-primary)}.show-more-section{display:flex;justify-content:center;margin:16px 0}.show-more-btn{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);background:none;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-ghost{background:none;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.security-link{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.security-link .link-button{background:none;border:none;color:var(--accent);font-size:var(--font-size-small);line-height:1.4;cursor:pointer;padding:4px 0;text-decoration:none;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;font-weight:500}.security-link .link-button:hover{color:var(--accent);opacity:.8;text-decoration:underline;transform:translate(2px)}.security-link .link-button:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (max-width: 768px){.setting-row{flex-direction:column;gap:16px;align-items:stretch}.setting-right{min-width:auto}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:12px}.name-fields,.field-actions{flex-direction:column}.device-item{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.device-icon{align-self:center}.device-info{text-align:center}.device-name,.device-meta{justify-content:center}}@media (max-width: 480px){.settings-header h2{font-size:20px}.setting-row{padding:16px 0}.profile-avatar{width:56px;height:56px}.avatar-actions{flex-direction:column;width:100%;gap:8px}.name-fields{gap:8px}}.appearance-container{position:relative;overflow:hidden}.setting-right{padding-top:10px;flex-shrink:0;display:flex;align-items:center;min-width:200px}.input{width:100%;padding:0;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.input:disabled{opacity:.6;cursor:not-allowed}.toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;background-color:var(--input-bg);margin:0;flex-shrink:0}.toggle-checkbox:checked{background-color:var(--accent);border-color:var(--accent)}.toggle-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.toggle-checkbox:focus{outline:2px solid var(--accent);outline-offset:2px}.accent-color-picker{display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:100%}.color-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;width:100%;max-width:160px}.color-option{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;outline:none}.color-option:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.color-option.active{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}.color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.custom-color-section{display:flex;align-items:center;gap:8px;margin-top:8px;align-self:flex-end;min-width:160px}.custom-color-input{width:32px;height:32px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;outline:none;background:none;transition:all .2s ease}.custom-color-input:hover{border-color:var(--accent);transform:scale(1.05)}.color-value{font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color)}.custom-color-input{cursor:pointer;background:none;outline:none;transition:all .2s ease}.custom-color-input:hover{border-color:var(--accent)}.custom-color-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.custom-color-header{display:flex;align-items:center}.experimental-badge{background-color:var(--warning, #f59e0b);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.custom-color-warning{display:flex;align-items:flex-start;gap:8px;padding:8px;background-color:var(--warning-light, rgba(245, 158, 11, .1));border:1px solid var(--warning-light, rgba(245, 158, 11, .2));border-radius:4px;font-size:var(--font-size-small);color:var(--warning, #f59e0b);max-width:260px;margin-top:8px}.font-size-setting{display:flex;flex-direction:column;gap:12px;width:100%}.font-size-preview{padding:16px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.preview-heading{font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.3}.preview-body{font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:6px;line-height:1.5}.preview-small{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}.font-size-setting .input{margin-bottom:0}@media (max-width: 768px){.setting-row{flex-direction:column;gap:16px;align-items:stretch}.setting-right{min-width:auto}.color-grid{grid-template-columns:repeat(8,1fr);max-width:100%}.accent-color-picker{width:100%}.custom-color-section{justify-content:flex-start}.font-size-setting{min-width:unset}.setting-row{flex-direction:column;gap:16px}.setting-right{min-width:unset;width:100%}}.input,.setting-item select{padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease;outline:none}.input:hover,.setting-item select:hover{border-color:var(--accent)}.input:focus,.setting-item select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.setting-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.input:focus{outline:none;border-color:var(--primary-color)}input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:14px}.appearance-container{width:100%;overflow:hidden}.appearance-views{display:flex;width:200%;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.appearance-views.show-layout{transform:translate(-50%)}.appearance-main,.appearance-layout{flex-shrink:0}.page-layout-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.page-layout-button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;outline:none;text-align:left;width:100%}.page-layout-button:hover{background:var(--bg-tertiary);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.page-layout-button:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.page-layout-button .page-name{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.page-layout-button .current-layout{font-size:var(--font-size-small);color:var(--text-secondary);margin-left:auto;margin-right:8px}.page-layout-button svg{color:var(--text-secondary);flex-shrink:0}.page-layout-settings{width:100%;max-width:800px;margin:0 auto}.layout-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;outline:none;font-size:var(--font-size-small);text-decoration:none;flex-shrink:0}.back-button:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary)}.back-button:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.layout-title h3{font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.layout-title p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0;line-height:1.4}.layout-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.layout-option{border:1px solid var(--border-color);border-radius:4px;padding:16px;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);position:relative;overflow:hidden}.layout-option:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000001a}.layout-option.selected{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 1px var(--accent),0 4px 16px #2383e226}.layout-switch{position:absolute;bottom:12px;right:12px;z-index:1}.layout-preview{width:100%;height:140px;margin-bottom:16px;border-radius:4px;overflow:hidden;position:relative;isolation:isolate}.preview-background{width:100%;height:100%;background:var(--bg-tertiary);position:relative;border-radius:4px;border:1px solid var(--border-color)}.modal-preview .preview-background{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.modal-preview .preview-list{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-direction:column;gap:4px}.modal-preview .preview-item{height:auto;background:transparent;border-radius:2px;opacity:.8;display:flex;align-items:center;gap:4px;padding:2px 4px;margin-bottom:2px}.modal-preview .preview-item.selected{background:#2383e21a;opacity:1}.modal-preview .preview-user-info{flex:1;display:flex;flex-direction:column;gap:1px}.modal-preview .modal-header{height:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:6px 6px 0 0;display:flex;align-items:center;gap:4px;padding:0 6px}.modal-preview .modal-user-info{flex:1;display:flex;align-items:center}.modal-preview .modal-field{height:auto;background:transparent;border-radius:2px;opacity:.8;display:flex;flex-direction:column;gap:5px;margin-bottom:3px}.fullscreen-preview .preview-background{background:var(--bg-primary)!important;border:none!important;border-radius:0!important;padding:0!important}.fullscreen-preview .fullscreen-content{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.fullscreen-preview .fullscreen-header{height:25px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 8px;flex-shrink:0}.fullscreen-preview .fullscreen-user-section{display:flex;align-items:center;gap:6px}.fullscreen-preview .fullscreen-user-info{display:flex;flex-direction:column;gap:1px}.fullscreen-preview .fullscreen-details{flex:1;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--bg-primary)}.fullscreen-preview .section-content{display:flex;flex-direction:column;gap:5px}.sidecard-preview .preview-background{display:flex!important;background:var(--bg-primary);gap:4px;padding:4px}.skeleton-text{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:3px;position:relative;overflow:hidden}.sidecard-preview .sidecard-table{flex:1;min-width:0}.sidecard-preview .sidecard-details{width:45%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.sidecard-preview .details-header{height:18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:4px;padding:0 6px}.sidecard-preview .details-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.sidecard-preview .details-content{flex:1;padding:6px;display:flex;flex-direction:column;gap:5px}.sidecard-preview .details-section{display:flex;flex-direction:column;gap:5px}.sidecard-preview .details-field{display:flex;flex-direction:column;gap:5px;margin-bottom:3px;width:100%}.skeleton-text.email-table,.skeleton-text.role-table{height:2px;width:100%}.skeleton-text.modal-title{height:3px;width:70%;margin-bottom:1px}.skeleton-text.modal-subtitle{height:2px;width:50%}.skeleton-text.section-title{height:2px;width:40%;margin-bottom:2px}.skeleton-text.label{height:2px;width:30%;margin-bottom:1px}.skeleton-text.value,.skeleton-text.details-role{height:2px;width:60%}.sidecard-preview .section-title-text{font-size:8px;font-weight:600;color:var(--text-primary);height:auto;line-height:1.2;margin-bottom:3px}.sidecard-preview .label-text{font-size:6px;color:var(--text-secondary);height:auto;line-height:1.2;margin-bottom:1px}.skeleton-text.name-large{height:3px;width:65%;margin-bottom:1px}.sidecard-preview .value-text{font-size:6px;color:var(--text-primary);height:auto;line-height:1.2}.sidecard-preview .details-name-text{font-size:7px;font-weight:600;color:var(--text-primary);height:auto;line-height:1.2}.sidecard-preview .details-role-text{font-size:6px;color:var(--text-secondary);height:auto;line-height:1.2}.skeleton-text.role{height:2px;width:45%}.fullscreen-preview .fullscreen-name-text{font-size:8px;font-weight:600;color:var(--text-primary);height:auto;line-height:1.2}.fullscreen-preview .fullscreen-role-text{font-size:6px;color:var(--text-secondary);height:auto;line-height:1.2}.fullscreen-preview .fullscreen-section-title{font-size:6px;font-weight:600;color:var(--text-primary);height:auto;line-height:1.2;margin-bottom:2px}.fullscreen-preview .fullscreen-field-text{font-size:5px;color:var(--text-primary);height:auto;line-height:1.2;margin-bottom:1px}.skeleton-text.field{height:2px;width:80%;margin-bottom:1px}.preview-user-icon{width:12px;height:12px;border-radius:50%;background:var(--border-color);flex-shrink:0;position:relative}.preview-user-icon.active{background:var(--accent)}.preview-user-icon:before{content:"";position:absolute;top:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--bg-primary);border-radius:50%}.skeleton-text.details-name{height:3px;width:65%;margin-bottom:1px}.preview-user-icon:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:6px;height:3px;background:var(--bg-primary);border-radius:3px 3px 0 0}.modal-user-avatar,.fullscreen-avatar,.sidebar-user-avatar,.details-user-avatar{width:16px;height:16px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative}.modal-user-avatar:before,.fullscreen-avatar:before,.sidebar-user-avatar:before,.details-user-avatar:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#fff;border-radius:50%}.modal-user-avatar:after,.fullscreen-avatar:after,.sidebar-user-avatar:after,.details-user-avatar:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:10px;height:5px;background:#fff;border-radius:5px 5px 0 0}.preview-table,.sidecard-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.table-header{display:flex;align-items:center;gap:4px;padding:2px 4px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:8px}.table-cell-small{width:12px;height:2px;background:var(--text-tertiary);border-radius:1px;opacity:.6}.skeleton-text.name-table{height:2px;width:100%}.table-cell-medium{width:30px;height:2px;width:100%}.skeleton-text.email-table{height:2px;width:100%}.table-cell-large{flex:1;height:2px;background:var(--text-tertiary);border-radius:1px;opacity:.6}.table-row{display:flex;align-items:center;gap:4px;padding:2px 4px;height:12px;border-bottom:1px solid var(--border-color)}.table-row.selected{background:#2383e21a}.table-row.selected:hover{background:#2383e226}.modal-preview .preview-background{display:block;background:var(--bg-primary);position:relative}.modal-preview .preview-table{margin:4px}.modal-preview .modal-overlay-preview{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-preview .preview-modal{width:70%;height:75%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;overflow:hidden}.modal-preview .modal-header{height:18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:4px;padding:0 6px;position:relative}.modal-preview .modal-user-info{flex:1;display:flex;flex-direction:column;gap:1px}.modal-preview .modal-close{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;opacity:.6;flex-shrink:0}.modal-preview .modal-content{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.modal-preview .modal-section{display:flex;flex-direction:column;gap:2px}.label-with-badge{display:flex;align-items:center;gap:8px}.fullscreen-preview .section-title{height:2px;width:40%;margin-bottom:2px}.sidecard-preview .preview-item{height:auto;background:transparent;border-radius:2px;opacity:.8;display:flex;align-items:center;gap:3px;padding:2px;margin-bottom:2px}.sidecard-preview .preview-item.selected{background:#2383e21a;opacity:1}.sidecard-preview .preview-user-info{flex:1;display:flex;flex-direction:column;gap:1px}.sidecard-preview .sidebar-header{height:12px;background:var(--bg-tertiary);border-radius:2px;display:flex;align-items:center;gap:3px;padding:0 3px}.sidecard-preview .sidebar-user-info{flex:1;display:flex;flex-direction:column;gap:1px}.sidecard-preview .sidebar-field{height:auto;background:transparent;border-radius:2px;opacity:.8;display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.appearance-settings{width:100%;max-width:800px;margin:0 auto;position:relative}.background-selector-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:200px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;gap:12px}.background-selector-button:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.current-background-preview{width:24px;height:24px;border-radius:4px;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.no-background-preview{font-size:10px;color:var(--text-secondary);font-weight:500}.background-preview-mini{font-size:10px;color:var(--text-primary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.background-selector-text{flex:1;text-align:left;color:var(--text-primary);font-size:14px;font-weight:500}.chevron-right{color:var(--text-secondary);transition:transform .2s ease}.background-selector-button:hover .chevron-right{transform:translate(2px)}.theme-selector-disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-selector-disabled .theme-selector__tab{cursor:not-allowed}.thunder-settings{padding:24px;height:100%;overflow-y:auto}.thunder-settings-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.thunder-settings-header .back-button{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .15s ease}.thunder-settings-header .back-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.thunder-settings-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.thunder-description{margin-bottom:32px}.thunder-description p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.thunder-settings-content{display:flex;flex-direction:column;gap:24px}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0;border-bottom:1px solid var(--border-color)}.security-setting-left{flex:1}.security-setting-left label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:block}.security-setting-left .description{font-size:12px;color:var(--text-secondary);line-height:1.4}.security-setting-right{flex:0 0 200px}.thunder-select{width:100%}.rain-color-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:20px;margin-top:16px}.preview-container{display:flex;align-items:center;gap:16px}.preview-label{font-size:12px;color:var(--text-secondary);font-weight:500;min-width:60px}.rain-preview{position:relative;width:120px;height:60px;background:linear-gradient(135deg,#434343,#000);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.preview-raindrop{position:absolute;width:2px;height:12px;border-radius:50%/60% 60% 40% 40%;animation:preview-fall 1.5s linear infinite}.preview-raindrop:nth-child(1){left:20%;animation-delay:0s}.preview-raindrop:nth-child(2){left:50%;animation-delay:.5s}.preview-raindrop:nth-child(3){left:80%;animation-delay:1s}@keyframes preview-fall{0%{top:-12px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:60px;opacity:0}}@media (max-width: 768px){.thunder-settings{padding:16px}.setting-row{flex-direction:column;gap:12px}.setting-right{flex:1;width:100%}.preview-container{flex-direction:column;align-items:flex-start;gap:12px}.rain-preview{width:100%;max-width:200px}}[data-theme=dark] .rain-preview{background:linear-gradient(135deg,#2a2a2a,#000)}[data-theme=dark] .rain-color-preview{background:var(--bg-tertiary)}.background-settings{width:100%;height:100%;display:flex;flex-direction:column}.background-settings-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;margin-bottom:24px;padding-bottom:16px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.background-settings h2{margin:0;color:var(--text-primary);font-size:24px;font-weight:600}.background-description{margin-bottom:32px}.background-description p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.background-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.background-option{background:var(--bg-secondary)!important;border:1px solid var(--border-color);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;position:relative}.background-option:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow)}.background-option.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.background-preview{position:relative;width:100%;height:120px;border-radius:4px;overflow:hidden;margin-bottom:12px;background:var(--bg-tertiary)}.bg-preview-none{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:4px}.bg-preview-none span{color:var(--text-secondary);font-size:14px;font-weight:500}.bg-preview-image,.bg-preview-video{width:100%;height:100%;object-fit:cover}.bg-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:4px}.preview-label{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);text-align:center}.selected-indicator{position:absolute;top:8px;right:8px;width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:3}.video-play-indicator{position:absolute;bottom:8px;left:8px;width:24px;height:24px;background:#000000b3;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;transition:all .2s ease}.video-play-indicator:hover{background:#000000e6;transform:scale(1.05)}.theme-indicator{position:absolute;bottom:8px;right:8px;padding:4px 6px;background:#000000b3;border-radius:6px;z-index:2;transition:all .2s ease}.theme-indicator:hover{background:#000000e6;transform:scale(1.05)}.theme-icons{display:flex;align-items:center;gap:2px}.theme-icons .light-icon{color:#fbbf24}.theme-icons .dark-icon{color:#6b7280}.background-option.selected .video-play-indicator,.background-option.selected .theme-indicator{z-index:2}.background-option.selected .selected-indicator{z-index:3}.background-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}.background-name{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:500}.settings-button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s ease;margin-top:8px}.settings-button:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.settings-button svg{width:12px;height:12px}@media (max-width: 768px){.background-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.background-preview{height:100px}.background-name{font-size:13px}}.theme-selector{background:var(--bg-tertiary);border-radius:4px}.theme-selector__tabs{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:4px;padding:3px}.theme-selector__tab{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease,background-color .2s ease,color .2s ease;color:var(--text-tertiary);min-height:28px}.theme-selector__tab:hover{background:var(--hover-bg);color:var(--text-secondary)}.theme-selector__tab--active{background:var(--bg-primary)!important;color:var(--text-primary)!important;box-shadow:0 1px 3px #0000001a}.theme-selector__tab--active:hover{background:var(--bg-primary)!important;color:var(--text-primary)!important}.theme-selector__icon{transition:transform .2s ease}.theme-selector__tab:hover .theme-selector__icon{transform:scale(1.1)}.theme-selector__tab--active .theme-selector__icon{transform:scale(1.05)}.notification-sound-selector{width:100%;margin:20px 0;border-radius:8px}.sound-selector-header{margin-bottom:16px}.sound-selector-header h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.sound-selector-description{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.sound-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.sound-option-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.sound-option-card:hover{border-color:var(--accent-light);box-shadow:0 2px 8px #2383e21a}.sound-option-card.selected{border-color:var(--accent);background:var(--accent-bg)}.sound-option-info{flex:1;min-width:0}.sound-option-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.sound-option-desc{font-size:12px;color:var(--text-secondary);line-height:1.3}.sound-preview-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;margin-left:12px;flex-shrink:0}.sound-preview-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.sound-preview-btn:active{transform:translateY(0)}.sound-preview-btn svg{width:12px;height:12px;margin-left:1px}@media (max-width: 768px){.sound-options-grid{grid-template-columns:1fr}.sound-option-card{padding:16px}.sound-preview-btn{width:36px;height:36px}.sound-preview-btn svg{width:14px;height:14px}}.notification-settings{width:100%;max-width:800px;margin:0 auto}.sound-settings-section{margin:20px 0}.test-notification-section{margin:32px 0;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.test-notification-section h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.test-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.4}.test-buttons{display:flex;gap:12px;flex-wrap:wrap}.test-btn{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.test-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.test-btn:active{transform:translateY(0)}.setting-row{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-color);gap:40px}.setting-row:last-child{border-bottom:none}.setting-left{flex:1;display:flex;flex-direction:column;gap:4px}.setting-left label{font-weight:500;color:var(--text-primary);font-size:15px;line-height:1.4}.setting-left .description{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.setting-right{flex-shrink:0;display:flex;align-items:center;min-width:200px}.input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--accent)}.input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.time-range{display:flex;align-items:center;gap:12px}.time-range .input{width:auto;min-width:120px}.time-range span{color:var(--text-secondary);font-size:14px}.security-settings{width:100%;max-width:800px;margin:0 auto}.security-activity-section{width:100%}.activity-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color);transition:all .2s ease}.activity-item:hover{background-color:var(--bg-tertiary)}.activity-item.login{border-left:3px solid var(--success-color)}.activity-item.signout{border-left:3px solid var(--accent)}.activity-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-primary);flex-shrink:0}.activity-icon.login-icon{color:var(--success-color)}.activity-icon.signout-icon{color:var(--accent)}.activity-info{flex:1;display:flex;flex-direction:column;gap:4px}.activity-description{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.activity-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.activity-meta svg{opacity:.7}.activity-ip{font-size:11px;color:var(--text-tertiary);font-family:Courier New,monospace;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.loading-activity{display:flex;align-items:center;gap:8px;padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.no-activity{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-secondary)}.no-activity .empty-icon{opacity:.5}.no-activity p{margin:0;font-size:14px}.security-tips{display:flex;flex-direction:column;gap:16px}.tip-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.tip-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.tip-content{flex:1}.tip-content strong{font-size:14px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:4px}.tip-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.ip-toggle-section{display:flex;align-items:center;margin-top:12px;padding:10px 12px;background-color:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-color)}.ip-toggle-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:var(--font-size-body);color:var(--text-primary);margin:0;width:100%}.ip-toggle-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;background-color:var(--input-bg);margin:0;flex-shrink:0}.ip-toggle-checkbox:checked{background-color:var(--accent);border-color:var(--accent)}.ip-toggle-checkbox:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.ip-toggle-checkbox:focus{outline:2px solid var(--accent);outline-offset:2px}.ip-toggle-content{display:flex;flex-direction:column;gap:2px}.ip-toggle-text{font-weight:500;-webkit-user-select:none;user-select:none;font-size:var(--font-size-small)}.ip-toggle-description{font-size:var(--font-size-caption);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.ip-toggle-label:hover .ip-toggle-text{color:var(--accent)}@media (max-width: 768px){.activity-item{padding:12px;gap:8px}.activity-icon-wrapper{width:28px;height:28px}.activity-description{font-size:13px}.activity-meta{font-size:11px}.tip-item{padding:12px}.tip-content strong{font-size:13px}.tip-content p{font-size:12px}}.agency-settings-container{padding:24px}.settings-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}.header-actions{display:flex;gap:8px;align-items:center}.settings-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.settings-header p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.last-refresh{font-size:13px;color:var(--text-tertiary);margin:4px 0 0;font-style:italic}.content-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.content-loading-state p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.agency-card,.invitation-card{opacity:0;transform:translateY(20px);transition:all .3s ease}.agency-card.animate-in,.invitation-card.animate-in{opacity:1;transform:translateY(0)}.agency-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.agency-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.agency-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.agency-info{flex:1}.agency-main{display:flex;align-items:center;gap:12px;margin-bottom:8px}.agency-name{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.agency-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.agency-status.active{background:#22c55e1a;color:#22c55e}.agency-details{display:flex;gap:16px;color:var(--text-secondary);font-size:var(--font-size-small)}.agency-actions{display:flex;gap:8px}.agency-actions-footer{display:flex;justify-content:center;margin-top:24px}.manage-agencies-actions{margin-bottom:24px}.create-agency-form{border-radius:6px;margin-bottom:24px}.create-agency-form h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.invitations-section{margin-bottom:32px}.invitations-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-card{background:var(--bg-secondary);border-radius:6px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.invitation-info h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.invitation-info p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0 0 4px}.invitation-message{font-style:italic;color:var(--text-primary)!important;background:rgba(var(--primary-color-rgb),.1);padding:8px 12px;border-radius:4px;margin:8px 0!important}.invitation-date{font-size:var(--font-size-small)!important;color:var(--text-tertiary)!important}.invitation-actions{display:flex;gap:8px}.my-agencies-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{display:block;color:var(--text-primary);font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .2s ease;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:60px}.form-actions{display:flex;gap:12px;margin-top:20px}.manage-card .agency-members{color:var(--text-secondary);font-size:var(--font-size-small)}.billing-overview{margin-bottom:32px}.billing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;text-align:center}.stat-card h4{color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.billing-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.billing-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .2s ease}.billing-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.billing-main{display:flex;align-items:center;gap:12px;margin-bottom:12px}.billing-plan{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.billing-details{display:flex;flex-direction:column;gap:4px}.billing-detail{display:flex;gap:8px;font-size:var(--font-size-small)}.detail-label{color:var(--text-secondary);font-weight:500}.detail-value{color:var(--text-primary)}.billing-status{padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase}.billing-status.active{background:#22c55e1a;color:#22c55e}.billing-actions{display:flex;flex-direction:column;gap:8px;min-width:140px}.billing-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.billing-help{text-align:center}.billing-help h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.billing-help p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0 0 16px}.loading-state{text-align:center;padding:40px 20px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:16px}.loading-state p{margin:0;font-size:16px}.error-state,.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state{border-radius:6px;margin:20px 0}.empty-state p{margin-bottom:16px;font-size:16px}.limit-reached{background:var(--bg-secondary);border:1px solid var(--warning-color, #f39c12);border-radius:6px;padding:24px;text-align:center;margin:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.limit-message{color:var(--warning-color, #f39c12);font-weight:600;margin-bottom:16px;font-size:16px}.limit-reached .btn-secondary{margin-top:8px}.agency-status-group{display:flex;align-items:center;gap:8px}.primary-badge{background:linear-gradient(135deg,#e58e46,#e2610a);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #4f46e54d}.btn-sm{padding:6px 12px;font-size:13px}.agency-details-dialog{max-width:700px;max-height:85vh}.details-loading{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.details-loading p{color:var(--text-secondary);margin:0}.agency-details-content{display:flex;flex-direction:column;gap:24px}.agency-overview{border-bottom:1px solid var(--border-color);padding-bottom:20px}.agency-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.agency-header-info h4{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.agency-badges{display:flex;gap:8px;align-items:center}.agency-type-badge{background:var(--primary-color);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.agency-description{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5;margin:12px 0 0;padding:12px;background:rgba(var(--primary-color-rgb),.05);border-left:3px solid var(--primary-color);border-radius:0 6px 6px 0}.agency-role{color:var(--text-primary);font-weight:600;background:rgba(var(--primary-color-rgb),.1);padding:2px 6px;border-radius:4px;font-size:var(--font-size-small)}.agency-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:var(--bg-tertiary, var(--bg-secondary));border-radius:4px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-value{color:var(--text-primary);font-size:16px;font-weight:600}.agency-members-section h5{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.members-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.member-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.member-info{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-placeholder{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.member-details{display:flex;flex-direction:column;gap:2px}.member-name{color:var(--text-primary);font-weight:500;font-size:15px}.member-role{color:var(--text-secondary);font-size:13px;text-transform:capitalize}.member-date{color:var(--text-secondary);font-size:12px}.agency-actions-section{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--border-color)}.primary-notice{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-color);font-weight:600}.error-loading{text-align:center;padding:40px 20px;color:var(--error-color, #ef4444)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:var(--bg-primary);border-radius:6px;box-shadow:0 20px 40px #0003;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dialog-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.dialog-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.dialog-close:hover{background:var(--hover-bg);color:var(--text-primary)}.dialog-body{padding:24px;overflow-y:auto;flex:1}.public-agencies-list{display:flex;flex-direction:column;gap:12px}.public-agency-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.public-agency-card:hover{border-color:var(--primary-color)}.public-agency-card .agency-info{flex:1}.public-agency-card h4{margin:0 0 4px;color:var(--text-primary);font-size:16px;font-weight:600}.public-agency-card p{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.agency-meta{display:flex;gap:12px;font-size:12px}.agency-type{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:3px;text-transform:capitalize}.agency-members{color:var(--text-secondary);font-size:var(--font-size-small)}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color)}.btn-danger{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.management-tools-section{margin:32px 0}.management-tools-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));opacity:0;transition:opacity .3s ease}.tool-card:hover:before{opacity:1}.tool-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-color-rgb),.1);border-radius:6px;color:var(--primary-color)}.tool-card h4{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.tool-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 20px}.tool-card .btn-primary,.tool-card .btn-secondary{width:100%;padding:10px 16px;font-size:14px;font-weight:500}.agency-stats-section{margin:32px 0}.agency-stats-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:24px 16px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.stat-number{color:var(--primary-color);font-size:24px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.agency-actions-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border-color)}.agency-actions-footer .btn-secondary,.agency-actions-footer .btn-danger{padding:12px 24px;font-size:14px;font-weight:500}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.agency-actions-footer{flex-direction:column;gap:12px}.agency-actions-footer .btn-danger{margin-left:0!important}}.notion-style{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;line-height:1.5}.notion-header{border-bottom:1px solid var(--border-color);padding:32px 0 24px;margin-bottom:32px}.header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.agency-title-section{flex:1}.agency-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2;letter-spacing:-.02em}.agency-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-secondary);font-size:14px;font-weight:400}.meta-item{display:flex;align-items:center;gap:4px}.meta-separator{color:var(--text-tertiary);font-weight:300;margin:0 2px}.agency-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0;max-width:600px;font-weight:400}.header-actions{display:flex;gap:12px;align-items:flex-start}.btn-ghost{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.notion-content{max-width:none;padding:0}.notion-section{margin-bottom:48px}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px;line-height:1.3;letter-spacing:-.01em}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px}.action-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:16px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:12px;text-decoration:none}.action-item:hover{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.action-icon{width:40px;height:40px;background:rgba(var(--primary-color-rgb),.1);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.action-content{flex:1}.action-content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.action-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4;font-weight:400}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.Agency-overview-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:20px 16px;text-align:center;transition:all .15s ease}.Agency-overview-card:hover{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.overview-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.overview-value{font-size:18px;font-weight:600;color:var(--text-primary);text-transform:capitalize;letter-spacing:-.01em}.danger-section{border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:24px;background:#ef444405}.danger-section .section-title{color:#dc2626;font-size:18px}.danger-content{margin-top:16px}.danger-item{display:flex;align-items:center;justify-content:space-between;gap:24px}.danger-info{flex:1}.danger-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.danger-info p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4;font-weight:400}.btn-danger-outline{background:transparent;border:1px solid #dc2626;color:#dc2626;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-danger-outline:hover{background:#dc2626;color:#fff}.notion-style .create-agency-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:24px;margin:24px 0}.notion-style .create-agency-form h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.01em}.notion-style .dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}.notion-style .dialog-content{background:var(--bg-primary);border-radius:4px;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color)}.notion-style .dialog-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.notion-style .dialog-header h3{font-size:18px;font-weight:600;letter-spacing:-.01em}@media (max-width: 768px){.notion-header{padding:24px 0 16px;margin-bottom:24px}.header-content{flex-direction:column;gap:16px}.agency-title{font-size:28px}.action-grid{grid-template-columns:1fr;gap:6px}.overview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.danger-item{flex-direction:column;align-items:flex-start;gap:16px}.action-item{padding:12px}.Agency-overview-card{padding:16px 12px}.notion-section{margin-bottom:32px}}.integrations-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:16px}.integration-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s ease}.integration-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.integration-card.coming-soon{opacity:.6;background:var(--bg-secondary)}.integration-card.coming-soon:hover{border-color:var(--border-color);box-shadow:none}.integration-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.integration-logo{flex-shrink:0}.integration-info{flex:1}.integration-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.integration-info p{margin:0;font-size:14px;color:var(--text-secondary)}.integration-status{flex-shrink:0}.status-badge.connected{background:#e7f5e7;color:#2d7d32;border:1px solid #4CAF50}.status-badge.disconnected{background:#fff3e0;color:#f57c00;border:1px solid #FF9800}.status-badge.coming-soon{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.integration-details{margin-bottom:20px}.connected-info{display:flex;flex-direction:column;gap:16px}.connection-details p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.connection-details strong{color:var(--text-primary)}.integration-features h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.integration-features ul,.connection-info ul{margin:8px 0 0;padding-left:20px}.integration-features li,.connection-info li{margin:4px 0;font-size:14px;color:var(--text-secondary)}.connection-info p{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.integration-actions{display:flex;gap:12px;align-items:center}.connected-actions{display:flex;gap:12px;width:100%}.section-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary)}@media (min-width: 768px){.integrations-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.connected-info{flex-direction:row;gap:24px}.connection-details,.integration-features{flex:1}}@media (max-width: 767px){.integration-header{flex-direction:column;text-align:center;gap:12px}.integration-actions,.connected-actions{flex-direction:column}}.sync-result{margin-top:16px;padding:12px 16px;border-radius:8px;border:1px solid;background:var(--bg-secondary)}.sync-result.success{border-color:#4caf50;background:#4caf501a}.sync-result.error{border-color:#f44336;background:#f443361a}.sync-result-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sync-result-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.sync-result.success .sync-result-icon{color:#4caf50}.sync-result.error .sync-result-icon{color:#f44336}.sync-result-title{font-weight:600;font-size:14px;color:var(--text-primary)}.sync-result-time{font-size:12px;color:var(--text-secondary);margin-left:auto}.sync-result-message{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.animate-spin{animation:spin 1s linear infinite}.integration-setting{padding:16px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.setting-info p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.setting-toggle{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.setting-toggle input[type=checkbox]{display:none}.setting-toggle .toggle-slider{position:relative;width:48px;height:28px;background:var(--bg-secondary);border-radius:28px;border:2px solid var(--border-color);transition:all .3s ease;cursor:pointer}.setting-toggle .toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.setting-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--primary-color);border-color:var(--primary-color)}.setting-toggle input[type=checkbox]:checked+.toggle-slider:after{left:22px}.setting-toggle input[type=checkbox]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.setting-status{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.last-sync{font-size:12px;color:var(--text-secondary)}.auto-sync-controls{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.sync-setting{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sync-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:var(--text-primary)}.sync-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 1px 3px #0003}.sync-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--primary-color);border-color:var(--primary-color)}.sync-toggle input[type=checkbox]:checked+.toggle-slider:after{left:22px}.sync-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.sync-status.running{background:#22c55e1a;color:var(--success-color)}.auto-sync-controls.disabled{opacity:.6}.auto-sync-controls.disabled .sync-toggle,.auto-sync-controls.disabled .toggle-slider{cursor:not-allowed}.sync-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.current-plan-details{margin-bottom:32px}.current-plan-details h3,.available-plans h3{color:var(--text-primary);font-size:20px;font-weight:600}.plan-features{margin-top:24px;padding:20px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.plan-features h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.features-list li{color:var(--text-primary);font-size:14px;display:flex;align-items:center;gap:8px}.features-list li:before{content:"✓";color:var(--accent);font-weight:700}.available-plans{margin-bottom:32px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:20px}.plan-card{position:relative;padding:24px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--accent)}.plan-card.popular{border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2)}.plan-card.current{border-color:var(--accent);background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05)}.popular-badge{position:absolute;top:-12px;right:24px;background:var(--accent);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-card h4{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.plan-price{margin-bottom:16px;display:flex;align-items:baseline;gap:4px}.plan-price .price{color:var(--text-primary);font-size:32px;font-weight:700}.plan-price .period{color:var(--text-secondary);font-size:14px}.plan-description{color:var(--text-secondary);font-size:14px;margin:0 0 20px;line-height:1.5}.plan-features-list{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features-list li{color:var(--text-primary);font-size:14px;padding:8px 0;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;gap:8px}.plan-features-list li:last-child{border-bottom:none}.plan-features-list li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.plan-card .btn-primary,.plan-card .btn-secondary{width:100%;padding:12px 24px;font-weight:600;transition:all .2s ease}.plan-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}.error-message{animation:slideInDown .3s ease-out}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.patch-notes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999998;padding:20px;opacity:0;animation:fadeInmodal .4s ease-out forwards}.patch-notes-overlay.closing{animation:fadeOutmodal .3s ease-in forwards}@keyframes fadeInmodal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutmodal{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.patch-notes-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);background-color:var(--bg-renderer);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 32px 64px #0003,0 0 0 1px #ffffff1a,inset 0 1px #fff6;transform:translateY(20px);animation:slideUp .4s ease-out forwards;position:relative}.patch-notes-modal.closing{animation:slideDown .3s ease-in forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.patch-notes-banner{position:relative;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:24px 24px 0 0}.banner-lottie{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center}.banner-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:16px 24px}.banner-overlay{position:relative;z-index:2;text-align:left;color:#fff;padding:0;border-radius:0;width:100%;max-width:none}.version-badge-modern{display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;font-size:12px;font-weight:500;margin-top:0;opacity:.9;color:var(--text-primary);flex-shrink:0}@keyframes glow{0%{box-shadow:0 0 10px #ffffff4d}to{box-shadow:0 0 20px #fff9}}.banner-title{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)!important;opacity:.95;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes textShine{0%{background-position:-200% 0}to{background-position:200% 0}}.banner-subtitle{font-size:14px;margin:0;opacity:.8;color:var(--text-primary);font-weight:400}.banner-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.close-button-modern{position:absolute;top:20px;right:20px;background:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease;z-index:3}.close-button-modern:hover{background:#ffffff4d;transform:scale(1.05)}.close-button-modern:active{transform:scale(.95)}.patch-notes-content{padding:32px;max-height:400px;overflow-y:auto}.patch-notes-content::-webkit-scrollbar{width:8px}.patch-notes-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.patch-notes-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.patch-notes-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.patch-section{margin-bottom:32px}.patch-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.section-icon.new{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.section-icon.improved{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 12px #43e97b4d}.section-icon.fixed{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 12px #fa709a4d}.section-icon.security{background:linear-gradient(135deg,#a8edea,#fed6e3);box-shadow:0 4px 12px #a8edea4d;color:#333}.section-header h3{margin:0;font-size:20px;font-weight:600}.section-items{list-style:none;padding:0;margin:0}.patch-item{border:1px solid var(--border-color);border-radius:6px;padding:16px 20px;margin-bottom:12px;transition:all .2s ease;position:relative;overflow:hidden}.patch-item:last-child{margin-bottom:0}.patch-item:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.item-text{font-size:15px;line-height:1.6;font-weight:400}.patch-notes-footer{border-top:1px solid rgba(0,0,0,.05);padding:24px 32px;border-radius:0 0 24px 24px}.footer-content{text-align:center}.footer-content p{margin:0 0 20px;color:#64748b;font-size:14px;line-height:1.5}.got-it-button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.got-it-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.got-it-button:active{transform:translateY(0)}@media (max-width: 768px){.patch-notes-overlay{padding:12px}.patch-notes-modal{border-radius:6px;max-height:95vh}.patch-notes-banner{height:160px;border-radius:16px 16px 0 0}.banner-title{font-size:24px}.banner-subtitle{font-size:14px}.patch-notes-content{padding:20px;max-height:300px}.patch-notes-footer{padding:16px 20px}.close-button-modern{width:36px;height:36px;top:12px;right:12px}}@media (max-width: 480px){.patch-notes-banner{height:140px}.banner-title{font-size:20px}.version-badge-modern{font-size:12px;padding:6px 12px}.patch-notes-content{padding:16px}.patch-item{padding:12px 16px}.section-header h3{font-size:18px}.item-text{font-size:14px}}.about-settings{padding:0}.settings-section{margin-bottom:2rem}.settings-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.version-info{display:flex;align-items:center;gap:1rem}.view-patch-notes-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-patch-notes-btn:hover{background:var(--accent-hover, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.patch-history-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.history-row{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.history-row:last-child{border-bottom:none;padding-bottom:0}.history-row:first-child{padding-top:0}.history-label{font-size:.95rem;color:var(--text-secondary);font-weight:500;flex-shrink:0;margin-right:1rem}.history-value{font-size:.95rem;color:var(--text-primary);font-weight:600;text-align:right}.viewed-versions{flex:1;text-align:right}.version-list{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.version-item{display:flex;align-items:center;gap:.75rem}.version-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:.8rem;font-weight:600;color:var(--text-primary)}.view-version-btn{display:inline-flex;align-items:center;padding:.25rem .75rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-version-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.no-versions{font-size:.9rem;color:var(--text-tertiary);font-style:italic}.loading-history{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.loading-history span{color:var(--text-secondary);font-size:.95rem}.support-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.support-card p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.support-actions{display:flex;gap:1rem;flex-wrap:wrap}.support-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;text-decoration:none}.support-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.support-btn.primary:hover{background:var(--accent-hover, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.support-btn.secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.support-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}@media (max-width: 768px){.info-row,.history-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label,.history-label{margin-right:0}.info-value,.history-value{text-align:left}.viewed-versions{text-align:left;width:100%}.version-list{align-items:flex-start}.version-item{width:100%;justify-content:space-between}.support-actions{flex-direction:column}.support-btn{justify-content:center}}.update-check-section{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.update-check-btn{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.update-check-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.update-check-btn:disabled{opacity:.7;cursor:not-allowed}.update-check-btn.checking{background:var(--primary-color)}.spinner{width:14px;height:14px;border:1px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.update-result{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;text-align:center;max-width:200px}.update-result.update-available{background:#22c55e1a;color:var(--success-color);border:1px solid rgba(34,197,94,.2)}.update-result.no-update{background:#6b72801a;color:var(--text-secondary);border:1px solid rgba(107,114,128,.2)}.update-check-btn.secondary{background:var(--neutral-color, #666);color:#fff}.update-check-btn.secondary:hover:not(:disabled){background:var(--neutral-hover, #555)}.update-check-btn.test-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;position:relative;overflow:hidden;border:1px solid transparent;background-clip:padding-box}.update-check-btn.test-btn:hover:not(:disabled){background:linear-gradient(135deg,#e55a30,#e6841a);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.update-check-btn.test-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.update-check-btn.test-btn:hover:before{left:100%}.update-check-btn.test-btn:disabled{background:#ccc;color:#666}.search-input-container{position:relative;display:flex;align-items:center;width:100%;max-width:400px;border-radius:4px}.search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none;z-index:2;height:16px;transition:all .3s ease}.search-input{width:100%;border:1.5px solid var(--border-color);border-radius:8px;background:var(--input-background);color:var(--text-primary);font-size:14px;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;padding-left:42px;padding-right:42px;height:44px}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha),0 1px 3px #0000001a;transform:translateY(0)!important}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.search-clear-button{position:absolute;right:12px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.search-clear-button:hover{color:var(--text-secondary);background:var(--hover-bg)}.search-clear-button:active{transform:scale(.95)}.search-input-small .search-input{padding:8px 36px;font-size:13px}.search-input-small .search-icon{left:10px}.search-input-small .search-clear-button{right:8px}.search-input-medium .search-input{padding:12px 42px;font-size:14px}.search-input-large .search-input{padding:16px 48px;font-size:16px;border-radius:10px}.search-input-large .search-icon{left:16px}.search-input-large .search-clear-button{right:16px}.search-input-container:hover .search-icon,.search-input-container:focus-within .search-icon{color:var(--accent);transform:scale(1.1)}.search-input-container:hover .search-input:not(:disabled){border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color-alpha)}.search-input:focus{animation:focusPulse .6s ease-out}.start-chat-modal-overlay{position:fixed;top:0;left:0!important;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2550;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.start-chat-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;animation:modal-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.start-chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.start-chat-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-section{padding:16px 24px}.message-search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary);z-index:1}.message-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.message-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text-secondary)}.users-list-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.users-list{flex:1;overflow-y:auto;padding:8px 0;overflow-x:hidden}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:transparent}.users-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.users-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.user-list-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent}.user-list-item:hover{background:var(--hover-bg)}.user-list-item:last-child{border-bottom:none}.user-list-item .user-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.user-list-item .user-avatar img,.user-list-item .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-list-item .avatar-placeholder{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-list-item .status-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%}.user-list-item .status-indicator.online{background:#10b981}.user-list-item .status-indicator.offline{background:#6b7280}.user-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{display:flex;align-items:center;font-size:13px}.online-status{color:#10b981;display:flex;align-items:center;gap:6px}.offline-status{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.online{background:#10b981;animation:pulse-online 2s infinite!important}.chat-button{color:var(--text-secondary);transition:all .2s ease}.user-list-item:hover .chat-button{color:var(--accent);transform:scale(1.1)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:12px}.loader{width:24px;height:24px;border:1px solid var(--border-color);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin:0;color:var(--text-secondary);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.empty-state p{margin:0;color:var(--text-secondary);font-size:14px}.empty-subtitle{margin-top:4px!important;font-size:13px!important;opacity:.8}.header-with-back{display:flex;align-items:center;gap:12px}.back-button{background:none;border:none;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.chat-options-section{padding:24px;display:flex;flex-direction:column;gap:24px}.selected-user-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.selected-user-info .user-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.selected-user-info .user-avatar img{width:100%;height:100%;object-fit:cover}.selected-user-info .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:600;font-size:18px}.selected-user-info .status-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:1px solid var(--bg-primary)}.user-details .user-name{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:4px}.user-details .user-email{font-size:14px;color:var(--text-secondary)}.chat-options{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.option-button:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.primary-option:hover{background:rgba(var(--primary-color-rgb),.05)}.secondary-option:hover{background:#6366f10d}.option-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0}.primary-option .option-icon{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.secondary-option .option-icon{background:#6366f11a;color:#6366f1}.option-content{flex:1;min-width:0}.option-title{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:4px}.option-description{font-size:14px;color:var(--text-secondary);line-height:1.4}.option-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.option-button:hover .option-arrow{color:var(--text-secondary)}.modal-content{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column}.group-creation-section,.chat-options-section,.users-list-section{opacity:1;transform:translate(0);transition:all .3s cubic-bezier(.16,1,.3,1)}.group-creation-section.entering,.chat-options-section.entering,.users-list-section.entering{opacity:0;transform:translate(20px)}.group-creation-section.exiting,.chat-options-section.exiting,.users-list-section.exiting{opacity:0;transform:translate(-20px)}.group-creation-section{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto}.group-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-input,.form-textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.selected-members-section{display:flex;flex-direction:column;gap:12px}.selected-members-section h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.selected-members-list{display:flex;flex-wrap:wrap;gap:8px}.selected-member-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;transition:all .2s ease;animation:member-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes member-slide-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.selected-member-item:hover{background:var(--bg-hover);border-color:var(--accent)}.member-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:10px;font-weight:600}.member-name{font-size:14px;color:var(--text-primary);white-space:nowrap}.remove-member-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease}.remove-member-btn:hover{background:#ff00001a;color:#f44}.no-members-text{color:var(--text-secondary);font-size:14px;text-align:center;padding:20px;border:2px dashed var(--border-color);border-radius:4px;margin:0}.members-selection-list{flex:1;min-height:200px;max-height:300px;overflow-y:auto}.user-list-item.selectable{cursor:pointer;transition:all .2s ease;position:relative}.user-list-item.selectable.selected{background:var(--calendar-highlight-bg);border-color:var(--accent)}.selection-checkbox{margin-right:12px;flex-shrink:0}.checkbox{width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--bg-primary)}.checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.checkbox svg{opacity:0;transform:scale(.5);transition:all .2s ease}.checkbox.checked svg{opacity:1;transform:scale(1)}.group-actions{padding:16px 0 0;border-top:1px solid var(--border-color);margin-top:auto}.create-group-btn{width:100%;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.create-group-btn:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.create-group-btn:active:not(:disabled){transform:translateY(0)}.create-group-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.quick-actions{padding:16px 24px;border-top:1px solid var(--border-color)}.quick-action-btn{width:100%;padding:12px 16px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.quick-action-btn:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-list-item,.option-button,.selected-member-item{transform:translateZ(0);will-change:transform,background-color,box-shadow}.members-selection-list::-webkit-scrollbar,.group-creation-section::-webkit-scrollbar{width:6px}.members-selection-list::-webkit-scrollbar-track,.group-creation-section::-webkit-scrollbar-track{background:transparent}.members-selection-list::-webkit-scrollbar-thumb,.group-creation-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.members-selection-list::-webkit-scrollbar-thumb:hover,.group-creation-section::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 480px){.start-chat-modal{width:95%;max-height:90vh}.start-chat-header{padding:16px 20px 12px}.group-creation-section{padding:0 20px 20px}.quick-actions{padding:12px 20px}}.conversation-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.conversation-list-header{padding:16px;border-bottom:1px solid var(--border-color)}.conversation-list-header h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-primary)}.search-container{position:relative}.message-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.message-search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.message-search-input::placeholder{color:var(--text-tertiary)}.online-users-section{padding:16px;border-bottom:1px solid var(--border-color)}.online-users-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.online-users-horizontal{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.online-user-item{display:flex;flex-direction:column;align-items:center;min-width:60px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.online-user-item:hover{background:var(--hover-bg)}.online-user-item .user-avatar{position:relative;width:40px;height:40px;margin-bottom:4px}.online-user-item .user-avatar img,.online-user-item .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.online-user-item .avatar-placeholder{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.online-user-item .status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%}.online-user-item .status-indicator.online{background:var(--success-color)}.online-user-item .status-indicator.offline{background:var(--text-tertiary)}.online-user-item .user-name{font-size:12px;color:var(--text-primary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversations-section{flex:1;overflow:hidden;display:flex;flex-direction:column}.conversations-section h4{margin:0;padding:16px 16px 8px;font-size:14px;font-weight:600;color:var(--text-primary)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:all .2s ease;position:relative;border-radius:4px;margin:0 8px 4px;border-bottom:none;max-width:100%;box-sizing:border-box}.conversation-item:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.conversation-item.unread{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05)}.conversation-avatar{margin-right:12px;position:relative}.conversation-avatar .user-avatar,.conversation-avatar .group-avatar{width:48px;height:48px;position:relative;background:var(--accent)}.conversation-avatar .user-avatar img,.conversation-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.conversation-avatar .avatar-placeholder{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.conversation-avatar .group-avatar{background:linear-gradient(135deg,var(--accent, #2563eb) 0%,var(--accent-secondary, #3b82f6) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;border-radius:50%;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.conversation-avatar .group-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #2563eb33}.conversation-avatar .group-avatar svg,.conversation-avatar .group-avatar img{width:24px;height:24px;stroke-width:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) brightness(0) invert(1)}.conversation-avatar .status-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%}.conversation-avatar .status-indicator.online{background:var(--success-color)}.conversation-avatar .status-indicator.offline{background:var(--text-tertiary)}.item-conversation-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0;padding:8px;border-radius:6px;transition:background-color .15s ease;text-align:left;max-width:calc(100% - 60px)}.conversation-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px;min-width:0;width:100%;max-width:100%}.conversation-list-item-title{font-size:14px;font-weight:600;padding:0!important;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:calc(100% - 70px);line-height:1.3}.last-message-time{font-size:11px;color:var(--text-secondary);flex-shrink:0;margin-left:8px;text-align:right;white-space:nowrap;min-width:45px;max-width:60px;font-weight:500}.conversation-preview{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:100%;overflow:hidden}.conversation-preview.direct{display:flex;flex-direction:row;width:100%;max-width:100%}.last-message{font-size:14px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.last-message,.system-message-preview,.message-preview,.conversation-preview .message-content{font-size:14px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:200%;min-width:0}.conversation-item .system-message-preview{font-style:italic;color:var(--text-tertiary);font-size:13px}.group-conversation-details .system-message-preview{max-width:100%}.direct-conversation-details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;overflow:hidden}.participant-email{font-size:13px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-status{display:flex;align-items:center;gap:6px;justify-content:space-between;min-width:0;max-width:100%;overflow:hidden}.participant-status .unread-badge{margin-left:auto;margin-right:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#10b981}.status-dot.idle{background:#f59e0b}.status-dot.busy{background:#ef4444}.status-dot.offline{background:#6b7280}.status-text{font-size:12px;color:var(--text-tertiary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.unread-badge{background:rgba(var(--accent-r, 37),var(--accent-g, 99),var(--accent-b, 235),.7);color:#fff;font-size:12px;font-weight:600;padding:2px 10px;border-radius:6px;min-width:20px;text-align:center;flex-shrink:0;margin-left:8px;box-shadow:0 2px 8px #2563eb26;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);border:1px solid rgba(255,255,255,.25);transition:background .2s,box-shadow .2s}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.empty-state p{margin:0 0 8px;color:var(--text-primary);font-weight:500}.empty-state-subtitle{color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important}.users-loading{color:var(--text-secondary);font-size:14px;padding:8px;text-align:center}.start-chat-section{padding:16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;gap:8px}.start-chat-button,.create-group-button{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center}.start-chat-button{background:var(--accent);color:#fff}.start-chat-button:hover{opacity:.8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.create-group-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.create-group-button:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.start-chat-button:active,.create-group-button:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb4d}.create-group-button .group-icon{filter:brightness(0) saturate(100%) invert(47%) sepia(8%) saturate(1567%) hue-rotate(202deg) brightness(95%) contrast(87%)}.create-group-button:hover .group-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(8%) saturate(1567%) hue-rotate(202deg) brightness(95%) contrast(87%)}.plus-icon,.group-icon{flex-shrink:0}.conversation-actions{opacity:0;transition:opacity .2s ease;margin-left:12px}.conversation-item:hover .conversation-actions{opacity:1}.delete-conversation-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:4px;color:var(--text-tertiary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-conversation-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.delete-conversation-btn svg{width:16px;height:16px;stroke-width:2}.conversation-list.fullscreen{height:100%}.conversation-list.fullscreen .conversation-list-header{border-bottom:1px solid var(--border-color);padding:20px 16px 16px}.conversation-list.fullscreen .message-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px 16px;font-size:15px}.conversation-list.fullscreen .start-chat-section{display:none}.conversation-list.fullscreen .conversations-list,.conversation-list.fullscreen .conversations-section{padding-top:8px}.conversation-list.fullscreen .conversations-section h4{padding:0 16px 8px;margin:0;font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.conversation-item.active{background:var(--calendar-highlight-bg)!important;color:var(--text-secondary)!important;border-radius:4px;margin:0 8px 4px;position:relative}.conversation-item.active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--accent);border-radius:2px;animation:activeBarGrow .3s forwards}@keyframes activeBarGrow{0%{height:0}to{height:24px}}.conversation-item.active .avatar-placeholder{background:#fff3!important;color:#fff!important}.conversation-item.active .online-indicator{border-color:#fff!important}.conversation-item.active:hover{background:var(--bg-primary)!important;transform:none;box-shadow:none}.conversation-item.fullscreen{padding:16px;margin:0 12px 2px;border-radius:4px;border-bottom:none}.conversation-item.fullscreen:hover{opacity:.8;transform:none;box-shadow:0 1px 3px #0000001a}.conversation-item.fullscreen .conversation-avatar .user-avatar,.conversation-item.fullscreen .conversation-avatar .group-avatar{width:44px;height:44px}.conversation-list.fullscreen .start-chat-button,.conversation-list.fullscreen .create-group-button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin-bottom:8px}.conversation-list.fullscreen .start-chat-button:hover,.conversation-list.fullscreen .create-group-button:hover{background:var(--accent);transform:translateY(-1px)}.conversation-list.fullscreen .create-group-button{background:transparent;color:var(--accent);border:1px solid var(--accent)}.conversation-list.fullscreen .create-group-button:hover{background:var(--accent);color:#fff}.conversation-list.fullscreen .conversation-list-header h3{display:none}.conversation-list.fullscreen .message-search-input::placeholder{color:var(--text-tertiary);font-style:italic}.conversation-list.fullscreen .message-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.conversation-item[data-type=group] .conversation-list-item-title{max-width:calc(100% - 75px);font-size:13px}.conversation-item[data-type=direct] .conversation-list-item-title{max-width:calc(100% - 70px);font-size:14px}.conversation-list.fullscreen .conversation-list-item-title{font-size:14px;max-width:calc(100% - 70px)}.conversation-list.fullscreen .last-message-time{font-size:10px;min-width:40px;max-width:55px}.conversation-list.fullscreen .last-message-time{font-size:11px;min-width:45px}@media (max-width: 768px){.conversation-list-item-title{font-size:13px;max-width:calc(100% - 55px)}.last-message-time{font-size:10px;min-width:35px;max-width:50px}}.conversation-item[data-type=group] .conversation-list-item-title{font-weight:500}.conversation-item[data-type=direct] .conversation-list-item-title{font-weight:600}@media (max-width: 768px){.conversation-list-header{padding:12px 16px}.message-search-input{font-size:16px}.online-users-horizontal{gap:8px}.online-user-item .user-avatar{width:36px;height:36px}.online-user-item .user-name{font-size:11px}.conversation-item{padding:12px 16px}.conversation-avatar .user-avatar,.conversation-avatar .group-avatar{width:40px;height:40px}.conversation-avatar .group-avatar svg{width:20px;height:20px}.conversation-list-item-title{font-size:15px}.last-message,.system-message-preview,.message-preview{font-size:13px;max-width:100%}.last-message-time{font-size:11px}.participant-email{font-size:12px}.status-text{font-size:11px}.status-dot{width:7px;height:7px}}@media (max-width: 480px){.conversation-list-header h3{font-size:18px}.online-users-horizontal{gap:6px}.online-user-item .user-avatar{width:32px;height:32px}.conversation-item{padding:10px 12px}.conversation-list-item-title{font-size:14px}.last-message,.system-message-preview,.message-preview{font-size:12px;max-width:calc(100% - 45px)}.unread-badge{min-width:16px;height:16px;font-size:10px;padding:2px 4px}.conversation-avatar .group-avatar svg{width:18px;height:18px}}.conversations-list::-webkit-scrollbar,.online-users-horizontal::-webkit-scrollbar{width:4px;height:4px}.conversations-list::-webkit-scrollbar-track,.online-users-horizontal::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb,.online-users-horizontal::-webkit-scrollbar-thumb{background:var(--border-color, #e1e5e9);border-radius:2px}.conversations-list::-webkit-scrollbar-thumb:hover,.online-users-horizontal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #666)}.direct-conversation-details .last-message{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.group-conversation-details{flex:1;display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-body);min-width:0;max-width:100%;overflow:hidden}.group-status{display:flex;align-items:center;justify-content:space-between;min-width:0;max-width:100%;overflow:hidden}.group-participant-status{display:flex;align-items:center;gap:6px}.group-participant-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.group-participant-status .status-dot.online{background:#10b981}.group-participant-status .status-text{font-size:12px;color:var(--text-secondary);font-weight:400}.conversation-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;z-index:10}.conversation-header.fullscreen{padding:20px 32px;background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.conversation-header .back-button-message{display:flex;align-items:center;justify-content:center;width:42px;height:32px;border:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0;z-index:15;z-index:20;position:relative}.conversation-header .back-button-message:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(-2px)}.conversation-info{align-items:center;gap:0px;flex:1;min-width:0;padding:8px;border-radius:6px;transition:background-color .15s ease;text-align:left;display:flex;flex-direction:row;margin-right:8px;align-items:flex-start}.conversation-info.clickable{cursor:pointer}.conversation-info.clickable:hover{cursor:pointer;background:var(--bg-hover)}.conversation-avatar{position:relative;flex-shrink:0}.conversation-avatar img{width:40px!important;height:40px!important;border-radius:50%;object-fit:cover}.group-avatar-display{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent, #2563eb) 0%,var(--accent-secondary, #3b82f6) 100%);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.group-avatar-display img{filter:brightness(0) invert(1);border:none;border-radius:0}.conversation-header.fullscreen .conversation-avatar img,.conversation-header.fullscreen .group-avatar-display{width:48px;height:48px}.group-indicator{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid var(--bg-secondary)}.conversation-details{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.conversation-title{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:8px;line-height:1.2;align-self:flex-start;width:100%}.conversation-header.fullscreen .conversation-title{font-size:var(--font-size-heading3);margin:0 0 4px}.dropdown-arrow{flex-shrink:0;color:var(--text-secondary);transition:transform .15s ease}.conversation-info:hover .dropdown-arrow{color:var(--text-primary)}.conversation-subtitle{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;align-self:flex-start;width:100%;text-align:left}.conversation-header.fullscreen .conversation-subtitle{font-size:var(--font-size-small)}.group-description{opacity:.8}.conversation-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.group-members-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.group-members-popup{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 12px 32px #00000026;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.group-members-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.group-members-header h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.group-members-header .close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.group-members-header .close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.group-members-list{flex:1;overflow-y:auto;padding:8px 0}.group-member{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background-color .15s ease}.group-member:hover{background:var(--bg-hover)}.group-member.current-user{background:var(--bg-tertiary)}.group-member.current-user:hover{background:var(--bg-hover)}.member-avatar{position:relative;flex-shrink:0}.member-avatar img{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);object-fit:cover}.status-indicator{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:1px solid var(--bg-primary)}.status-indicator.online{background:#10b981}.status-indicator.idle{background:#f59e0b}.status-indicator.busy{background:#ef4444}.status-indicator.offline{background:#6b7280}.member-details{flex:1;min-width:0}.member-name{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:6px;line-height:1.2}.current-user-badge{font-size:var(--font-size-small);font-weight:400;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.member-email{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{flex-shrink:0}.status-text{font-size:var(--font-size-small);font-weight:500;padding:2px 6px;border-radius:4px;text-transform:capitalize}.status-text.online{color:#059669;background:#d1fae5}.status-text.idle{color:#d97706;background:#fef3c7}.status-text.busy{color:#dc2626;background:#fee2e2}.status-text.offline{color:#6b7280;background:#f3f4f6}.group-description-section{border-top:1px solid var(--border-color);padding:16px 20px;background:var(--bg-secondary)}.group-description-section h4{margin:0 0 8px;font-size:var(--font-size-small);font-weight:600;color:var(--text-primary)}.group-description-section p{margin:0;font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}[data-theme=dark] .group-members-overlay{background:#0006}[data-theme=dark] .group-members-popup{box-shadow:0 12px 32px #0006}[data-theme=dark] .status-text.online{color:#10b981;background:#10b9811a}[data-theme=dark] .status-text.idle{color:#f59e0b;background:#f59e0b1a}[data-theme=dark] .status-text.busy{color:#ef4444;background:#ef44441a}[data-theme=dark] .status-text.offline{color:#9ca3af;background:#9ca3af1a}@media (max-width: 768px){.conversation-header{padding:12px 16px}.conversation-header.fullscreen{padding:16px 20px}.conversation-avatar img,.group-avatar-display{width:36px;height:36px}.conversation-header.fullscreen .conversation-avatar img,.conversation-header.fullscreen .group-avatar-display{width:40px;height:40px}.conversation-title,.conversation-header.fullscreen .conversation-title,.conversation-subtitle{font-size:var(--font-size-small)}.group-members-popup{left:8px!important;right:8px;width:auto!important}.conversation-name,.conversation-header.fullscreen .conversation-name,.conversation-email,.conversation-header.fullscreen .conversation-email,.conversation-header .status-text,.conversation-header.fullscreen .status-text{font-size:var(--font-size-small)}.conversation-header .status-dot{width:7px;height:7px}.conversation-header.fullscreen .status-dot{width:8px;height:8px}}.conversation-name{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.2;align-self:flex-start;width:100%;text-align:left}.conversation-header.fullscreen .conversation-name{font-size:var(--font-size-small);margin:0 0 6px}.conversation-email{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:1.3;align-self:flex-start;width:100%;text-align:left}.conversation-header.fullscreen .conversation-email{font-size:var(--font-size-small)}.conversation-header .participant-status{display:flex;align-items:center;gap:6px;margin-top:4px}.conversation-header .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conversation-header.fullscreen .status-dot{width:10px;height:10px}.conversation-header .status-dot.online{background:#10b981}.conversation-header .status-dot.idle{background:#f59e0b}.conversation-header .status-dot.busy{background:#ef4444}.conversation-header .status-dot.offline{background:#6b7280}.conversation-header .status-text{font-size:var(--font-size-small);color:var(--text-tertiary);font-weight:500}.conversation-header.fullscreen .status-text{font-size:var(--font-size-small)}.message-input-container{border-top:1px solid var(--border-color);border-radius:0 0 10px 10px}.attachments-preview{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto}.attachment-item{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.image-preview{position:relative;width:80px;height:80px}.image-preview img{width:100%;height:100%;object-fit:cover}.file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;min-width:150px;max-width:200px}.file-icon{font-size:16px;flex-shrink:0}.file-info{flex:1;overflow:hidden}.file-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{display:block;font-size:12px;color:var(--text-secondary)}.remove-attachment{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;width:20px;height:20px;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-attachment:hover{background:#000c}.file-preview .remove-attachment{position:static;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);margin-left:8px}.file-preview .remove-attachment:hover{background:var(--hover-bg);color:var(--text-primary)}.message-input-form{padding:12px 16px}.input-wrapper{display:flex;align-items:flex-end;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:8px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.attachment-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;font-size:16px;color:var(--text-secondary);transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.attachment-button:hover:not(:disabled){background:var(--hover-bg);color:var(--accent);transform:translateY(-1px)}.attachment-button:disabled{opacity:.5;cursor:not-allowed}.attachment-button svg{transition:transform .2s}.attachment-button:hover:not(:disabled) svg{transform:scale(1.1)}.message-textarea{flex:1;border:none;outline:none;background:none;resize:none;font-size:14px;line-height:1.4;color:var(--text-primary);box-shadow:none!important;outline:none!important;max-height:120px;font-family:inherit;padding-top:4px;margin:0;vertical-align:middle}.message-textarea::placeholder{color:var(--text-tertiary)}.message-textarea:disabled{opacity:.5;cursor:not-allowed}.input-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.emoji-button,.send-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.emoji-button{font-size:16px;color:var(--text-secondary)}.emoji-button:hover:not(:disabled){background:var(--hover-bg)}.send-button{color:var(--text-primary);font-size:16px}.send-button:hover:not(:disabled){color:var(--accent)}.send-button:disabled{opacity:.5;cursor:not-allowed}.emoji-button:disabled{opacity:.5;cursor:not-allowed}.attachments-preview::-webkit-scrollbar{height:4px}.attachments-preview::-webkit-scrollbar-track{background:transparent}.attachments-preview::-webkit-scrollbar-thumb{background:var(--border-color, #e1e5e9);border-radius:2px}.attachments-preview::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #666)}.message{display:flex;margin-bottom:8px;padding:0 16px;position:relative}.message.grouped{margin-bottom:2px}.message.own{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;margin-right:8px;margin-top:4px;flex-shrink:0}.message.own .message-avatar{margin-right:0;margin-left:8px}.message-avatar img,.message-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-avatar .avatar-placeholder{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.message-content{max-width:70%;position:relative}.message.own .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-header{display:flex;align-items:center;margin-bottom:4px;gap:4px;flex-wrap:wrap}.message.own .message-header{flex-direction:row-reverse}.sender-name{font-weight:600;font-size:12px;color:var(--text-primary);flex-shrink:0}.message-time{font-size:11px;color:var(--text-tertiary);margin-left:8px;flex-shrink:0}.delivery-status{font-size:10px;margin-left:6px;opacity:.7;color:var(--text-tertiary);display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:500;transition:all .2s ease}.delivery-status.sending{color:#f59e0b;animation:flash 1s infinite}@keyframes flash{0%,50%{opacity:1}51%,to{opacity:.3}}.delivery-status.sent{color:var(--text-tertiary)}.delivery-status.delivered{color:#10b981}.delivery-status.read{color:#3b82f6}.message-delivery-status{display:flex;justify-content:flex-end;margin-top:4px;padding-right:8px}.message.own .message-delivery-status{justify-content:flex-end}.message:not(.own) .message-delivery-status{justify-content:flex-start;padding-right:0;padding-left:8px}.message-body{position:relative;max-width:100%;width:fit-content}.message-text{background:var(--bg-secondary);padding:8px 12px;border-radius:18px;font-size:14px;line-height:1.4;color:var(--text-primary);word-wrap:break-word;position:relative;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px)}.message.own .message-text{background:var(--accent);color:#fff;border-radius:18px 18px 4px}.message:not(.own) .message-text{border-radius:18px 18px 18px 4px}.message.grouped .message-text{border-radius:18px}.message.grouped.own .message-text{border-radius:18px 4px 18px 18px}.message.grouped:not(.own) .message-text{border-radius:4px 18px 18px}.edited-indicator{font-size:11px;opacity:.7;margin-left:4px;font-style:italic}.message-edit{min-width:200px}.edit-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;line-height:1.4;resize:vertical;min-height:40px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary)}.edit-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.save-edit,.cancel-edit{padding:4px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.save-edit{background:var(--accent);color:#fff}.save-edit:hover{background:var(--button-primary-hover)}.cancel-edit{background:var(--bg-secondary);color:var(--text-primary)}.cancel-edit:hover{background:var(--hover-bg)}.message-attachments{margin-top:8px}.attachment{margin-bottom:4px}.attachment-image{max-width:200px;max-height:200px;border-radius:4px;object-fit:cover;cursor:pointer}.attachment-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.attachment-file:hover{background:var(--hover-bg)}.file-icon{font-size:16px}.file-name{font-size:14px;color:var(--text-primary)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;max-width:100%;width:fit-content}.reaction-container{position:relative;display:inline-block}.reaction-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.reaction-summary:hover{background:var(--hover-bg)}.reaction-emoji{font-size:14px}.reaction-count{font-weight:500;color:var(--text-primary)}.reaction-users-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--background-elevated, var(--bg-primary));border:1px solid var(--border-color);border-radius:4px;padding:8px;box-shadow:0 4px 12px #00000026;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;white-space:nowrap;margin-bottom:4px;min-width:120px;max-width:250px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.reaction-container{position:relative}.reaction-container:hover .reaction-users-tooltip{left:50%;transform:translate(-50%)}.message.own .reaction-container .reaction-users-tooltip{left:auto;right:0;transform:none}.message:not(.own) .reaction-container:first-child .reaction-users-tooltip,.reaction-container:first-child .reaction-users-tooltip{left:0;transform:none}@media (max-height: 400px){.reaction-users-tooltip{bottom:auto;top:100%;margin-bottom:0;margin-top:4px}}.reaction-container:hover .reaction-users-tooltip{opacity:1;visibility:visible}.reaction-users{display:flex;gap:2px;margin-bottom:6px;justify-content:center}.user-initial{background:var(--accent);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-left:-2px;border:1px solid var(--background-elevated, var(--bg-primary));position:relative;box-shadow:0 1px 3px #0000001a}.user-initial:first-child{margin-left:0}.user-initial:nth-child(1){background:#4a90e2}.user-initial:nth-child(2){background:#7ed321}.user-initial:nth-child(3){background:#f5a623}.user-initial:nth-child(4){background:#bd10e0}.user-initial:nth-child(5){background:#ff6b6b}.user-initial.more-users{background:var(--text-tertiary);font-size:9px}.reaction-users-names{font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.3;max-width:200px;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.reaction-users-tooltip{position:fixed;transform:none;left:8px!important;right:8px!important;max-width:none;text-align:center}.reaction-users-names{max-width:none;white-space:normal}}@media (max-width: 480px){.reaction-users-tooltip{font-size:10px;padding:6px}.user-initial{width:16px;height:16px;font-size:8px}.reaction-users-names{font-size:10px}}.reaction-add-button{position:absolute;top:50%;width:24px;height:24px;border:none;border-radius:50%;background:var(--bg-primary);color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);transition:all .2s ease;opacity:0;z-index:5;transform:translateY(-50%);animation:fadeInReactionAdd .3s forwards}@keyframes fadeInReactionAdd{0%{opacity:0}to{opacity:1}}.message.other .reaction-add-button{right:-32px}.message.own .reaction-add-button{left:-32px}.message:hover .reaction-add-button{opacity:1;visibility:visible}.reaction-add-button:hover{background:var(--accent);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #00000026}.message-actions{position:absolute;top:-12px;right:8px;display:flex;gap:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:4px;box-shadow:0 2px 8px var(--shadow);z-index:10}.message.own .message-actions{right:auto;left:8px}.message-action-button{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;font-size:14px;transition:font-size .2s}.message-action-button:hover{font-size:16px}.message-action-button.delete:hover{background:rgba(var(--accent-red),.1)}.message-actions-portal{background:var(--surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #00000026;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-actions-portal .message-actions{display:flex;gap:4px;margin:0;padding:0;position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;border-radius:0;box-shadow:none}.message-actions-portal .message-action-button{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.message-actions-portal .message-action-button:hover{background:var(--accent-hover);color:var(--text)}.message-actions-portal .message-action-button.delete:hover{background:var(--error);color:#fff}.reactions-picker-portal{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reactions-picker-portal .reactions-picker{display:flex;gap:4px;margin:0;padding:0;position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;border-radius:0;box-shadow:none}.reactions-picker-portal .reaction-button{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.reactions-picker-portal .reaction-button:hover{background:var(--accent-hover);transform:scale(1.1)}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-confirm-dialog{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 20px #00000026;width:90%;max-width:400px;overflow:hidden}.delete-confirm-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.delete-confirm-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.delete-confirm-content{padding:20px}.delete-confirm-content p{margin:0 0 12px;color:var(--text-secondary);line-height:1.4}.message-preview{background:var(--bg-secondary);border-left:3px solid var(--border);padding:8px 12px;border-radius:4px;font-style:italic;color:var(--text-muted);font-size:13px;margin-top:12px;word-break:break-word}.delete-confirm-actions{padding:16px 20px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--border);background:var(--bg-secondary)}.cancel-delete,.confirm-delete-soft,.confirm-delete-hard{padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-delete{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.cancel-delete:hover{background:var(--hover-bg);color:var(--text-primary)}.confirm-delete-soft{background:#f59e0b;color:#fff}.confirm-delete-soft:hover{background:#d97706}.confirm-delete-hard{background:#ef4444;color:#fff}.confirm-delete-hard:hover{background:#dc2626}.message.system-message{justify-content:center;margin:16px 0;padding:0 16px}.system-message-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80%}.system-message-text{background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);padding:8px 16px;border-radius:6px;font-size:13px;line-height:1.4;border:1px solid var(--border-color, #e1e5e9);box-shadow:0 1px 2px #0000000d}.system-message-time{font-size:11px;color:var(--text-tertiary, #999);margin-top:4px;opacity:.7}[data-theme=dark] .system-message-text{background:var(--bg-tertiary, #2a2a2a);color:var(--text-secondary, #ccc);border-color:var(--border-color, #404040)}[data-theme=dark] .system-message-time{color:var(--text-tertiary, #888)}@media (max-width: 480px){.delete-confirm-dialog{width:95%;margin:0 10px}.delete-confirm-actions{flex-direction:column-reverse;gap:8px}.cancel-delete,.confirm-delete-soft,.confirm-delete-hard{width:100%;padding:10px 12px}}@media (max-width: 768px){.message-actions-portal{position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;top:auto!important;z-index:10001}.message-actions-portal .message-actions{justify-content:center;padding:8px 12px}.message-actions-portal .message-action-button{width:36px;height:36px;font-size:16px}.reactions-picker-portal{position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;top:auto!important;z-index:10001}.reactions-picker-portal .reaction-button{width:40px;height:40px;font-size:20px}}.message-actions-portal{animation:slideInActions .2s ease-out}.reactions-picker-portal{animation:slideInReactions .2s ease-out}@keyframes slideInActions{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInReactions{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.typing-indicator{display:flex;align-items:center;padding:8px 16px;margin-bottom:8px;gap:8px}.typing-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.typing-dots{display:flex;gap:2px;align-items:center}.typing-dots span{width:4px;height:4px;background:var(--text-secondary, #666);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}.typing-text{font-size:12px;color:var(--text-secondary, #666);font-style:italic}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:0 0 15px;scroll-behavior:smooth;overflow-x:hidden}.loading-more{display:flex;align-items:center;justify-content:center;padding:16px 12px;gap:8px;color:var(--text-secondary);font-size:14px;background:var(--bg-secondary);border-radius:4px;margin:8px 16px;border:1px solid var(--border-color);animation:fadeIn .3s ease}.loading-more .loading-text{font-weight:500}.no-more-messages{display:flex;justify-content:center;padding:16px 12px;color:var(--text-tertiary);font-size:13px;font-style:italic;margin:8px 16px}.no-more-messages span{background:var(--bg-secondary);padding:8px 16px;border-radius:20px;border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-group{padding:0}.date-header{display:flex;justify-content:center;padding:16px 0 8px;position:sticky;top:0;z-index:10}.date-header span{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid var(--border-color);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.loader{width:24px;height:24px;border:1px solid var(--border-color);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color, #e1e5e9);border-radius:2px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #666)}.chat-window.fullscreen{border-radius:0;height:100%}.chat-window.fullscreen .messages-container{padding:16px 24px}.chat-window.fullscreen .conversation-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:16px 24px;box-shadow:0 1px 3px #0000001a}.chat-window.fullscreen .message-input-container{border-top:1px solid var(--border-color);padding:16px 24px}.chat-window.fullscreen .message{margin-bottom:12px;animation:fadeInUp .3s ease-out}.chat-window.fullscreen .message.from-user .message-content{background:var(--accent);color:#fff;border-radius:18px 18px 4px;box-shadow:0 2px 8px #2383e233}.chat-window.fullscreen .message.from-other .message-content{background:var(--bg-secondary);color:var(--text-primary);border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000001a}.chat-window.fullscreen .messages-container::-webkit-scrollbar{width:6px}.chat-window.fullscreen .messages-container::-webkit-scrollbar-track{background:transparent}.chat-window.fullscreen .messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-window.fullscreen .messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.mini-messaging-container{position:fixed;bottom:20px;right:20px;width:400px;height:600px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 30px var(--shadow);display:flex;flex-direction:column;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mini-messaging-container.minimized{height:50px}.mini-messaging-container.minimized .mini-messaging-header{border-bottom:none}@media (max-width: 768px){.mini-messaging-container{width:calc(100vw - 20px);height:calc(100vh - 40px);bottom:10px;right:10px;left:10px;border-radius:4px}}@media (max-width: 480px){.mini-messaging-container{width:100vw;height:100vh;bottom:0;right:0;left:0;border:none;border-radius:0}}.mini-messaging-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--);color:var(--text-primary);border-radius:12px 12px 0 0;border-bottom:1px solid var(--border-color);min-height:50px;box-sizing:border-box}.mini-messaging-title{font-weight:600;font-size:var(--font-size-heading2);flex:1}.mini-messaging-controls{display:flex;gap:8px}.mini-messaging-control-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:var(--font-size-heading3);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.mini-messaging-control-btn:hover{background-color:#ffffff1a}.mini-messaging-control-btn svg{display:block}.mini-messaging-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.conversation-item-header{display:flex;align-items:center;gap:8px}.item-conversation-info{display:flex;flex-direction:column;gap:2px}.mini-messaging-toggle-icon{display:inline-block;transition:transform .3s ease}.mini-messaging-toggle-icon.rotated{transform:rotate(180deg)}.Ou-online-users-section{margin-top:12px;margin-bottom:8px}.Ou-online-users-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.Ou-online-users-header:hover{background:var(--hover-bg);color:var(--text-primary)}.Ou-user-avatars{display:flex;align-items:center;margin-right:4px}.Ou-mini-avatar{position:relative;width:24px;height:24px;border-radius:50%;margin-left:-4px;background:var(--bg-secondary);overflow:hidden;flex-shrink:0}.Ou-mini-avatar:first-child{margin-left:0}.Ou-mini-avatar img{width:100%;height:100%;object-fit:cover}.Ou-mini-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase}.Ou-overflow-avatar .Ou-mini-avatar-placeholder{background:var(--bg-tertiary);color:var(--text-secondary);font-size:9px}.Ou-mini-status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1px solid var(--bg-primary);z-index:1}.Ou-floating-users-list{position:fixed;z-index:10000;animation:Ou-float-in .2s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .15s ease,transform .15s ease;opacity:1;transform:scale(1)}.Ou-floating-users-list[style*="display: none"]{opacity:0;transform:scale(.95);pointer-events:none}@keyframes Ou-float-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.Ou-floating-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.Ou-floating-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid var(--border-color)}.Ou-floating-title{font-size:14px;font-weight:600;color:var(--text-primary)}.Ou-floating-count{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px}.Ou-floating-users{max-height:280px;overflow-y:auto;overflow-x:hidden;padding:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.Ou-floating-users::-webkit-scrollbar{width:6px}.Ou-floating-users::-webkit-scrollbar-track{background:transparent}.Ou-floating-users::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.Ou-floating-users::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.Ou-floating-user-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;transition:background-color .15s ease}.Ou-floating-user-item:hover{background:var(--bg-secondary)}.Ou-floating-user-avatar{position:relative;width:32px;height:32px;border-radius:50%!important;overflow:hidden;flex-shrink:0}.Ou-floating-user-avatar img{width:100%;height:100%;object-fit:cover}.Ou-floating-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;border-radius:50%}.Ou-floating-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:1px solid var(--bg-primary);background:#10b981}.Ou-floating-status-dot-avatar{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:1px solid var(--bg-primary);z-index:1}.Ou-floating-user-info{flex:1;min-width:0}.Ou-floating-user-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.Ou-floating-user-activity{font-size:12px;color:var(--text-secondary)}.Ou-floating-arrow{position:absolute;bottom:-6px;left:20px;width:12px;height:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-left:none;transform:rotate(45deg)}.Ou-floating-user-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.Ou-floating-status-info{display:flex;align-items:center;gap:6px;font-size:12px}.Ou-floating-status-dot-right{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}.Ou-floating-status-label{color:var(--text-secondary);font-weight:500}.Ou-floating-last-seen{font-size:11px;color:var(--text-tertiary);text-align:right;font-weight:500;opacity:.8;transition:opacity .2s ease}.Ou-floating-user-item:hover .Ou-floating-last-seen{opacity:1}.Ou-online-indicator{display:flex;align-items:center;gap:6px;position:relative}.Ou-online-dot{width:10px;height:10px;border-radius:50%;background:#6b7280;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.Ou-online-dot.Ou-active{background:#10b981;box-shadow:0 0 0 2px #10b98133,0 1px 3px #0000001a;animation:Ou-pulse-online 2s infinite}@keyframes Ou-pulse-online{0%{box-shadow:0 0 0 2px #10b98133,0 1px 3px #0000001a}50%{box-shadow:0 0 0 6px #10b9811a,0 1px 3px #0000001a}to{box-shadow:0 0 0 2px #10b98133,0 1px 3px #0000001a}}.Ou-skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 37%,var(--bg-secondary) 63%);background-size:400% 100%;animation:Ou-skeleton-loading 1.4s ease infinite}.Ou-skeleton-dot{width:10px;height:10px;border-radius:50%}@keyframes Ou-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.Ou-online-count{font-size:12px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;min-width:18px;text-align:center}.Ou-online-text{flex:1;font-size:13px;font-weight:500}.Ou-dropdown-arrow{display:flex;align-items:center;transition:transform .2s ease;opacity:.6}.Ou-dropdown-arrow.Ou-expanded{transform:rotate(180deg)}.Ou-dropdown-arrow svg{display:block}.Ou-online-users-list{margin-top:4px;padding:4px 0;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);max-height:300px;overflow-y:auto;animation:Ou-slideDown .2s ease}@keyframes Ou-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Ou-online-user-item{display:flex;align-items:center;gap:8px;padding:8px 12px;transition:background .2s ease;cursor:default}.Ou-online-user-item:hover{background:var(--bg-tertiary)}.Ou-user-avatar-section{position:relative;flex-shrink:0}.Ou-user-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.Ou-user-avatar img{width:100%;height:100%;object-fit:cover}.Ou-user-avatar .Ou-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:11px;font-weight:600}.Ou-user-status-dot{position:absolute;bottom:-2px;right:-2px;width:7px;height:7px;border-radius:50%;border:1px solid var(--bg-secondary);background:#10b981;box-shadow:0 1px 3px #0000001a}.Ou-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.Ou-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:1px}.Ou-user-activity{display:flex;flex-direction:row;gap:4px;font-size:11px;color:var(--text-tertiary);line-height:1.3}.Ou-current-page{font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Ou-user-details{display:flex;align-items:center;gap:0;font-size:11px;color:var(--text-tertiary)}.Ou-user-status{opacity:.8;font-weight:500}.Ou-last-seen{opacity:.8}.Ou-separator{opacity:.6;margin:0 2px}.Ou-no-users-message{display:flex;align-items:center;gap:8px;padding:12px;color:var(--text-tertiary);font-size:12px;justify-content:center}.Ou-no-users-message svg{opacity:.6}@media (max-width: 768px){.Ou-online-users-list{max-height:250px}.Ou-online-user-item{padding:6px 8px}.Ou-user-avatar{width:24px;height:24px}.Ou-user-status-dot{width:8px;height:8px}.Ou-user-name{font-size:12px}.Ou-user-activity{font-size:10px}.Ou-floating-content{max-width:calc(100vw - 32px)}.Ou-floating-arrow{left:16px}}.Ou-floating-header-actions{display:flex;align-items:center;gap:8px}.Ou-messages-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.Ou-messages-button:hover{background:var(--hover-bg);color:var(--accent)}.Ou-floating-user-actions{display:flex;align-items:center;margin-left:auto;opacity:0;transition:opacity .2s ease}.Ou-floating-user-item:hover .Ou-floating-user-actions{opacity:1}.Ou-chat-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:var(--text-tertiary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.Ou-chat-button:hover{background:var(--hover-bg);color:var(--accent)}.Ou-floating-user-item{display:flex;align-items:center;padding:8px 12px;gap:12px;transition:background-color .2s ease;border-radius:4px;margin:2px 0}.Ou-floating-user-item:hover{background:var(--hover-bg)}.Ou-floating-user-item.offline{opacity:.6}.Ou-floating-user-item.offline .Ou-floating-user-name{color:var(--text-tertiary)}.Ou-floating-user-item.offline .Ou-floating-user-activity{color:var(--text-quaternary)}.Ou-status-summary{padding:8px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.Ou-status-counts{display:flex;gap:12px;flex-wrap:wrap}.Ou-status-count{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);font-weight:500}.Ou-status-count .Ou-status-dot{width:6px;height:6px;border-radius:50%}@media (max-width: 320px){.Ou-status-counts{gap:8px}.Ou-status-count{font-size:10px}}._loader_u0i5m_4{overflow:visible;transform:rotate(-90deg);transform-origin:center;--active: #a6abad;--track: #ededed;--duration: 8s;animation:_spin_u0i5m_1 2s linear infinite}@keyframes _spin_u0i5m_1{0%{rotate:0deg}to{rotate:360deg}}._active_u0i5m_28{stroke:var(--active);stroke-linecap:round;stroke-dashoffset:360;animation:_active-animation_u0i5m_1 var(--duration) ease-in-out infinite}@keyframes _active-animation_u0i5m_1{0%{stroke-dasharray:0 0 0 360 0 360}12.5%{stroke-dasharray:0 0 270 90 270 90}25%{stroke-dasharray:0 270 0 360 0 360}37.5%{stroke-dasharray:0 270 270 90 270 90}50%{stroke-dasharray:0 540 0 360 0 360}50.001%{stroke-dasharray:0 180 0 360 0 360}62.5%{stroke-dasharray:0 180 270 90 270 90}75%{stroke-dasharray:0 450 0 360 0 360}87.5%{stroke-dasharray:0 450 270 90 270 90}87.501%{stroke-dasharray:0 90 270 90 270 90}to{stroke-dasharray:0 360 1 360 0 360}}._track_u0i5m_71{stroke:var(--track);stroke-linecap:round;stroke-dashoffset:360;animation:_track-animation_u0i5m_1 var(--duration) ease-in-out infinite}@keyframes _track-animation_u0i5m_1{0%{stroke-dasharray:0 20 320 40 320 40}12.5%{stroke-dasharray:0 290 50 310 50 310}25%{stroke-dasharray:0 290 320 40 320 40}37.5%{stroke-dasharray:0 560 50 310 50 310}37.501%{stroke-dasharray:0 200 50 310 50 310}50%{stroke-dasharray:0 200 320 40 320 40}62.5%{stroke-dasharray:0 470 50 310 50 310}62.501%{stroke-dasharray:0 110 50 310 50 310}75%{stroke-dasharray:0 110 320 40 320 40}87.5%{stroke-dasharray:0 380 50 310 50 310}to{stroke-dasharray:0 380 320 40 320 40}}.oig-job-progress{padding:12px 16px;margin:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;animation:fadeInUp .6s ease-out;cursor:pointer;transition:all .2s ease-out}.oig-job-progress:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.oig-job-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.oig-job-title{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.oig-job-details{display:flex;flex-direction:column;gap:6px}.oig-job-stats{display:flex;justify-content:space-between;align-items:center;font-size:11px}.oig-job-count{font-weight:600;color:var(--text-primary)}.oig-job-current{color:var(--text-secondary);font-size:10px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oig-job-progress-bar{height:6px;background-color:var(--bg-secondary);border-radius:3px;overflow:hidden;position:relative}.oig-job-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease-out;position:relative;overflow:hidden}.oig-job-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%,transparent 100%);animation:oigSidebarProgressGlides 3.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes oigSidebarProgressGlides{0%{transform:translate(-200%)}to{transform:translate(200%)}}.oig-job-percentage{font-size:10px;font-weight:600;color:var(--text-secondary);text-align:right}.oig-job-last-run .oig-job-details{padding-top:2px;gap:4px}.oig-last-run-date{font-size:12px;font-weight:500;color:var(--text-secondary)}.oig-last-run-user{font-size:11px;font-weight:400;color:var(--text-tertiary);font-style:italic}[data-theme=dark] .oig-last-run-date{color:var(--text-secondary)}[data-theme=dark] .oig-last-run-user{color:var(--text-tertiary)}[data-theme=dark] .oig-job-progress{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .oig-job-title,[data-theme=dark] .oig-job-count{color:var(--text-primary)}[data-theme=dark] .oig-job-current{color:var(--text-secondary)}[data-theme=dark] .oig-job-progress-bar{background-color:var(--bg-secondary)}[data-theme=dark] .oig-job-percentage{color:var(--text-secondary)}.sidebar{width:var(--sidebar-width, 260px);height:100vh;background-color:var(--sidebar-bg)!important;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:2001;transform:translate(-100%);transition:all .5s;opacity:0;box-shadow:0 0 15px #0000000d;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}body.mac-web .sidebar,body.mac-web .sidebar-temporary,body.mac-web [data-theme=dark] .sidebar-temporary,body.windows-web .sidebar,body.windows-web .sidebar-temporary,body.windows-web [data-theme=dark] .sidebar-temporary{border-right:none}.sidebar-header{display:flex;align-items:center;gap:8px;padding-left:12px;min-height:30px!important;background-color:re!important;opacity:0;transform:translateY(-12px);animation:sidebar-header-in .35s cubic-bezier(.16,1,.3,1) .08s forwards}@keyframes sidebar-header-in{to{opacity:1;transform:translateY(0)}}.sidebar-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);white-space:nowrap;margin-right:8px;height:32px;align-items:center;justify-content:center;display:flex}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;border-radius:4px}.sidebar-app-icon{height:32px;width:20px;object-fit:contain;margin-right:12px}.sidebar-toggle:hover{background-color:var(--button-hover-bg)}.sidebar-toggle svg{opacity:.7;transition:all .15s ease}.sidebar-toggle:hover svg{opacity:1;transform:scale(1.05)}body.sidebar-is-visible .navigation-buttons{transition:margin-left .7s cubic-bezier(.16,1,.3,1)}body.sidebar-temporary-visible .navigation-buttons{margin-left:0;transition:margin-left .7s cubic-bezier(.16,1,.3,1)}.sidebar-visible{transform:translate(0);opacity:1}.sidebar-hidden{transform:translate(-100%);opacity:0}.sidebar-temporary{transform:translate(0);opacity:.98;z-index:1500;height:100vh;box-shadow:0 0 30px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--border-color);background:#ffffffd9;position:fixed;left:0;top:0}.sidebar-hidden{top:0!important;height:100vh}.sidebar-temporary .sidebar-header{display:none}.sidebar-temporary .sidebar-content{height:100%;padding-top:40px}.sidebar-temporary .workspace-indicator{padding-top:0;margin-top:0}[data-theme=dark] .sidebar-temporary{background:#191919d9;box-shadow:0 0 30px #0000004d;border-right:1px solid rgba(255,255,255,.07)}.sidebar-content{display:flex;flex-direction:column;height:calc(100% - 50px);padding:16px 12px;gap:24px;overflow-y:auto}.workspace-indicator{padding:4px 10px;margin-bottom:8px}.workspace-title{font-size:var(--font-size-heading5, 15px);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-subtitle{font-size:var(--font-size-small, 12px);color:var(--text-tertiary, #888);margin-top:2px}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:12px;transition:all .2s ease;border-radius:4px}.sidebar-brand:hover{background:var(--hover-bg, rgba(0, 0, 0, .04))}.brand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-purple, #8b5cf6));border-radius:4px;color:#fff;transition:all .2s ease}.brand-icon svg{width:14px;height:14px}.brand-text{font-size:var(--font-size-body, 14px);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:1px;overflow:visible}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-body, 14px);font-weight:500;border-radius:4px;cursor:pointer;transition:all .25s;width:100%;text-align:left;height:32px;margin-bottom:1px}.nav-item:hover{background:var(--hover-bg, rgba(0, 0, 0, .04));color:var(--text-primary)}.nav-item.active{color:var(--accent);background:transparent!important;font-weight:600}.nav-item.active .nav-icon{color:var(--accent);opacity:1}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.8;color:var(--text-secondary);transition:all .2s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{flex:1;white-space:nowrap;text-overflow:ellipsis}.notification-badge{background:rgba(var(--accent-r, 37),var(--accent-g, 99),var(--accent-b, 235),.7);color:#fff;font-size:12px;font-weight:600;padding:2px 10px;border-radius:6px;min-width:20px;text-align:center;flex-shrink:0;margin-left:8px;box-shadow:0 2px 8px #2563eb26;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);border:1px solid rgba(255,255,255,.25);transition:background .2s,box-shadow .2s}@keyframes notification-badge-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.profile-notification-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#f59e0b;border:1px solid var(--bg-primary);border-radius:50%;z-index:2;animation:notification-pulse 2s infinite}.settings-notification-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;background:#f59e0b;border:1px solid var(--bg-primary);border-radius:50%;z-index:2;animation:notification-pulse 2s infinite}.my-agency-notification-dot{top:8px;right:8px;width:8px;height:8px;background:#f59e0b;border:1px solid var(--bg-primary);border-radius:50%;z-index:2;animation:notification-pulse 2s infinite}@keyframes notification-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.nav-item:hover .notification-badge{transform:scale(1.1);transition:transform .2s ease}.nav-item.active .notification-badge{background:var(--accent, #2563eb);box-shadow:0 2px 6px #2563eb4d}.sidebar-temporary .nav-item,.sidebar-visible .nav-item{animation:fade-in-nav .3s ease-out var(--nav-delay, calc(var(--nav-index, 0) * .2s)) both}.sidebar-temporary .nav-item,.sidebar-visible .nav-item{animation-delay:calc(var(--nav-delay, calc(var(--nav-index, 0) * .02s)) + .1s);animation-duration:.35s}@keyframes fade-in-nav{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-section-header{font-size:var(--font-size-small, 12px);font-weight:600;color:var(--text-tertiary, #888);text-transform:uppercase;letter-spacing:.03em;padding:0 10px;margin:16px 0 6px;display:flex;align-items:center;justify-content:space-between}.sidebar-temporary .sidebar-section-header,.sidebar-visible .sidebar-section-header{animation:fade-in-section .25s ease-out .15s both}.sidebar-temporary .sidebar-divider,.sidebar-visible .sidebar-divider{animation:fade-in-section .2s ease-out .12s both}@keyframes fade-in-section{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-section-header-actions{display:flex;gap:4px}.section-action-button{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;color:var(--text-tertiary, #888);cursor:pointer;opacity:0;transition:all .15s ease}.sidebar-section-header:hover .section-action-button{opacity:.6}.section-action-button:hover{background:var(--hover-bg, rgba(0, 0, 0, .04));color:var(--text-primary);opacity:1!important}.sidebar-divider{height:1px;background:var(--border-color);margin:12px 0;opacity:.6}.user-profile-section{position:relative;margin-top:auto}.user-profile{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;background:transparent;transition:all .15s ease;border:none;width:100%;cursor:pointer;text-align:left;position:relative}.user-profile:hover{background:var(--hover-bg, rgba(0, 0, 0, .04))}.profile-avatar{width:28px;height:28px;border-radius:4px;overflow:hidden;flex-shrink:0;position:relative}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;border-radius:50%;height:100%;background-color:var(--accent, #2383e2)!important;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.profile-name{font-size:var(--font-size-small, 13px);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.profile-email{font-size:var(--font-size-small, 12px);color:var(--text-tertiary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.profile-dropdown-arrow{flex-shrink:0;color:var(--text-tertiary, #888);width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .15s ease}.user-profile:hover .profile-dropdown-arrow{opacity:1;color:var(--text-primary)}.profile-dropdown{position:absolute;bottom:100%;left:8px;right:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 5px #0000000d,0 1px 2px #0000000a,0 0 0 1px #00000003;margin-bottom:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;z-index:1000;animation:dropdownSlideUp .15s ease-out}[data-theme=dark] .profile-dropdown{background:var(--bg-secondary, #1e1e1e);border-color:#ffffff1a;box-shadow:0 4px 12px #0003,0 2px 4px #00000026}.dropdown-item-sidebar{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;transition:all .15s ease;font-size:var(--font-size-small, 13px);font-weight:500;color:var(--text-primary);border-radius:4px;margin:1px 0}.dropdown-item-sidebar:hover{background:var(--hover-bg, rgba(0, 0, 0, .04))}.dropdown-item-sidebar svg{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.dropdown-item-sidebar span{flex:1;line-height:1.3}.dropdown-item-sidebar:last-child{color:var(--text-danger, #e53e3e)}.dropdown-item-sidebar:last-child:hover{background:#e53e3e0f}.dropdown-item-sidebar:last-child svg{color:var(--text-danger, #e53e3e)}.dropdown-divider{height:1px;background:var(--border-color);margin:3px 2px;opacity:.5}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-modal-overlay{position:fixed;top:-1px!important;left:0!important;right:0;bottom:0;background:#00000038;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease-out}@media (max-width: 768px){.sidebar{width:100%;transform:translate(-100%)}.sidebar-visible{transform:translate(0)}}.nav-item{animation:slideInLeft .3s ease-out;animation-fill-mode:both;animation-delay:calc(var(--nav-index, 0) * .05s + .1s)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:2px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .15s ease;cursor:pointer}.nav-link:hover{background-color:var(--hover-bg);color:var(--text-primary)}.nav-link.active{background-color:var(--accent);color:#fff}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-label{flex:1}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.user-avatar{width:32px;height:32px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:red;color:#fff;font-weight:600;font-size:14px;border-radius:50%}.avatar-placeholder{text-transform:uppercase}.user-details{flex:1;min-width:0}.user-name{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-actions{display:flex;gap:4px;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s ease;color:var(--text-secondary)}.action-btn:hover{background-color:var(--hover-bg);color:var(--text-primary)}.action-btn svg{width:18px;height:18px;transition:transform .2s ease;display:block;stroke:currentColor;fill:none}.action-btn:hover svg{transform:scale(1.1)}.sidebar-temporary:before{content:"";position:absolute;top:0;right:0;width:3px;height:100%;opacity:.8}.sidebar-temporary .sidebar-content{animation:slide-in-content .3s ease-out .1s both}@keyframes slide-in-content{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-temporary:after{content:"";position:fixed;top:48px;left:260px;right:0;bottom:0;background:#00000005;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;opacity:0;animation:fade-in-backdrop .2s ease-out .1s both}[data-theme=dark] .sidebar-temporary:after{background:#0000001a}@keyframes fade-in-backdrop{to{opacity:1}}.sidebar-hover-area{position:fixed;left:0;top:48px;width:4px;height:calc(100vh - 48px);background:linear-gradient(to bottom,transparent 0%,rgba(35,131,226,.1) 20%,rgba(35,131,226,.2) 50%,rgba(35,131,226,.1) 80%,transparent 100%);opacity:0;z-index:999;transition:opacity .3s ease;pointer-events:none}.sidebar-hover-area.visible{opacity:1;animation:pulse-hint 3s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:.3}50%{opacity:.7}}.sidebar-visible~.sidebar-hover-area,.sidebar-temporary~.sidebar-hover-area{opacity:0}.workspace-indicator{padding:16px 16px 8px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.workspace-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-subtitle{font-size:var(--font-size-caption);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-temporary{cursor:pointer}.sidebar-temporary:hover{box-shadow:0 0 40px #0003}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.online-users-section+.user-profile-section{margin-top:12px;padding-top:8px;border-top:1px solid rgba(var(--border-color-rgb),.3)}.profile-status-indicator{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;z-index:1;box-shadow:0 1px 3px #0000001a}.status-section{padding:8px 4px}.status-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:0 4px}.status-options{display:flex;flex-direction:column;gap:2px}.status-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;font-size:var(--font-size-small)}.status-option:hover{background:var(--hover-bg, rgba(0, 0, 0, .04))}.status-option.active{background:var(--accent-bg);color:var(--accent)}.Dd-status-indicator{font-size:12px;line-height:1;width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-text{font-weight:500;color:var(--text-secondary);flex:1}.status-option .status-text{font-size:var(--font-size-small)}.status-option.active .status-text{color:var(--accent);font-weight:600}.nav-item-container{position:relative;width:100%;transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-expand-arrow{width:14px;height:14px;transition:transform .3s cubic-bezier(.25,.8,.25,1);margin-left:auto;opacity:.6;transform:rotate(180deg)}.nav-expand-arrow.expanded{transform:rotate(0)}.nav-item:hover .nav-expand-arrow{opacity:1}.nav-children{padding-left:24px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);max-height:0;opacity:0;margin-top:0}.nav-children.expanded{max-height:200px;opacity:1;margin-top:4px}.sidebar-nav{transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-child-item{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:2px 0;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative}.nav-child-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-child-item.active{background:var(--accent-bg);color:var(--accent)}.nav-child-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--accent);border-radius:1px}.nav-child-icon{width:14px;height:14px;flex-shrink:0;opacity:.8}.nav-child-item:hover .nav-child-icon,.nav-child-item.active .nav-child-icon{opacity:1}.nav-child-label{flex:1;white-space:nowrap}.voice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;height:100vh;width:100vw}.voice-modal-content{position:relative;width:100vw;height:100vh;background:var(--bg-primary);border-radius:0;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.voice-modal-close{position:fixed!important;top:24px;right:24px;z-index:10001;background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d}.voice-modal-close:hover{background:#000c;transform:scale(1.1)}.voice-modal-close svg{width:24px;height:24px}.sidebar .ai-bubble{width:100%;justify-content:flex-start}.sidebar .ai-bubble-icon{width:28px;height:28px}.sidebar .ai-bubble-icon svg{width:16px;height:16px}.sidebar .ai-bubble-tooltip{left:50px;top:50%;transform:translateY(-50%);white-space:nowrap}.sidebar .ai-bubble-transcript{left:50px;top:0;min-width:180px;max-width:250px}.sidebar-hidden .ai-bubble-tooltip,.sidebar-hidden .ai-bubble-transcript{display:none}@media (max-width: 768px){.sidebar .ai-bubble-container{padding:8px 12px}.sidebar .ai-bubble-icon{width:24px;height:24px}.sidebar .ai-bubble-icon svg{width:14px;height:14px}.sidebar .ai-bubble-tooltip,.sidebar .ai-bubble-transcript{display:none}}.sidebar.sidebar-setup-mode .sidebar-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.sidebar.sidebar-setup-mode .sidebar-footer{border-top:none;padding-top:0}.sidebar.sidebar-setup-mode .user-profile-section{margin-top:0}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(255,255,255,.1) 50%,var(--bg-secondary) 75%);background-size:200% 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-animate{animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-container{display:flex;flex-direction:column;gap:.5rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1em;border-radius:4px}.skeleton-avatar{border-radius:50%}.skeleton-rect{border-radius:4px}.skeleton-card{border-radius:6px;min-height:100px}.skeleton-loader{background:linear-gradient(90deg,var(--skeleton-bg-light, #f0f0f0) 25%,var(--skeleton-bg-shimmer, #e0e0e0) 50%,var(--skeleton-bg-light, #f0f0f0) 75%);background-size:200% 100%;border-radius:4px;position:relative;overflow:hidden}.skeleton-wave{animation:skeleton-wave 1.6s ease-in-out infinite}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-text,.skeleton-rectangular{border-radius:4px}.skeleton-circular{border-radius:50%!important}.dark .skeleton-loader{background:linear-gradient(90deg,var(--skeleton-bg-dark-light, #2a2a2a) 25%,var(--skeleton-bg-dark-shimmer, #333333) 50%,var(--skeleton-bg-dark-light, #2a2a2a) 75%)}.skeleton-file-item{display:grid;grid-template-columns:auto 24px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.skeleton-file-item:last-child{border-bottom:none}.skeleton-file-content{display:flex;flex-direction:column;gap:6px}.skeleton-file-meta{display:flex;gap:16px;align-items:center}.skeleton-file-item.table-style{grid-template-columns:40px 24px 1fr 100px 120px 120px 60px;gap:16px}.skeleton-file-item.table-style .skeleton-file-content{flex-direction:row;align-items:center;gap:0}.skeleton-file-item.table-style .skeleton-file-meta{display:contents}.skeleton-search-item{padding:12px 16px;border-bottom:1px solid var(--border-color);border-radius:4px;margin-bottom:4px}.skeleton-search-item:last-child{border-bottom:none;margin-bottom:0}.skeleton-search-item .search-result-main{display:flex;align-items:flex-start;gap:12px}.skeleton-search-item .search-result-icon{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.skeleton-search-item .search-result-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-search-item .search-result-name{display:flex;align-items:center;gap:8px}.skeleton-search-item .search-result-path{display:flex;align-items:center;gap:6px;opacity:.7}.skeleton-search-item .search-result-meta{display:flex;align-items:center;gap:12px;opacity:.6}.skeleton-search-item .skeleton-path-label{min-width:60px}@media (max-width: 768px){.skeleton-file-item{grid-template-columns:24px 1fr auto;gap:8px}.skeleton-file-meta{gap:8px;flex-wrap:wrap}.skeleton-search-item{padding:10px 12px}.skeleton-search-item .search-result-main{gap:10px}.skeleton-search-item .search-result-meta{gap:8px;flex-wrap:wrap}}@media (prefers-contrast: high){.skeleton-loader{background:repeating-linear-gradient(90deg,transparent 0px,currentColor 1px,transparent 2px,transparent 8px);opacity:.3}}@media (prefers-reduced-motion: reduce){.skeleton-wave,.skeleton-pulse{animation:none}.skeleton-loader{background:var(--skeleton-bg-light, #f0f0f0)}.dark .skeleton-loader{background:var(--skeleton-bg-dark-light, #2a2a2a)}}.skeleton-calendar-section{padding:12px;position:relative;min-height:280px}.skeleton-calendar-wave{position:absolute;top:12px;left:12px;right:12px;bottom:12px;border-radius:4px;overflow:hidden}.skeleton-calendar-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.skeleton-calendar-grid,.skeleton-calendar-day{display:none}.calendar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);border-radius:4px;z-index:10;display:flex;align-items:center;justify-content:center}.dashboard-calendar-section{position:relative}.skeleton-events-list{display:flex;flex-direction:column;gap:8px}.skeleton-events-list .event-item{cursor:default}.skeleton-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skeleton-analytics-stat{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--background-secondary);border-radius:4px;align-items:center}.skeleton-stat-header{display:flex;justify-content:space-between;align-items:center}.skeleton-stat-value{display:flex;flex-direction:column;gap:4px}.skeleton-progress-item{display:flex;flex-direction:column;gap:8px}.skeleton-progress-header{display:flex;justify-content:space-between;align-items:center}.skeleton-progress-bar{height:6px;border-radius:3px;background:var(--background-secondary);overflow:hidden}.skeleton-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--skeleton-bg-light, #f0f0f0) 25%,var(--skeleton-bg-shimmer, #e0e0e0) 50%,var(--skeleton-bg-light, #f0f0f0) 75%);width:60%;animation:skeleton-wave 1.6s ease-in-out infinite}.dark .skeleton-progress-fill{background:linear-gradient(90deg,var(--skeleton-bg-dark-light, #2a2a2a) 25%,var(--skeleton-bg-dark-shimmer, #333333) 50%,var(--skeleton-bg-dark-light, #2a2a2a) 75%)}@media (max-width: 768px){.skeleton-calendar-section{min-height:240px}.skeleton-analytics-grid{grid-template-columns:repeat(3,1fr);gap:8px}.skeleton-analytics-stat{padding:8px}}@media (max-width: 480px){.skeleton-calendar-section{min-height:200px}}@media (max-width: 1200px) and (min-width: 769px){.skeleton-analytics-grid{grid-template-columns:repeat(3,1fr)}}.alert-octagon{cursor:pointer;transition:transform .2s ease}.alert-octagon:hover{transform:scale(1.05)}.alert-octagon.animate .octagon-pulse{animation:pulse-octagon 1.7s infinite ease-out;transform-origin:center}@keyframes pulse-octagon{0%{transform:scale(.2);opacity:.8}50%{transform:scale(.8);opacity:.4}to{transform:scale(1.4);opacity:0}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;background:#f9fafb}main{max-width:800px;margin:0 auto}h1{color:#1f2937;margin-bottom:1rem}p{color:#6b7280;margin-bottom:2rem}._customSelect_clz70_1{position:relative;width:100%}._customSelect__trigger_clz70_6{width:100%;height:40px;min-width:100px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:transparent;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .3s ease}._customSelect__trigger_clz70_6:hover{background:var(--hover-bg);color:var(--text-primary)}._customSelect__trigger_clz70_6:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 59, 130, 246),.1)}._customSelect__trigger_clz70_6[data-open=true]{background:var(--bg-secondary);color:var(--text-primary)}._customSelect__trigger_clz70_6:disabled{cursor:not-allowed;opacity:.5}._customSelect__trigger_clz70_6:disabled:hover{background:var(--bg-primary);color:var(--text-secondary)}._customSelect__content_clz70_50{display:flex;align-items:center;gap:8px;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._customSelect__iconWrapper_clz70_61{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._customSelect__chevron_clz70_70{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform var(--transition-normal);flex-shrink:0}._customSelect__chevron_clz70_70[data-open=true]{transform:rotate(180deg)}._customSelect__dropdown_clz70_85{position:absolute;top:calc(100% + 8px);border-radius:4px;left:0;right:0;border-color:var(--border-color);z-index:var(--z-dropdown, 9999);transform-origin:top;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}._customSelect__dropdownInner_clz70_99{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;padding:4px;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .12));overflow:hidden;max-height:320px}._customSelect__optionsContainer_clz70_110{padding:8px 0;position:relative;max-height:300px;overflow-y:auto}._customSelect__hoverHighlight_clz70_117{position:absolute;left:4px;right:4px;background:var(--hover-bg, rgba(0, 0, 0, .05))!important;border-radius:6px;height:40px;top:8px;pointer-events:none;opacity:1;transition:background-color .2s ease}._customSelect__option_clz70_110{width:100%;height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #666);font-size:var(--font-size-sm, .875rem);font-family:inherit;cursor:pointer;position:relative;z-index:1;text-align:left;transition:color var(--transition-fast, .15s ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._customSelect__option_clz70_110:focus{outline:none}._customSelect__option_clz70_110[data-selected=true]{color:var(--text-primary, #333);font-weight:500}._customSelect__option_clz70_110[data-hovered=true],._customSelect__option_clz70_110:hover{color:var(--text-primary, #333)}._customSelect__optionIcon_clz70_172{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._customSelect__optionsContainer_clz70_110::-webkit-scrollbar{width:6px}._customSelect__optionsContainer_clz70_110::-webkit-scrollbar-track{background:transparent}._customSelect__optionsContainer_clz70_110::-webkit-scrollbar-thumb{background:var(--border-primary, #e0e0e0);border-radius:3px}._customSelect__optionsContainer_clz70_110::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #666)}._customSelect__noResults_clz70_201{padding:12px;text-align:center;color:var(--text-secondary, #666);font-style:italic;font-size:14px}._customSelect__searchTriggerInput_clz70_210{background:transparent;border:none;outline:none;flex:1;color:var(--text-primary, #333);font-size:14px;font-family:inherit;min-width:0}._customSelect__searchTriggerInput_clz70_210::placeholder{color:var(--text-secondary, #666)}._customSelect__trigger_clz70_6._error_clz70_226{border-color:#dc3545;background-color:#dc35450d}._customSelect__trigger_clz70_6._error_clz70_226:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}._errorMessage_clz70_236{font-size:.75rem;color:#dc3545;font-weight:500;margin-top:4px}._borderless_clz70_244{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}._borderless_clz70_244:hover{background:transparent!important;border:none!important;box-shadow:none!important}._borderless_clz70_244:focus{background:transparent!important;border:none!important;box-shadow:none!important}._borderless_clz70_244[data-open=true]{background:transparent!important;border:none!important;box-shadow:none!important}._borderless_clz70_244+._customSelect__dropdown_clz70_85,._borderless_clz70_244~._customSelect__dropdown_clz70_85{background:inherit;border:inherit;box-shadow:inherit}.theme-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;background:var(--background-secondary);border:1px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:500;transition:all .6s ease-out;opacity:0;transform:translateY(10px) scale(.95);animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) scale(1)}}.theme-badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease-out}.theme-badge__content{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-badge__label{font-weight:600;color:var(--text-primary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.theme-badge__status{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-badge--loading{background:var(--accent-color-light, rgba(35, 131, 226, .1));border-color:var(--accent-color, #2383e2);color:var(--accent-color, #2383e2)}.theme-badge--loading .theme-badge__icon,.theme-badge--loading .theme-badge__status{color:var(--accent-color, #2383e2)}.theme-badge--completed{background:#10b9811a;border-color:#10b981;animation:completePulse .6s ease-out}.theme-badge--completed .theme-badge__icon,.theme-badge--completed .theme-badge__status{color:#10b981}@keyframes completePulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.theme-badge--error{background:#ef44441a;border-color:#ef4444}.theme-badge--error .theme-badge__icon,.theme-badge--error .theme-badge__status{color:#ef4444}.theme-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.theme-badge{padding:4px 8px;font-size:11px}.theme-badge__label{font-size:10px}.theme-badge__status{font-size:11px}}[data-theme=dark] .theme-badge{background:var(--background-tertiary);border-color:var(--border-color-dark)}[data-theme=dark] .theme-badge--loading{background:#2383e226}[data-theme=dark] .theme-badge--completed{background:#10b98126}[data-theme=dark] .theme-badge--error{background:#ef444426}.activity-monitor{border-radius:6px;padding:24px;height:fit-content;min-height:280px;margin-bottom:2rem;transition:all .3s ease}.monitor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.AM-header-content{display:flex;align-items:center;gap:12px}.header-filter{min-width:150px;max-width:200px}.monitor-header .header-icon{width:24px;height:24px;color:var(--accent)}.monitor-header .header-icon svg{width:100%;height:100%;fill:currentColor}.monitor-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.activity-log{transition:all .3s ease;min-height:180px}.activity-log.collapsed{max-height:none;overflow:visible}.activity-log.expanded{max-height:450px;overflow-y:auto}.activity-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280}.activity-empty{text-align:center;padding:40px 20px;color:#6b7280}.activity-empty .empty-icon{width:48px;height:48px;margin:0 auto 16px;color:#d1d5db}.activity-empty .empty-icon svg{width:100%;height:100%;fill:currentColor}.activity-empty p{margin:0 0 8px;font-weight:500;color:var(--text-tertiary)}.activity-empty span{font-size:14px}.activity-entries{display:flex;flex-direction:column;gap:12px;min-height:180px;flex:1}.activity-entry.clickable{cursor:pointer;transition:all .2s ease}.activity-entry.clickable:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.activity-entry.clickable:hover .activity-entity{color:var(--accent);text-decoration:underline}.activity-entry.clickable .activity-entity{transition:color .2s ease}.activity-entry{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary);border-radius:4px;border-left:3px solid #e5e7eb;transition:all .2s ease}.activity-entry:hover{background:var(--bg-hover);transform:translateY(-1px)}.activity-entry.employee{border-left-color:#3b82f6}.activity-entry.patient{border-left-color:#10b981}.activity-entry.event{border-left-color:#f59e0b}.activity-entry.user{border-left-color:#8b5cf6}.activity-entry.file{border-left-color:#ef4444}.activity-entry.message{border-left-color:#06b6d4}.activity-icon-container{width:32px;height:32px;background:var(--bg-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.activity-icon{width:18px;height:18px;color:#6b7280;fill:currentColor}.activity-entry.employee .activity-icon{color:#3b82f6}.activity-entry.patient .activity-icon{color:#10b981}.activity-entry.event .activity-icon{color:#f59e0b}.activity-entry.user .activity-icon{color:#8b5cf6}.activity-entry.file .activity-icon{color:#ef4444}.activity-entry.message .activity-icon{color:#06b6d4}.activity-content{flex:1;min-width:0}.activity-main{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.activity-main span{color:var(--text-primary)}.activity-action{font-weight:500;color:#374151;font-size:14px}.activity-entity{font-weight:600;color:#1f2937;font-size:14px}.activity-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-user{font-size:12px;color:#6b7280;font-weight:500}.activity-time{font-size:12px;color:#9ca3af}.activity-type-badge{font-size:11px;padding:2px 6px;background:#e5e7eb;color:#374151;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.activity-toggle-container{margin-top:16px;text-align:center;border-top:1px solid var(--border-color);padding-top:16px}.activity-toggle-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.activity-toggle-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.activity-toggle-button svg{transition:transform .2s ease}.activity-toggle-button:hover svg{transform:scale(1.1)}.activity-toggle-button:disabled{opacity:.6;cursor:not-allowed}.activity-toggle-button:disabled:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.activity-loading-spinner{width:14px;height:14px;border:1px solid var(--border-color);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.activity-entry.employee .activity-type-badge{background:#dbeafe;color:#1e40af}.activity-entry.patient .activity-type-badge{background:#d1fae5;color:#065f46}.activity-entry.event .activity-type-badge{background:#fef3c7;color:#92400e}.activity-entry.user .activity-type-badge{background:#ede9fe;color:#5b21b6}.activity-entry.file .activity-type-badge{background:#fee2e2;color:#991b1b}.activity-entry.message .activity-type-badge{background:#cffafe;color:#155e75}.monitor-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:12px;color:#9ca3af;font-style:italic}@media (max-width: 768px){.activity-monitor{padding:16px}.activity-main{flex-direction:column;align-items:flex-start;gap:2px}.activity-meta{flex-direction:column;align-items:flex-start;gap:4px}.activity-toggle-button{padding:6px 12px;font-size:12px}}@media (max-width: 768px){.monitor-header{flex-direction:column;align-items:flex-start;gap:16px}.AM-header-content{width:100%}.header-filter{width:100%;min-width:auto;max-width:none}}.join-agency-view{border-radius:6px;overflow:hidden;margin:0 auto;max-height:80vh;display:flex;flex-direction:column}.join-agency-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;flex-shrink:0}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-small)}.refresh-btn{position:absolute;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-small)}.refresh-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.join-agency-content{padding:0rem;flex:1;overflow-y:auto}.error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;color:#dc2626;font-size:var(--font-size-body);margin-bottom:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-secondary)}.loading-state p{margin-top:1rem;font-size:var(--font-size-body)}.invitations-section{margin-bottom:2rem}.invitations-header{margin-bottom:1.5rem}.invitations-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.invitations-header p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.invitations-list{display:flex;flex-direction:column;gap:1rem}.invitation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;transition:all .3s ease;opacity:1}.invitation-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #00000014}.invitation-info{flex:1}.invitation-main h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.invitation-details{display:flex;flex-direction:column;gap:.25rem}.invitation-details span{color:var(--text-secondary);font-size:var(--font-size-small)}.invitation-role{font-weight:500;color:var(--text-primary)!important}.invitation-inviter{color:var(--accent)!important}.invitation-message{margin-top:1rem;padding:.75rem;background:rgba(var(--primary-color-rgb),.05);border-left:3px solid var(--accent);border-radius:4px}.invitation-message p{color:var(--text-primary);font-style:italic;margin:0;font-size:var(--font-size-body)}.invitation-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.invitation-actions .btn-primary,.invitation-actions .btn-secondary{padding:.5rem 1rem;font-size:var(--font-size-small);white-space:nowrap}.empty-invitations{text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-invitations h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.empty-invitations>p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0 0 1.5rem}.empty-state-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;margin:1.5rem 0;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-details p{color:var(--text-primary);font-weight:500;margin:0 0 .75rem}.empty-state-details ol{color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5;margin:0;padding-left:1.5rem}.empty-state-details li{margin-bottom:.5rem}.empty-state-details strong{color:var(--accent);font-weight:500}.empty-actions{margin-top:1.5rem}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.join-agency-header{padding:1rem 1.5rem;flex-wrap:wrap}.join-agency-content{padding:1.5rem}.invitation-card{flex-direction:column;align-items:stretch}.invitation-actions{flex-direction:row;min-width:auto}.empty-state-details{margin-left:0;margin-right:0;max-width:none}}.inline-agency-manager{border-radius:6px;overflow:hidden;margin:0 auto}.agency-manager-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;position:relative}.back-button{position:absolute;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-small)}.back-button:hover{background:var(--hover-bg);color:var(--text-primary);transform:translate(-2px)}.header-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.header-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.header-content p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0}.agency-manager-content{padding:1rem}.owner-account-details .step-description{text-align:center;margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px}.owner-account-details .step-description p{font-size:var(--font-size-body);color:var(--text-tertiary);margin:0;line-height:1.5}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);color:var(--error-color);padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-size:var(--font-size-small)}.no-agencies-view{display:flex;flex-direction:column;gap:2rem}.agency-setup-options{display:flex;flex-direction:row;align-items:stretch;gap:2.5rem;max-width:1000px;margin:0 auto;padding:2rem}.create-agency-btn{display:flex;align-items:center;gap:1.5rem;width:100%;flex:1;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001f}.create-agency-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,#4fc3f7 100%);opacity:0;transition:opacity .4s ease;z-index:1}.create-agency-btn:after{content:"";position:absolute;top:-165%;left:-60%;width:200%;height:300%;background:linear-gradient(120deg,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);opacity:0;transition:all .6s ease;z-index:2}.create-agency-btn:hover:not(.disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #2383e240,0 4px 16px #00000026;border-color:var(--accent)}.create-agency-btn:hover:not(.disabled):before{opacity:1}.create-agency-btn:hover:not(.disabled):after{opacity:1;left:120%;transition:all .6s ease}.create-agency-btn:active:not(.disabled){transform:translateY(-2px) scale(1.01)}.create-agency-btn.disabled{opacity:.5;cursor:not-allowed}.btn-icon{font-size:3rem;flex-shrink:0;position:relative;z-index:3;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#2383e21a;border-radius:6px}.btn-icon svg{stroke:var(--text-primary);transition:transform .3s ease}.create-agency-btn:hover:not(.disabled) .btn-icon{transform:scale(1.1) rotate(5deg);background:#fff3}.btn-content{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:3;flex:1}.btn-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.create-agency-btn:hover:not(.disabled) .btn-title{color:#fff}.btn-subtitle{font-size:var(--font-size-body);color:var(--text-secondary);transition:color .3s ease;line-height:1.4}.create-agency-btn:hover:not(.disabled) .btn-subtitle{color:#ffffffe6}.option-divider{position:relative;width:100%;text-align:center;margin:1.5rem 0;display:flex;align-items:center;gap:1rem}.option-divider:before,.option-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.option-divider.vertical{width:auto;height:auto;margin:0;flex-direction:column;justify-content:center;align-items:center;min-height:200px;gap:1rem}.option-divider.vertical:before,.option-divider.vertical:after{width:1px;height:60px;flex:0 0 auto}.option-divider span{padding:0 1rem;color:var(--text-secondary);font-size:var(--font-size-body);font-weight:500;border-radius:20px;white-space:nowrap}.join-agency-btn{display:flex;align-items:center;gap:1.5rem;width:100%;flex:1;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014,0 1px 3px #0000001f}.join-agency-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#66bb6a,#4caf50);opacity:0;transition:opacity .4s ease;z-index:1}.join-agency-btn:after{content:"";position:absolute;top:-165%;left:-60%;width:200%;height:300%;background:linear-gradient(120deg,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);opacity:0;transition:all .6s ease;z-index:2}.join-agency-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #4caf5040,0 4px 16px #00000026;border-color:#4caf50}.join-agency-btn:hover:before{opacity:1}.join-agency-btn:hover:after{opacity:1;left:120%;transition:all .6s ease}.join-agency-btn:active{transform:translateY(-2px) scale(1.01)}.join-agency-btn .btn-icon{background:#4caf501a}.join-agency-btn:hover .btn-icon{transform:scale(1.1) rotate(5deg);background:#fff3}.join-agency-btn:hover .btn-title{color:#fff}.join-agency-btn:hover .btn-subtitle{color:#ffffffe6}.join-info-section{width:100%;text-align:center;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:6px;position:relative;overflow:hidden;transition:all .3s ease}.join-info-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2383e20d,#4fc3f70d);opacity:0;transition:opacity .3s ease}.join-info-section:hover:before{opacity:1}.join-info-section:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#2383e24d}.join-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:2}.join-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#2383e21a;border-radius:10px;transition:all .3s ease}.join-info-section:hover .join-icon{transform:scale(1.1);background:#2383e233}.join-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.join-info-section>p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6;position:relative;z-index:2}.email-info{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);padding:1.5rem;border-radius:6px;text-align:left;border:1px solid var(--border-color);position:relative;z-index:2;box-shadow:0 2px 8px #0000000d}.email-info p{margin:0 0 .75rem;font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.5}.email-info p:last-child{margin-bottom:0}.email-info strong{color:var(--text-primary);font-weight:600}.limit-notice{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#e74c3c0d,#e74c3c1a);border:1px solid rgba(231,76,60,.2);border-radius:6px;margin-top:1rem}.limit-notice p{color:var(--error-color);margin:0 0 1rem;font-weight:500}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-body);font-weight:500;text-decoration:none}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}@media (max-width: 968px){.agency-setup-options{flex-direction:column;align-items:center;max-width:600px;padding:1.5rem;gap:2rem}.create-agency-btn,.join-agency-btn{flex:none}.option-divider.vertical{width:100%;height:auto;min-height:auto;flex-direction:row;margin:1.5rem 0}.option-divider.vertical:before,.option-divider.vertical:after{width:auto;height:1px;flex:1}}@media (max-width: 768px){.agency-setup-options{padding:1.5rem;gap:2rem}.create-agency-btn{padding:1.5rem 2rem;gap:1.25rem}.btn-icon{font-size:2.5rem;width:56px;height:56px}.btn-title{font-size:1.25rem}.btn-subtitle{font-size:var(--font-size-small)}.join-info-section{padding:1.5rem 2rem}.join-header h3{font-size:1.25rem}}@media (max-width: 480px){.agency-setup-options{padding:1rem;gap:1.5rem}.create-agency-btn{padding:1.25rem 1.5rem;gap:1rem}.btn-icon{font-size:2rem;width:48px;height:48px}.btn-title{font-size:1.125rem}.join-info-section{padding:1.25rem 1.5rem}.email-info{padding:1.25rem}.option-divider span{padding:0 1rem;height:36px}}.create-agency-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row:has(.form-group:only-child){grid-template-columns:1fr}.form-row:has(.form-group:nth-child(2):last-child){grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.form-input.readonly{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.field-note{font-size:var(--font-size-small);color:var(--text-tertiary);margin-top:.25rem;font-style:italic}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.file-input-container{display:flex;flex-direction:column;gap:1rem}.logo-upload-section{display:flex;gap:.5rem;align-items:center}.logo-file-info{display:flex;align-items:center;gap:.5rem;flex:1}.logo-filename{font-size:var(--font-size-small);color:var(--text-secondary);flex:1}.remove-logo-btn{padding:.25rem .5rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:4px;color:var(--error-color);font-size:var(--font-size-small);cursor:pointer;transition:all .2s ease}.remove-logo-btn:hover{background:#e74c3c26;border-color:#e74c3c4d}.logo-preview{max-width:120px;max-height:120px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.logo-preview img{width:100%;height:100%;object-fit:contain;max-width:116px;max-height:116px}.form-file-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body)}.browse-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-body);cursor:pointer;transition:all .2s ease;white-space:nowrap}.browse-btn:hover{background:var(--hover-bg)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;margin-bottom:2rem;flex-shrink:0}.create-btn{min-width:140px}.limit-notice{text-align:center;padding:1.5rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:4px;color:var(--warning-color)}.limit-notice p{margin:0 0 1rem;font-size:var(--font-size-small)}.existing-agencies-view{text-align:center;padding:2rem}.existing-agencies-view p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0 0 1.5rem}@media (max-width: 768px){.agency-manager-header{padding:1rem 1.5rem}.agency-setup-options{max-width:100%}.create-agency-btn{padding:1.25rem 1.5rem}.btn-icon{font-size:2rem}.join-info-section{padding:1.25rem}.create-agency-form{max-width:100%}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions button{width:100%}}@media (max-width: 480px){.agency-manager-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.back-button{align-self:flex-start}.create-agency-btn{padding:1rem 1.25rem;flex-direction:column;text-align:center;gap:.75rem}.btn-content{align-items:center}.join-info-section{padding:1rem}.header-content h2{font-size:1.25rem}}.address-autocomplete-group{position:relative;flex:2}.address-input-container{position:relative}.address-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.loading-spinner{width:16px;height:16px;border:1px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s ease;font-size:var(--font-size-body);color:var(--text-primary)}.suggestion-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.suggestion-item:last-child{border-bottom:none}.suggestion-text{font-size:var(--font-size-body);color:var(--text-primary);line-height:1.4}.address-input-container .form-input:focus+.address-suggestions{display:block}.info-dot-container{position:relative;display:inline-flex;align-items:center}.info-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent, #2383e2);color:#fff;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;margin-left:2px;transition:background .2s;box-shadow:0 1px 4px #2383e214}.info-dot:hover{background:#1a5fa0}.custom-tooltip{display:none;position:absolute;left:50%;top:120%;transform:translate(-50%);min-width:220px;background:var(--bg-primary, #fff);color:var(--text-primary, #222);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;box-shadow:0 4px 16px #0000001f;padding:.75rem 1rem;font-size:.95rem;font-weight:400;z-index:100;white-space:normal;pointer-events:none;opacity:0;transition:opacity .2s}.info-dot-container:hover .custom-tooltip,.info-dot:focus+.custom-tooltip{display:block;opacity:1;pointer-events:auto}.info-tooltip-container{position:relative;display:inline-flex;align-items:center}.info-tooltip-container .info-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent, #2383e2);color:#fff;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;margin-left:6px;transition:background .2s;box-shadow:0 1px 4px #2383e214}.info-tooltip-container .info-dot:hover{background:#1a5fa0}.info-tooltip-text{display:block;position:absolute;left:50%;top:100%;margin-top:8px;transform:translate(-50%) scale(.85);transform-origin:top center;min-width:220px;background:var(--bg-primary, #fff);color:var(--text-primary, #222);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;box-shadow:0 4px 16px #0000001f;padding:.75rem 1rem;font-size:.95rem;font-weight:400;z-index:100;white-space:normal;opacity:0;transition:opacity .2s;animation:tooltip-show .2s ease-out forwards;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-tooltip-text:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-primary, #fff)}@keyframes tooltip-show{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.info-tooltip-text .highlight{color:var(--accent, #2383e2);font-weight:600;padding:1px 3px;border-radius:3px}.setup-personalization{display:flex;flex-direction:column;gap:2.5rem;max-width:800px;margin:0 auto;transition:all .2s ease}.setup-personalization *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.personalization-section{display:flex;flex-direction:column;gap:1rem}.personalization-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.section-description{font-size:var(--font-size-small);color:var(--text-secondary);margin:0;line-height:1.5}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.theme-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;min-height:80px}.theme-option:hover:not(:disabled){border-color:var(--accent, #2383e2);background:var(--bg-tertiary);transform:translateY(-2px)}.theme-option.active{border-color:var(--accent, #2383e2)}.theme-option:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-icon{font-size:1.5rem}.theme-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.color-selection{flex-direction:column;gap:1.5rem;align-items:center}.setup-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.75rem;margin-bottom:1rem}.color-option{outline:none!important;width:40px;height:40px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.active{transform:scale(1.15);box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--text-primary)}.custom-color-picker{display:flex;flex-direction:column;gap:.5rem}.custom-color-picker label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.custom-color-input-container{display:flex;align-items:center;gap:1rem}.custom-color-input{width:60px;height:40px;border-radius:10px;border:1px solid var(--border-color);cursor:pointer;background:transparent;transition:border-color .2s ease}.custom-color-input:hover{border-color:var(--accent, #2383e2)}.color-value{font-family:Monaco,Consolas,monospace;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border-color)}.background-selection{display:flex;flex-direction:column;gap:1.5rem}.background-category{display:flex;flex-direction:column;gap:.75rem}.background-category h4{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0;padding-left:.25rem;display:flex;align-items:center;gap:.5rem}.popular-star{color:#fbbf24;flex-shrink:0}.background-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.background-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);position:relative;min-height:44px}.background-label{text-align:center}.background-badges{display:flex;align-items:center;gap:.25rem}.darkmode-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:10px;font-weight:500;border-radius:.25rem;background-color:#4b55631a;color:#4b5563;border:1px solid rgba(75,85,99,.2);white-space:nowrap}.popular-indicator{position:relative;color:#fbbf24;width:12px}.background-option:hover{border-color:var(--accent, #2383e2);background:var(--bg-tertiary);transform:translateY(-1px)}.background-option.active{border-color:var(--accent, #2383e2);background:var(--accent-alpha, rgba(35, 131, 226, .1));color:var(--accent, #2383e2)}.background-option.dynamic{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.dynamic-badge{font-size:.75rem;opacity:.8}.background-option.dynamic.active{background:linear-gradient(135deg,var(--accent-alpha, rgba(35, 131, 226, .1)) 0%,var(--accent-alpha-dark, rgba(35, 131, 226, .05)) 100%)}@media (max-width: 768px){.setup-personalization{gap:2rem;padding:0 1rem}.theme-options{grid-template-columns:1fr;gap:.75rem}.theme-option{flex-direction:row;justify-content:flex-start;min-height:60px}.setup-color-grid{grid-template-columns:repeat(6,1fr);gap:.5rem}.color-option{width:36px;height:36px}.background-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.background-option{padding:.75rem;font-size:.8rem}}@media (max-width: 480px){.setup-color-grid{grid-template-columns:repeat(4,1fr)}.custom-color-input-container{flex-direction:column;align-items:flex-start;gap:.5rem}.background-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .theme-option,[data-theme=dark] .background-option{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .theme-option:hover:not(:disabled),[data-theme=dark] .background-option:hover{box-shadow:0 4px 12px #0006}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.theme-option.active,.background-option.active{animation:selectPulse .3s ease-out}.custom-color-header{display:flex;align-items:center;gap:.5rem}.beta-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background-color:#ff950026;color:#ff9500;text-transform:uppercase;box-shadow:0 0 0 1px #ff950033}.custom-color-warning{display:flex;align-items:flex-start;gap:8px;padding:8px;background-color:var(--warning-light, rgba(255, 255, 255, .625));border:1px solid var(--warning-light, rgba(245, 158, 11, .7));border-radius:4px;font-size:var(--font-size-small);color:var(--warning, #f59e0b);max-width:260px;margin-top:8px}.custom-color-warning svg{flex-shrink:0;margin-top:2px}[data-theme=dark] .custom-color-warning{background-color:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.background-performance-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background-color:var(--info-light, rgba(59, 130, 246, .1));border:1px solid var(--info-color, rgba(59, 130, 246, .3));border-radius:4px;font-size:var(--font-size-small);color:var(--info-color, #3b82f6);margin:8px 0;line-height:1.4}.background-performance-warning svg,.background-performance-warning .information-icon{flex-shrink:0;color:var(--info-color, #3b82f6)}[data-theme=dark] .background-performance-warning{background-color:#3b82f626;border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .background-performance-warning svg,[data-theme=dark] .background-performance-warning .information-icon{color:#60a5fa}.theme-option:focus-visible,.background-option:focus-visible,.color-option:focus-visible,.custom-color-input:focus-visible{outline:2px solid var(--accent, #2383e2);outline-offset:2px}._modalOverlay_1moja_2{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:_fadeIn_1moja_1 .2s ease-out;padding:20px}._modal_1moja_2{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:_slideIn_1moja_1 .3s ease-out;display:flex;flex-direction:column}._header_1moja_33{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--bg-secondary)}._header_1moja_33 h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}._closeBtn_1moja_48{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}._closeBtn_1moja_48:hover{background:var(--bg-tertiary);color:var(--text-primary)}._body_1moja_68{padding:24px;overflow-y:auto;flex:1;background-color:var(--bg-secondary)}._form_1moja_76{display:flex;flex-direction:column;gap:20px}._formRow_1moja_82{display:flex;gap:16px}._formGroup_1moja_87{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}._formGroup_1moja_87 label{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}._input_1moja_102{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:15px;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}._input_1moja_102::placeholder{color:var(--text-tertiary)}._input_1moja_102:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}._input_1moja_102:hover:not(:focus){border-color:var(--text-tertiary)}._footer_1moja_129{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;background:var(--bg-secondary)}._btnSecondary_1moja_138,._btnPrimary_1moja_139{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}._btnSecondary_1moja_138{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}._btnSecondary_1moja_138:hover{background:var(--hover-background);border-color:var(--accent);transform:translateY(-1px)}._btnPrimary_1moja_139{background:var(--accent);color:#fff;position:relative;overflow:hidden}._btnPrimary_1moja_139:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:0}._btnPrimary_1moja_139:hover:not(:disabled):before{left:100%}._btnPrimary_1moja_139:hover:not(:disabled){background:var(--accent);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}._btnPrimary_1moja_139:disabled{opacity:.5;cursor:not-allowed;transform:none}._btnPrimary_1moja_139:disabled:hover{filter:none;box-shadow:none}._btnPrimary_1moja_139 span,._btnPrimary_1moja_139 svg{position:relative;z-index:1}@keyframes _fadeIn_1moja_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_1moja_1{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){._modal_1moja_2{max-width:100%;border-radius:12px 12px 0 0;margin-top:auto}._formRow_1moja_82{flex-direction:column;gap:20px}._header_1moja_33,._body_1moja_68{padding:20px}._footer_1moja_129{padding:16px 20px;flex-direction:column-reverse}._btnSecondary_1moja_138,._btnPrimary_1moja_139{width:100%}}@media (prefers-color-scheme: dark){._modal_1moja_2{box-shadow:0 20px 60px #0009}}.animated-check-container{display:inline-block;position:relative}.animated-check-svg{overflow:visible}.check-circle{stroke-dasharray:283;stroke-dashoffset:283;animation:drawCircle ease-in-out forwards;transform-origin:center}.check-mark{stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck ease-in-out forwards}@keyframes drawCircle{0%{stroke-dashoffset:283;transform:scale(.8) rotate(-90deg);opacity:0}20%{opacity:1}to{stroke-dashoffset:0;transform:scale(1) rotate(-90deg);opacity:1}}@keyframes drawCheck{0%{stroke-dashoffset:60;opacity:1}to{stroke-dashoffset:0;opacity:1}}.animated-check-container:hover .check-circle,.animated-check-container:hover .check-mark{animation-iteration-count:1;animation-fill-mode:forwards}.animated-check-container:hover .animated-check-svg{animation:successBounce .6s ease-in-out}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-container{position:fixed;top:0;right:0;z-index:99999;pointer-events:none;padding:40px}.custom-notification-toast{position:relative;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;padding:0;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:320px;max-width:400px;overflow:hidden;opacity:1;transform:translate(100%);pointer-events:auto;margin-bottom:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.custom-notification-toast.toast-info{border-left:4px solid var(--info-color, #3b82f6)}.custom-notification-toast.toast-success{border-left:4px solid var(--success-color, #22c55e)}.custom-notification-toast.toast-warning{border-left:4px solid var(--warning-color, #f59e0b)}.custom-notification-toast.toast-error{border-left:4px solid var(--error-color, #e74c3c)}.custom-notification-toast.stretch-in{animation:slideInFromRightnotification .4s cubic-bezier(.34,1.56,.64,1) forwards}.custom-notification-toast.fade-out{animation:slideOutToRightnotification .3s ease-in forwards}.notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;position:relative}.notification-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notification-icon{width:20px;height:20px;flex-shrink:0}.notification-icon.info{color:var(--info-color, #3b82f6)}.notification-icon.success{color:var(--success-color, #22c55e)}.notification-icon.warning{color:var(--warning-color, #f59e0b)}.notification-icon-container .alert-icon{width:20px;height:20px}.notification-icon.error{color:var(--error-color, #e74c3c)}.notification-message{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, #1f2937);line-height:1.5;margin-top:1px;word-wrap:break-word}.notification-close-btn{background:none;border:none;color:var(--text-tertiary, #9ca3af);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:-2px;margin-right:-4px}.notification-close-btn:hover{background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);transform:scale(1.1)}.notification-close-btn:active{transform:scale(.95)}.notification-close-btn svg{width:14px;height:14px}@keyframes slideInFromRightnotification{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRightnotification{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30%)}}@media (max-width: 768px){.custom-notification-toast{top:16px;left:16px;right:16px;min-width:auto;max-width:none;transform:scaleX(0);transform-origin:left center}.notification-container .custom-notification-toast:nth-child(n+1){top:calc(16px + (var(--notification-index, 0) * 80px))}.custom-notification-toast.stretch-in{animation:stretchFadeInMobile .4s cubic-bezier(.34,1.56,.64,1) forwards}}@keyframes stretchFadeInMobile{0%{opacity:0;transform:scaleX(.1)}60%{opacity:.8;transform:scaleX(1.02)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.custom-notification-toast.stretch-in{animation:fadeInSimple .3s ease forwards}.custom-notification-toast.fade-out{animation:fadeOutSimple .3s ease forwards}.notification-close-btn:hover{transform:none}}@keyframes fadeInSimple{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutSimple{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.agency-setup{display:flex;align-items:center;justify-content:center;padding:2rem}.agency-setup-container{max-width:1200px;width:100%;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);display:flex;flex-direction:column;min-height:0}.setup-progress{padding:0rem 1.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;opacity:1;transition:all .5s ease!important}.setup-progress.hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;pointer-events:none;border-bottom:none;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.setup-progress:not(.hidden){max-height:200px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.progress-checkpoints{padding-top:1rem;display:flex;align-items:flex-start;position:relative;height:48px;margin-bottom:.5rem;overflow:hidden}.checkpoint.dial-previous{left:20%!important;opacity:.6!important;transform:translate(-50%) scale(.85)!important;z-index:1}.checkpoint.dial-next{left:80%!important;opacity:.6!important;transform:translate(-50%) scale(.85)!important;z-index:1}.checkpoint.dial-hidden{opacity:0!important;transform:translate(-50%) scale(.6)!important;pointer-events:none;left:-20%!important;transition-delay:0s}.checkpoint.dial-exiting{opacity:0!important;transform:translate(-50%) scale(.6)!important;pointer-events:none;left:-20%!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.checkpoint.start-flag.dial-previous{left:20%!important;transform:translate(-50%) scale(.85)!important}.checkpoint.start-flag.dial-current{left:50%!important;transform:translate(-50%) scale(1)!important}.checkpoint.start-flag.dial-hidden{left:-20%!important;opacity:0!important;transform:translate(-50%) scale(.6)!important}.checkpoint.end-flag.dial-next{left:80%!important;transform:translate(-50%) scale(.85)!important}.checkpoint.end-flag.dial-current{left:50%!important;transform:translate(-50%) scale(1)!important}.checkpoint.end-flag.dial-hidden{left:120%!important;opacity:0!important;transform:translate(-50%) scale(.6)!important}.checkpoint-circle{width:24px;height:24px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:var(--text-secondary);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.checkpoint.start-flag .checkpoint-circle{border-color:var(--success, #10b981);background:var(--success, #10b981);color:#fff}.checkpoint.start-flag .checkpoint-circle svg{width:14px;height:14px;color:#fff;stroke:#fff}.checkpoint.end-flag .checkpoint-circle{border-color:#f59e0b;color:#f59e0b}.checkpoint.end-flag.current .checkpoint-circle{border-color:#f59e0b;background:#f59e0b;color:#fff;box-shadow:0 0 0 3px #f59e0b33;animation:pulse-checkpoint-orange 2s ease-in-out infinite}.checkpoint.end-flag.completed .checkpoint-circle{border-color:var(--success, #10b981);background:var(--success, #10b981);color:#fff}.checkpoint.end-flag .checkpoint-circle svg{width:14px;height:14px}.checkpoint.completed .checkpoint-circle .animated-check-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.checkpoint-label{font-size:10px;font-weight:500;color:var(--text-tertiary);text-align:center;white-space:nowrap;transition:all .3s ease;opacity:.8}.checkpoint.completed .checkpoint-label,.checkpoint.start-flag .checkpoint-label{color:var(--success, #10b981);font-weight:600;opacity:1}@keyframes pulse-checkpoint-orange{0%,to{box-shadow:0 0 0 3px #f59e0b33}50%{box-shadow:0 0 0 6px #f59e0b1a}}@keyframes circle-draw-simple{0%{background:conic-gradient(from -90deg,var(--success, #10b981) 0deg,transparent 0deg)}to{background:conic-gradient(from -90deg,var(--success, #10b981) 360deg,transparent 360deg)}}.progress-text{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;white-space:nowrap;text-align:center;margin-top:.25rem}.setup-content{transition:all .5s cubic-bezier(.25,.46,.45,.94)!important;overflow:hidden;max-height:0px;flex:1 1 auto;min-height:0;position:relative}.setup-content:not(.animating){overflow-y:auto}.setup-content.animating{opacity:0;transform:translateY(10px)}.setup-content{height:auto!important;max-height:calc(90vh - 200px)!important;min-height:400px;padding:2rem 2rem 5rem;overflow-y:auto!important;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.setup-content.welcome-content{min-height:500px;max-height:max(575px,calc(90vh - 200px))}.agency-details-step,.agency-details-container{height:100%;width:100%}.setup-content.agency-selection-content{min-height:400px;max-height:max(430px,calc(90vh - 200px))}.setup-content.agency-form-content{min-height:auto;max-height:inherit;overflow:visible}.setup-content.owner-details-content{min-height:450px;max-height:max(475px,calc(90vh - 200px));padding:0!important;overflow-y:auto!important;overflow-x:hidden!important}.setup-content.add-users-content{min-height:500px;max-height:max(600px,calc(90vh - 200px))}.setup-content.join-agency-content{min-height:500px;max-height:max(625px,calc(90vh - 200px))}.setup-content.personalization-content{min-height:800px;max-height:max(1350px,calc(90vh - 200px));padding:0!important;overflow-y:auto!important}.setup-content.review-content{min-height:600px;max-height:max(950px,calc(90vh - 200px))}@media (max-width: 1024px){.setup-content{min-height:350px;padding-bottom:1.5rem;max-height:calc(90vh - 180px)}.setup-content.welcome-content{max-height:max(650px,calc(90vh - 180px))}.setup-content.agency-selection-content{max-height:max(600px,calc(90vh - 180px))}.setup-content.agency-form-content{min-height:auto;max-height:inherit;overflow:visible}.setup-content.owner-details-content{max-height:max(480px,calc(90vh - 180px))}.setup-content.add-users-content{min-height:600px;max-height:max(1250px,calc(90vh - 180px))}.setup-content.personalization-content{min-height:700px;max-height:max(1320px,calc(90vh - 180px))}.setup-content.review-content{max-height:max(980px,calc(90vh - 180px))}}@media (max-width: 768px){.setup-content{min-height:300px;padding-bottom:1rem;max-height:calc(90vh - 160px)}.setup-content.welcome-content{min-height:450px;max-height:max(650px,calc(90vh - 160px))}.setup-content.agency-selection-content{max-height:max(600px,calc(90vh - 160px))}.setup-content.agency-form-content{min-height:auto;max-height:inherit;overflow:visible}.setup-content.owner-details-content,.setup-content.add-users-content,.setup-content.join-agency-content{max-height:max(700px,calc(90vh - 160px))}.setup-content.personalization-content{min-height:800px;max-height:max(1610px,calc(90vh - 160px))}.setup-content.review-content{min-height:600px;max-height:max(1290px,calc(90vh - 160px))}}@media (max-width: 480px){.setup-content{min-height:250px;padding-bottom:.75rem;max-height:calc(90vh - 140px)}.setup-content.welcome-content{min-height:400px;max-height:max(700px,calc(90vh - 140px))}.setup-content.agency-selection-content{max-height:max(650px,calc(90vh - 140px))}.setup-content.agency-form-content{min-height:auto;max-height:inherit;overflow:visible}.setup-content.owner-details-content{max-height:max(700px,calc(90vh - 140px))}.setup-content.add-users-content,.setup-content.join-agency-content{max-height:max(750px,calc(90vh - 140px))}.setup-content.personalization-content{min-height:900px;max-height:max(1850px,calc(90vh - 140px))}.setup-content.review-content{max-height:max(1380px,calc(90vh - 140px))}}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.back-button:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-2px)}.welcome-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0rem 2rem;min-height:500px;justify-content:center}.welcome-icon{display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:2rem;width:100%;opacity:0;transform:translateY(20px) scale(.9);animation:welcomeIconIn .8s cubic-bezier(.25,.46,.45,.94) .1s forwards,float 3s ease-in-out 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes welcomeIconIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-content h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2;opacity:0;transform:translateY(15px);animation:sleekFadeIn .6s cubic-bezier(.25,.46,.45,.94) .3s forwards}.welcome-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:400;opacity:0;transform:translateY(15px);animation:sleekFadeIn .6s cubic-bezier(.25,.46,.45,.94) .5s forwards}.welcome-description{max-width:600px;margin-bottom:2.5rem;opacity:0;transform:translateY(15px);animation:sleekFadeIn .6s cubic-bezier(.25,.46,.45,.94) .7s forwards}.welcome-description p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6}.welcome-action-container{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.5rem}.setup-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:var(--font-size-body);font-weight:600;border-radius:10px;transition:all .2s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--accent, #2383e2) 20%,transparent);border:1px solid var(--border-color);position:relative;overflow:hidden;background-color:var(--accent);color:#fff;opacity:0;transform:translateY(15px) scale(.95);animation:buttonIn .7s cubic-bezier(.25,.46,.45,.94) .9s forwards,beacon-pulse 1.5s ease-out 2s infinite}@keyframes beacon-pulse{0%{box-shadow:0 4px 12px color-mix(in srgb,var(--accent, #2383e2) 20%,transparent),0 0 color-mix(in srgb,var(--accent, #2383e2) 40%,transparent)}70%{box-shadow:0 4px 12px color-mix(in srgb,var(--accent, #2383e2) 20%,transparent),0 0 0 13px color-mix(in srgb,var(--accent, #2383e2) 0%,transparent)}to{box-shadow:0 4px 12px color-mix(in srgb,var(--accent, #2383e2) 20%,transparent),0 0 color-mix(in srgb,var(--accent, #2383e2) 0%,transparent)}}@keyframes buttonIn{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.setup-action-btn:after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);pointer-events:none;opacity:0;transition:opacity .2s}.setup-action-btn:hover{transform:translateY(-2px);cursor:pointer;box-shadow:0 6px 20px #2383e24d}.setup-action-btn:hover:after{opacity:1;animation:shine-btn .4s linear}@keyframes shine-btn{0%{left:-60%}to{left:120%}}.setup-action-btn svg{transition:transform .2s ease}.setup-action-btn:hover svg{transform:translate(4px)}.agency-setup-options{opacity:0;transform:translateY(20px);animation:sleekFadeIn .6s cubic-bezier(.25,.46,.45,.94) .2s forwards}.create-agency-btn{opacity:0;transform:translateY(15px);animation:sleekSlideIn .5s cubic-bezier(.25,.46,.45,.94) .3s forwards}.option-divider{opacity:0;transform:translateY(10px) scale(.95);animation:sleekFadeScale .4s cubic-bezier(.25,.46,.45,.94) .5s forwards}.join-agency-btn{opacity:0;transform:translateY(15px);animation:sleekSlideIn .5s cubic-bezier(.25,.46,.45,.94) .6s forwards}@keyframes sleekFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sleekSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes sleekFadeScale{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.agency-settings-step,.agency-form-step,.agency-selection-step,.owner-details-step,.add-users-step{padding:0}.owner-details-step,.owner-details-container{height:100%}.owner-details-container .owner-account-details{height:100%;display:flex;flex-direction:column}.owner-details-container .agency-manager-header{flex-shrink:0}.owner-details-container .agency-manager-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 2rem 8rem}.agency-selection-step{padding:0}.agency-selection-container{display:flex;flex-direction:column;min-height:500px}.agency-selection-header{display:flex;align-items:flex-start;gap:1rem;padding:2rem 2rem 0;position:relative}.agency-selection-main{flex:1;padding:2rem}.agency-selection-header-content{text-align:center;margin-bottom:2rem}.agency-selection-header-content h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.agency-selection-header-content p{margin:0;color:var(--text-secondary);font-size:1rem}.add-users-container{display:flex;flex-direction:column;min-height:500px}.add-users-header{display:flex;align-items:flex-start;gap:1rem;padding:2rem 2rem 1rem}.header-content{flex:1}.header-content h3{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.header-content p{color:var(--text-secondary);margin:0;line-height:1.6;font-size:1rem}.add-users-main{display:flex;flex-direction:column;padding:2rem;flex:1}.invited-users-section{display:flex;flex-direction:column;max-width:800px;margin:0 auto;width:100%}.users-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #00000014;height:fit-content}.setup-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.setup-card-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.add-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-radius:10px;font-size:1.2rem;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-user-btn:hover{transform:rotate(90deg) scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:modalFadeIn .2s ease-out}.add-user-modal{background:var(--bg-primary);border-radius:6px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.user-input-form .form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.user-input-form .form-group{flex:1;min-width:0}.user-input-form label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.user-input-form .form-input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.user-input-form .form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.btn-add-user{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-user:hover:not(:disabled){background:var(--accent-hover, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-add-user:disabled{opacity:.5;cursor:not-allowed;transform:none}.invited-users-list{padding:0;min-height:200px;display:flex;flex-direction:column}.invite-user-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;flex:1}.empty-icon{margin-bottom:.75rem;opacity:.5}.invite-user-empty-state p{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.invite-user-empty-state span{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.users-table-container{max-height:200px;overflow-y:auto;border-radius:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.users-grid-container{max-height:320px;overflow-y:auto;border-radius:4px}.users-table-container::-webkit-scrollbar,.users-grid-container::-webkit-scrollbar{width:6px}.users-table-container::-webkit-scrollbar-track,.users-grid-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.users-table-container::-webkit-scrollbar-thumb,.users-grid-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.users-table-container::-webkit-scrollbar-thumb:hover,.users-grid-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.users-table{width:100%;border-collapse:collapse;font-size:.875rem;border:none}.users-table-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)}.users-table-header th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-secondary)}.users-table-header th:first-child{padding-left:1rem;width:50px}.users-table-header th:nth-child(2){width:auto}.users-table-header th:nth-child(3){width:auto}.users-table-header th:last-child{width:60px;text-align:center}.users-table-body tr{border-bottom:1px solid var(--border-color);transition:all .15s ease;height:50px}.users-table-body tr:hover{background:var(--bg-tertiary)}.users-table-body tr:last-child{border-bottom:none}.users-table-body td{padding:.5rem 1rem;vertical-align:middle}.user-table-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-hover, var(--accent)));color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.user-table-name{font-weight:600;color:var(--text-primary);font-size:.875rem;line-height:1.2}.user-table-email{color:var(--text-secondary);font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.table-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;opacity:.6}.users-table-body tr:hover .table-remove-btn{opacity:1;border-color:var(--border-color)}.users-grid{display:none}@media (max-width: 768px){.users-table{display:none}.users-grid{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.user-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease;position:relative}.user-card:hover{border-color:var(--accent);background:var(--bg-tertiary)}.user-invite-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent-hover, var(--accent)));color:#fff;border-radius:4px;font-size:.8rem;font-weight:600}.user-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;color:var(--text-primary);font-size:.875rem}.email-address{color:var(--text-tertiary);font-size:.75rem}.remove-user-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:1px solid transparent;background:transparent;border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;opacity:0}.user-card:hover .remove-user-btn{opacity:1}.remove-user-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem 2rem}.setup-action-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary.setup-action-btn{background:var(--accent);color:#fff}.btn-primary.setup-action-btn:hover{background:var(--accent-hover, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.875rem 1.75rem;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent)}@media (max-width: 1024px){.add-users-main{padding:1.5rem}.add-users-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 768px){.add-users-header,.add-users-main,.form-actions{padding-left:1rem;padding-right:1rem}.user-input-form .form-row{flex-direction:column;gap:1rem}.btn-add-user{width:100%;justify-content:center}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;justify-content:center}.modal-overlay{padding:.5rem}.add-user-modal{max-width:none;width:100%}}.step-header{padding:2.5rem 2rem 1.5rem;text-align:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color)}.step-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.step-header p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1rem}.step-description p{font-size:var(--font-size-body);color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:1.5}.agency-settings-container,.agency-form-container{border:none;box-shadow:none}.agency-settings-step .agency-settings-container,.agency-form-step .agency-form-container{border:none;box-shadow:none;padding:0}.agency-settings-step .inline-agency-manager,.agency-form-step .inline-agency-manager{border:none;box-shadow:none;background:transparent}.feature-preview{padding:2rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.feature-preview h3{text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--accent)}.feature-icon{font-size:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#2383e21a;border-radius:10px;flex-shrink:0}.feature-text{display:flex;flex-direction:column;gap:.25rem}.feature-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.feature-desc{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.agency-setup{padding:1rem;align-items:flex-start;min-height:calc(100vh - 2rem)}.agency-setup-container{margin-top:1rem}.setup-progress{padding:1rem 1.5rem}.welcome-step{padding:2rem 1.5rem;min-height:400px}.welcome-content h1{font-size:2rem}.welcome-subtitle{font-size:1.125rem}.step-header{padding:2rem 1.5rem 1.5rem}.step-header h1{font-size:1.75rem}.feature-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1rem}.feature-preview{padding:1.5rem}}@media (max-width: 480px){.agency-setup{padding:.5rem}.welcome-step{padding:1.5rem 1rem}.welcome-content h1{font-size:1.75rem}.setup-action-btn{padding:.75rem 1.5rem;font-size:var(--font-size-small)}.step-header{padding:1.5rem 1rem}.step-header h1{font-size:1.5rem}}.personalization-step{padding:0}.personalization-container{max-width:900px;margin:0 auto;padding:2rem 2rem 12rem}.personalization-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;position:relative}.personalization-header-content{flex:1;text-align:center;position:absolute;left:50%;transform:translate(-50%);top:0}.personalization-header-content h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.personalization-header-content p{color:var(--text-secondary);margin:0;font-size:var(--font-size-small)}.personalization-main{margin-bottom:2rem}@media (max-width: 768px){.personalization-container{padding:1rem}}.review-step{padding:0}.review-container{max-width:900px;margin:0 auto;padding:2rem}.review-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:2.5rem 2rem 1.5rem;position:relative;text-align:center}.review-header-content{flex:1;text-align:center}.review-header-content h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.review-header-content p{color:var(--text-secondary);margin:0;font-size:1.125rem}.review-header .back-button{position:absolute;left:2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-small)}.review-header .back-button:hover{color:var(--text-primary);background:var(--hover-bg)}.review-main{display:grid;gap:2rem;margin-bottom:2rem}.review-sections{display:flex;flex-direction:column;gap:1.5rem}.review-section{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.review-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.review-section h3 svg{color:var(--accent, #2383e2)}.review-section p{color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.review-list{display:flex;flex-direction:column;gap:.5rem}.review-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-primary);border-radius:4px}.review-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent, #2383e2);color:#fff;border-radius:4px;font-size:.875rem;font-weight:600}.review-more{color:var(--text-tertiary);font-size:.875rem;font-style:italic}.review-preferences{display:flex;gap:1rem;flex-wrap:wrap}.review-pref{padding:.25rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:.875rem;color:var(--text-secondary)}.review-summary{display:flex;flex-direction:column}.summary-card{padding:2rem;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;text-align:center}.summary-card h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.summary-card p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.summary-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:10px;color:var(--success, #10b981);font-weight:500}@media (max-width: 768px){.review-container{padding:1rem}.review-main{grid-template-columns:1fr;gap:1.5rem}.summary-card{padding:1.5rem}.review-preferences{flex-direction:column;gap:.5rem}}.dashboard-calendar-container{width:100%;height:100%;border-radius:6px;display:flex;flex-direction:column;min-height:280px;max-height:320px}.dashboard-calendar-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px;padding:4px;border-bottom:1px solid var(--border-color);flex-shrink:0}.dashboard-calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.dashboard-calendar-nav-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--text-primary);transform:scale(1.05)}.dashboard-calendar-month-year{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.3px}.dashboard-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;flex:1;background:var(--bg-primary);border-radius:4px;overflow:hidden;min-height:0}.dashboard-calendar-day-header{background:var(--bg-tertiary);padding:6px 4px;text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.dashboard-calendar-day{background:var(--bg-primary);min-height:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3px 2px;position:relative;cursor:pointer;transition:all .2s ease}.dashboard-calendar-day:hover{background:var(--bg-secondary)}.dashboard-calendar-day.empty{background:var(--bg-tertiary);opacity:.3;cursor:default}.dashboard-calendar-day.other-month{background:var(--bg-primary);opacity:.4;cursor:default}.dashboard-calendar-day.other-month .dashboard-day-number{color:var(--text-tertiary)}.dashboard-calendar-day.today{background:linear-gradient(135deg,var(--accent),rgba(35,131,226,.8));color:#fff}.dashboard-calendar-day.today .dashboard-day-number{color:#fff;font-weight:700}.dashboard-calendar-day.has-event{background:var(--bg-secondary);border:1px solid rgba(35,131,226,.2)}.dashboard-calendar-day.today.has-event{background:linear-gradient(135deg,var(--accent),rgba(35,131,226,.9))}.dashboard-day-number{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:1px;line-height:1}.dashboard-event-indicators{display:flex;flex-direction:row;gap:4px;width:100%;align-items:center;justify-content:center;margin-top:2px}.dashboard-event-indicator-pulse{width:8px;height:8px;background:var(--accent);border-radius:50%;opacity:.9;flex-shrink:0;animation:pulse 2s infinite;position:relative}.dashboard-event-indicator-pulse:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--accent);border-radius:50%;opacity:.3;animation:pulseRing 2s infinite}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulseRing{0%{opacity:.3;transform:scale(.8)}50%{opacity:.1;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}.dashboard-calendar-day.today .dashboard-event-indicator-pulse{background:#ffffffe6}.dashboard-calendar-day.today .dashboard-event-indicator-pulse:before{background:#ffffff80}.dashboard-event-count{font-size:10px;color:var(--accent);font-weight:700;min-width:12px;text-align:center;line-height:1;background:var(--bg-primary);border-radius:4px;padding:1px 3px;border:1px solid var(--accent);opacity:.95}.dashboard-calendar-day.today .dashboard-event-count{color:#fffffff2;background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.dashboard-event-more{font-size:8px;color:var(--text-secondary);font-weight:600;margin-top:1px}.dashboard-calendar-day.today .dashboard-event-more{color:#ffffffe6}.dashboard-calendar-day.clickable{cursor:pointer;transition:all .2s ease}.dashboard-calendar-day.clickable:hover{background-color:var(--bg-tertiary);transform:scale(1.02)}.dashboard-event-dropdown{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 20px #0000001a;z-index:1000;min-width:320px;max-width:400px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:dropdown-appear .15s ease-out;max-height:400px}.dashboard-event-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center}.dashboard-event-dropdown-date{font-size:14px;font-weight:600;color:var(--text-primary)}.dashboard-event-dropdown-count{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:6px}.dashboard-event-dropdown-list{max-height:200px;overflow-y:auto;padding:8px 0}.dashboard-event-dropdown-item{display:flex;align-items:flex-start;padding:12px 16px;cursor:pointer;transition:all .15s ease;border-left:3px solid transparent}.dashboard-event-dropdown-item:hover{background:var(--bg-tertiary);border-left-color:var(--accent)}.dashboard-event-dropdown-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;margin-right:12px;flex-shrink:0}.dashboard-event-dropdown-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard-event-dropdown-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.dashboard-event-dropdown-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-event-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;flex-shrink:0;line-height:1}.dashboard-event-status.completed{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.dashboard-event-status.in-progress{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.dashboard-event-status.cancelled{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.dashboard-event-status.pending{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.dashboard-event-status.scheduled{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.dashboard-event-dropdown-time{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.dashboard-event-dropdown-time svg{opacity:.7}.dashboard-event-dropdown-caregiver{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;font-weight:500}.dashboard-event-dropdown-caregiver svg{opacity:.7}.dashboard-event-dropdown-description{font-size:12px;color:var(--text-tertiary);line-height:1.4;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=dark] .dashboard-event-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .dashboard-event-dropdown-header{background:var(--bg-secondary)}[data-theme=dark] .dashboard-event-dropdown-item:hover{background:var(--bg-tertiary)}@media (max-width: 768px){.dashboard-calendar-container{padding:16px}.dashboard-calendar-day{min-height:32px;padding:2px 1px}.dashboard-day-number{font-size:12px}.dashboard-calendar-month-year{font-size:14px}.dashboard-calendar-nav-btn{width:28px;height:28px}.dashboard-event-dropdown{min-width:240px;max-width:280px}.dashboard-event-dropdown-item{padding:10px 12px}}.dashboard-calendar-container .react-loading-skeleton{border-radius:4px}.dashboard-calendar-day .react-loading-skeleton,.dashboard-event-dropdown .react-loading-skeleton{border-radius:3px}.dashboard-calendar-container .react-loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.dashboard-calendar-day.loading{pointer-events:none;opacity:.7}.dashboard-event-dropdown.loading{pointer-events:none}.dashboard-event-dropdown.loading .dashboard-event-dropdown-item{opacity:.8}.dashboard-content{padding:32px;overflow-y:auto;margin:0 auto}.ai-quick-access{display:flex;justify-content:center;margin-bottom:2rem;margin-top:1rem}.ai-container{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:6px;padding:2.5rem;width:100%;min-width:500px!important;height:100%;max-width:800px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.4,0,.2,1)}.dashboard-loader{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.ai-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 100%);pointer-events:none}.ai-header{display:flex;align-items:center;position:relative;z-index:1;transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-container.ai-phase-loading .ai-header{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-container.ai-phase-loading .ai-icon{opacity:0;transform:translate(-20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-container.ai-phase-loading .ai-title{opacity:0;transform:translate(-30px);transition:all .8s cubic-bezier(.4,0,.2,1) .2s}.ai-container.ai-phase-title .ai-title{opacity:1;transform:translate(0);transition:opacity .4s ease,transform .4s ease}.ai-container.ai-phase-title .ai-icon{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.ai-container.ai-phase-icon .ai-title{opacity:1;transform:translate(0)}.ai-container.ai-phase-icon .ai-icon{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.ai-container.ai-phase-complete .ai-header,.ai-container.ai-phase-complete .ai-icon{opacity:1;transform:translate(0);transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-container.ai-phase-complete .ai-title{opacity:1;transform:translate(0);transition:all .8s cubic-bezier(.4,0,.2,1) .2s}.ai-container.ai-phase-loading .ai-prompt-animation,.ai-container.ai-phase-loading .ai-form{opacity:0;transform:translateY(20px);pointer-events:none;transition:all .8s cubic-bezier(.4,0,.2,1)}.ai-hidden{opacity:0!important;transform:translateY(10px)!important;pointer-events:none}.ai-visible{opacity:1!important;transform:translateY(0)!important;pointer-events:auto}.ai-container.ai-phase-complete .ai-prompt-animation{opacity:1;transform:translateY(0);transition:opacity .6s ease .4s,transform .6s ease .4s}.ai-container.ai-phase-complete .ai-form{opacity:1;transform:translateY(0);transition:opacity .6s ease .6s,transform .6s ease .6s}.ai-icon{font-size:2rem;background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(59,130,246,.4));animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ai-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3;transition:opacity .6s ease,transform .6s ease}.ai-form{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:8px;transition:all .4s ease!important;position:relative;z-index:1;width:100%}.ai-form:focus-within{border-color:var(--accent);box-shadow:0 0 10px 8px color-mix(in srgb,var(--accent) 15%,transparent)}.ai-input{flex:1;border:none;outline:none;background:none;resize:none;font-size:14px;line-height:1.4;color:var(--text-primary);font-family:inherit;margin:0;min-height:20px;transition:all .2s ease;padding:8px 12px}.ai-input::placeholder{color:var(--text-tertiary);font-style:italic}.ai-submit{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-primary);font-size:16px;position:relative;overflow:hidden;flex-shrink:0}.ai-submit:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.25,.8,.25,1)}.ai-submit:hover:not(:disabled):before{opacity:.1;transform:scale(1)}.ai-submit:hover:not(:disabled){color:var(--accent);transform:scale(1.05)}.ai-submit:active:not(:disabled){transform:scale(.98)}.ai-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-submit:disabled:before{display:none}.ai-prompt-animation{margin-bottom:1.5rem;position:relative;z-index:1;transition:opacity .6s ease,transform .6s ease}.ai-prompt-static{font-size:1.1rem;color:var(--text-secondary);font-weight:400;line-height:1.4}.ai-prompt-animated{font-size:1.1rem;color:var(--accent);font-weight:600;min-height:1.4em;display:inline-block;position:relative}.ai-cursor{color:var(--accent);font-weight:600;font-size:1.1rem;opacity:1}.ai-cursor.typing{animation:none;opacity:1}.ai-cursor.blinking{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.activity-monitor-widget{grid-column:1 / -1;min-height:320px}@media (min-width: 1200px){.activity-monitor-widget{grid-column:1 / -1}}@media (max-width: 768px){.activity-monitor-widget{grid-column:1 / -1;min-height:280px}}.dashboard-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}@media (min-width: 900px){.dashboard-overview{grid-template-columns:1fr 1fr}@media (min-width: 1400px){.dashboard-overview{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}}.overview-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.03) 100%);pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;display:flex;align-items:center}.header-icon{display:inline-block;margin-right:.5rem;vertical-align:middle;color:var(--accent);stroke-width:2}.view-all-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-weight:500}.view-all-btn:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.message-count{background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);color:#fff;font-size:.7rem;padding:.25rem .5rem;border-radius:6px;min-width:20px;text-align:center;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.files-list{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.file-item:hover{background:var(--hover-bg);transform:translate(4px);border-color:var(--border-color);box-shadow:0 2px 12px #00000014}.file-icon{font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;color:var(--accent);box-shadow:0 2px 8px #0000001a}.file-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.file-meta{font-size:.8rem;color:var(--text-tertiary);opacity:.8}.events-list{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.event-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:6px;background:var(--bg-secondary);transition:all .3s ease;cursor:pointer;border:1px solid transparent;position:relative}.event-item:hover{background:var(--hover-bg);transform:translate(4px);border-color:var(--border-color);box-shadow:0 2px 12px #00000014}.event-time{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:.5rem;background:var(--bg-primary);border-radius:4px;box-shadow:0 2px 8px #0000001a}.event-date{font-size:.75rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem}.event-hour{font-size:.8rem;color:var(--accent);font-weight:600}.event-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.event-title{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.3}.event-type,.dash-event-caregiver{font-size:.8rem;color:var(--text-tertiary);text-transform:capitalize;opacity:.8}.events-widget-expanded{grid-column:span 3;min-height:340px;margin-bottom:16px}.events-widget-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;height:calc(100% - 60px);padding-top:8px;overflow:hidden}.events-analytics-section{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.events-analytics-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:6px}.events-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.events-analytics-stat{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.events-analytics-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:2px}.events-analytics-stat-label{font-size:11px;color:var(--text-secondary);text-align:center;font-weight:500;line-height:1.2}.events-analytics-progress{margin-top:16px}.events-analytics-progress-item{margin-bottom:12px}.events-analytics-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.events-analytics-progress-header span:first-child{font-size:12px;color:var(--text-primary);font-weight:500}.events-analytics-progress-header span:last-child{font-size:12px;color:var(--accent);font-weight:600}.events-analytics-progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.events-analytics-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.events-analytics-progress-item:first-child .events-analytics-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shinedashboardbar 3s ease-in-out infinite}@keyframes shinedashboardbar{0%{transform:translate(-300%)}to{transform:translate(300%)}}.dashboard-calendar-section,.events-list-section{display:flex;flex-direction:column;height:100%;min-height:280px}.events-list-section .events-list{flex:1;overflow-y:auto;padding-right:8px}@media (max-width: 1200px){.events-widget-expanded{grid-column:span 1;min-height:600px}.events-widget-content{grid-template-columns:1fr;gap:16px;height:calc(100% - 60px)}.dashboard-calendar-section{order:1;min-height:280px}.events-list-section{order:2;min-height:280px}}@media (max-width: 768px){.events-widget-content{gap:12px;grid-template-columns:1fr}.events-widget-expanded{grid-column:span 1;min-height:750px}.dashboard-calendar-section,.events-list-section,.events-analytics-section{min-height:220px}.events-analytics-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.events-analytics-stat{padding:6px}.events-analytics-stat-value{font-size:16px}.events-analytics-stat-label{font-size:10px}}@media (max-width: 1200px) and (min-width: 769px){.events-widget-content{grid-template-columns:1fr 1fr}.events-widget-expanded{grid-column:span 2}.events-analytics-section{order:3;grid-column:span 2}}.messages-list{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1;padding:.25rem}.message-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;border-radius:4px;transition:all .3s ease;cursor:pointer;border:1px solid transparent;position:relative;min-height:48px}.message-item:hover{background:var(--hover-bg);transform:translate(2px);border-color:var(--border-color);box-shadow:0 2px 12px #00000014}.message-item.unread{background:#3b82f60d;border-left:2px solid var(--accent)}.message-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0;overflow:hidden}.message-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.message-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);color:#fff;font-size:.7rem;font-weight:600;border-radius:50%}.message-avatar .group-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;filter:invert(1)}.avatar-icon{color:#fff}.message-details{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.message-from{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.message-time{font-size:.65rem;color:var(--text-tertiary);opacity:.7;line-height:1;flex-shrink:0;text-align:right;margin-left:auto}.message-text{font-size:.7rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-placeholder{opacity:0;pointer-events:none;min-height:48px}.no-messages-placeholder{pointer-events:none}.no-messages-placeholder .no-messages{display:flex;align-items:center;justify-content:center;width:100%;padding:0;color:var(--text-tertiary);font-style:italic;font-size:.8rem}.stats-row{display:flex;gap:1.5rem;margin-bottom:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:6px;box-shadow:0 2px 12px #00000014;position:relative;z-index:1}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 60%,#000000) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.logout-btn{background:linear-gradient(135deg,var(--button-primary-bg) 0%,var(--button-primary-hover) 100%);color:var(--button-primary-text);border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px #0000001a;position:relative;z-index:1}.logout-btn:hover{background:linear-gradient(135deg,var(--button-primary-hover) 0%,#404040 100%);transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.logout-btn:active{transform:translateY(0)}.dashboard-top-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.ai-quick-access-widget{display:flex;flex-direction:column;box-sizing:border-box}.ai-quick-access-widget .ai-container{max-width:none;width:100%}.messages-widget{border-radius:20px;display:flex;box-shadow:0 4px 20px #00000014;flex-direction:column;min-width:0;overflow:hidden}.storage-content{position:relative;z-index:1}.storage-overview{display:flex;flex-direction:column;gap:1.5rem}.storage-progress-section{display:flex;flex-direction:column;gap:.75rem}.storage-usage-info{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.storage-used{font-weight:600;color:var(--text-primary)}.storage-total{color:var(--text-secondary);font-size:.8rem}.storage-percentage{font-weight:600;color:var(--accent);font-size:.9rem}.storage-progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;position:relative}.storage-progress-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease;position:relative}.storage-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.storage-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);color:#fff;font-size:.75rem;font-weight:600}.storage-percentage{font-size:.9rem;font-weight:700;line-height:1}.storage-label{font-size:.6rem;opacity:.8;margin-top:2px}.storage-details{display:flex;flex-direction:column;gap:1rem}.storage-stat{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.storage-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.category-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.category-name{font-size:.8rem;color:var(--text-secondary)}.category-count{font-size:.8rem;font-weight:600;color:var(--accent)}.loading-messages,.loading-files{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.stat-skeleton{display:inline-block;width:32px;height:24px;border-radius:4px}.no-files,.no-messages,.no-events{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;color:var(--text-tertiary);font-style:italic;font-size:.8rem}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@media (max-width: 1024px){.dashboard-top-row{grid-template-columns:1fr}.storage-overview{gap:1rem}.storage-usage-info{flex-direction:column;align-items:flex-start;gap:.25rem}.storage-progress-bar{height:6px}}@media (max-width: 768px){.dashboard-content{padding:1rem}.ai-container{max-width:100%;padding:1.5rem}.ai-header h3{font-size:1.2rem}.ai-prompt-static,.ai-prompt-animated,.ai-cursor{font-size:1rem}.ai-form{padding:6px}.ai-input{font-size:13px;padding:6px 10px}.ai-submit{width:28px;height:28px}.dashboard-overview{grid-template-columns:1fr;gap:1rem}.category-stat{padding:.4rem .6rem}.category-name,.category-count{font-size:.75rem}}.dashboard-content{scroll-behavior:smooth}.view-all-btn:focus,.logout-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.dashboard-card{background-color:var(--bg-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:6px;padding:32px;transition:all .15s ease;cursor:pointer;text-align:center;box-shadow:0 1px 3px var(--shadow)}.dashboard-card:hover{border-color:var(--text-tertiary);box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-2px)}.ai-card-icon{font-size:48px;margin-bottom:20px;opacity:.8}.dashboard-card h3{margin:0 0 12px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.dashboard-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.5}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.messages-widget{min-width:0}.message-item{padding:8px 12px}.message-content{min-width:0}.message-text{max-width:180px}}@media (max-width: 768px){.dashboard-content{padding:20px}.welcome-section{flex-direction:column;gap:20px;text-align:center;padding:24px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.messages-widget{width:100%;min-width:0;overflow:hidden}.message-item{padding:6px 8px}.message-text{max-width:calc(100vw - 120px);font-size:.85rem}.message-sender{font-size:.8rem}.message-time{font-size:.75rem}.user-details h1{font-size:var(--font-size-heading3)}}@media (max-width: 480px){.dashboard-content{padding:16px}.dashboard-grid{gap:12px}.dashboard-card{padding:16px}.messages-widget{overflow:hidden}.message-item{padding:4px 6px}.message-text{max-width:calc(100vw - 100px);font-size:.8rem}.message-sender{font-size:.75rem}.message-time{font-size:.7rem}.avatar-circle{width:28px;height:28px;font-size:.7rem}}.dashboard-agency-setup{max-width:1200px;margin:0 auto;padding:2rem 0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.dashboard-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-loading p{font-size:var(--font-size-body);color:var(--text-secondary);font-weight:500}.cube-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 48px);color:var(--text-primary);position:relative;z-index:1000}.dashboard-animated{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);will-change:opacity,transform;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border-radius:6px}.dashboard-appear{opacity:1;transform:translateY(0) scale(1)}.loading-text{font-size:18px;font-weight:600;color:var(--accent);text-align:center;margin-top:20px;opacity:1;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@media (max-width: 768px){.loading-text{font-size:16px}}.gradient-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:radial-gradient(ellipse at top,rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.15) 0%,transparent 60%)}.gradient-layer-1{position:absolute;top:-20%;left:-10%;right:-10%;bottom:-20%;background:linear-gradient(120deg,transparent 0%,rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.25) 20%,rgba(var(--accent-r, 35),calc(var(--accent-g, 131) + 80),calc(var(--accent-b, 226) + 120),.3) 40%,rgba(calc(var(--accent-r, 35) + 120),var(--accent-g, 131),calc(var(--accent-b, 226) + 160),.25) 60%,rgba(calc(var(--accent-r, 35) + 160),calc(var(--accent-g, 131) + 120),var(--accent-b, 226),.22) 80%,transparent 100%);background-size:300% 300%;animation:gradient-main-flow 30s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center;filter:blur(18px);opacity:1}.gradient-layer-2{position:absolute;top:-30%;left:-20%;right:-20%;bottom:-30%;background:radial-gradient(ellipse 80% 40% at 20% 60%,rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.32) 0%,transparent 70%),radial-gradient(ellipse 60% 30% at 80% 40%,rgba(calc(var(--accent-r, 35) + 100),calc(var(--accent-g, 131) + 40),calc(var(--accent-b, 226) + 140),.28) 0%,transparent 60%),radial-gradient(ellipse 70% 35% at 40% 80%,rgba(calc(var(--accent-r, 35) + 60),calc(var(--accent-g, 131) + 160),calc(var(--accent-b, 226) + 80),.26) 0%,transparent 65%),radial-gradient(ellipse 50% 25% at 60% 20%,rgba(calc(var(--accent-r, 35) + 140),calc(var(--accent-g, 131) + 60),calc(var(--accent-b, 226) + 180),.24) 0%,transparent 55%);animation:gradient-drift 40s cubic-bezier(.215,.61,.355,1) infinite;filter:blur(22px);opacity:.95}.gradient-layer-3{position:absolute;top:-40%;left:-30%;right:-30%;bottom:-40%;background:conic-gradient(from 0deg at 30% 70%,transparent 0deg,rgba(var(--accent-r, 35),calc(var(--accent-g, 131) + 100),calc(var(--accent-b, 226) + 60),.22) 60deg,rgba(calc(var(--accent-r, 35) + 80),var(--accent-g, 131),calc(var(--accent-b, 226) + 120),.25) 120deg,rgba(calc(var(--accent-r, 35) + 140),calc(var(--accent-g, 131) + 80),var(--accent-b, 226),.22) 180deg,transparent 240deg,transparent 360deg),conic-gradient(from 180deg at 70% 30%,transparent 0deg,rgba(calc(var(--accent-r, 35) + 60),calc(var(--accent-g, 131) + 140),calc(var(--accent-b, 226) + 100),.2) 90deg,rgba(var(--accent-r, 35),calc(var(--accent-g, 131) + 60),calc(var(--accent-b, 226) + 180),.22) 150deg,transparent 210deg,transparent 360deg);animation:gradient-spiral 60s cubic-bezier(.445,.05,.55,.95) infinite;filter:blur(25px);opacity:.9}.gradient-layer-4{position:absolute;top:-50%;left:-40%;right:-40%;bottom:-50%;background:radial-gradient(circle at 25% 25%,rgba(var(--accent-r, 35),var(--accent-g, 131),calc(var(--accent-b, 226) + 30),.25) 0%,transparent 40%),radial-gradient(circle at 75% 75%,rgba(calc(var(--accent-r, 35) + 30),var(--accent-g, 131),var(--accent-b, 226),.22) 0%,transparent 40%);animation:gradient-pulse 50s ease-in-out infinite;filter:blur(30px);opacity:.85}@keyframes gradient-main-flow{0%,to{background-position:0% 0%;transform:rotate(0) scale(1);opacity:.9}25%{background-position:50% 50%;transform:rotate(1deg) scale(1.02);opacity:1}50%{background-position:100% 100%;transform:rotate(0) scale(1.05);opacity:1}75%{background-position:150% 50%;transform:rotate(-1deg) scale(1.02);opacity:.95}}@keyframes gradient-drift{0%,to{transform:rotate(0) translate(0) scale(1);opacity:.85}20%{transform:rotate(1.5deg) translate(10px,-15px) scale(1.05);opacity:.95}40%{transform:rotate(-1deg) translate(-5px,20px) scale(.95);opacity:.8}60%{transform:rotate(2deg) translate(15px,10px) scale(1.08);opacity:.95}80%{transform:rotate(-1.5deg) translate(-10px,-5px) scale(1.02);opacity:.85}}@keyframes gradient-spiral{0%{transform:rotate(0) scale(1);opacity:.8}25%{transform:rotate(90deg) scale(1.1);opacity:.9}50%{transform:rotate(180deg) scale(.9);opacity:.85}75%{transform:rotate(270deg) scale(1.05);opacity:.95}to{transform:rotate(360deg) scale(1);opacity:.8}}@keyframes gradient-pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.2);opacity:.9}}@media (prefers-reduced-motion: reduce){.gradient-layer-1,.gradient-layer-2,.gradient-layer-3,.gradient-layer-4{animation:none}}.login-page{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;z-index:9999;overflow:hidden;opacity:0;transition:opacity .4s ease-in-out}.login-page--loaded{opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-page__brand-panel{display:none;position:relative;overflow:hidden;background:transparent;opacity:0;transform:translate(-100%);transition:transform .1s cubic-bezier(.4,0,.2,1),opacity .6s ease}.login-page--loaded .login-page__brand-panel{opacity:1;transform:translate(0)}.login-page__brand-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem}.login-page__brand-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem}.login-page__brand-icon-centered{width:80px;height:80px;object-fit:contain;animation:fadeInScale .8s ease-out}.login-page__brand-slogan{font-size:1.5rem;color:var(--text-primary);font-weight:300;letter-spacing:.5px;margin:0;max-width:400px;line-height:1.4;animation:fadeInUp .8s ease-out .2s both}.login-page__brand-header{display:flex;align-items:center}.login-page__form-panel{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(to right,transparent 0%,var(--login-panel-bg, rgba(255, 255, 255, .85)) 0%,var(--login-panel-bg, rgba(255, 255, 255, .85)) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;opacity:0;transform:translate(35%);transition:transform .3s cubic-bezier(.4,0,.2,1) .1s,opacity .6s ease .1s}.login-page--loaded .login-page__form-panel{opacity:1;transform:translate(0)}.login-page__form-container{width:100%;max-width:28rem;position:relative}.login-page__form-logo{display:flex;justify-content:center;margin-bottom:2rem}.login-page__form-logo-img{height:40px;width:auto;object-fit:contain}.login-page__form-content{display:flex;flex-direction:column;gap:2rem}.login-page__back-button{position:absolute;top:-2rem;left:0;background:none;border:none;padding:.5rem;color:var(--text-secondary, #6b7280);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center}.login-page__back-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.login-page__back-button:disabled{opacity:.6;cursor:not-allowed}.login-page__form-header{text-align:center}.login-page__form-title{font-size:1.875rem;font-weight:400;color:var(--text-primary, #1f2937);margin:0 0 .5rem;position:relative}.login-page__form-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--accent);border-radius:1px}.login-page__form-subtitle{color:var(--text-secondary, #6b7280);font-size:1rem;margin:0;line-height:1.5;margin-top:1rem}.login-page__form{display:flex;flex-direction:column;gap:1rem}.login-page__errors{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:.75rem}.login-page__error{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:.25rem}.login-page__error:last-child{margin-bottom:0}.login-page__success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:4px;padding:.75rem;display:flex;align-items:center;gap:.5rem;color:#059669;font-size:.875rem}.login-page__field{display:flex;flex-direction:column;gap:.5rem}.login-page__label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937);margin:0}.login-page__input-container{position:relative;display:flex;align-items:center}.login-page__input-icon{position:absolute;left:1rem;color:var(--text-tertiary, #9ca3af);z-index:1}.login-page__input{width:100%;height:3rem;padding:0 1rem 0 2.75rem;border:2px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--bg-primary, white);color:var(--text-primary, #1f2937);font-size:1rem;transition:all .2s ease}.login-page__input--with-toggle{padding-right:2.75rem}.login-page__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.login-page__input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary, #f9fafb)}.login-page__input:read-only{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280);cursor:not-allowed}.login-page__input::placeholder{color:var(--text-tertiary, #9ca3af)}.login-page__password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-tertiary, #9ca3af);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease;z-index:1;display:flex;align-items:center}.login-page__password-toggle:hover:not(:disabled){color:var(--accent)}.login-page__password-toggle:disabled{opacity:.6;cursor:not-allowed}.login-page__options{display:flex;align-items:center;justify-content:space-between}.login-page__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280);cursor:pointer}.login-page__checkbox{width:1rem;height:1rem;border-radius:4px;border:1px solid var(--border-color, #d1d5db);cursor:pointer;accent-color:var(--accent)}.login-page__checkbox:disabled{opacity:.6;cursor:not-allowed}.login-page__link-button{background:none;border:none;color:var(--accent);font-size:.875rem;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.login-page__link-button:hover:not(:disabled){color:#c23d0f;text-decoration:underline}.login-page__link-button:disabled{opacity:.6;cursor:not-allowed}.login-page__submit{width:100%;height:3rem;background:var(--accent, #4A90E2);color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.login-page__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:0}.login-page__submit:hover:not(:disabled):before{left:100%}.login-page__submit:hover:not(:disabled){background:#c23d0f;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.login-page__submit:disabled{background:#9ca3af;cursor:not-allowed;opacity:1}.login-page__submit:disabled:hover{transform:none;box-shadow:none}.login-page__submit span,.login-page__submit svg{position:relative;z-index:1}.login-page__divider{position:relative;display:flex;align-items:center;justify-content:center;margin:1rem 0;text-align:center}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border-color, #e5e7eb),var(--border-color, #e5e7eb))}.login-page__divider span{padding:0 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary, #6b7280);font-weight:500;white-space:nowrap}.login-page__social{display:flex;flex-direction:column;width:100%}.login-page__social-button{width:100%;height:3rem;border:2px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--bg-primary, white);color:var(--text-primary, #374151);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.login-page__social-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent),transparent);transition:left .6s ease;z-index:0}.login-page__social-button:hover:not(:disabled):before{left:100%}.login-page__social-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 5%,transparent);border-color:var(--accent);color:var(--accent)}.login-page__social-button:disabled{opacity:.6;cursor:not-allowed}.login-page__social-icon{width:1.25rem;height:1.25rem;position:relative;z-index:1}.login-page__switch{text-align:center;font-size:.875rem;color:var(--text-secondary, #6b7280)}.login-page__switch-button{background:none;border:none;color:var(--accent, #4A90E2);font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.login-page__switch-button:hover:not(:disabled){color:#c23d0f;text-decoration:underline}.login-page__switch-button:disabled{opacity:.6;cursor:not-allowed}.login-version-number{position:fixed;bottom:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-tertiary, #9ca3af);z-index:10000}.version-text{font-weight:500}.dev-badge{background:#ff6b35;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.login-test-ui{position:fixed;bottom:3rem;right:1rem;z-index:10000}.test-ui-button{background:#ff6b35;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff6b354d}.test-ui-button:hover{background:#e55a25;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}@media (min-width: 1024px){.login-page__brand-panel{display:flex;width:50%}.login-page__form-panel{width:50%}}@media (max-width: 480px){.login-page__form-panel{padding:1rem}.login-page__form-container{max-width:100%}.login-page__form-title{font-size:1.5rem}.login-page__options{flex-direction:column;gap:1rem;align-items:stretch}}.date-alerts{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;overflow:hidden}.date-alerts-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.date-alerts-header h4{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.alert-count{background-color:var(--primary-color);color:#fff;font-size:var(--font-size-small);font-weight:600;padding:2px 8px;border-radius:6px;min-width:20px;text-align:center}.alerts-list{max-height:300px;overflow-y:auto}.alert-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background-color .15s ease}.alert-item:hover{background-color:var(--hover-bg)}.alert-content{flex:1}.alert-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.alert-header .field-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-small)}.alert-header .alert-type{background-color:var(--bg-quaternary, #f3f4f6);color:var(--text-tertiary);font-size:var(--font-size-tiny, 11px);font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.alert-message{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.4}.alert-dismiss{background:none;border:none;color:var(--text-tertiary);font-size:18px;font-weight:700;cursor:pointer;padding:4px;line-height:1;transition:color .15s ease;margin-left:8px}.alert-dismiss:hover{color:var(--text-primary)}.alert-item.alert-error{border-left:4px solid var(--error-color, #ef4444)}.alert-item.alert-error .alert-message{color:var(--error-color, #ef4444)}.alert-item.alert-warning .alert-message{color:var(--warning-color, #f59e0b)}.alert-item.alert-info{border-left:4px solid var(--info-color, #3b82f6)}.alert-item.alert-info .alert-message{color:var(--info-color, #3b82f6)}[data-theme=dark] .date-alerts{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .date-alerts-header{background-color:var(--bg-quaternary);border-color:var(--border-color)}[data-theme=dark] .alert-header .alert-type{background-color:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .alert-item{border-color:var(--border-color)!important}[data-theme=dark] .alert-item:hover{background-color:var(--hover-bg-dark)}.date-alerts.compact .alert-item{padding:8px 12px}.date-alerts.compact .alert-header .field-name,.date-alerts.compact .alert-message{font-size:var(--font-size-tiny, 11px)}.no-alerts{padding:24px;text-align:center;color:var(--text-tertiary);font-size:var(--font-size-small)}.Em-employee-form{background:var(--bg-primary);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px}.Em-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:24px}.Em-form-header h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.Em-close-button{padding:8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.Em-close-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.Em-employee-form-content{width:100%;flex:1;overflow-y:auto;padding:0 24px 24px}.Em-form-section{margin-bottom:32px;padding-bottom:24px}.Em-form-section:last-of-type{border-bottom:none;margin-bottom:0}.Em-form-section h4{margin:0 0 20px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.Em-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.Em-form-group{display:flex;flex-direction:column;padding:0}.Em-form-group .select-container,.Em-form-group .datepicker-container{padding:0!important}.Em-form-group .select-container .select .select__display input{border:0px solid var(--border-color)!important;box-sizing:none!important;outline:none!important}.Em-form-group label{margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:var(--font-size-small)}.Em-required{color:#e74c3c;margin-left:4px}.Em-form-input{display:block;width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-body);transition:all .2s ease;background-color:var(--bg-primary);box-shadow:0 2px 4px #0000000d;box-sizing:border-box}.Em-form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.Em-form-input::placeholder{color:var(--text-tertiary);opacity:.6}.Em-form-input:disabled{background-color:var(--bg-disabled);cursor:not-allowed;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}input[type=email]:disabled{background-color:var(--bg-disabled, #f3f4f6)!important;color:var(--text-disabled, #9ca3af)!important;border-color:var(--border-disabled, #e5e7eb)!important;cursor:not-allowed!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}select.Em-form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}textarea.Em-form-input{min-height:100px;resize:vertical}.Em-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.Em-cancel-button,.Em-save-button{padding:12px 24px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.Em-cancel-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.Em-cancel-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.Em-save-button{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.Em-save-button:hover{opacity:.9}.Em-btn-primary{background-color:var(--accent);color:#fff;border:none}.Em-loading-state{text-align:center;padding:40px;color:var(--text-secondary)}.Em-roles-management{border:1px solid var(--border-color);border-radius:4px;padding:16px}.Em-current-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.Em-no-roles{color:var(--text-tertiary);font-style:italic;padding:8px 0}.Em-role-tag{display:flex;align-items:center;gap:6px;background:var(--accent-bg-secondary);border:1px solid var(--accent-secondary);border-radius:4px;padding:6px 10px;font-size:14px;transition:all .15s ease}.Em-role-tag.Em-primary-role{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:500}.Em-role-name{flex:1;color:#000!important}.Em-primary-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.Em-role-actions{display:flex;align-items:center;gap:4px}.Em-set-primary-btn,.Em-remove-role-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:12px;font-weight:600;transition:all .15s ease}.Em-set-primary-btn:hover{background:var(--success-bg);color:var(--success-color)}.Em-remove-role-btn:hover{background:var(--error-bg);color:var(--error-color)}.Em-add-role-section{border-top:1px solid var(--border-color);padding-top:12px}.Em-add-role-select{width:100%;max-width:200px}.Em-form-group.full-width{flex:1 1 100%}.Em-field-section-header{margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.Em-field-section-header h5{margin:0;font-size:16px;font-weight:500;color:var(--text-primary)}.Em-field-role-badge{background:var(--accent-bg-secondary);color:var(--accent-secondary);font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.Em-employee-form-alerts{margin-bottom:24px}.Em-email-input-container{position:relative;display:flex;width:100%}.Em-form-input.with-loader{padding-right:40px}.Em-email-loader{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.Em-bypass-email-checkbox{display:flex;align-items:center;margin-top:6px}.Em-bypass-email-checkbox input[type=checkbox]{margin-right:6px;cursor:pointer}.Em-checkbox-label{font-size:var(--font-size-small);color:var(--text-secondary);cursor:pointer}.Em-required{color:var(--error-color, #ef4444);margin-left:4px}.Em-form-input.error{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 3px #ef44441a}.Em-email-error{margin-top:4px;padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.3;background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);border:1px solid var(--error-border, #fecaca)}.Em-save-button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled, #f3f4f6);color:var(--text-disabled, #9ca3af);border-color:var(--border-disabled, #e5e7eb)}.Em-save-button:disabled:hover{background-color:var(--bg-disabled, #f3f4f6);transform:none}.Em-address-loading,.Em-address-error,.Em-address-fallback{margin-top:4px;padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.3}.Em-address-loading{background:var(--info-bg, #f0f9ff);color:var(--info-color, #0369a1);border:1px solid var(--info-border, #bae6fd)}.Em-address-error{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626);border:1px solid var(--error-border, #fecaca)}.Em-address-fallback{background:var(--warning-bg, #fffbeb);color:var(--warning-color, #d97706);border:1px solid var(--warning-border, #fed7aa)}.select-container .select__dropdown{z-index:10000}.select__option-content .select__option-inner{display:flex;flex-direction:row}.select__option-inner .select__option-text{font-size:14px;color:var(--text-primary)}.select__option[data-suggestion-type=google-place]{position:relative}.select__option[data-suggestion-type=google-place]:after{content:"Google";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 4px;border-radius:2px;font-weight:500}.select__option[data-suggestion-type=user-input]:after{content:"Custom";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 4px;border-radius:2px;font-weight:500}@media (max-width: 768px){.Em-employee-form{margin:0;border-radius:0;max-height:100vh}.Em-form-header{padding:16px 16px 0;margin-bottom:16px}.Em-employee-form-content{padding:0 16px 16px}.Em-form-row{grid-template-columns:1fr}.Em-form-section{margin-bottom:24px;padding-bottom:16px}.Em-form-actions{flex-direction:column;margin-top:24px;padding-top:16px}}.form-input{border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease;box-shadow:0 2px 4px #0000000d}.form-input:focus{outline:none;border-color:var(--accent)}.Em-employee-form *,.Em-employee-form *:before,.Em-employee-form *:after{box-sizing:border-box}.mini-calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;pointer-events:auto}.mini-calendar{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow) 0 8px 16px,var(--shadow-hover) 0 16px 32px;padding:16px;min-width:280px;z-index:1001;pointer-events:all;animation:miniCalendarSlideIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mini-nav-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mini-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.mini-month-year{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;position:relative}.mini-month-btn,.mini-year-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px 8px;border-radius:4px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;transition:all .2s ease}.mini-month-btn:hover,.mini-year-btn:hover,.mini-month-btn.active,.mini-year-btn.active{background:var(--hover-bg)}.mini-month-btn svg,.mini-year-btn svg{transition:transform .2s ease}.mini-month-btn.active svg,.mini-year-btn.active svg{transform:rotate(180deg)}.mini-weekday{font-size:11px;font-weight:500;color:var(--text-secondary);text-align:center;padding:4px}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:12px}.mini-day{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease;min-height:28px;display:flex;align-items:center;justify-content:center}.mini-day:hover{background:var(--hover-bg)}.mini-day.other-month{color:var(--text-tertiary)}.mini-day.today{background:var(--accent);color:#fff;font-weight:600}.mini-day.selected{background:var(--primary-color);color:#fff}.mini-day.today.selected{background:var(--accent);box-shadow:0 0 0 2px var(--primary-color)}.mini-calendar-footer{border-top:1px solid var(--border-color);padding-top:12px;display:flex;justify-content:center}.mini-today-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.mini-today-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--primary-color)}.mini-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow) 0 4px 12px;z-index:1002;min-width:120px;max-height:200px;overflow-y:auto;animation:dropdownSlideIn .2s ease-out}.month-dropdown{min-width:140px}.year-dropdown{min-width:80px}.mini-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px 12px;font-size:13px;font-weight:500;width:100%;text-align:left;transition:all .2s ease}.mini-dropdown-item.selected{background:var(--primary-color);color:#fff}.mini-dropdown-item:first-child{border-radius:8px 8px 0 0}.mini-dropdown-item:last-child{border-radius:0 0 8px 8px}.mini-dropdown::-webkit-scrollbar{width:6px}.mini-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.mini-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}@keyframes miniCalendarSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.datepicker-container{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;border:1px solid var(--border-color, #d1d5db)!important}.datepicker-container:hover{border:1px solid var(--accent, #3b82f6)!important}.datepicker-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:.5rem;display:block}.datepicker{position:relative;display:flex;align-items:center;background:var(--bg-secondary, #ffffff);border:0px solid var(--border-color, #d1d5db)!important;border-radius:4px!important;cursor:pointer;transition:all .15s ease-in-out;outline:none;width:100%;box-sizing:border-box}.datepicker:hover{border-color:var(--border-hover, #9ca3af)}.datepicker:focus,.datepicker--open{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 3px var(--input-focus-box-shadow)}.datepicker.datepicker--open{outline:none;border-color:var(--accent)!important;box-shadow:var(--input-focus-box-shadow)!important}.datepicker:focus{outline:none;border-color:var(--accent)!important;box-shadow:var(--input-focus-box-shadow)!important}.datepicker--disabled{cursor:not-allowed;opacity:.6}.datepicker--error{border-color:var(--error-color, #ef4444)}.datepicker--error:focus{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 3px var(--error-color-alpha, rgba(239, 68, 68, .1))}.datepicker__input:focus{outline:none}.datepicker--small{min-height:2rem;padding:0 .75rem;font-size:.875rem}.datepicker--small.datepicker--minimal{padding:5px}.datepicker--medium{min-height:2.5rem;padding:0 1rem;font-size:.875rem}.datepicker--medium.datepicker--minimal{padding:0 .75rem 0 0}.datepicker--large{min-height:3rem;padding:0 1.25rem;font-size:1rem}.datepicker--large.datepicker--minimal{padding:0 1rem 0 0}.datepicker--minimal{border:none;background:transparent;border-radius:0;padding-left:0;padding-right:0}.datepicker--filled{background:var(--bg-tertiary, #f3f4f6);border:1px solid transparent}.datepicker--filled:hover{background:var(--bg-secondary, #ffffff);border-color:var(--border-color, #d1d5db)}.datepicker__display{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:100%}.datepicker__input{flex:1;border:none;outline:none;background:transparent;font-size:inherit;color:var(--text-primary, #374151);min-width:0;padding:10px;margin:0;height:100%;cursor:text;font-family:monospace;letter-spacing:.05em;font-size:var(--font-size-small);box-shadow:none!important}.datepicker__input::placeholder{color:var(--text-muted, #9ca3af)}.datepicker__input::selection{background:var(--primary-color, #3b82f6);color:#fff}.datepicker--disabled .datepicker__input{cursor:not-allowed}.datepicker__actions{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;flex-shrink:0;padding-right:0}.datepicker--minimal .datepicker__actions{margin-left:.25rem;padding-right:.5rem}.datepicker__clear{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:none;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:.25rem;transition:all .15s ease-in-out;padding:0}.datepicker__clear:hover{color:var(--text-primary, #374151);background:var(--bg-tertiary, #f3f4f6)}.datepicker__icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted, #9ca3af);padding:0}.datepicker__icon:hover{color:var(--primary-color, #3b82f6)}.datepicker--disabled .datepicker__icon,.datepicker--disabled .datepicker__clear{color:var(--text-disabled, #d1d5db);cursor:not-allowed}@media (max-width: 768px){.datepicker__display{min-height:2.5rem}}input[type=number]{width:100%;box-sizing:border-box}.CT-notion-table-container{width:100%;max-width:100%;background-color:var(--bg-primary);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px var(--shadow);min-height:200px;box-sizing:border-box}.CT-notion-table-wrapper{width:100%;max-width:100%;overflow-x:auto;height:auto;min-height:200px;box-sizing:border-box}.CT-notion-table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--font-size-body);line-height:1.4;table-layout:auto;height:auto;min-height:200px;display:table!important;box-sizing:border-box}.CT-notion-table thead{display:table-header-group!important}.CT-notion-table tbody{display:table-row-group!important}.CT-notion-table tr{display:table-row!important}.CT-notion-table th,.CT-notion-table td{display:table-cell!important}.CT-table-header{font-weight:600;font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;height:auto}.CT-table-header.CT-sticky{position:sticky;top:0;z-index:20}.CT-header-cell{padding:12px 24px;position:relative;height:40px;min-height:40px;border-bottom:1px solid var(--border-color);border-right:1px solid transparent;transition:all .15s ease;-webkit-user-select:none;user-select:none;text-align:left;vertical-align:middle;white-space:nowrap;max-width:100%;box-sizing:border-box;min-width:350px!important}.CT-header-cell:last-child{border-right:none;width:auto}.CT-header-cell.CT-sortable{cursor:pointer}.CT-header-cell.CT-sortable:hover{background-color:var(--hover-bg);color:var(--text-primary)}.CT-header-cell.center{text-align:center}.CT-header-cell.right{text-align:right}.CT-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.CT-sort-icon{opacity:0;transition:opacity .15s ease;color:var(--text-tertiary);flex-shrink:0}.CT-header-cell.CT-sortable:hover .CT-sort-icon-default{opacity:.6}.CT-sort-icon-asc,.CT-sort-icon-desc{opacity:1;color:var(--accent)}.CT-table-body{position:relative}.CT-table-row{border-bottom:1px solid var(--border-color);transition:background-color .15s ease;position:relative}.CT-table-row:hover{background-color:var(--hover-bg)}.CT-table-row:last-child{border-bottom:none}.CT-table-row.CT-clickable{cursor:pointer}.CT-table-row.CT-selected{background-color:var(--calendar-highlight-bg, rgba(var(--accent-r, 35), var(--accent-g, 131), var(--accent-b, 226), .15));color:var(--accent, #2383e2)}.CT-table-row.CT-selected:hover{background-color:var(--calendar-highlight-shadow, rgba(var(--accent-r, 35), var(--accent-g, 131), var(--accent-b, 226), .3))}.CT-table-row.CT-selected .CT-table-cell{color:var(--accent, #2383e2);font-weight:500}.CT-table-cell{padding:12px 24px;position:relative;height:48px;min-height:48px;color:var(--text-primary);vertical-align:middle;text-align:left;border-right:1px solid transparent;border-bottom:1px solid var(--border-color);max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.CT-table-cell:last-child{border-right:none;width:auto}.CT-table-cell.center{text-align:center}.CT-table-cell.right{text-align:right}.CT-cell-content{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;height:100%;min-height:32px;box-sizing:border-box;overflow:hidden}.CT-cell-empty{color:var(--text-tertiary);font-style:italic}.CT-notion-table.compact .CT-header-cell,.CT-notion-table.compact .CT-table-cell{height:32px;min-height:32px;padding:8px 16px}.CT-notion-table.comfortable .CT-header-cell,.CT-notion-table.comfortable .CT-table-cell{height:60px;min-height:60px;padding:18px 24px}.CT-notion-table.CT-striped .CT-table-row:nth-child(2n){background-color:var(--bg-secondary)}.CT-notion-table.CT-striped .CT-table-row:nth-child(2n):hover{background-color:var(--hover-bg)}.CT-notion-table.CT-bordered .CT-table-cell,.CT-notion-table.CT-bordered .CT-header-cell{border-right:1px solid var(--border-color)}.CT-notion-table:not(.CT-hoverable) .CT-table-row:hover{background:transparent}.CT-checkbox-cell{width:48px;min-width:48px;max-width:48px;padding:16px 8px;text-align:center}.CT-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;cursor:pointer}.CT-checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.CT-checkmark{height:16px;width:16px;background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.CT-checkbox-wrapper:hover .CT-checkmark{border-color:var(--text-tertiary)}.CT-checkbox-wrapper input:checked~.CT-checkmark{background-color:var(--accent);border-color:var(--accent)}.CT-checkbox-wrapper input:checked~.CT-checkmark:after{content:"";position:absolute;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);top:1px}.CT-checkbox-wrapper input:disabled~.CT-checkmark{opacity:.5;cursor:not-allowed}.CT-table-state-row{position:relative}.CT-table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:200px}.CT-loading-state{color:var(--text-secondary)}.CT-notion-spinner{gap:4px;margin-bottom:16px}.CT-spinner-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:CT-notion-bounce 1.4s infinite ease-in-out both}.CT-spinner-dot:nth-child(1){animation-delay:-.32s}.CT-spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes CT-notion-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.CT-error-state{color:var(--error-color, #dc2626)}.CT-error-icon{margin-bottom:16px;color:var(--error-color, #f87171)}.CT-error-message{font-size:var(--font-size-body);font-weight:500;margin-bottom:8px;color:var(--text-primary)}.CT-retry-button{margin-top:16px;padding:8px 16px;background:var(--error-color, #dc2626);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.CT-retry-button:hover{background:var(--error-hover, #b91c1c);transform:translateY(-1px)}.CT-empty-state{color:var(--text-secondary)}.CT-empty-icon{margin-bottom:16px;color:var(--text-tertiary)}.CT-empty-message{font-size:var(--font-size-heading3);font-weight:600;margin-bottom:4px;color:var(--text-primary)}.CT-empty-sub-message{font-size:var(--font-size-small);color:var(--text-secondary)}.CT-header-cell[style*=width],.CT-table-cell[style*=width]{width:var(--column-width)}.CT-checkbox-cell{width:48px!important;min-width:48px!important;max-width:48px!important}@media (max-width: 768px){.CT-header-cell,.CT-table-cell{padding:8px 16px}.CT-checkbox-cell{padding:8px 12px}}.CT-cell-updated{animation:cellUpdateFade 2.5s ease-in-out forwards;transition:background-color .3s}@keyframes cellUpdateFade{0%{background-color:transparent}10%{background-color:#ffaa3b75}30%{background-color:#ffaa3b75}80%{background-color:#ffaa3b75}to{background-color:transparent}}@keyframes cellUpdateFlashDark{0%{background-color:#ffeb3b40;box-shadow:0 0 0 2px #ffd60a33;transform:scale(1.01)}15%{background-color:#fff59d33;box-shadow:0 0 0 1px #ffd60a26}40%{background-color:#ffd60a26;transform:scale(1);box-shadow:none}to{background-color:transparent;transform:scale(1);box-shadow:none}}.CT-row-new{background-color:#10b9811a!important;animation:newRowFlash 3s ease-out forwards}@keyframes newRowFlash{0%{background-color:#10b98133;box-shadow:0 0 0 2px #10b9814d}30%{background-color:#10b98126;box-shadow:0 0 0 1px #10b98133}60%{background-color:#10b9811a;box-shadow:none}to{background-color:transparent;box-shadow:none}}[data-theme=dark] .CT-row-new{background-color:#10b98126!important;animation:newRowFlashDark 3s ease-out forwards}@keyframes newRowFlashDark{0%{background-color:#10b98140;box-shadow:0 0 0 2px #10b98133}30%{background-color:#10b98133;box-shadow:0 0 0 1px #10b98126}60%{background-color:#10b98126;box-shadow:none}to{background-color:transparent;box-shadow:none}}.CT-animate-row{opacity:0;transform:translateY(-10px);animation:flutter-in .3s ease-out forwards}@keyframes flutter-in{to{opacity:1;transform:translateY(0)}}.table-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease;transition:left .5s cubic-bezier(.23,1,.32,1),width .5s cubic-bezier(.23,1,.32,1)}.table-settings-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.table-settings-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.table-settings-header h3{margin:0;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.table-settings-content{flex:1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section h4{margin:0 0 8px;font-size:var(--font-size-heading5);font-weight:600;color:var(--text-primary)}.settings-description{margin:0 0 16px;font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.5}.settings-actions{display:flex;gap:8px;margin-bottom:16px}.btn-ghost{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:4px;font-size:var(--font-size-small);cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.btn-sm{padding:4px 8px;font-size:var(--font-size-caption)}.column-list{display:flex;flex-direction:column;gap:8px}.column-item{padding:8px 0;border-bottom:1px solid var(--border-color)}.column-item:last-child{border-bottom:none}.column-switch-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.column-label{font-size:var(--font-size-body);color:var(--text-primary);font-weight:500;flex:1}.required-indicator{font-size:var(--font-size-small);color:var(--text-tertiary);font-weight:400;font-style:italic}.table-settings-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:4px;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent)}@keyframes slideIn{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 640px){.table-settings-overlay{left:0!important}.table-settings-modal{margin:16px;max-width:none;max-height:calc(100vh - 32px)}.table-settings-header,.table-settings-content,.table-settings-footer{padding-left:16px;padding-right:16px}.settings-actions{flex-direction:column}}.table-footer{background:var(--bg-primary);padding:12px 16px;margin-top:8px}.table-footer-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.rows-info{display:flex;align-items:center}.rows-text{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500}.rows-per-page{display:flex;align-items:center}.rows-per-page-label{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;cursor:pointer}.rows-per-page-select{border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-small);color:var(--text-primary);cursor:pointer;transition:all .15s ease;min-width:60px}.filtered-text{color:var(--text-tertiary);font-weight:400}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--accent)}.pagination-btn:active:not(:disabled){transform:translateY(1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;min-width:80px;text-align:center}@media (max-width: 640px){.table-footer-content{flex-direction:column;align-items:flex-start;gap:12px}.pagination-controls{order:1;align-self:center}.rows-info{order:2;align-self:flex-start}.rows-per-page{order:3;align-self:flex-end}.pagination-controls{gap:8px}.page-info{min-width:70px;font-size:12px}}.Em-employees-table-wrapper{width:100%;max-width:100%;margin-top:16px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;border:1px solid var(--border-color);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.Em-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-primary);border-bottom:none;border-radius:8px 8px 0 0;position:relative;z-index:10}.Em-table-title h3{margin:0;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.Em-table-actions{display:flex;align-items:center;gap:8px}.Em-settings-button{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.Em-settings-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.Em-settings-button:active{transform:translateY(1px)}.Em-settings-button svg{transition:transform .15s ease}.Em-settings-button:hover svg{transform:rotate(90deg)}.Em-refresh-button{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:4px;cursor:pointer;transition:all .15s ease;width:32px;height:32px}.Em-refresh-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.Em-refresh-button:active{transform:translateY(1px)}.Em-refresh-button svg{transition:transform .3s ease}.Em-refresh-button:hover svg{transform:rotate(360deg)}.Em-refresh-button:disabled{opacity:.5;cursor:not-allowed}.Em-refresh-button:disabled:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);transform:none}.Em-refresh-button:disabled svg{transform:none}.Em-refresh-button.Em-refreshing svg{animation:spin 1s linear infinite}.Em-employees-table{font-size:var(--font-size-body);border-radius:0!important;width:100%;max-width:100%;box-sizing:border-box}.Em-employees-table-wrapper .CT-notion-table-container,.Em-employees-table-wrapper .CT-notion-table-wrapper{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.Em-employees-table-wrapper .CT-notion-table{width:100%;max-width:100%;min-width:0;table-layout:fixed;box-sizing:border-box}.Em-employee-cell{display:flex;align-items:center;gap:10px;width:100%}.Em-employee-avatar{position:relative;flex-shrink:0}.Em-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);transition:all .15s ease}.Em-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-label);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000;transition:all .15s ease;position:relative;overflow:hidden}.Em-employee-cell:hover .Em-avatar-placeholder{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.Em-employee-info{flex:1;min-width:0}.Em-employee-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-body);line-height:1.3;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.Em-employee-email{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Em-status-badge{padding:3px 8px;border-radius:6px;font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:all .15s ease}.Em-status-badge.active{background-color:#22c55e1a!important;color:var(--success-color)!important}.Em-status-badge.on-leave{background-color:#dbb3131c!important;color:#92400e}.Em-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.Em-status-badge.unknown{background-color:#f3f4f6;color:#374151}.Em-position-cell,.Em-department-cell{font-weight:500;color:var(--text-primary)}.Em-date-cell{color:var(--text-primary);font-size:var(--font-size-small);cursor:help}.Em-number-cell{font-variant-numeric:tabular-nums;text-align:right;color:var(--text-primary)}.Em-email-cell,.Em-phone-cell,.Em-url-cell{color:var(--accent);text-decoration:none;border-radius:4px;padding:2px 4px;transition:all .15s ease}.Em-email-cell:hover,.Em-phone-cell:hover,.Em-url-cell:hover{background-color:var(--hover-bg);text-decoration:underline}.Em-text-cell{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Em-empty-value{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-small)}.Em-error-value{color:var(--error-color, #dc2626);font-style:italic;font-size:var(--font-size-small)}.Em-boolean-cell{display:flex;justify-content:center;align-items:center}.Em-boolean-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .15s ease}.Em-boolean-indicator.true{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.Em-boolean-indicator.false{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.Em-boolean-indicator svg{width:12px;height:12px}.Em-employees-table .table-row:hover .Em-employee-name{color:var(--accent)}.Em-employees-table .table-row:hover .Em-status-badge{transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow)}.Em-roles-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.Em-role-badge{background:var(--accent-bg-secondary);color:var(--accent-secondary);font-size:var(--font-size-small);font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid var(--accent-secondary);white-space:nowrap}.Em-primary-indicator{font-weight:400;opacity:.8}.Em-role-count{color:var(--text-tertiary);font-size:11px;font-style:italic}@media (max-width: 1200px){.Em-employees-table .table-cell:nth-child(n+6){display:none}.Em-employees-table .header-cell:nth-child(n+6){display:none}}@media (max-width: 768px){.Em-employee-cell{gap:8px}.Em-employee-avatar .Em-avatar-image,.Em-employee-avatar .Em-avatar-placeholder{width:32px;height:32px;font-size:12px}.Em-employee-name{font-size:var(--font-size-small)}.Em-employee-email{font-size:11px}.Em-status-badge{font-size:9px;padding:2px 6px}.Em-employees-table .table-cell:nth-child(n+4){display:none}.Em-employees-table .header-cell:nth-child(n+4){display:none}}.Em-employees-table-wrapper .table-footer{border-radius:0 0 8px 8px;border-top:none;margin-top:0}@media (max-width: 768px){.Em-table-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.Em-table-title h3{font-size:var(--font-size-heading5)}.Em-settings-button{align-self:flex-end;padding:6px 10px;font-size:var(--font-size-caption)}.Em-settings-button svg{width:16px;height:16px}.Em-refresh-button{width:28px;height:28px;padding:6px}.Em-refresh-button svg{width:16px;height:16px}}@media (max-width: 480px){.Em-table-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.Em-settings-button{align-self:auto}.Em-settings-button span{display:none}.Em-refresh-button{width:24px;height:24px;padding:4px}}.Em-employee-cell:focus-visible,.Em-status-badge:focus-visible,.Em-boolean-indicator:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.Em-avatar-image.loading{background:var(--bg-secondary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.Em-employees-table .table-row{transition:all .15s ease}.Em-employees-table .table-row.selected{background-color:var(--accent-bg, rgba(59, 130, 246, .1));border-color:var(--accent)}.Em-employees-table .table-row.selected:hover{background-color:var(--accent-bg, rgba(59, 130, 246, .15))}.Em-search-highlight{color:var(--text-primary)!important;padding:1px 2px;border-radius:3px;font-weight:600}.Em-employee-name .search-highlight,.Em-employee-email .search-highlight,.Em-role-badge .search-highlight,.Em-department-cell .search-highlight,.Em-text-cell .search-highlight,.Em-email-cell .search-highlight,.Em-phone-cell .search-highlight,.Em-url-cell .search-highlight,.Em-number-cell .search-highlight{color:var(--accent);padding:1px 2px;border-radius:3px;font-weight:600}.Em-table-container{position:relative;transition:transform .3s ease,filter .3s ease;border-top:none;border-bottom:none;border-radius:0!important;overflow:hidden}.Em-table-container.Em-refreshing{transform:scale(.95);filter:blur(2px)}.Em-refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3;border-radius:0}[data-theme=dark] .Em-refresh-overlay{background:#0009}.Em-refresh-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-primary);padding:24px 32px;border-radius:6px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--border-color);position:relative;z-index:6}.Em-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.Em-refresh-text{font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary);margin:0}.Em-employees-table{transition:transform .3s ease,filter .3s ease}@media (max-width: 768px){.Em-refresh-button{width:24px;height:24px;padding:4px}.Em-refresh-spinner{padding:16px 24px;gap:12px}.Em-spinner{width:24px;height:24px;border-width:2px}.Em-refresh-text{font-size:var(--font-size-caption)}}.currency-input-container{position:relative;display:flex;align-items:center;width:100%;border:1px solid var(--input-border);border-radius:4px;background:var(--bg-primary);transition:all .2s ease;box-sizing:border-box}.currency-input-container:hover{border-color:var(--accent, #3b82f6)}.currency-input-container.focused{border-color:var(--accent)!important;box-shadow:var(--input-focus-box-shadow)!important}.currency-input-container.disabled{opacity:.6;cursor:not-allowed}.currency-prefix{display:flex;align-items:center;justify-content:center;padding:0 0 0 12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.currency-input-field{flex:1;border:none;outline:none;background:transparent;padding:10px 12px;font-size:var(--font-size-input);color:var(--input-text);font-family:inherit;box-sizing:border-box}.currency-input-container .currency-prefix+.currency-input-field{padding:10px 12px 10px 0}.currency-input-field::placeholder{color:var(--input-placeholder)}.currency-input-field:disabled{cursor:not-allowed}.currency-input-field::-webkit-outer-spin-button,.currency-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.currency-input-field[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width: 400px){.currency-prefix{padding:0 6px 0 10px;font-size:.8rem}.currency-input-field{padding:8px 10px 8px 0;font-size:.9rem}}.pay-rate-input-group .currency-input-container{flex:1}.payroll-form .form-row .select-container,.payroll-form .form-row .currency-input-container{width:100%}.payroll-form .select-container .select{height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.payroll-form .select-container .select .select__display{padding:0;flex:1;height:100%;display:flex;align-items:center}.payroll-form .select-container .select .select__value{height:100%;display:flex;align-items:center;padding-left:.25rem}.payroll-form .currency-input-container{height:48px;display:flex;align-items:center;position:relative}.payroll-form .currency-input-container .currency-prefix{position:absolute;z-index:1;color:var(--text-secondary, #666);pointer-events:none}.payroll-form .currency-input-container .currency-input-field{height:100%;padding-left:1.5rem!important}.payroll-form .currency-input-container .currency-input-field::hover{border-color:var(--accent, #007bff)}.payroll-form .form-row>*:not(.form-label):not(.error-message){display:flex;align-items:center}.payroll-form{overflow:hidden;padding:2rem;background-color:var(--bg-primary);border-radius:6px}.form-section{padding:2rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.form-section:last-of-type{border-bottom:none}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 1.5rem;border-bottom:2px solid var(--primary-color, #007bff);padding-bottom:.5rem}.form-row{margin-bottom:1.5rem;display:flex;flex-direction:column}.Em-form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.5rem;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.payroll-step .payroll-form .form-row .Em-form-label,.payroll-step .payroll-form .Em-form-label,.payroll-step .Em-form-label,.payroll-form .form-row .Em-form-label,.payroll-form .Em-form-label{display:block!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%;font-size:.9rem;font-weight:500;color:var(--text-primary, #333);margin-bottom:.5rem}.required{color:var(--error-color, #dc3545);margin-left:2px}.tooltip{color:var(--text-secondary, #666);cursor:help;margin-left:4px;font-size:.8rem}.form-input,.form-textarea,.form-row .select-container,.form-row .currency-input{width:100%;max-width:100%}.form-input,.form-textarea{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;background-color:var(--background-primary, white);color:var(--text-primary, #333);font-size:.9rem;transition:border-color .15s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.form-input.error,.form-textarea.error{border-color:var(--error-color, #dc3545)}.form-textarea{resize:vertical;min-height:80px}.error-message{display:block;color:var(--error-color, #dc3545);font-size:.8rem;margin-top:.25rem}.additional-pay-rate .Em-form-label{color:var(--text-secondary, #666);font-weight:400}.pay-rate-input-group{display:flex;gap:.5rem;align-items:center}.pay-rate-input-group .currency-input{flex:1}.payroll-form .select-container,.payroll-form .currency-input-container{width:100%;box-sizing:border-box}.payroll-form .select-container .select,.payroll-form .currency-input-container .currency-input-field{width:100%;padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;color:var(--text-primary, #333);font-size:.9rem;transition:border-color .15s ease;box-sizing:border-box}.payroll-form .select-container .select:focus,.payroll-form .currency-input-container .currency-input-field:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.payroll-form .select-container .select.error,.payroll-form .currency-input-container .currency-input-field.error{border-color:var(--error-color, #dc3545)}.payroll-form .select-container,.payroll-form .currency-input-container{min-height:44px}.remove-pay-rate-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--error-color, #dc3545);color:#fff;border:none;border-radius:4px;font-size:1.2rem;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.remove-pay-rate-btn:hover{background:var(--error-color-hover, #c82333)}.add-pay-rate-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--primary-color, #007bff);border:1px dashed var(--primary-color, #007bff);border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .15s ease}.add-pay-rate-btn:hover{background:var(--primary-color-light, #e7f3ff);border-style:solid}.Em-form-actions{display:flex;justify-content:space-between;align-items:center;padding:2rem;gap:1rem}.btn-primary,.btn-secondary,.btn-tertiary{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--border-color);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.btn-primary{background:var(--primary-color, #007bff);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-hover, #0056b3);transform:translateY(-1px)}.btn-secondary{background:var(--background-primary, white);color:var(--text-primary, #333);border:1px solid var(--border-color, #e0e0e0)}.btn-secondary:hover:not(:disabled){background:var(--background-hover, #f8f9fa);border-color:var(--border-color-hover, #ccc)}.btn-tertiary{background:transparent;color:var(--text-secondary, #666)}.btn-tertiary:hover:not(:disabled){color:var(--text-primary, #333);background:var(--hover-bg, #f8f9fa)}.btn-primary:disabled,.btn-secondary:disabled,.btn-tertiary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.payroll-step{margin:0}.form-section{padding:1.5rem}.Em-form-actions{flex-direction:column;gap:.75rem;padding:1.5rem}.btn-primary,.btn-secondary,.btn-tertiary{width:100%}.pay-rate-input-group{flex-direction:column;align-items:stretch}.remove-pay-rate-btn{align-self:flex-end;margin-top:.5rem}}.direct-deposit-step{padding:2rem;max-width:600px;margin:0 auto;background-color:var(--bg-primary);border-radius:6px}.direct-deposit-form{display:flex;flex-direction:column;gap:2rem}.section-title{font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary, #333);margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e0e0e0);padding-bottom:.75rem}.form-row{margin-bottom:1.5rem;position:relative;display:flex;flex-direction:column}.direct-deposit-step .direct-deposit-form .form-row .form-label,.direct-deposit-step .form-label,.direct-deposit-form .form-row .form-label,.direct-deposit-form .form-label{display:block!important;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%;font-size:var(--font-size-label);font-weight:500;color:var(--text-primary, #333);margin-bottom:.5rem}.bank-loading{margin-top:.5rem;font-size:var(--font-size-caption);color:var(--accent, #2383e2);font-style:italic}.direct-deposit-form .form-row .form-input,.direct-deposit-form .form-input{width:100%;max-width:100%;min-height:48px}.direct-deposit-form .form-row .select-container,.direct-deposit-form .select-container{width:100%;min-height:48px}.direct-deposit-form .select-container .select{min-height:48px;display:flex;align-items:center}.Em-form-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}.btn-secondary{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;color:var(--text-primary, #333);font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-tertiary{justify-self:center;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--text-tertiary, #999);border-radius:6px;color:var(--text-tertiary, #999);font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-tertiary:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);border-color:var(--text-secondary, #666);color:var(--text-secondary, #666);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-tertiary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{justify-self:end;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent, #2383e2);border:none;border-radius:6px;color:#fff;font-size:var(--font-size-button);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-hover, #1e6db8);transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.btn-primary:disabled{background:var(--border-color, #e0e0e0);color:var(--text-tertiary, #999);cursor:not-allowed;transform:none;box-shadow:none}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.accounts-header h4{font-size:var(--font-size-heading5);font-weight:600;color:var(--text-primary, #333);margin:0}.total-percentage{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary, #333)}.total-error{font-size:.85rem;font-weight:500}.account-form{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-secondary, #fafafa);position:relative}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color-light, #f0f0f0)}.account-header h5{font-size:var(--font-size-body-large);font-weight:600;color:var(--text-primary, #333);margin:0}.remove-account-btn{background:var(--danger-color, #dc3545);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-account-btn:hover{background:var(--danger-color-hover, #c82333);transform:translateY(-1px);box-shadow:0 2px 4px #dc354533}.remove-account-btn:active{transform:translateY(0)}.add-account-btn{width:100%;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.add-account-btn:hover:not(:disabled){background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px #007bff33}.add-account-btn:active:not(:disabled){transform:translateY(0)}.add-account-btn:disabled{background:var(--border-color, #e0e0e0);color:var(--text-secondary, #666);cursor:not-allowed}@media (max-width: 768px){.direct-deposit-step{padding:1.5rem}.step-header{margin-bottom:2rem}.step-header h2{font-size:var(--font-size-heading2)}.Em-form-section{padding:1.5rem}.Em-form-actions{flex-direction:column;gap:.75rem}.btn-secondary,.btn-tertiary,.btn-primary{width:100%;justify-content:center}.accounts-header{flex-direction:column;align-items:flex-start;gap:.5rem}.account-header{flex-direction:column;align-items:flex-start;gap:.75rem}.remove-account-btn{align-self:flex-end}}@media (max-width: 480px){.direct-deposit-step,.account-form{padding:1rem}.total-percentage{flex-direction:column;align-items:flex-start;gap:.25rem}}.roles-step{padding:2rem;max-width:600px;margin:0 auto;background-color:var(--bg-primary);border-radius:6px}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-size:var(--font-size-heading1);font-weight:600;color:var(--text-primary, #333);margin-bottom:.5rem}.step-header p{color:var(--text-secondary, #666);font-size:var(--font-size-body);line-height:1.5}.roles-content{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.roles-section h3,.add-role-section h3,.primary-role-section h3{font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary, #333);margin-bottom:1rem}.no-roles{padding:1.5rem;text-align:center;background:var(--bg-secondary, #f8f9fa);border:2px dashed var(--border-color, #e0e0e0);border-radius:8px;color:var(--text-secondary, #666);font-size:var(--font-size-body)}.current-roles{display:flex;flex-wrap:wrap;gap:.75rem}.role-tag{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;padding:.5rem .75rem;font-size:var(--font-size-small);transition:all .2s ease}.role-tag.primary-role{border-color:var(--success-color, #10b981);color:var(--success-text, #065f46)}.Em-form-actions{display:flex!important;justify-content:space-between!important;align-items:center;padding:2rem;gap:1rem}.primary-badge{background:var(--success-color, #10b981);color:#fff;padding:2px 6px;border-radius:3px;font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-actions{display:flex;gap:2px;margin-left:.25rem}.set-primary-btn,.remove-role-btn{background:none;border:none;color:var(--text-tertiary, #999);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:var(--font-size-caption);line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.set-primary-btn:hover{background:var(--success-bg, #ecfdf5);color:var(--success-color, #10b981)}.remove-role-btn:hover{background:var(--error-bg, #fef2f2);color:var(--error-color, #dc2626)}.add-role-section{padding:1.5rem;border-radius:8px}.no-positions-message{margin-top:.75rem;padding:.75rem;background:var(--warning-bg, #fef3cd);border:1px solid var(--warning-color, #d97706);border-radius:4px;color:var(--warning-text, #92400e);font-size:var(--font-size-small)}.Em-loader-container{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:4px}.loading-text{font-size:var(--font-size-small);color:var(--text-secondary, #666);font-weight:500}.primary-role-section{padding:1.5rem;background:var(--bg-primary, #f0f9ff);border-radius:8px;border:1px solid var(--accent-light, #bfdbfe)}.helper-text{color:var(--text-secondary, #666);font-size:var(--font-size-small);line-height:1.4;margin-bottom:1rem}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}.step-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}.Em-back-button{justify-self:start}.skip-button{justify-self:center}.continue-button{justify-self:end}.Em-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;color:var(--text-primary, #333);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.Em-back-button:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.Em-back-button:disabled{opacity:.6;cursor:not-allowed}.continue-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent, #2383e2);border:none;border-radius:6px;color:#fff;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.continue-button:hover:not(:disabled){background:var(--accent-hover, #1e6db8);transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.continue-button:disabled{background:var(--border-color, #e0e0e0);color:var(--text-tertiary, #999);cursor:not-allowed;transform:none;box-shadow:none}.skip-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--text-tertiary, #999);border-radius:6px;color:var(--text-tertiary, #999);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.skip-button:hover:not(:disabled){background:var(--bg-secondary, #f8f9fa);border-color:var(--text-secondary, #666);color:var(--text-secondary, #666);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.skip-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.roles-step{padding:1.5rem}.step-header{margin-bottom:2rem}.step-header h2{font-size:1.5rem}.roles-content{gap:2rem;margin-bottom:2rem}.step-actions{flex-direction:column;gap:.75rem}.Em-back-button,.skip-button,.continue-button{width:100%;justify-content:center}.current-roles{gap:.5rem}.role-tag{font-size:.85rem;padding:.4rem .6rem}}@media (max-width: 480px){.roles-step{padding:1rem}.step-header h2{font-size:1.3rem}.step-header p{font-size:.9rem}.add-role-section,.primary-role-section{padding:1rem}.roles-section h3,.add-role-section h3,.primary-role-section h3{font-size:1rem}}.add-employee-page{height:100%;display:flex;flex-direction:column;position:relative}.add-employee-header{position:absolute;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color, #e0e0e0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-right:0;box-sizing:border-box}.add-employee-page:has(.add-employee-content::-webkit-scrollbar) .add-employee-header{margin-right:17px}.add-employee-page:has(.add-employee-content[scrollbar-width=thin]) .add-employee-header{margin-right:12px}.add-employee-page{--scrollbar-width: 0px}.add-employee-page[data-has-scrollbar=true] .add-employee-header{margin-right:var(--scrollbar-width, 17px)}.add-employee-header-left{display:flex;align-items:center;gap:1rem}.add-employee-header-center{flex:1;display:flex;justify-content:center;align-items:center}.add-employee-header-right{display:flex;align-items:center;min-width:120px;justify-content:flex-end}.progress-text{font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);white-space:nowrap}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;color:var(--text-primary, #333);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-secondary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.back-button:active{transform:translateY(1px)}.header-divider{width:1px;height:24px;background:var(--border-color, #e0e0e0)}.add-employee-content{flex:1;overflow-y:auto;padding:8rem 2rem 1rem;height:100vh}@media (max-width: 768px){.add-employee-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:stretch}.add-employee-page[data-has-scrollbar=true] .add-employee-header{margin-right:0}.add-employee-header-left{gap:.75rem;justify-content:flex-start}.add-employee-header-center{justify-content:center}.add-employee-content{padding:7rem 1.5rem 1.5rem}.back-button{padding:.4rem .75rem;font-size:.85rem}}@media (max-width: 480px){.add-employee-header{padding:1rem}.add-employee-page[data-has-scrollbar=true] .add-employee-header{margin-right:0}.add-employee-header-left{flex-wrap:wrap;gap:.5rem}.header-divider{display:none}.add-employee-content{padding:6.5rem 1rem 1rem}}.step-progress{display:flex;flex-direction:column;gap:.5rem;min-width:500px}.Em-progress-checkpoints{padding-top:1rem;display:flex;align-items:flex-start;position:relative;height:42px;margin-bottom:.25rem;overflow:hidden}.checkpoint{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .6s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translate(-50%) scale(.6);left:-20%}.checkpoint.dial-previous{left:15%!important;opacity:.6!important;transform:translate(-50%) scale(.85)!important;z-index:1}.checkpoint.dial-current{left:50%!important;opacity:1!important;transform:translate(-50%) scale(1)!important;z-index:3}.checkpoint.dial-next{left:85%!important;opacity:.6!important;transform:translate(-50%) scale(.85)!important;z-index:1}.checkpoint.dial-hidden{opacity:0!important;transform:translate(-50%) scale(.6)!important;pointer-events:none;left:-20%!important}.checkpoint-circle{width:20px;height:20px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;color:var(--text-secondary);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.checkpoint.current .checkpoint-circle{border-color:var(--accent, #2383e2);background:var(--accent, #2383e2);color:#fff;box-shadow:0 0 0 3px #2383e233;animation:pulse-checkpoint 2s ease-in-out infinite}.checkpoint.completed .checkpoint-circle{border-color:transparent;background-color:transparent;color:#fff;position:relative;overflow:visible}.checkpoint-label{font-size:.75rem;color:var(--text-secondary, #666);margin-top:6px;text-align:center;font-weight:500;line-height:1;transition:all .3s ease}.checkpoint-number{font-size:11px;line-height:1;transition:all .3s ease}.checkpoint.current .checkpoint-label{color:var(--accent, #2383e2);font-weight:600;opacity:1}.checkpoint.completed .checkpoint-label{color:var(--success, #10b981);font-weight:600;opacity:1}@keyframes pulse-checkpoint{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #2383e2) 20%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent, #2383e2) 10%,transparent)}}.progress-bar{height:4px;background:var(--border-color)!important;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent, #2383e2) 0%,color-mix(in srgb,var(--accent, #2383e2) 60%,white) 100%);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff80,#fff0);animation:shinebar 3.2s infinite linear}@keyframes shinebar{0%{left:-400%}to{left:400%}}.progress-text{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;text-align:center;margin:0}.step-content-wrapper{max-width:1000px;margin:0 auto}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 .5rem}.step-header p{font-size:1rem;color:var(--text-secondary, #666);margin:0}.completion-summary{max-width:600px;margin:0 auto}.summary-card{border:1px solid var(--border-color, #e0e0e0);border-radius:4px;padding:2rem;margin-bottom:2rem}.summary-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #333);margin:0 0 1rem;border-bottom:1px solid var(--border-color, #e0e0e0);padding-bottom:.5rem}.Em-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.Em-summary-item:last-child{border-bottom:none}.Em-summary-item strong{color:var(--text-primary, #333)}.completion-actions{display:flex;gap:1rem;justify-content:center}.complete-button{padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:150px}.complete-button.primary{background:var(--primary-color, #007bff);color:#fff}.complete-button.primary:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px)}.complete-button.secondary{background:var(--background-primary, white);color:var(--text-primary, #333);border:1px solid var(--border-color, #e0e0e0)}.complete-button.secondary:hover{background:var(--background-hover, #f8f9fa);border-color:var(--border-color-hover, #ccc)}@media (max-width: 768px){.add-employee-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.5rem}.add-employee-header-right{width:100%}.step-progress{min-width:auto;width:100%}.Em-progress-checkpoints{height:28px}.checkpoint-circle{width:18px;height:18px;font-size:9px}.checkpoint-label{font-size:9px}.step-header h2{font-size:1.5rem}.completion-actions{flex-direction:column}.complete-button{width:100%}}@media (max-width: 480px){.add-employee-header{padding:.75rem 1rem}.step-progress{gap:.25rem}.Em-progress-checkpoints{height:24px}.checkpoint-circle{width:16px;height:16px;font-size:8px}.checkpoint-label{font-size:8px}.progress-text{font-size:.7rem}}.position-manager{padding:24px;max-height:80vh;overflow-y:auto;background-color:var(--bg-primary)}.position-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.position-manager-header h2{margin:0;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary)}.position-manager-tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .15s ease}.tab-button:hover{color:var(--text-primary);background-color:var(--hover-bg)}.tab-button.active{color:var(--accent, #2383e2);border-bottom-color:var(--accent, #2383e2)}.position-manager-content{display:flex;flex-direction:column;gap:32px}.section{display:flex;flex-direction:column;margin-bottom:10px}.section h3{margin:0;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.section h4{margin:16px 0 0;font-size:var(--font-size-heading5);font-weight:500;color:var(--text-primary)}.add-position-form,.rl-add-field-form{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:4px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:16px;align-items:flex-end}.field-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary);margin-bottom:4px}.field-label-text{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-small);margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.field-hint{font-size:var(--font-size-small);color:var(--text-tertiary);font-style:italic;margin-top:4px}.field-row{display:flex;gap:12px;align-items:center}.position-input,.field-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease}.position-input:focus,.field-input:focus{outline:none;border-color:var(--accent, #2383e2)}.field-input-small{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);transition:border-color .15s ease;flex:1}.field-input-small:focus{outline:none;border-color:var(--accent, #2383e2)}.field-select{border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease;min-width:160px;flex:1}.field-select-small{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);transition:border-color .15s ease;min-width:120px}.add-button{padding:12px 24px;background-color:var(--accent, #2383e2);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-button, 14px);font-weight:600;cursor:pointer;transition:all .15s ease;align-self:flex-start}.add-button:hover:not(:disabled){background-color:var(--accent, #1e6bb8);transform:translateY(-1px)}.add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.positions-list,.fields-list{display:flex;flex-direction:column;gap:8px}.position-item,.field-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-secondary);border-radius:4px;transition:all .15s ease}.position-item:hover,.field-item:hover{border-color:var(--text-tertiary);box-shadow:0 2px 8px #0000001a}.field-info{display:flex;flex-direction:column;gap:8px;flex:1}.field-details{display:flex;flex-direction:column;gap:6px;flex:1}.field-primary-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-secondary-info{display:flex;align-items:center;gap:8px;margin-top:2px}.field-actions{display:flex;gap:8px;align-items:center}.position-name,.field-name{font-weight:700;color:var(--text-primary);font-size:var(--font-size-body);background:var(--accent-light, rgba(35, 131, 226, .1));padding:4px 8px;border-radius:4px;border:1px solid var(--accent-light, rgba(35, 131, 226, .2));display:inline-block;margin-right:8px}.field-type{font-size:var(--font-size-small);color:var(--accent, #2383e2);font-weight:600;background:var(--bg-secondary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color);display:inline-block;margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.field-type-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-small);margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.field-options{font-size:var(--font-size-small);color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary, #f8f9fa);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color);display:inline-block;margin-top:4px}.field-options-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-small);margin-right:4px;text-transform:uppercase;letter-spacing:.5px}.default-badge{padding:4px 8px;background-color:var(--accent, #2383e2);color:#fff;border-radius:4px;font-size:var(--font-size-small, 12px);font-weight:500;white-space:nowrap;flex-shrink:0}.pos-delete-button{padding:8px 16px;background-color:var(--accent-red, #e74c3c);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small, 12px);font-weight:500;cursor:pointer;transition:all .15s ease;min-width:auto;white-space:nowrap}.pos-delete-button:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.pos-delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pos-edit-button{padding:8px 16px;background-color:var(--bg-primary, #2383e2);color:var(--text-primary);border:none;border-radius:4px;font-size:var(--font-size-small, 12px);font-weight:500;cursor:pointer;transition:all .15s ease;min-width:auto;white-space:nowrap;border:1px solid var(--border-color)}.pos-edit-button:hover:not(:disabled){background-color:var(--hover-bg)!important;border-color:var(--text-tertiary);transform:translateY(-1px)}.pos-edit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-button{padding:6px 12px;background-color:var(--accent-green, #27ae60);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small, 12px);font-weight:500;cursor:pointer;transition:all .15s ease}.save-button:hover:not(:disabled){background-color:#229954}.cancel-button{padding:6px 12px;background-color:var(--text-secondary, #6b6b6b);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small, 12px);font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-button:hover{background-color:var(--text-primary, #37352f)}.no-fields{color:var(--text-secondary);font-style:italic;text-align:center;padding:20px}.position-fields{margin-bottom:24px}.position-fields h4{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.field-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.edit-row{display:flex;gap:12px;align-items:center}.edit-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.em-save-button,.em-cancel-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;border:1px solid transparent;background:none;cursor:pointer;transition:all .15s ease;min-height:24px;white-space:nowrap}.em-save-button{color:#fff!important;background-color:var(--button-primary-bg)}.em-save-button:hover:not(:disabled){background-color:var(--button-primary-hover, #1e6bb8)!important;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f626}.em-save-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.em-cancel-button{color:var(--text-secondary);border-color:var(--border-color);background-color:var(--bg-secondary)}.em-cancel-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.em-save-button:active,.em-cancel-button:active{transform:translateY(0);box-shadow:none}@media (max-width: 768px){.position-manager{padding:16px}.form-row{flex-direction:column;align-items:stretch;gap:12px}.edit-row{flex-direction:column;align-items:stretch;gap:8px}.position-item,.field-item{flex-direction:column;align-items:flex-start;gap:12px}.field-actions{align-self:flex-end;width:100%;justify-content:flex-end}.field-info{width:100%}.edit-actions{width:100%;justify-content:flex-end}}.field-type-display{font-size:var(--font-size-small, 12px);color:var(--text-secondary, #6b6b6b);font-weight:500;padding:8px 12px;background-color:var(--bg-tertiary, #f1f1ef);border-radius:4px;white-space:nowrap}.accordion{margin-bottom:16px;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;background:var(--bg-primary);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1)}.accordion:hover{border-color:var(--text-tertiary);box-shadow:0 2px 8px #0000000f;transform:scale(1.002)}.accordion-header{padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--bg-secondary);border-bottom:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between}.accordion-header:hover{background:var(--hover-bg)}.accordion-header.open{border-bottom-color:var(--border-color);background:var(--accent)!important}.accordion-header.open .accordion-title h3,.accordion-header.open .accordion-chevron svg,.accordion-header.open .accordion-badge{color:#fff}.accordion-header.open .accordion-badge{background:var(--accent-light, rgba(19, 19, 19, .377))}.accordion-title{display:flex;align-items:center;gap:12px;flex:1}.accordion-chevron{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1)}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron-icon.open{transform:rotate(90deg);color:var(--accent, #2383e2)}.accordion-title h3{margin:0;font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.accordion-badge{padding:4px 8px;background:var(--accent-light, rgba(35, 131, 226, .1));color:var(--accent, #2383e2);border-radius:6px;font-size:var(--font-size-small);font-weight:500;margin-left:auto}.accordion-content{overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);opacity:0;transform:translateY(-10px);max-height:0}.accordion-content.open{opacity:1;transform:translateY(0);max-height:2000px;transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion-inner{padding:20px;border-top:1px solid var(--border-color);transform:translateY(-5px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-content.open .accordion-inner{transform:translateY(0)}.add-field-accordion .accordion-header{background:var(--input-focus-box-shadow)}.add-field-accordion .accordion-header:hover{background:var(--accent-light, rgba(35, 131, 226, .1))}.global-fields-accordion .accordion-badge{background:var(--success-light, rgba(34, 197, 94, .1));color:var(--success, #22c55e)}.position-specific-accordion .accordion-badge{background:var(--warning-light, rgba(245, 158, 11, .1));color:var(--warning, #f59e0b)}.position-fields-accordion{margin-left:20px;margin-bottom:12px;border-left:3px solid var(--accent-light, rgba(35, 131, 226, .2));border-radius:0 8px 8px 0}.position-fields-accordion .accordion-header{padding:12px 16px;background:var(--bg-secondary)}.position-fields-accordion .accordion-title h3{font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary)}.position-fields-accordion .accordion-badge{background:var(--bg-tertiary);color:var(--text-tertiary);font-size:11px}[data-theme=dark] .accordion{background:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .accordion-header.open{background:var(--bg-tertiary)}[data-theme=dark] .field-name{background:#2383e226;border-color:#2383e24d;color:var(--text-primary)}[data-theme=dark] .field-type{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--accent, #4fb3f6)}[data-theme=dark] .field-options{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .position-fields-accordion .accordion-header{background:var(--bg-tertiary)}.position-info{display:flex;align-items:center;gap:12px;flex:1}.position-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-body);background:none;padding:0;border:none;margin-right:0}.position-actions{display:flex;gap:8px;align-items:center}.position-info .position-name{background:none!important;border:none!important;padding:0!important;margin-right:0!important}.date-alert-config{margin-top:16px;padding:16px;border:1px solid var(--border-color) in!important;border-radius:4px}.checkbox-label{display:flex!important;align-items:center;gap:8px;margin-bottom:12px!important;cursor:pointer;font-weight:500}.checkbox-input{margin:0!important;width:16px;height:16px;accent-color:var(--primary-color)}.alert-config-details{margin-top:12px}.alert-config-details .form-row{display:flex;gap:8px;align-items:end;margin-bottom:8px}.field-select-small{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);min-width:80px}.field-input-tiny{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);width:60px;text-align:center}.field-select-small:focus,.field-input-tiny:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.field-alert-label{font-weight:600;color:var(--text-secondary);margin-right:8px;font-size:var(--font-size-small)}.field-alert-info{color:var(--warning-color, #f59e0b);font-weight:500;font-size:var(--font-size-small);background-color:var(--warning-bg, rgba(245, 158, 11, .1));padding:2px 6px;border-radius:4px}.date-alert-config.compact{padding:12px;border:1px solid var(--border-color);border-radius:4px;margin-top:12px}.alert-toggle-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.alert-toggle-header{display:flex;align-items:center}.alert-label{font-weight:600;margin-right:8px;color:var(--text-primary);font-size:var(--font-size-base)}.alert-description{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:2px;line-height:1.4}.alert-settings{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert-preview{color:var(--text-tertiary);font-size:var(--font-size-small);font-style:italic;white-space:nowrap}@media (max-width: 600px){.alert-settings{flex-direction:column;align-items:stretch}.field-select-compact{min-width:unset}.alert-preview{text-align:center;margin-top:8px}}.alert-sentence{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:12px 16px;background-color:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-color)!important}.sentence-text{color:var(--text-primary);font-size:var(--font-size-body);font-weight:500;white-space:nowrap}.field-select-inline{border:1px solid var(--border-color)!important;border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:all .15s ease;min-width:fit-content}.field-select-inline:hover{border-color:var(--accent, #2383e2);background-color:var(--hover-bg)}.field-select-inline:focus{outline:none;border-color:var(--accent, #2383e2);box-shadow:0 0 0 2px #2383e21a}[data-theme=dark] .alert-sentence{background-color:var(--bg-secondary);border-color:var(--border-dark)}[data-theme=dark] .field-select-inline{background-color:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-primary)}@media (max-width: 600px){.alert-sentence{flex-direction:column;align-items:flex-start;gap:6px}.field-select-inline{min-width:120px}}.field-select .select__option{display:flex;align-items:center;gap:8px}.field-select .select__option-icon{color:var(--text-secondary);flex-shrink:0}.field-select .select__option:hover .select__option-icon{color:var(--accent, #2383e2)}.field-select .select__selected-value{display:flex;align-items:center;gap:8px}.field-select .select__selected-icon{color:var(--text-secondary);flex-shrink:0}[data-theme=dark] .field-select .select__option-icon,[data-theme=dark] .field-select .select__selected-icon{color:var(--text-tertiary)}[data-theme=dark] .field-select .select__option:hover .select__option-icon{color:#4fb3f6}.select-options-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.select-option-row{display:flex;gap:8px;align-items:center}.select-option-input{flex:1;min-width:0}.add-option-button,.remove-option-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:36px;justify-content:center}.add-option-button{background-color:var(--accent-light, rgba(35, 131, 226, .1));color:var(--accent, #2383e2);border-color:var(--accent-light, rgba(35, 131, 226, .3));align-self:flex-start;margin-top:4px}.add-option-button:hover{background-color:var(--accent-light, rgba(35, 131, 226, .15));border-color:var(--accent, #2383e2);transform:translateY(-1px);box-shadow:0 2px 4px #2383e21a}.remove-option-button{background-color:var(--bg-secondary);color:var(--text-tertiary);border-color:var(--border-color);padding:8px;min-width:36px;flex-shrink:0}.remove-option-button:hover:not(:disabled){background-color:var(--error-light, rgba(239, 68, 68, .1));color:var(--error, #ef4444);border-color:var(--error-light, rgba(239, 68, 68, .3));transform:translateY(-1px);box-shadow:0 2px 4px #ef44441a}.remove-option-button:disabled{opacity:.4;cursor:not-allowed;background-color:var(--bg-tertiary);color:var(--text-disabled)}.remove-option-button:disabled:hover{transform:none;box-shadow:none;background-color:var(--bg-tertiary);color:var(--text-disabled);border-color:var(--border-color)}.add-option-button svg,.remove-option-button svg{width:14px;height:14px;stroke-width:2.5}[data-theme=dark] .add-option-button{background-color:#2383e226;border-color:#2383e266;color:#4fb3f6}[data-theme=dark] .add-option-button:hover{background-color:#2383e233;border-color:#4fb3f6}[data-theme=dark] .remove-option-button{background-color:var(--bg-tertiary);border-color:var(--border-dark);color:var(--text-tertiary)}[data-theme=dark] .remove-option-button:hover:not(:disabled){background-color:#ef444426;border-color:#ef444466;color:#f87171}@media (max-width: 768px){.select-option-row{gap:6px}.add-option-button{padding:6px 10px;font-size:12px}.remove-option-button{padding:6px;min-width:32px}.add-option-button svg,.remove-option-button svg{width:12px;height:12px}}.select-option-row{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-option-button:focus,.remove-option-button:focus{outline:none;box-shadow:0 0 0 3px #2383e21a}.remove-option-button:focus:not(:disabled){box-shadow:0 0 0 3px #ef44441a}.employee-alerts-overview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.employee-alerts-overview.compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a;margin:0 0 20px;max-width:100%}.alerts-controls-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px 0;margin-bottom:4px}.alerts-filters-group{display:flex;align-items:center;gap:12px}.hide-inactive-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-small);color:var(--text-secondary);transition:color .15s ease}.hide-inactive-checkbox:hover{color:var(--text-primary)}.hide-inactive-checkbox input[type=checkbox]{margin:0}.hide-inactive-checkbox span{white-space:nowrap}.filter-controls label,.sort-controls label{font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary);white-space:nowrap}.severity-filter:focus,.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2383e21a}.alerts-content{display:grid;grid-template-columns:2fr 1fr;gap:1px;background-color:var(--border-color)}.alerts-list,.employees-summary{background-color:var(--bg-primary);padding:24px}.alerts-table-wrapper{background:none;border-radius:0;box-shadow:none;padding:20px}.alerts-table{width:100%;border-collapse:separate;border-spacing:0;background:none;font-size:var(--font-size-small);margin-top:4px}.alerts-table th,.alerts-table td{padding:8px;border-bottom:1px solid var(--border-color);text-align:left;background:none;vertical-align:middle}.alerts-table th{color:var(--text-secondary);font-weight:700;font-size:var(--font-size-small);background:none;letter-spacing:.01em}.alerts-list h4,.employees-summary h4{margin:0 0 16px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.alerts-items{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:stretch;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .15s ease;cursor:pointer}.alert-item:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.alert-item.severity-error{border-left:4px solid #ef4444}.alert-item.severity-warning{border-left:4px solid #f59e0b}.alert-item.severity-info{border-left:4px solid #3b82f6}.alert-main{flex:1;padding:16px}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.employee-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color)}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;font-weight:600;font-size:var(--font-size-small);text-transform:uppercase}.employee-details{display:flex;flex-direction:column;gap:2px}.employee-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.alert-severity{flex-shrink:0}.severity-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;color:#fff;font-size:var(--font-size-tiny);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alert-details{display:flex;flex-direction:column;gap:8px}.field-info{display:flex;align-items:center;gap:8px}.field-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-small)}.field-type{color:var(--text-tertiary);font-size:var(--font-size-tiny);font-style:italic}.alert-message{color:var(--text-primary);font-size:var(--font-size-small);line-height:1.4}.alert-message{color:var(--text-secondary);font-size:var(--font-size-small);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-message-content{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.alert-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-tiny);color:var(--text-tertiary)}.target-date{font-weight:500}.days-info{font-weight:600;color:var(--text-secondary)}.alert-action{display:flex;align-items:center;padding:16px;background-color:var(--bg-tertiary);border-left:1px solid var(--border-color)}.view-employee-btn{padding:8px 16px;background-color:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.view-employee-btn-mini{padding:4px 8px;font-size:var(--font-size-small);background-color:var(--bg-primary);color:var(--text-primary);border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.view-employee-btn:hover{background-color:var(--hover-bg, #1d4ed8);transform:translateY(-1px)}.view-employee-btn-mini:hover{background-color:var(--accent-dark);transform:translateY(-1px)}.employees-list{display:flex;flex-direction:column;gap:8px}.employee-summary{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .15s ease}.employee-summary:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.employee-summary.severity-error{border-left:3px solid #ef4444}.employee-summary.severity-warning{border-left:3px solid #f59e0b}.employee-summary.severity-info{border-left:3px solid #3b82f6}.employee-summary .employee-info{display:flex;align-items:center;gap:10px}.employee-summary .employee-avatar{width:32px;height:32px;border:1px solid var(--border-color)}.employee-summary .employee-details{gap:1px}.employee-summary .employee-name{font-size:var(--font-size-small);font-weight:600}.employee-roles{font-size:var(--font-size-tiny);color:var(--text-tertiary)}.employee-alerts-info{display:flex;align-items:center;gap:8px}.alert-count{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary)}.highest-severity{font-size:16px}.no-alerts-state{text-align:center;text-align:left;color:var(--text-tertiary);font-size:var(--font-size-small);padding:20px;display:flex;align-items:center;gap:8px}.no-alerts-icon{font-size:48px;margin-bottom:16px}.no-alerts-icon{font-size:18px}.no-alerts-state h4{margin:0 0 8px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.no-alerts-state p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.alert-row{opacity:0;animation:fadeInUp .3s ease forwards}.alert-row{transition:all .15s ease;cursor:pointer}.alert-row.clickable{cursor:pointer}.alert-row.clickable:hover{background-color:var(--hover-bg);transform:translate(2px)}.alert-row:hover{background-color:var(--hover-bg)}.alert-row.severity-error{border-left:3px solid #ef4444;background-color:#ef444405}.alert-row.severity-warning{border-left:3px solid #f59e0b;background-color:#f59e0b05}.alert-row.severity-info{border-left:3px solid #3b82f6;background-color:#3b82f605}.alert-row.severity-error:hover{background-color:#ef44440d}.alert-row.severity-warning:hover{background-color:#f59e0b0d}.alert-row.severity-info:hover{background-color:#3b82f60d}.alert-message{font-weight:500}.alert-row.severity-error .alert-message{color:#dc2626;font-weight:600}.alert-row.severity-warning .alert-message{color:#d97706;font-weight:600}.alert-row.severity-info .alert-message{color:#2563eb}[data-theme=dark] .employee-alerts-overview{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .severity-count.error{border-color:#dc2626;background-color:#450a0a}[data-theme=dark] .severity-count.warning{border-color:#d97706;background-color:#451a03}[data-theme=dark] .severity-count.info{border-color:#2563eb;background-color:#1e3a8a}@media (max-width: 1024px){.alerts-content{grid-template-columns:1fr}.alerts-overview-header{flex-direction:column;gap:16px}.alert-counts{align-self:stretch;justify-content:space-between}}@media (max-width: 768px){.alerts-controls{flex-direction:column;align-items:stretch;gap:12px}.filter-controls,.sort-controls{justify-content:space-between}.alert-item{flex-direction:column}.alert-action{border-left:none;border-top:1px solid var(--border-color);padding:12px 16px}.alert-meta{flex-direction:column;align-items:flex-start;gap:4px}.employee-summary .employee-info{gap:8px}.employee-summary .employee-avatar{width:28px;height:28px}}@media (max-width: 480px){.employee-alerts-overview{margin-bottom:16px}.alerts-overview-header,.alerts-controls,.alerts-list,.employees-summary{padding:16px}.alert-summary{flex-direction:column;gap:4px}.alert-counts{gap:8px}.severity-count{padding:6px 10px}}@media (max-width: 600px){.alerts-table-wrapper{padding:0 4px}.alerts-header-row,.alerts-controls-row,.no-alerts-state{padding-left:8px;padding-right:8px}}.employee-action-dropdown{position:relative;display:inline-block}.employee-action-dropdown .add-button.dropdown-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.employee-action-dropdown .add-button.dropdown-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.employee-action-dropdown .add-button.dropdown-toggle:hover:not(:disabled){background:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent),transparent 70%)}.employee-action-dropdown .add-button.dropdown-toggle:hover:not(:disabled):before{left:100%}.employee-action-dropdown .add-button.dropdown-toggle:active:not(:disabled){transform:translateY(0)}.employee-action-dropdown .add-button.dropdown-toggle:disabled{opacity:.5;cursor:not-allowed}.employee-action-dropdown .dropdown-chevron{transition:transform .2s ease;margin-left:4px}.employee-action-dropdown .dropdown-chevron.open{transform:rotate(180deg)}.employee-action-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px var(--shadow);z-index:1000;overflow:hidden;animation:fadeInScale .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.employee-action-dropdown-menu .dropdown-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease;text-align:left;font-size:14px;color:var(--text-primary)}.employee-action-dropdown-menu .dropdown-menu-item:last-child{border-bottom:none}.employee-action-dropdown-menu .dropdown-menu-item:hover{background:var(--hover-bg)}.employee-action-dropdown-menu .dropdown-menu-item svg{flex-shrink:0;color:var(--text-secondary)}.employee-action-dropdown-menu .dropdown-menu-item:hover svg{color:var(--accent)}.employee-action-dropdown-menu .dropdown-menu-item span{font-weight:500}.warning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:warningFadeIn .2s ease}@keyframes warningFadeIn{0%{opacity:0}to{opacity:1}}.warning-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 24px 32px -8px #0006,0 12px 16px -8px #0000004d,0 0 0 1px var(--border-color);width:90%;max-height:85vh;display:flex;flex-direction:column;animation:warningSlideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes warningSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.warning-modal.warning-modal-small{max-width:400px}.warning-modal.warning-modal-medium{max-width:520px}.warning-modal.warning-modal-large{max-width:640px}.warning-modal.warning-modal-warning{border-top:4px solid var(--warning-color)}.warning-modal.warning-modal-caution{border-top:4px solid #f97316}.warning-modal.warning-modal-alert{border-top:4px solid var(--error-color)}.warning-modal-header{padding:24px 24px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:relative;display:flex;align-items:flex-start;gap:16px;flex-shrink:0}.warning-modal-icon-container{flex-shrink:0}.warning-modal-icon-wrapper{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.warning-modal-warning .warning-modal-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--warning-color),transparent 85%),color-mix(in srgb,var(--warning-color),transparent 90%));border:2px solid color-mix(in srgb,var(--warning-color),transparent 70%);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning-color),transparent 95%),0 4px 12px color-mix(in srgb,var(--warning-color),transparent 80%)}.warning-modal-caution .warning-modal-icon-wrapper{background:linear-gradient(135deg,#f9731626,#f973161a);border:2px solid rgba(249,115,22,.3);box-shadow:0 0 0 4px #f973160d,0 4px 12px #f9731633}.warning-modal-alert .warning-modal-icon-wrapper{background:linear-gradient(135deg,color-mix(in srgb,var(--error-color),transparent 85%),color-mix(in srgb,var(--error-color),transparent 90%));border:2px solid color-mix(in srgb,var(--error-color),transparent 70%);box-shadow:0 0 0 4px color-mix(in srgb,var(--error-color),transparent 95%),0 4px 12px color-mix(in srgb,var(--error-color),transparent 80%)}.warning-modal-icon{display:flex;align-items:center;justify-content:center}.warning-modal-title-section{flex:1;padding-top:8px}.warning-modal-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em}.warning-modal-close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.warning-modal-close-button:hover{background-color:var(--hover-bg);color:var(--text-secondary)}.warning-modal-content{padding:24px;flex:1;overflow-y:auto;min-height:0;background-color:var(--bg-primary)}.warning-modal-content::-webkit-scrollbar{width:8px}.warning-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.warning-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.warning-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.warning-modal-message{margin:0 0 16px;color:var(--text-primary);line-height:1.6;font-size:15px}.warning-modal-content .warning-section{display:flex;gap:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--warning-color),transparent 90%),color-mix(in srgb,var(--warning-color),transparent 95%));border:1px solid color-mix(in srgb,var(--warning-color),transparent 70%);border-left:3px solid var(--warning-color);border-radius:8px;padding:16px;margin:16px 0}.warning-modal-caution .warning-modal-content .warning-section{background:linear-gradient(135deg,#f973161a,#f973160d);border:1px solid rgba(249,115,22,.3);border-left:3px solid #f97316}.warning-modal-alert .warning-modal-content .warning-section{background:linear-gradient(135deg,color-mix(in srgb,var(--error-color),transparent 90%),color-mix(in srgb,var(--error-color),transparent 95%));border:1px solid color-mix(in srgb,var(--error-color),transparent 70%);border-left:3px solid var(--error-color)}.warning-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.warning-modal-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.warning-modal-btn:disabled{opacity:.5;cursor:not-allowed}.warning-modal-cancel-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.warning-modal-cancel-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--text-tertiary)}.warning-modal-confirm-btn{color:#fff;font-weight:700;position:relative;overflow:hidden}.warning-modal-warning .warning-modal-confirm-btn{background:linear-gradient(135deg,var(--warning-color) 0%,color-mix(in srgb,var(--warning-color),#000 10%) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--warning-color),transparent 70%)}.warning-modal-warning .warning-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--warning-color),#fff 10%) 0%,var(--warning-color) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--warning-color),transparent 60%);transform:translateY(-1px)}.warning-modal-caution .warning-modal-confirm-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px #f973164d}.warning-modal-caution .warning-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 4px 12px #f9731666;transform:translateY(-1px)}.warning-modal-alert .warning-modal-confirm-btn{background:linear-gradient(135deg,var(--error-color) 0%,color-mix(in srgb,var(--error-color),#000 10%) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--error-color),transparent 70%)}.warning-modal-alert .warning-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--error-color),#fff 10%) 0%,var(--error-color) 100%);box-shadow:0 4px 12px color-mix(in srgb,var(--error-color),transparent 60%);transform:translateY(-1px)}.warning-modal-loading{display:flex;align-items:center;gap:8px}.warning-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:warningSpinner .6s linear infinite}@keyframes warningSpinner{to{transform:rotate(360deg)}}@media (max-width: 640px){.warning-modal{width:95%;max-height:90vh}.warning-modal-header{padding:20px 16px 16px;gap:12px}.warning-modal-icon-wrapper{width:48px;height:48px}.warning-modal-icon{width:24px;height:24px}.warning-modal-title{font-size:18px}.warning-modal-content{padding:16px}.warning-modal-actions{padding:16px;flex-direction:column-reverse}.warning-modal-btn{width:100%}}.import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.import-modal-content{background:var(--bg-primary);border-radius:4px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px var(--shadow-hover);animation:fadeInScale .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;font-size:24px;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.unmapped-fields-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.unmapped-field-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--warning-color),transparent 85%),color-mix(in srgb,var(--warning-color),transparent 90%));border:1px solid color-mix(in srgb,var(--warning-color),transparent 60%);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px color-mix(in srgb,var(--warning-color),transparent 90%);animation:slideInFromLeft .3s ease backwards}.unmapped-field-tag svg{color:var(--warning-color);flex-shrink:0;animation:warningPulse 2s ease-in-out infinite}.unmapped-field-tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px color-mix(in srgb,var(--warning-color),transparent 85%);border-color:color-mix(in srgb,var(--warning-color),transparent 50%)}.unmapped-field-tag:nth-child(1){animation-delay:0s}.unmapped-field-tag:nth-child(2){animation-delay:.05s}.unmapped-field-tag:nth-child(3){animation-delay:.1s}.unmapped-field-tag:nth-child(4){animation-delay:.15s}.unmapped-field-tag:nth-child(5){animation-delay:.2s}.unmapped-field-tag:nth-child(6){animation-delay:.25s}.unmapped-field-tag:nth-child(7){animation-delay:.3s}.unmapped-field-tag:nth-child(8){animation-delay:.35s}.unmapped-field-tag:nth-child(n+9){animation-delay:.4s}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.import-step{padding:32px}.import-step.mapping-step{padding:0;display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 40px)}.import-step h3{margin:0 0 8px;font-size:24px;color:var(--text-primary)}.step-description{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.expected-fields{margin-bottom:24px;padding:16px;background:var(--background-secondary);border-radius:4px}.expected-fields h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.field-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.field-tag{padding:4px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;color:var(--text-primary);font-weight:500}.field-note{margin:0;font-size:12px;color:var(--text-secondary);font-style:italic}.file-drop-zone{border:2px dashed var(--border-color);border-radius:4px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--background-secondary)}.file-drop-zone:hover{border-color:var(--accent);background:var(--hover-bg)}.file-drop-zone svg{color:var(--text-secondary);margin-bottom:16px}.file-drop-zone p{margin:8px 0;color:var(--text-primary);font-size:14px}.file-types{font-size:12px;color:var(--text-secondary)}.mapping-step-header{position:sticky;top:0;background:var(--bg-primary);padding:32px 32px 16px;border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;z-index:10}.mapping-step-content{flex:1;overflow-y:auto;padding:24px 32px;scroll-behavior:smooth}.mapping-step-content::-webkit-scrollbar{width:8px}.mapping-step-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.mapping-step-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.mapping-step-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.mapping-step-footer{position:sticky;bottom:0;background:var(--bg-primary);padding:16px 32px 32px;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000d;z-index:10}.file-info{padding:12px 16px;background:var(--bg-secondary);border-radius:4px;margin-bottom:0;font-size:14px;color:var(--text-primary)}.field-mapping-section{margin-bottom:24px}.field-mapping-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.section-description{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.field-mappings-list{display:flex;flex-direction:column;gap:8px}.standard-fields-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.standard-field-mapping{display:flex;flex-direction:column;gap:4px}.standard-field-mapping .sample-values{margin-top:4px;padding:6px 8px;background:var(--bg-secondary);border-radius:4px;font-size:12px;color:var(--text-secondary);border-left:2px solid var(--accent)}.field-mapping-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px}.field-mapping-item.custom{border-left:3px solid var(--accent)}.field-mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.original-field{display:flex;align-items:center;gap:12px;font-size:14px;flex-wrap:wrap}.original-field strong{color:var(--text-primary)}.field-type-info{display:flex;align-items:center;gap:6px;margin-left:auto}.field-type-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.arrow-icon{color:var(--text-secondary);flex-shrink:0}.mapped-field{padding:2px 8px;background:var(--accent);color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize}.mapped-field.custom{background:var(--accent)}.new-badge{margin-left:6px;padding:2px 6px;background:var(--success-color);color:#fff;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase}.field-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.field-type-badge svg{flex-shrink:0;opacity:.7}.unmap-button{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.unmap-button:hover{background:color-mix(in srgb,var(--error-color),transparent 90%);color:var(--error-color)}.sample-values{font-size:12px;color:var(--text-secondary);font-style:italic}.unmapped-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.unmapped-header>div{flex:1}.add-all-button{padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.add-all-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.add-all-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.unmapped-fields-list{display:flex;flex-direction:column;gap:12px}.unmapped-field-item{padding:12px;background:color-mix(in srgb,var(--warning-color),var(--bg-primary) 85%);border:1px solid var(--warning-color);border-radius:4px}.unmapped-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.unmapped-field-header strong{color:var(--text-primary);font-size:14px}.sample-preview{font-size:12px;color:var(--text-secondary);font-style:italic}.unmapped-field-actions{display:grid;grid-template-columns:140px 1fr auto;gap:8px;align-items:flex-end;margin-top:8px}.unmapped-field-actions .select-container{min-width:0}.unmapped-field-actions:has(.create-field-button:last-child){grid-template-columns:140px auto}.create-field-button{padding:10px 14px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;height:38px;display:flex;align-items:center;justify-content:center;align-self:flex-end}.create-field-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.create-field-button:active{transform:translateY(0)}.importing-step{text-align:center;padding:48px 32px}.import-progress-text{margin:16px 0 24px;color:var(--text-secondary);font-size:14px}.progress-bar-container{display:flex;align-items:center;gap:16px;margin-top:24px}.progress-bar{flex:1;height:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent),#fff 15%) 50%,var(--accent) 100%);transition:width .3s ease;position:relative;border-radius:7px;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shine 1.5s infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.progress-percentage{font-size:16px;font-weight:700;color:var(--accent);min-width:50px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.complete-step{text-align:center;padding:48px 32px}.completion-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.completion-icon.success{background:color-mix(in srgb,var(--success-color),var(--bg-primary) 80%);color:var(--success-color)}.completion-icon.partial{background:color-mix(in srgb,var(--warning-color),var(--bg-primary) 80%);color:var(--warning-color)}.import-results{display:flex;gap:24px;justify-content:center;margin:24px 0}.result-stat{text-align:center}.stat-value{display:block;font-size:36px;font-weight:700;margin-bottom:4px}.result-stat.success .stat-value{color:var(--success-color)}.result-stat.error .stat-value{color:var(--error-color)}.stat-label{display:block;font-size:14px;color:var(--text-secondary)}.import-errors{margin-top:24px;text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.import-errors h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.error-list{max-height:200px;overflow-y:auto;padding:12px;background:color-mix(in srgb,var(--error-color),var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--error-color),var(--bg-primary) 70%);border-radius:4px}.error-item{font-size:13px;color:var(--error-color);margin-bottom:8px}.error-item:last-child{margin-bottom:0}.error-item.more{color:var(--text-secondary);font-style:italic}.import-error{padding:12px;background:color-mix(in srgb,var(--error-color),var(--bg-primary) 90%);border:1px solid color-mix(in srgb,var(--error-color),var(--bg-primary) 70%);border-radius:4px;color:var(--error-color);font-size:14px;margin-top:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.upload-step .modal-actions,.importing-step .modal-actions,.complete-step .modal-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.cancel-button{padding:10px 20px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:var(--hover-bg)}.import-button,.primary-button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-button:hover:not(:disabled),.primary-button:hover{background:var(--accent-hover)}.import-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.unmapped-header{flex-direction:column;align-items:stretch}.add-all-button{width:100%}.unmapped-field-actions{grid-template-columns:1fr;gap:8px}.unmapped-field-actions:has(.create-field-button:last-child){grid-template-columns:1fr}.unmapped-field-header{flex-direction:column;align-items:flex-start;gap:4px}}.workflows-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInWorkflow .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workflows-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0000004d;width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;animation:fadeInScale .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);overflow:hidden}.workflows-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:transparent}.workflows-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.workflows-modal-title svg{color:var(--accent)}.workflows-modal-close-button{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;width:32px;height:32px}.workflows-modal-close-button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.workflows-modal-content{padding:24px;overflow-y:auto;flex:1}.workflows-modal-subtitle{font-size:13px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.workflows-modal-subtitle strong{color:var(--text-primary);font-weight:600}.workflows-list{display:flex;flex-direction:column;gap:10px}.workflow-item-button{display:flex;align-items:flex-start;padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;position:relative;overflow:hidden}.workflow-item-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,var(--accent) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.workflow-item-button:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.workflow-item-button:hover:before{opacity:.03}.workflow-item-button:active{transform:translateY(0)}.workflow-item-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.workflow-item-button:disabled:hover{background:var(--bg-primary);border-color:var(--border-color);transform:none;box-shadow:none}.workflow-item-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;border-radius:6px;flex-shrink:0;transition:all .2s ease}.workflow-item-button:hover .workflow-item-icon{transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-rgb, 59, 130, 246),.3)}.workflow-item-content{flex:1}.workflow-item-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.workflow-item-description{font-size:13px;color:var(--text-secondary);line-height:1.5}.workflow-item-meta{font-size:12px;color:var(--text-tertiary);margin-top:6px;display:flex;align-items:center;gap:4px}@keyframes fadeInWorkflow{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 600px){.workflows-modal{width:95%;max-width:none;max-height:90vh}.workflows-modal-header,.workflows-modal-content{padding:20px}.workflow-item-button{padding:16px 18px;gap:14px}.workflow-item-icon{width:40px;height:40px}.workflow-item-title{font-size:14px}.workflow-item-description{font-size:12px}}.employee-detail-base{background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.employee-detail-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto}.employee-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding-bottom:20px}.employee-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:15px;border:4px solid #f3f4f6}.employee-info-sections{display:flex;flex-direction:column;gap:25px}.employee-info-section{background:#f9fafb;border-radius:4px;padding:20px}.employee-info-section h3{margin:0 0 15px;color:#111827;font-size:18px;font-weight:600;padding-bottom:8px}.status-badge.on-leave{background:#fef3c7;color:#92400e}.role-tag.primary-role{background:var(--bg-primary);border-color:#10b981;color:#065f46}@media (max-width: 768px){.employee-detail-content{padding:15px}.employee-avatar-large{width:80px;height:80px}.avatar-placeholder-large{font-size:24px}.info-row{flex-direction:column;gap:4px}.info-row label{min-width:auto}}.modal-detail .employee-detail-content{flex:1;max-height:none;overflow-y:auto}.Em-sidebar-overlay{position:fixed;top:0;right:0;width:320px;height:100vh;box-shadow:-4px 0 6px var(--shadow);z-index:1000;display:flex;flex-direction:column;animation:slideInFromRight .3s ease-out;border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);background-color:var(--bg-primary)}.Em-sidebar-detail{flex:1;display:flex;flex-direction:column;overflow:hidden}.Em-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.platform-windows.platform-electron .Em-sidebar-header{padding-top:42px}.Em-sidebar-title{margin:0 8px 0 0;color:var(--text-primary);font-size:var(--font-size-heading6);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.Em-header-actions{display:flex;align-items:center;gap:4px}.Em-icon-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--font-size-small)}.Em-icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.Em-save-btn:hover{background:#10b981;color:#fff}.Em-delete-btn:hover{background:#ef4444;color:#fff}.Em-cancel-btn:hover,.Em-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.Em-btn-warning{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color)}.Em-btn-warning:hover{background-color:#d97706}.Em-sidebar-content{flex:1;overflow-y:auto;padding:14px;opacity:0;animation:fadeInSidebarContent .6s ease forwards}.Em-info-section{border-radius:4px;margin-bottom:10px}.Em-section-title{margin:0 0 10px;color:var(--text-primary);font-size:var(--font-size-caption);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:4px}.Em-field-section-title{color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:600;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.Em-info-row{display:flex;flex-direction:column;margin-bottom:8px;gap:3px;opacity:0;animation:fadeInSidebarContent .6s ease forwards;animation-delay:var(--fadein-delay, 0s)}.Em-label{font-size:var(--font-size-caption);font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.3px}.Em-value{color:var(--text-primary);font-size:var(--font-size-small);word-break:break-word;line-height:1.3}.field-date-alert{margin-left:8px;cursor:help;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;padding:4px 8px;border-radius:6px;transition:all .2s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;font-weight:500}.field-date-alert:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.field-date-alert svg{transition:all .2s ease;flex-shrink:0}.field-date-alert .alert-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px;font-size:11px;line-height:1.2}.field-date-alert.alert-error{color:var(--text-primary);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.field-date-alert.alert-error:hover{background:#ef444426;box-shadow:0 0 12px #ef44444d}.field-date-alert.alert-warning{color:var(--text-primary);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.field-date-alert.alert-warning:hover{background:#f59e0b26;box-shadow:0 0 12px #f59e0b4d}.field-date-alert.alert-info{color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.field-date-alert.alert-info:hover{background:#3b82f626;box-shadow:0 0 12px #3b82f64d}.Em-info-row.has-date-alert .Em-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.Em-phone-link{color:var(--accent);text-decoration:none;transition:color .2s ease}.Em-phone-link:hover{color:var(--accent-hover);text-decoration:underline}.Em-empty-value{color:var(--text-tertiary);font-style:italic}.Em-no-data{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-caption)}.Em-input{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;font-size:var(--font-size-input);background:var(--bg-primary);color:var(--input-text);transition:border-color .2s;box-sizing:border-box;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.Em-textarea{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:4px;font-size:var(--font-size-input);background:var(--bg-primary);color:var(--input-text);transition:border-color .2s;box-sizing:border-box;pointer-events:auto;-webkit-user-select:auto;user-select:auto;resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.Em-input:hover,.Em-select:hover,.Em-textarea:hover{border:1px solid var(--accent, #3b82f6)}.Em-input:focus,.Em-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.Em-info-row input[type=text],.Em-info-row input[type=number],.Em-info-row input[type=email],.Em-info-row input[type=tel]{padding:10px!important}.form-row{margin-bottom:1rem;position:relative;display:flex;flex-direction:column}.form-row:last-child{margin-bottom:0}.form-label{display:block!important;font-size:var(--font-size-label);font-weight:500;color:var(--text-primary, #333);margin-bottom:.5rem;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;width:100%}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:var(--font-size-input);background:var(--bg-primary, #ffffff);color:var(--text-primary, #333);transition:all .2s ease;min-height:44px;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent, #2383e2);box-shadow:0 0 0 3px #2383e21a}.form-input.error{border-color:var(--error-color, #dc2626);box-shadow:0 0 0 3px #dc26261a}.form-input[readonly]{background-color:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #666)}.form-hint{display:block;margin-top:.25rem;font-size:var(--font-size-caption);color:var(--text-tertiary, #999)}.input-with-loader{position:relative;display:flex;flex-direction:column}.Em-loader-container{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.bank-info{margin-top:.5rem;padding:.5rem;background-color:var(--bg-primary, #f0f9ff);border:1px solid var(--success-color, #0ea5e9);border-radius:4px;font-size:var(--font-size-caption)}.bank-name{color:var(--success-color, #0ea5e9);font-weight:500}.bank-location{color:var(--text-secondary, #666)}.account-form{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1rem;margin-bottom:1rem;background:var(--bg-primary, #ffffff)}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.account-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #333)}.remove-account-btn{background:var(--error-color, #dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.remove-account-btn:hover{background:var(--error-hover, #b91c1c)}.add-account-btn{background:var(--accent, #2383e2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.add-account-btn:hover:not(:disabled){background:var(--accent-hover, #1e40af)}.add-account-btn:disabled{background:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #666);cursor:not-allowed}.accounts-section{margin-top:1rem}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color, #e0e0e0)}.accounts-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #333)}.total-percentage{font-size:.875rem;font-weight:500;color:var(--text-secondary, #666);display:flex;align-items:center;gap:.5rem}.total-error{color:var(--error-color, #dc2626);font-size:.75rem}.Em-error-message{display:block;margin-top:.25rem;border-radius:4px;font-size:var(--font-size-caption);color:var(--error-color, #dc2626);font-weight:500;padding:.5rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2)}.Em-toast{position:fixed;bottom:20px;right:20px;padding:1rem 1.5rem;border-radius:6px;color:#fff;font-weight:500;z-index:1001;animation:slideInUp .3s ease-out}.Em-toast-success{background:var(--success-color, #10b981)}.Em-toast-error{background:var(--error-color, #dc2626)}.Em-toast-warning{background:var(--warning-color, #f59e0b)}.Em-toast-info{background:var(--accent, #2383e2)}.Em-drop-zone:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.Em-document-icon svg{transition:all .2s ease}.Em-document-item[data-type="application/pdf"] .Em-document-icon{color:#dc2626}.Em-document-item[data-type^="image/"] .Em-document-icon{color:#16a34a}.Em-document-item[data-type*=word] .Em-document-icon,.Em-document-item[data-type*=document] .Em-document-icon{color:#2563eb}.Em-document-item[data-type*=sheet] .Em-document-icon{color:#059669}@keyframes documentItemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Em-document-item{opacity:0;animation:fadeInSidebarContent .6s ease forwards;animation-delay:var(--fadein-delay, 0s)}.Em-drop-zone *{pointer-events:none}.Em-drop-zone .Em-browse-link{pointer-events:all}.Em-drop-zone{border:2px dashed var(--border-color);border-radius:6px;padding:32px 20px;margin-bottom:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.Em-drop-zone:hover{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));transform:translateY(-1px)}.Em-drop-zone.Em-drag-over{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-style:solid;transform:scale(1.02);box-shadow:0 8px 25px #3b82f626}.Em-drop-zone.Em-uploading{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));cursor:not-allowed;pointer-events:none}.Em-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.Em-drop-zone-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%;color:var(--text-secondary);transition:all .3s ease;margin-bottom:4px}.Em-drop-zone:hover .Em-drop-zone-icon{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1)}.Em-drop-zone-icon.Em-drop-active{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1);animation:bounce .6s ease-in-out infinite alternate}.Em-upload-spinner{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--primary-color);margin-bottom:4px}.Em-drop-zone-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.Em-drop-zone.Em-drag-over .Em-drop-zone-title{color:var(--primary-color)}.Em-drop-zone-subtitle{font-size:var(--font-size-small);color:var(--text-secondary);margin:0}.Em-browse-link{color:var(--primary-color);text-decoration:underline;cursor:pointer;font-weight:500;transition:color .2s ease}.Em-browse-link:hover{color:var(--primary-color-dark, #2563eb);text-decoration:none}.Em-drop-zone-formats{margin-top:8px;padding:6px 12px;border-radius:4px}.Em-drop-zone-formats span{font-size:var(--font-size-caption);color:var(--text-tertiary)}.Em-upload-area{margin-bottom:16px;text-align:center}.Em-upload-button{display:inline-flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:var(--font-size-small);font-weight:500;transition:background-color .2s;border:none}.Em-upload-button:hover{background:var(--primary-color-dark, #2563eb)}.Em-upload-button.uploading{background:var(--text-secondary);cursor:not-allowed;opacity:.7}.Em-documents-list{padding:5px;flex:1;overflow-y:auto}.Em-no-documents{text-align:center;padding:32px 16px;color:var(--text-tertiary)}.Em-no-documents p{margin:0 0 4px;font-weight:500;color:var(--text-secondary)}.Em-no-documents span{font-size:var(--font-size-caption)}.Em-document-item{display:flex;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;background:var(--bg-primary);transition:all .2s ease;position:relative;overflow:hidden}.Em-document-item:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.Em-document-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);transform:scaleY(0);transition:transform .2s ease}.Em-document-item:hover:before{transform:scaleY(1)}.Em-document-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:4px;margin-right:12px;color:var(--text-secondary);transition:all .2s ease;flex-shrink:0}.Em-document-item:hover .Em-document-icon{background:#3b82f61a;color:var(--primary-color);transform:scale(1.05)}.Em-document-info{flex:1;display:flex;flex-direction:column;min-width:0;gap:2px}.Em-document-name{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.Em-document-meta{display:flex;align-items:center;gap:8px;font-size:var(--font-size-caption);color:var(--text-tertiary)}.Em-document-date,.Em-document-size{font-size:var(--font-size-caption);color:var(--text-tertiary)}.Em-document-size:before{content:"•";margin-right:4px;color:var(--border-color)}.Em-document-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .2s ease}.Em-document-item:hover .Em-document-actions{opacity:1}.Em-document-actions .Em-icon-button{width:24px;height:24px;padding:4px;border-radius:4px;transition:all .2s ease}.Em-document-actions .Em-icon-button:hover{background:var(--bg-secondary);transform:scale(1.1)}.Em-tab-navigation{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.Em-tab-navigation::-webkit-scrollbar{display:none}.Em-tab-button{display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;border-bottom:1px solid transparent;position:relative;min-width:max-content;font-size:var(--font-size-small);font-weight:500;margin-bottom:0px !}.Em-tab-button:hover{color:var(--text-primary);background:var(--hover-bg)}.Em-tab-button.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.Em-tab-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.Em-tab-button:hover .Em-tab-icon{transform:scale(1.1)}.Em-tab-label{font-weight:600;white-space:nowrap}.Em-tab-badge{background:var(--primary-color);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2}.Em-tab-badge-container{display:flex;align-items:center;gap:4px}.Em-subscription-indicator{color:var(--success-color);display:flex;align-items:center;animation:pulse 2s infinite;opacity:.8}.Em-subscription-indicator svg{width:8px;height:8px}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.Em-documents-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.Em-documents-header{margin-bottom:16px}.Em-section-title-container{display:flex;align-items:center;gap:8px;margin-bottom:0}.Em-realtime-status{display:flex;align-items:center;gap:4px;font-size:var(--font-size-caption);color:var(--success-color);background:var(--success-background);padding:2px 6px;border-radius:4px;font-weight:500;opacity:.9;animation:pulse 2s infinite}.Em-realtime-status svg{width:12px;height:12px;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Em-documents-controls{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.Em-search-wrapper{position:relative;flex:1;max-width:200px;box-sizing:border-box}.Em-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);z-index:1}.Em-search-input{width:100%;padding:15px;border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-caption);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box;height:44px;max-width:300px}.Em-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--input-focus-box-shadow)}.Em-search-input::placeholder{color:var(--text-tertiary)}.Em-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.Em-search-clear:hover{color:var(--text-primary);background:var(--hover-bg)}.Em-filter-select{min-width:120px;max-width:150px}.Em-documents-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.Em-no-documents{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--text-tertiary);margin-top:20px}.Em-no-documents svg{margin-bottom:12px;opacity:.5}.Em-no-documents p{margin:0 0 4px;font-weight:600;color:var(--text-secondary)}.Em-no-documents span{margin:0;font-size:var(--font-size-caption)}.Em-upload-progress-container{margin:16px 0;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;animation:slideInDown .3s ease}.Em-upload-progress-title{margin:0 0 12px;font-size:var(--font-size-caption);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.Em-upload-progress-item{margin-bottom:12px}.Em-upload-progress-item:last-child{margin-bottom:0}.Em-upload-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.Em-upload-file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.Em-upload-file-info svg{color:var(--text-tertiary);flex-shrink:0}.Em-upload-file-name{font-size:var(--font-size-caption);color:var(--text-primary);font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Em-upload-status{display:flex;align-items:center;flex-shrink:0}.Em-upload-percentage{font-size:var(--font-size-caption);color:var(--primary-color);font-weight:600;min-width:35px;text-align:right}.Em-upload-success{color:var(--success-color, #22c55e)}.Em-upload-error{color:var(--error-color, #ef4444)}.Em-upload-progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;position:relative}.Em-upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));border-radius:2px;transition:width .3s ease;position:relative}.Em-upload-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.Em-upload-progress-fill.Em-completed{background:linear-gradient(90deg,var(--success-color, #22c55e),#16a34a)}.Em-upload-progress-fill.Em-error{background:linear-gradient(90deg,var(--error-color, #ef4444),#dc2626)}@media (max-width: 768px){.Em-upload-progress-header{flex-direction:column;align-items:flex-start;gap:4px}.Em-upload-file-info{width:100%}.Em-upload-status{align-self:flex-end}.Em-documents-controls{flex-direction:column;align-items:stretch;gap:8px}.Em-search-wrapper{max-width:none;width:100%}.Em-filter-select,.Em-date-filter{min-width:auto;width:100%}}.Em-upload-error-message{margin-top:4px;padding:4px 8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;font-size:var(--font-size-caption);color:var(--error-color, #ef4444);line-height:1.3}.Em-upload-error-message span{display:block;word-break:break-word}.Em-search-highlight{background:#3b82f633;color:var(--primary-color);font-weight:600;padding:1px 2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.Em-sort-select{min-width:120px;max-width:160px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.Em-skeleton-loader{background:linear-gradient(90deg,var(--bg-tertiary) 25%,rgba(255,255,255,.1) 50%,var(--bg-tertiary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px;width:100%;height:100%;min-height:12px}.Em-badge-skeleton{width:18px;height:16px;border-radius:10px;background:var(--primary-color);opacity:.6;animation:badgePulse 1.5s ease-in-out infinite;display:inline-block}@keyframes badgePulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.Em-documents-loading{padding:20px;text-align:center}.Em-loading-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;color:var(--text-secondary)}.Em-loading-spinner{color:var(--primary-color);display:flex;align-items:center;justify-content:center}.Em-loading-text{font-size:var(--font-size-body2);font-weight:500}.Em-document-skeletons{display:flex;flex-direction:column;gap:12px}.Em-document-skeleton{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.Em-document-skeleton-icon{width:32px;height:32px;flex-shrink:0;border-radius:4px;overflow:hidden}.Em-document-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.Em-document-skeleton-name{height:14px;width:70%;border-radius:4px;overflow:hidden}.Em-document-skeleton-meta{height:10px;width:45%;border-radius:4px;overflow:hidden}.Em-document-skeleton-actions{width:60px;height:24px;border-radius:4px;flex-shrink:0;overflow:hidden}.Em-documents-section:has(.Em-documents-loading) .Em-documents-controls{opacity:.5;pointer-events:none}@media (max-width: 360px){.Em-document-skeleton{padding:8px;gap:8px}.Em-document-skeleton-icon{width:28px;height:28px}.Em-loading-header{gap:8px;margin-bottom:16px}}.Em-payroll-section{display:flex;flex-direction:column;gap:16px;max-height:100%;overflow-y:auto;padding-right:7px}.Em-payroll-subsection{border-radius:10px;margin-bottom:16px;padding:16px;transition:all .2s ease;opacity:0;animation:fadeInSidebarContent .6s ease forwards;animation-delay:var(--fadein-delay, 0s)}.Em-subsection-title{margin:0 0 16px;color:var(--text-primary);font-size:.9rem;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.Em-input-group{position:relative;display:flex;align-items:center}.Em-input-prefix{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:.875rem;font-weight:500;z-index:1;pointer-events:none}.Em-input-with-prefix{padding-left:22px!important}.Em-currency-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600;color:var(--accent-green)}@media (max-width: 400px){.Em-payroll-section{padding:8px;gap:8px}.Em-payroll-subsection{padding:8px;margin-bottom:8px}.Em-subsection-title{font-size:.8rem;margin-bottom:8px}}.Em-additional-pay-rate{position:relative;margin-top:8px}.Em-pay-rate-input-group{display:flex;align-items:center;gap:8px;width:100%}.Em-pay-rate-input-group .currency-input-container{flex:1}.Em-remove-pay-rate-btn{flex-shrink:0;width:28px;height:28px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-danger);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;line-height:1}.Em-remove-pay-rate-btn:hover{background:var(--danger);color:var(--text-on-danger);border-color:var(--danger)}.Em-add-pay-rate-btn{padding:8px 12px;border:1px dashed var(--border-color);border-radius:4px;background:transparent;color:var(--accent);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:8px}.Em-add-pay-rate-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark)}.Em-add-pay-rate-btn:active{transform:translateY(1px)}@media (max-width: 400px){.Em-pay-rate-input-group{gap:6px}.Em-remove-pay-rate-btn{width:24px;height:24px;font-size:14px}.Em-add-pay-rate-btn{padding:6px 10px;font-size:.8rem}}.Em-directdeposit-section{padding:0}.Em-directdeposit-subsection{margin-bottom:1.5rem}.Em-account-card{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .2s ease}.Em-account-card:hover{box-shadow:0 2px 8px #0000001a}.Em-account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color-light, #f0f0f0)}.Em-account-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #333)}.Em-percentage-badge{color:var(--text-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.Em-account-details{display:flex;flex-direction:column;gap:.5rem}.Em-info-row.Em-compact{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.Em-info-row.Em-compact .Em-label{font-size:.8rem;color:var(--text-secondary, #666);margin-bottom:0;flex:0 0 auto}.Em-info-row.Em-compact .Em-value{font-size:.85rem;text-align:right;flex:1}.Em-value.Em-capitalize{text-transform:capitalize}.Em-value.Em-monospace{font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.Em-total-percentage{background:var(--bg-tertiary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;padding:.75rem;text-align:center;color:var(--text-primary, #333);font-size:.9rem;margin-top:1rem}.Em-no-directdeposit{padding:2rem 1rem}.Em-empty-state{text-align:center;color:var(--text-secondary, #666)}.Em-empty-icon{margin-bottom:1rem;opacity:.6}.Em-empty-icon svg{color:var(--text-secondary, #666)}.Em-empty-state h5{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #333)}.Em-empty-state p{font-size:.85rem;line-height:1.4;max-width:240px;margin:0 auto}.Em-status-badge.Em-status-active{background:var(--success-bg, #d4edda);color:var(--success-text, #155724);border:1px solid var(--success-border, #c3e6cb)}.Em-status-badge.Em-status-inactive{background:var(--warning-bg, #fff3cd);color:var(--warning-text, #856404);border:1px solid var(--warning-border, #ffeaa7)}@media (max-width: 480px){.Em-account-header{flex-direction:column;align-items:flex-start;gap:.5rem}.Em-percentage-badge{align-self:flex-end}.Em-info-row.Em-compact{flex-direction:column;align-items:flex-start;gap:.25rem}.Em-info-row.Em-compact .Em-value{text-align:left}}.Em-directdeposit-edit{padding:1rem 0}.Em-checkbox-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.Em-checkbox{width:16px;height:16px;accent-color:var(--primary-color, #007bff)}.Em-checkbox-label{font-size:.9rem;color:var(--text-secondary, #666);cursor:pointer;margin:0}.Em-directdeposit-accounts{margin-top:1.5rem}.Em-accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.Em-add-account-btn{background:var(--primary-color, #007bff);color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.Em-add-account-btn:hover{background:var(--primary-hover, #0056b3)}.Em-account-form{border:1px solid var(--border-color, #ddd);border-radius:6px;padding:1rem;margin-bottom:1rem;background:var(--bg-secondary, #f8f9fa)}.Em-account-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.Em-account-form-header h6{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary, #333)}.Em-remove-account-btn{background:var(--danger-color, #dc3545);color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s}.Em-remove-account-btn:hover{background:var(--danger-hover, #c82333)}.Em-account-fields{display:flex;flex-direction:column;gap:.75rem}.Em-input-row{display:flex;gap:.75rem}.Em-input-row .Em-input-group{flex:1}.Em-routing-input-wrapper{display:flex;gap:.5rem;align-items:flex-end}.Em-routing-input{flex:1}.Em-lookup-btn{background:var(--secondary-color, #6c757d);color:#fff;border:none;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s;height:36px}.Em-lookup-btn:hover:not(:disabled){background:var(--secondary-hover, #5a6268)}.Em-lookup-btn:disabled{background:var(--muted-color, #e9ecef);color:var(--text-muted, #6c757d);cursor:not-allowed}.Em-percentage-input{width:80px}.Em-percentage-summary{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary, #e9ecef);border-radius:4px}.Em-total-percentage{font-weight:600;display:flex;align-items:center;gap:.5rem}.Em-total-percentage.Em-valid{color:var(--success-text, #155724)}.Em-total-percentage.Em-invalid{color:var(--danger-color, #dc3545)}.Em-validation-error{font-size:.8rem;font-weight:500;background:var(--danger-bg, #f8d7da);color:var(--danger-text, #721c24);padding:.25rem .5rem;border-radius:3px;border:1px solid var(--danger-border, #f5c6cb)}@media (max-width: 480px){.Em-input-row{flex-direction:column;gap:.5rem}.Em-routing-input-wrapper,.Em-accounts-header,.Em-account-form-header{flex-direction:column;align-items:stretch;gap:.5rem}}.Em-save-btn-warning{background-color:var(--warning-color, #f59e0b)!important;border-color:var(--warning-color, #f59e0b)!important;animation:pulseWarning 2s infinite}.Em-save-btn-warning:hover{background-color:var(--warning-hover, #d97706)!important;border-color:var(--warning-hover, #d97706)!important}@keyframes pulseWarning{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 4px #f59e0b4d}}.header-actions .close-button{background:#fff3;color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fullscreen-detail .employee-detail-content{flex:1;overflow-y:auto;padding:32px;display:grid;grid-template-columns:300px 1fr;gap:32px}.fullscreen-detail .employee-avatar-section{grid-column:1;border-right:1px solid #e5e7eb;padding-right:32px;margin-bottom:0;border-bottom:none}.fullscreen-detail .employee-avatar-large{width:160px;height:160px;margin-bottom:24px}.fullscreen-detail .avatar-placeholder-large{font-size:var(--font-size-body)}.fullscreen-detail .employee-info-sections{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.fullscreen-detail .employee-info-section{background:#f9fafb;border-radius:6px;padding:24px;height:fit-content}.fullscreen-detail .employee-info-section h3{font-size:20px;margin-bottom:20px;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.fullscreen-detail .info-row{margin-bottom:16px;display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start}.fullscreen-detail .info-row label{font-weight:600;color:#374151;font-size:14px}.fullscreen-detail .inline-edit-input,.fullscreen-detail .inline-edit-select{padding:8px 12px;font-size:14px}.fullscreen-detail .roles-management{gap:12px}.fullscreen-detail .current-roles{gap:8px}.fullscreen-detail .role-tag{padding:6px 10px;font-size:13px}.fullscreen-detail .add-role-select{padding:8px 12px;font-size:14px}@media (max-width: 1024px){.fullscreen-detail .employee-detail-content{grid-template-columns:1fr;gap:24px;padding:24px}.fullscreen-detail .employee-avatar-section{grid-column:1;border-right:none;border-bottom:1px solid #e5e7eb;padding-right:0;padding-bottom:24px;margin-bottom:0}.fullscreen-detail .employee-info-sections{grid-column:1;grid-template-columns:1fr;gap:20px}.fullscreen-detail .employee-avatar-large{width:120px;height:120px}.fullscreen-detail .avatar-placeholder-large{font-size:36px}}@media (max-width: 768px){.fullscreen-overlay{padding:20px}.fullscreen-detail{width:100%;height:100%;border-radius:0}.fullscreen-header{padding:20px 24px}.fullscreen-header h1{font-size:24px}.header-actions{gap:8px}.header-actions button{padding:10px 12px;font-size:13px}.fullscreen-detail .employee-detail-content{padding:20px}.fullscreen-detail .info-row{grid-template-columns:1fr;gap:4px}}@media (max-width: 480px){.header-actions{flex-wrap:wrap}.header-actions button{padding:8px 10px;font-size:12px}.fullscreen-header h1{font-size:20px}}.employees-page{display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.alerts-toggle-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);background-color:var(--bg-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.workflows-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);background-color:var(--bg-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.workflows-button:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.workflows-button:disabled{opacity:.5;cursor:not-allowed}.employees-list{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px var(--shadow)}.employee-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color);transition:all .15s ease}.employee-row:hover{background-color:var(--hover-bg)}.employee-row:last-child{border-bottom:none}.employee-info{display:flex;align-items:center;gap:12px}.employee-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-details{min-width:0}.employee-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.employee-email{font-size:var(--font-size-small);color:var(--text-secondary)}.Em-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;width:600px;border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;z-index:1000;animation:slideInRight .3s ease;overflow-y:auto}.employee-detail{padding:32px}.employee-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px}.employee-detail-header h2{margin:0;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary)}.employee-detail-content{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}.employee-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:160px}.employee-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.employee-avatar-large img{width:100%;height:100%;object-fit:cover}.employee-info-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-width:0}.employee-info-section{display:flex;flex-direction:column;gap:16px}.employee-info-section h3{margin:0 0 16px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.employee-actions{display:flex;flex-direction:column;gap:8px;width:100%}.employee-actions button{padding:8px 16px;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.Em-search-input:disabled,.filter-select:disabled,.add-button:disabled,.custom-fields-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.fullscreen-detail .employee-detail-content{flex-direction:row;gap:48px;align-items:flex-start}.fullscreen-detail .employee-avatar-large{margin:0}.fullscreen-detail .employee-info-section{flex:1}@media (max-width: 1024px){.list-header,.employee-row{grid-template-columns:2fr 1fr 1fr}.list-header .header-cell:nth-child(3),.employee-row .cell-content:nth-child(3),.list-header .header-cell:nth-child(5),.employee-row .cell-content:nth-child(5){display:none}.Em-sidebar-overlay{width:100%;left:0}.Em-main-content.with-employee-sidebar{margin-right:0}}@media (max-width: 768px){.page-controls{flex-direction:column;align-items:stretch;gap:16px}.control-buttons{order:-1;justify-content:space-between}.search-controls{flex-direction:column}.Em-search-input{max-width:none}.list-header,.employee-row{grid-template-columns:1fr;gap:8px}.list-header{display:none}.employee-row{flex-direction:column;display:flex;padding:20px}.cell-content{justify-content:space-between}.cell-content:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-small)}.employee-detail{padding:20px}.fullscreen-detail .employee-detail-content{flex-direction:column;gap:24px}.fullscreen-detail .employee-avatar-large{margin:0 auto}.employee-actions{flex-direction:column}}.Em-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease;transition:left .3s cubic-bezier(.23,1,.32,1),margin-left .3s cubic-bezier(.23,1,.32,1)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.sidebar-is-visible .Em-modal-overlay{margin-left:260px}.Em-modal-content{background:var(--bg-primary);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideIn .3s ease;transition:width .3s cubic-bezier(.23,1,.32,1),max-width .3s cubic-bezier(.23,1,.32,1) !}.Em-main-content{transition:margin-right .3s cubic-bezier(.23,1,.32,1),margin-left .3s cubic-bezier(.23,1,.32,1),width .3s cubic-bezier(.23,1,.32,1);width:100%;padding:32px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.Em-main-content.with-employee-sidebar{width:calc(100% - 600px);margin-right:0}.Em-main-content.full-height{height:100vh;padding:0;overflow:hidden}.employee-detail .info-row{align-items:flex-start;gap:12px}.employee-detail .info-row label{min-width:100px;margin-top:10px}.roles-management-sidebar{display:flex;flex-direction:column;gap:8px}.current-roles-sidebar{display:flex;flex-wrap:wrap;gap:6px}.no-roles-sidebar{color:var(--text-tertiary);font-style:italic;padding:4px 0}.role-tag-sidebar{display:flex;align-items:center;gap:4px;background:var(--accent-bg-secondary);border:1px solid var(--accent-secondary);background:var(--accent);color:#fff;font-size:var(--font-size-caption);font-weight:600;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.role-tag-sidebar .role-actions{display:flex;gap:2px}.role-tag-sidebar .set-primary-btn,.role-tag-sidebar .remove-role-btn{background:none;border:none;color:inherit;cursor:pointer;padding:1px 3px;border-radius:2px;font-size:var(--font-size-caption);font-weight:600;transition:all .15s ease;opacity:.6}.role-tag-sidebar .set-primary-btn:hover{background:var(--success-bg);color:var(--success-color);opacity:1}.role-tag-sidebar .remove-role-btn:hover{background:var(--error-bg);color:var(--error-color);opacity:1}.add-role-section-sidebar{margin-top:4px}.add-role-select-sidebar{font-size:var(--font-size-small);padding:4px 8px;max-width:150px}@media (max-width: 1024px){.employee-detail-content{grid-template-columns:1fr;gap:24px}.employee-avatar-section{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;min-width:auto}.employee-info-sections{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.employee-avatar-section{flex-direction:column;align-items:center;gap:16px}.employee-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.employee-actions button{flex:1;min-width:100px}}.Em-modal-content{max-width:900px}.Em-modal-content.large-modal{max-width:1200px}.user-dropdown-menu{position:relative;display:inline-block}.user-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.user-dropdown-trigger.disabled{cursor:not-allowed;opacity:.5}.user-dropdown-content{min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;padding:6px;animation:user-dropdown-appear .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;position:absolute;top:100%;right:0}.user-dropdown-items{display:flex;flex-direction:column;gap:1px}.user-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;color:var(--text-primary);font-size:14px;font-weight:400;border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left;width:100%;white-space:nowrap}.user-dropdown-item:hover:not(.disabled){background:var(--bg-secondary)}.user-dropdown-item:active:not(.disabled){background:var(--bg-tertiary)}.user-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.user-dropdown-item.danger{color:var(--error-color, #ef4444)}.user-dropdown-item.danger:hover:not(.disabled){background:#ef44441a;color:var(--error-color, #ef4444)}.user-dropdown-item.success{color:var(--success-color, #10b981)}.user-dropdown-item.success:hover:not(.disabled){background:var(--hover-bg)!important;color:var(--success-color, #10b981)}.user-dropdown-item.primary{color:var(--accent)}.user-dropdown-item.primary:hover:not(.disabled){background:#2383e21a;color:var(--accent)}.user-dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.user-dropdown-item-icon svg{width:16px;height:16px}.user-dropdown-item-text{flex:1;line-height:1.4}@keyframes user-dropdown-appear{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-avatar-container{position:relative;display:inline-block;border-radius:50%}.online-status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.online-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-online 2s infinite}@keyframes pulse-online{0%{box-shadow:0 0 rgba(var(--pulse-color-rgb, 16, 185, 129),.4)}70%{box-shadow:0 0 0 4px rgba(var(--pulse-color-rgb, 16, 185, 129),0)}to{box-shadow:0 0 rgba(var(--pulse-color-rgb, 16, 185, 129),0)}}.user-online-status{margin-top:2px}.online-indicator-text{font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.user-cell{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.user-avatar{width:36px;height:36px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:14px;font-weight:600}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-email{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:1px}.table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1.2fr 1fr;gap:1rem;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s ease}.table-row:hover{background:var(--bg-secondary)}.table-cell{display:flex;align-items:center;min-height:20px}.actions-cell{justify-content:center}.role-badge,.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.role-badge.purple{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.role-badge.blue{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.role-badge.gray{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.status-badge.green{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.orange{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.status-badge.red{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.last-login,.created-date{font-size:12px;color:var(--text-secondary)}.action-button{background:transparent;border:none;padding:6px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 1200px){.table-row{grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr}}@media (max-width: 900px){.table-row{grid-template-columns:50px 2fr 1fr 1fr}.user-cell{min-width:0}.user-avatar{width:32px;height:32px}.online-status-indicator{width:12px;height:12px}.online-dot{width:6px;height:6px}.role-badge,.status-badge{font-size:10px;padding:3px 6px}}.view-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:view-user-modal-fade-in .3s cubic-bezier(.16,1,.3,1) forwards;transition:left .7s cubic-bezier(.16,1,.3,1)}.view-user-modal{background:var(--bg-primary);border-radius:6px;max-width:1000px;width:95vw;max-height:95vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-large);border:1px solid var(--border-subtle);opacity:0;transform:scale(.9) translateY(20px);animation:view-user-modal-scale-in .3s cubic-bezier(.16,1,.3,1) .1s forwards;transition:width .7s cubic-bezier(.16,1,.3,1)}.modal-header-user{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-primary);z-index:10}.modal-header-user h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-modal-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.close-modal-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes view-user-modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes view-user-modal-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes view-user-modal-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes view-user-modal-scale-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.view-user-modal-overlay.closing{animation:view-user-modal-fade-out .25s cubic-bezier(.4,0,.6,1) forwards}.view-user-modal-overlay.closing .view-user-modal{animation:view-user-modal-scale-out .25s cubic-bezier(.4,0,.6,1) forwards}.view-user-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1000;overflow-y:auto;opacity:0;animation:view-user-fullscreen-fade-in .3s ease-out forwards}.fullscreen-header{display:flex;justify-content:between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-primary);z-index:10}.fullscreen-header h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.close-fullscreen-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.close-fullscreen-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-user-sidecard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;justify-content:flex-end;opacity:0;animation:view-user-sidecard-fade-in .3s ease-out forwards}.view-user-sidecard{background:var(--bg-primary);width:480px;max-width:90vw;height:100vh;overflow-y:auto;box-shadow:var(--shadow-large);border-left:1px solid var(--border-subtle);transform:translate(100%);animation:slideInFromRight .3s ease-out forwards}.sidecard-header{display:flex;justify-content:between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-primary);z-index:10}.sidecard-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.close-sidecard-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.close-sidecard-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-user-content{padding:20px;width:100%;box-sizing:border-box;overflow-x:hidden}.view-user-content.view-user-fullscreen{padding:32px;max-width:1200px;margin:0 auto}.view-user-content.view-user-sidecard{padding:20px}.user-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);width:100%;box-sizing:border-box;overflow:hidden}.user-avatar-large{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-body);font-weight:600;color:#fff}.user-title-info{flex:1;min-width:0;overflow:hidden}.user-name-large{margin:0 0 4px;font-size:24px;font-weight:600;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.user-email-large{margin:0 0 12px;font-size:16px;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word}.user-badges{display:flex;gap:8px;flex-wrap:wrap}.role-badge-large,.status-badge-large{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.role-badge-large.purple{background:#f3f0ff;color:#7c3aed}.role-badge-large.blue{background:#eff6ff;color:#2563eb}.role-badge-large.gray{background:#f3f4f6;color:#6b7280}.status-badge-large.green{background:#f0fdf4;color:#16a34a}.status-badge-large.orange{background:#fffbeb;color:#d97706}.status-badge-large.red{background:#fef2f2;color:#dc2626}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:20px;width:100%;box-sizing:border-box}.view-user-sidecard .user-details-grid{grid-template-columns:1fr}.detail-section{border-radius:4px;padding:16px;width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word}.detail-section h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary)}.detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.detail-item:last-child{margin-bottom:0}.detail-item label{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.detail-item span{font-size:14px;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.status-text.green{color:#16a34a}.status-text.orange{color:#d97706}.status-text.red{color:#dc2626}.permission-tag{background:var(--accent);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes view-user-sidecard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes view-user-sidecard-fade-out{0%{opacity:1}to{opacity:0}}@keyframes view-user-fullscreen-fade-in{0%{opacity:0}to{opacity:1}}@keyframes view-user-fullscreen-fade-out{0%{opacity:1}to{opacity:0}}.view-user-fullscreen.closing{animation:view-user-fullscreen-fade-out .25s ease-out forwards}.view-user-sidecard-overlay.closing{animation:view-user-sidecard-fade-out .25s ease-out forwards}.view-user-sidecard-overlay.closing .view-user-sidecard{animation:slideOutToRight .25s ease-out forwards}[data-theme=dark] .role-badge-large.purple{background:#2d1b69;color:#c4b5fd}[data-theme=dark] .role-badge-large.blue{background:#1e3a8a;color:#93c5fd}[data-theme=dark] .role-badge-large.gray{background:#374151;color:#d1d5db}[data-theme=dark] .status-badge-large.green{background:#14532d;color:#86efac}[data-theme=dark] .status-badge-large.orange{background:#92400e;color:#fbbf24}[data-theme=dark] .status-badge-large.red{background:#991b1b;color:#fca5a5}body.sidebar-is-visible .view-user-fullscreen,body.sidebar-temporary-visible .view-user-fullscreen{left:var(--sidebar-width, 260px);width:calc(100vw - var(--sidebar-width, 260px))}@media (max-width: 1024px) and (min-width: 769px){.view-user-modal{max-width:900px;width:92vw}.user-details-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:16px}body.sidebar-is-visible .view-user-modal,body.sidebar-temporary-visible .view-user-modal{width:min(92vw,calc(100vw - var(--sidebar-width, 260px) - 2rem));max-width:min(900px,calc(100vw - var(--sidebar-width, 260px) - 2rem))}}body.sidebar-is-visible .view-user-modal-overlay,body.sidebar-temporary-visible .view-user-modal-overlay{left:var(--sidebar-width, 260px)}body.sidebar-is-visible .view-user-modal,body.sidebar-temporary-visible .view-user-modal{width:min(95vw,calc(100vw - var(--sidebar-width, 260px) - 2rem));max-width:min(1000px,calc(100vw - var(--sidebar-width, 260px) - 2rem))}body.sidebar-is-visible .view-user-sidecard-overlay,body.sidebar-temporary-visible .view-user-sidecard-overlay{left:0}@media (max-width: 768px){.view-user-modal{width:98vw;max-height:98vh;margin:1vh 1vw}.view-user-sidecard{width:100vw}.view-user-content{padding:16px}.user-header{flex-direction:column;text-align:center;gap:16px;margin-bottom:20px;padding-bottom:12px}.user-details-grid{grid-template-columns:1fr;gap:12px}.detail-section{padding:12px}body.sidebar-is-visible .view-user-modal,body.sidebar-temporary-visible .view-user-modal{width:98vw;left:0}body.sidebar-is-visible .view-user-modal-overlay,body.sidebar-temporary-visible .view-user-modal-overlay{left:0}}::selection{background:#2383e233;color:var(--text-primary)}::-moz-selection{background:#2383e233;color:var(--text-primary)}.users-page{padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.form-input{margin-bottom:0}.header-content h1{font-size:var(--font-size-heading1);font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.page-subtitle{font-size:var(--font-size-large);color:var(--text-secondary);margin:0;line-height:1.5}.invite-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:4px;font-weight:600;font-size:var(--font-size-small);cursor:pointer;transition:all .2s ease}.invite-user-btn:hover{transform:translateY(-2px)}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.user-stats-card{background:var(--bg-primary);border-radius:4px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.user-stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-hover)}.stats-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-stats-card.blue .stats-icon{background:var(--accent);color:#fff}.user-stats-card.green .stats-icon{background:var(--success-color);color:#fff}.user-stats-card.orange .stats-icon{background:var(--warning-color);color:#fff}.user-stats-card.red .stats-icon{background:var(--error-color);color:#fff}.stats-content{flex:1}.stats-title{font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.stats-value{font-size:var(--font-size-heading2);font-weight:700;color:var(--text-primary);margin:0;line-height:1}.user-filters{background:var(--bg-primary);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-section{flex:1;min-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-tertiary);z-index:1}.search-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px!important;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-input);transition:all .2s ease;min-width:140px}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2383e21a}.clear-search{position:absolute;right:.75rem;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.clear-search:hover{color:var(--text-primary);background:var(--hover-bg)}.Us-filter-controls{display:flex;gap:.75rem}.filter-select{border-radius:.75rem;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-input);cursor:pointer;transition:all .2s ease}.filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2383e21a}.bulk-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.bulk-info{font-weight:500;color:var(--text-primary)}.bulk-buttons{display:flex;gap:.5rem}.bulk-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-btn.activate{background:#22c55e1a;color:var(--success-color)}.bulk-btn.activate:hover{background:#22c55e33}.bulk-btn.deactivate{background:#f59e0b1a;color:var(--warning-color)}.bulk-btn.deactivate:hover{background:#f59e0b33}.bulk-btn.delete{background:#ef44441a;color:var(--error-color)}.bulk-btn.delete:hover{background:#ef444433}.users-list-container{background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow);overflow:visible;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.users-table{width:100%}.Us-table-header{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;font-weight:600;font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.header-cell{display:flex;align-items:center;justify-content:flex-start}.sortable-header{cursor:pointer;transition:color .2s ease;gap:.5rem}.sortable-header:hover{color:var(--text-primary)}.checkbox-cell{justify-content:center}.table-body{min-height:200px}.user-row,.table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1.2fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s ease;align-items:center;min-height:35px}.user-row:hover,.table-row:hover{background-color:var(--hover-bg)!important}.user-row.selected,.table-row.selected{background-color:var(--calendar-highlight-bg)!important}.user-row:last-child,.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center}.checkbox{width:1.125rem;height:1.125rem;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;accent-color:var(--accent)}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-info-cell{gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:600;color:#fff}.user-details{min-width:0;flex:1}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:.125rem;line-height:1.2}.user-email{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.2}.user-phone{font-size:var(--font-size-caption);color:var(--text-tertiary);line-height:1.2}.role-badge,.status-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.5rem;font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.purple{background:#6f42c11a;color:#6f42c1}.role-badge.blue{background:#2383e21a;color:var(--accent)}.role-badge.gray{background:var(--bg-tertiary);color:var(--text-secondary)}.status-badge{gap:.375rem}.status-badge.green{background:#22c55e1a;color:var(--success-color)}.status-badge.blue{background:#3b82f61a;color:#3b82f6}.status-badge.orange{background:#f59e0b1a;color:var(--warning-color)}.status-badge.red{background:#ef44441a;color:var(--error-color)}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#6b7280}.department-text,.last-login-text,.created-date-text{font-size:var(--font-size-small);color:var(--text-secondary)}.user-actions{display:flex;gap:.25rem;opacity:.6;transition:opacity .2s ease}.user-actions.visible,.user-row:hover .user-actions{opacity:1}.action-btn{width:2rem;height:2rem;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-secondary)}.action-btn:hover{color:var(--text-primary);transform:scale(1.05)}.action-btn.edit:hover{background:#cce7ff;color:#06c}.action-btn.permissions:hover{background:#e7e3ff;color:#6f42c1}.action-btn.activate:hover{background:#e8f5e8;color:#28a745}.action-btn.deactivate:hover{background:#fff3cd;color:#856404}.action-btn.delete:hover{background:#f8d7da;color:#721c24}.action-btn.more-actions{background:var(--bg-secondary);color:var(--text-secondary)}.action-btn.more-actions:hover{background:var(--bg-hover);color:var(--text-primary)}.actions-cell-users{justify-content:center;position:relative;z-index:1}.action-button{background:transparent;border:none;padding:8px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative;z-index:1;opacity:.7}.action-button:hover{opacity:1}.action-button:focus{outline:none;opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon{margin-bottom:1rem;color:var(--text-tertiary)}.empty-state h3{font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0}.Us-table-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.results-count{font-size:var(--font-size-small);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade-in .3s cubic-bezier(.16,1,.3,1) forwards;transition:left .7s cubic-bezier(.16,1,.3,1)}@keyframes modal-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-scale-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-overlay.closing{animation:modal-fade-out .25s cubic-bezier(.4,0,.6,1) forwards}.modal-container{background:var(--bg-primary);border-radius:4px;max-width:600px;width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 60px var(--shadow-hover);opacity:0;transform:scale(.9) translateY(20px);animation:modal-scale-in .3s cubic-bezier(.16,1,.3,1) .1s forwards;transition:width .7s cubic-bezier(.16,1,.3,1)}.modal-overlay.closing .modal-container{animation:modal-scale-out .25s cubic-bezier(.4,0,.6,1) forwards}body.sidebar-is-visible .modal-container,body.sidebar-temporary-visible .modal-container{width:min(90vw,calc(100vw - var(--sidebar-width, 260px) - 2rem))}.modal-container.invite-modal{max-width:800px!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;height:auto!important}.invite-modal form{display:flex;flex-direction:column;height:100%;min-height:0;flex:1;background-color:var(--bg-primary)}.modal-container.edit-modal{max-width:700px!important;display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;height:auto!important}.edit-modal form{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.modal-container.permissions-modal{max-width:900px;width:90vw}.invite-modal .modal-header-users,.edit-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;margin-bottom:0;flex-shrink:0!important;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.modal-header-users,.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;margin-bottom:15px}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-icon{width:3rem;height:3rem;border-radius:.75rem;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar-large{width:3rem;height:3rem;border-radius:50%;overflow:hidden}.user-avatar-small{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.modal-title-section h2{font-size:var(--font-size-heading3);font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.modal-title-section p{color:var(--text-secondary);margin:0;font-size:var(--font-size-body)}.modal-close-btn{width:2.5rem;height:2.5rem;border:none;border-radius:.5rem;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.invite-modal .modal-body,.edit-modal .modal-body{padding:1.5rem 2rem;overflow-y:auto!important;overflow-x:hidden;flex:1 1 auto!important;min-height:0!important;display:flex;flex-direction:column}.modal-body{padding:1.5rem 2rem}.invite-modal .modal-footer,.edit-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);flex-shrink:0!important;background:var(--bg-primary);margin-top:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem 2rem;border-top:1px solid var(--border-color)}.form-section{margin-bottom:2rem}.form-section h3{font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);margin:0 0 1rem}.form-row .Us-form-group{min-width:0}.form-group-half{margin-bottom:0!important}.Us-form-group{display:flex;flex-direction:column;width:100%}.Us-form-group label{font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:var(--font-size-label)}.Us-form-group input,.Us-form-group select,.Us-form-group textarea{border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-input);transition:all .2s ease;width:100%!important;padding:12px 16px;box-sizing:border-box;min-width:0;flex:1}.Us-form-group input:focus,.Us-form-group select:focus,.Us-form-group textarea:focus{border:1px solid var(--accent)!important;border-color:var(--accent)!important;outline:none}.Us-form-group input.error,.Us-form-group select.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:var(--font-size-caption);margin-top:.25rem}.role-description{font-size:var(--font-size-caption);color:var(--text-tertiary);margin-top:.25rem}.user-info-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:var(--font-size-caption);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-weight:500;color:var(--text-primary)}.invitation-preview,.permissions-preview{margin-top:1.5rem;padding:1rem;border-radius:.5rem}.invitation-preview h4,.permissions-preview h4{font-size:var(--font-size-heading5);font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.preview-content p{color:var(--text-secondary);margin:0;line-height:1.5}.custom-message{margin-top:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:.25rem;border-left:3px solid var(--accent)}.permissions-list{display:flex;flex-wrap:wrap;gap:.5rem}.permission-badge{padding:.25rem .5rem;background:var(--accent);color:#fff;border-radius:.25rem;font-size:var(--font-size-caption);font-weight:500}.permissions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.permissions-actions{display:flex;gap:.5rem}.permissions-summary{margin-bottom:1.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;text-align:center}.selected-count{font-weight:500;color:var(--text-primary)}.permission-category{margin-bottom:1.5rem;width:100%}.category-title{font-size:var(--font-size-heading5);font-weight:600;color:var(--text-primary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.category-permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media (max-width: 1024px){.category-permissions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.category-permissions{grid-template-columns:1fr}}.permission-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.875rem;border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease;gap:.75rem;min-height:75px}.permission-item:hover{border-color:var(--accent);background:#2383e205}.permission-content{flex:1;display:flex;flex-direction:column;justify-content:center}.permission-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.permission-description{font-size:var(--font-size-small);color:var(--text-secondary)}.permission-item .switch-component{flex-shrink:0;align-self:flex-start;margin-top:.25rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-container .spinner{margin-bottom:1rem}.permissions-note{display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#fff3cd;border-radius:.5rem;border-left:3px solid #ffd700}.note-icon{color:var(--warning-color);flex-shrink:0}.permissions-note div{font-size:var(--font-size-small);color:var(--warning-color);line-height:1.5}.btn-primary,.btn-secondary,.btn-text{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500!important;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-button)!important}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg);color:var(--text-primary)}.btn-text{background:none;color:var(--accent);padding:.5rem 1rem}.btn-text:hover{background:#2383e21a}.spinner{animation:spin 1s linear infinite}.navigation-info{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;text-align:center}.navigation-info p{margin:0;font-size:var(--font-size-small);color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{margin:0;font-size:var(--font-size-medium)}@media (max-width: 1200px){.Us-table-header,.user-row,.table-row{grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr}.table-header .header-cell:nth-child(6),.user-row .table-cell:nth-child(6),.table-row .table-cell:nth-child(6){display:none}}@media (max-width: 900px){.page-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content{text-align:center}.user-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-row{flex-direction:column;align-items:stretch}.search-section{min-width:auto}.Us-filter-controls{justify-content:center}.Us-table-header,.user-row,.table-row{grid-template-columns:50px 2fr 1fr 1fr}.Us-table-header .header-cell:nth-child(n+5),.user-row .table-cell:nth-child(n+5),.table-row .table-cell:nth-child(n+5){display:none}.form-row,.user-info-section{grid-template-columns:1fr}}@media (max-width: 600px){.users-page{padding:1rem}.user-stats-grid{grid-template-columns:1fr}.modal-container{width:95vw;margin:1rem}.modal-header-users,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}}.users-dropdown-menu{position:relative;display:inline-block}.users-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.users-dropdown-trigger.disabled{cursor:not-allowed;opacity:.5}.users-dropdown-content{min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;padding:6px;animation:dropdown-appear .15s ease-out}.users-dropdown-items{display:flex;flex-direction:column;gap:1px}.users-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;color:var(--text-primary);font-size:14px;font-weight:400;border-radius:4px;cursor:pointer;transition:background-color .15s ease,color .15s ease;text-align:left;width:100%;white-space:nowrap}.users-dropdown-item:hover{background:var(--hover-bg)!important;color:var(--text-primary)}.users-dropdown-item:active{background:var(--bg-active);transform:scale(.98)}.users-dropdown-item.danger:hover{background:#dc26261a;color:var(--color-danger)}.users-dropdown-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.users-dropdown-item-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.users-dropdown-item-text{flex:1;overflow:hidden;text-overflow:ellipsis}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.permissions-preview{margin-top:1.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-color)}.permissions-preview h4,.permissions-preview h5{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.permissions-preview .permissions-list{margin-bottom:.75rem}.permissions-note{color:#232323;font-size:var(--font-size-caption);margin:0;line-height:1.4;font-style:italic}.no-permissions{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-caption)}.Pt-patient-form{background:var(--bg-primary);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:90vh;display:flex;flex-direction:column}.Pt-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:24px}.Pt-custom-select{padding:0!important}.Pt-form-header h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.Pt-patient-form-content{flex:1;overflow-y:auto;padding:0 24px 24px}.Pt-form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.Pt-form-section:last-of-type{border-bottom:none;margin-bottom:0}.Pt-form-section h4{margin:0 0 20px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.Pt-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;width:100%}@media (min-width: 481px){.Pt-form-row{grid-template-columns:1fr 1fr!important}}.Pt-custom-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.Pt-form-group{display:flex;flex-direction:column}.Pt-form-group label{margin-bottom:6px;font-weight:500;color:var(--text-primary);font-size:var(--font-size-small)}.Pt-required{color:#e74c3c;margin-left:4px}.Pt-form-input{display:block;width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-body);transition:all .2s ease;background-color:var(--bg-input);box-shadow:0 2px 4px #0000000d;box-sizing:border-box}.Pt-form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.Pt-form-input::placeholder{color:var(--text-tertiary)}.Pt-form-input:disabled{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.Pt-select,.Pt-date-picker{width:100%}.Pt-textarea{resize:vertical;min-height:80px}.Pt-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.Pt-cancel-button,.Pt-save-button{padding:12px 24px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.Pt-cancel-button{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.Pt-cancel-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.Pt-save-button{background-color:var(--accent);border:1px solid var(--accent);color:#fff}.Pt-save-button:hover{opacity:.9}.Pt-btn-primary{background-color:var(--accent);color:#fff;border:none}.Pt-btn-primary:hover{opacity:.9}.Pt-btn-secondary{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.Pt-btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.loading-state{text-align:center;padding:40px;color:var(--text-secondary)}.Pt-roles-management{border:1px solid var(--border-color);border-radius:4px;padding:16px}.Pt-current-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.Pt-no-roles{color:var(--text-tertiary);font-style:italic;padding:8px 0}.Pt-role-tag{display:flex;align-items:center;gap:6px;background:var(--accent);border:1px solid var(--accent-secondary);border-radius:4px;padding:6px 10px;font-size:14px;transition:all .15s ease}.Pt-role-tag.Pt-primary-role{background:var(--bg-secondary);border-color:var(--accent);font-weight:600;color:var(--text-primary)}.Pt-role-name{flex:1}.Pt-primary-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.Pt-role-actions{display:flex;gap:4px;margin-left:8px}.Pt-set-primary-btn,.Pt-remove-role-btn{background:none;border:none;padding:2px 4px;border-radius:3px;cursor:pointer;font-size:12px;line-height:1;transition:all .15s ease;color:var(--text-secondary)}.Pt-set-primary-btn:hover{background:var(--success-bg);color:var(--success-color)}.Pt-remove-role-btn:hover{background:var(--error-bg);color:var(--error-color)}.Pt-add-role-section{border-top:1px solid var(--border-color);padding-top:12px}.Pt-add-role-select{width:100%;max-width:200px}.Pt-form-group.full-width{flex:1 1 100%}.Pt-field-section-header{margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.Pt-field-section-header h5{margin:0;font-size:16px;font-weight:500;color:var(--text-primary)}.Pt-field-role-badge{background:var(--accent-bg-secondary);color:var(--accent-secondary);font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.Pt-patient-form-alerts{margin-bottom:24px}.Pt-email-input-container{display:flex;width:100%}.Pt-bypass-email-checkbox{display:flex;align-items:center;margin-top:6px}.Pt-bypass-email-checkbox input[type=checkbox]{margin-right:6px;cursor:pointer}.Pt-checkbox-label{font-size:var(--font-size-small);color:var(--text-secondary);cursor:pointer}.Pt-required{color:var(--error-color, #ef4444);margin-left:4px}@media (max-width: 480px){.Pt-patient-form{margin:0;border-radius:0;max-height:100vh}.Pt-form-header{padding:16px 16px 0;margin-bottom:16px}.Pt-patient-form-content{padding:0 16px 16px}.Pt-form-row,.Pt-custom-fields-grid{grid-template-columns:1fr}.Pt-form-section{margin-bottom:24px;padding-bottom:16px}.Pt-form-actions{flex-direction:column;margin-top:24px;padding-top:16px}}.form-input{border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.Pt-patients-table-wrapper{width:100%;max-width:100%;margin-top:16px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border-color);min-width:0;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}.Pt-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-primary);border-bottom:none;border-radius:8px 8px 0 0;position:relative;z-index:10}.Pt-table-title h3{margin:0;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.Pt-table-actions{display:flex;align-items:center;gap:8px}.Pt-settings-button{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.Pt-settings-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.Pt-settings-button:active{transform:translateY(1px)}.Pt-settings-button svg{transition:transform .15s ease}.Pt-settings-button:hover svg{transform:rotate(90deg)}.Pt-refresh-button{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px;border-radius:4px;cursor:pointer;transition:all .15s ease;width:32px;height:32px}.Pt-refresh-button:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.Pt-refresh-button:active{transform:translateY(1px)}.Pt-refresh-button svg{transition:transform .3s ease}.Pt-refresh-button:hover svg{transform:rotate(360deg)}.Pt-refresh-button:disabled{opacity:.5;cursor:not-allowed}.Pt-refresh-button:disabled:hover{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color);transform:none}.Pt-refresh-button:disabled svg{transform:none}.Pt-refresh-button.Pt-refreshing svg{animation:spin 1s linear infinite}.Pt-patients-table{font-size:var(--font-size-body);border-radius:0!important;width:100%;max-width:100%;box-sizing:border-box}.Pt-patients-table-wrapper .CT-notion-table-container,.Pt-patients-table-wrapper .CT-notion-table-wrapper{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.Pt-patients-table-wrapper .CT-notion-table{width:100%;max-width:100%;min-width:0;table-layout:fixed;box-sizing:border-box}.Pt-patient-cell{display:flex;align-items:center;gap:10px;width:100%}.Pt-patient-avatar{position:relative;flex-shrink:0}.Pt-avatar-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);transition:all .15s ease}.Pt-avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-label);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;transition:all .15s ease;position:relative;overflow:hidden}.Pt-avatar-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:50%}.Pt-patient-cell:hover .Pt-avatar-placeholder{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.Pt-patient-info{flex:1;min-width:0}.Pt-patient-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-body);line-height:1.3;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Pt-patient-email{color:var(--text-secondary);font-size:var(--font-size-small);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Pt-status-badge{padding:3px 8px;border-radius:6px;font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:all .15s ease}.Pt-status-badge.active{background-color:#22c55e1a!important;color:var(--success-color)!important}.Pt-status-badge.on-leave{background-color:#dbb3131c!important;color:#92400e}.Pt-status-badge.inactive{background-color:#fee2e2;color:#991b1b}.Pt-status-badge.unknown{background-color:#f3f4f6;color:#374151}.Pt-position-cell,.Pt-department-cell{font-weight:500;color:var(--text-primary)}.Pt-date-cell{color:var(--text-primary);font-size:var(--font-size-small);cursor:help}.Pt-number-cell{font-variant-numeric:tabular-nums;text-align:right;color:var(--text-primary)}.Pt-email-cell,.Pt-phone-cell,.Pt-url-cell{color:var(--accent);text-decoration:none;border-radius:4px;padding:2px 4px;transition:all .15s ease}.Pt-email-cell:hover,.Pt-phone-cell:hover,.Pt-url-cell:hover{background-color:var(--hover-bg);text-decoration:underline}.Pt-text-cell{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Pt-empty-value{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-small)}.Pt-error-value{color:var(--error-color, #dc2626);font-style:italic;font-size:var(--font-size-small)}.Pt-boolean-cell{display:flex;justify-content:center;align-items:center}.Pt-boolean-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .15s ease}.Pt-boolean-indicator.true{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.Pt-boolean-indicator.false{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.Pt-boolean-indicator svg{width:12px;height:12px}.Pt-patients-table .table-row:hover .Pt-patient-name{color:var(--accent)}.Pt-patients-table .table-row:hover .Pt-status-badge{transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow)}.Pt-roles-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.Pt-role-badge{background:var(--accent-bg-secondary);color:var(--accent-secondary);font-size:var(--font-size-small);font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid var(--accent-secondary);white-space:nowrap}.Pt-primary-indicator{font-weight:400;opacity:.8}.Pt-role-count{color:var(--text-tertiary);font-size:11px;font-style:italic}@media (max-width: 1200px){.Pt-patients-table .table-cell:nth-child(n+6){display:none}.Pt-patients-table .header-cell:nth-child(n+6){display:none}}@media (max-width: 768px){.Pt-patient-cell{gap:8px}.Pt-patient-avatar .Pt-avatar-image,.Pt-patient-avatar .Pt-avatar-placeholder{width:32px;height:32px;font-size:12px}.Pt-patient-name{font-size:var(--font-size-small)}.Pt-patient-email{font-size:11px}.Pt-status-badge{font-size:9px;padding:2px 6px}.Pt-patients-table .table-cell:nth-child(n+4){display:none}.Pt-patients-table .header-cell:nth-child(n+4){display:none}}.Pt-patients-table-wrapper .table-footer{border-radius:0 0 8px 8px;border-top:none;margin-top:0}@media (max-width: 768px){.Pt-table-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:12px}.Pt-table-title h3{font-size:var(--font-size-heading5)}.Pt-settings-button{align-self:flex-end;padding:6px 10px;font-size:var(--font-size-caption)}.Pt-settings-button svg{width:16px;height:16px}.Pt-refresh-button{width:28px;height:28px;padding:6px}.Pt-refresh-button svg{width:16px;height:16px}}@media (max-width: 480px){.Pt-table-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.Pt-settings-button{align-self:auto}.Pt-settings-button span{display:none}.Pt-refresh-button{width:24px;height:24px;padding:4px}}.Pt-patient-cell:focus-visible,.Pt-status-badge:focus-visible,.Pt-boolean-indicator:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.Pt-avatar-image.loading{background:var(--bg-secondary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.Pt-patients-table .table-row{transition:all .15s ease}.Pt-patients-table .table-row.selected{background-color:var(--accent-bg, rgba(59, 130, 246, .1));border-color:var(--accent)}.Pt-patients-table .table-row.selected:hover{background-color:var(--accent-bg, rgba(59, 130, 246, .15))}.search-highlight,.Pt-patient-name .search-highlight,.Pt-patient-email .search-highlight,.Pt-role-badge .search-highlight,.Pt-department-cell .search-highlight,.Pt-text-cell .search-highlight,.Pt-email-cell .search-highlight,.Pt-phone-cell .search-highlight,.Pt-url-cell .search-highlight,.Pt-number-cell .search-highlight{color:var(--accent);padding:1px 2px;border-radius:3px;font-weight:600}.Pt-table-container{position:relative;transition:transform .3s ease,filter .3s ease;border-top:none;border-bottom:none;border-radius:0!important;overflow:hidden}.Pt-table-container.Pt-refreshing{transform:scale(.95);filter:blur(2px)}.Pt-refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3;border-radius:0}[data-theme=dark] .Pt-refresh-overlay{background:#0009}.Pt-refresh-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--bg-primary);padding:24px 32px;border-radius:6px;box-shadow:0 8px 32px #0000001a;border:1px solid var(--border-color);position:relative;z-index:6}.Pt-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.Pt-refresh-text{font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary);margin:0}.Pt-patients-table{transition:transform .3s ease,filter .3s ease}@media (max-width: 768px){.Pt-refresh-button{width:24px;height:24px;padding:4px}.Pt-refresh-spinner{padding:16px 24px;gap:12px}.Pt-spinner{width:24px;height:24px;border-width:2px}.Pt-refresh-text{font-size:var(--font-size-caption)}}.delete-patient-role-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:fadeIn .2s ease-out}.delete-patient-role-modal{background-color:var(--bg-primary);border-radius:6px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}.delete-patient-role-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.delete-patient-role-modal-header h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.modal-close-button{padding:8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;transition:all .15s ease}.modal-close-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.delete-patient-role-modal-content{padding:24px;flex:1;overflow-y:auto}.warning-section{display:flex;gap:16px;margin-bottom:24px;padding:16px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404}[data-theme=dark] .warning-section{background-color:#ffc1071a;border-color:#ffc1074d;color:#ffc107}.warning-icon{font-size:24px;flex-shrink:0}.warning-text h4{margin:0 0 8px;font-size:var(--font-size-body);font-weight:600;color:inherit}.warning-text p{margin:0;font-size:var(--font-size-small);color:inherit;opacity:.9}.impact-details{margin-bottom:24px}.impact-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.impact-item:last-child{border-bottom:none}.impact-label{font-size:var(--font-size-body);color:var(--text-primary);font-weight:500}.impact-value{font-size:var(--font-size-body);color:var(--error-color);font-weight:600}.data-loss-warning{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:4px;border:1px solid #f5c6cb;margin-top:16px;font-size:var(--font-size-small);font-weight:500}[data-theme=dark] .data-loss-warning{background-color:#dc35451a;color:#f8d7da;border-color:#dc35454d}.affected-patients-section,.affected-fields-section{margin-bottom:20px}.affected-patients-section h5,.affected-fields-section h5{margin:0 0 12px;font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.patients-list,.fields-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-secondary)}.patient-item,.field-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-color)}.patient-item:last-child,.field-item:last-child{border-bottom:none}.patient-name,.field-name{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.patient-email{font-size:var(--font-size-caption);color:var(--text-secondary)}.field-type{font-size:var(--font-size-caption);color:var(--text-secondary);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:3px}.more-patients{padding:8px 12px;font-size:var(--font-size-caption);color:var(--text-secondary);font-style:italic;text-align:center;background-color:var(--bg-tertiary)}.delete-patient-role-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--hover-bg)}.btn-danger:hover{background-color:#e74c3ce6;border-color:#e74c3ce6}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.delete-patient-role-modal-overlay{padding:10px}.delete-patient-role-modal{max-width:100%;max-height:90vh}.delete-patient-role-modal-header,.delete-patient-role-modal-content,.delete-patient-role-modal-footer{padding:16px}.warning-section{flex-direction:column;text-align:center}.impact-item,.patient-item,.field-item{flex-direction:column;align-items:flex-start;gap:4px}.delete-patient-role-modal-footer{flex-direction:column-reverse;gap:8px}.btn{width:100%;justify-content:center}}.modal-close-button:focus,.btn:focus{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast: high){.warning-section,.data-loss-warning,.patients-list,.fields-list{border-width:2px}}@media (prefers-reduced-motion: reduce){.delete-patient-role-modal-overlay,.delete-patient-role-modal{animation:none}.modal-close-button,.btn{transition:none}}.Pt-patient-role-manager{padding:24px;max-height:80vh;width:100%;max-width:100%;overflow-y:auto;background-color:var(--bg-primary);box-sizing:border-box}.Pt-patient-role-manager-header{position:sticky;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.Pt-patient-role-manager-header h2{margin:0;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary)}.Pt-close-button{padding:8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.Pt-close-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.Pt-patient-role-manager-tabs{display:flex;gap:2px;padding:5px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.Pt-tab-button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-body);font-weight:500;transition:all .15s ease}.Pt-tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.Pt-tab-button:hover:not(.active){color:var(--text-primary);background-color:var(--hover-bg)}.Pt-tab-content{display:flex;flex-direction:column;gap:24px;width:100%}.Pt-section{border-radius:4px;padding:20px;width:100%;box-sizing:border-box}.Pt-section h3{margin:0 0 16px;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.Pt-form-row{gap:12px;flex-direction:row!important;width:100%;flex-wrap:wrap}.Pt-form-group{margin-bottom:16px;width:100%}.Pt-form-group label{display:block;margin-bottom:6px;font-size:var(--font-size-label);font-weight:500;color:var(--text-primary)}.Pt-form-input,.Pt-form-select{width:100%;border-radius:4px;color:var(--input-text);font-size:var(--font-size-small);transition:all .15s ease}.Pt-form-input:focus,.Pt-form-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.Pt-form-input::placeholder{color:var(--input-placeholder)}.Pt-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.Pt-btn-primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.Pt-btn-primary:disabled{opacity:.5;cursor:not-allowed}.Pt-btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.Pt-btn-secondary:hover{background-color:var(--hover-bg)}.Pt-btn-danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.Pt-btn-danger:hover{background-color:#e74c3ce6;border-color:#e74c3ce6}.Pt-btn-sm{padding:6px 12px;font-size:var(--font-size-caption)}.Pt-roles-list{display:flex;flex-direction:column;gap:12px;width:100%}.Pt-role-item{background-color:var(--bg-secondary);border-radius:4px;padding:16px;width:100%;box-sizing:border-box}.Pt-role-info{display:flex;justify-content:space-between;align-items:center}.Pt-role-details{display:flex;align-items:center;gap:12px}.Pt-role-name{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary)}.Pt-default-badge{background-color:var(--accent);color:#fff;padding:2px 8px;border-radius:6px;font-size:var(--font-size-caption);font-weight:500}.Pt-role-actions{display:flex;gap:8px}.Pt-edit-role-form{display:flex;flex-direction:column;gap:12px}.Pt-edit-actions{display:flex;gap:8px}.Pt-accordion-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;width:100%;box-sizing:border-box}.Pt-accordion-header{width:100%;padding:16px 20px;background-color:var(--bg-tertiary);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--font-size-body);font-weight:500;color:var(--text-primary);transition:background-color .15s ease}.Pt-accordion-header:hover{background-color:var(--hover-bg)}.Pt-accordion-arrow{transition:transform .2s ease;color:var(--text-secondary)}.Pt-accordion-arrow.open{transform:rotate(180deg)}.Pt-accordion-content{padding:20px;background-color:var(--bg-primary);width:100%;box-sizing:border-box}.Pt-role-fields-section{border:1px solid var(--border-color);border-radius:4px;margin-bottom:12px;overflow:hidden;width:100%;box-sizing:border-box}.Pt-role-accordion-header{width:100%;padding:12px 16px;background-color:var(--bg-tertiary);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);transition:background-color .15s ease}.Pt-role-accordion-header:hover{background-color:var(--hover-bg)}.Pt-role-fields-content{padding:16px;background-color:var(--bg-primary);width:100%;box-sizing:border-box}.Pt-fields-list{display:flex;flex-direction:column;gap:12px;width:100%;border-radius:4px;border:1px solid var(--border-color)}.Pt-field-item{border-radius:4px;padding:12px;width:100%;box-sizing:border-box}.Pt-field-info{display:flex;justify-content:space-between;align-items:center}.Pt-field-details{display:flex;align-items:center;gap:12px}.Pt-field-name{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary)}.Pt-field-type{background-color:var(--input-bg);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:var(--font-size-caption);font-weight:500}.Pt-alert-indicator{font-size:14px;opacity:.8}.Pt-field-actions{display:flex;gap:8px}.Pt-edit-field-form{display:flex;flex-direction:column;gap:16px}.Pt-select-options{display:flex;flex-direction:column;gap:8px}.Pt-option-row{display:flex;gap:8px;align-items:center}.Pt-option-row .Pt-form-input{flex:1}.Pt-date-alert-config{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:16px}.Pt-switch-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.Pt-switch-row label{margin-bottom:0;font-size:var(--font-size-body)}.Pt-alert-settings{border-left:3px solid var(--accent);background-color:var(--bg-primary);border-radius:4px;padding:12px 16px}.Pt-no-fields{text-align:center;color:var(--text-secondary);font-style:italic;padding:24px}@media (max-width: 768px){.Pt-patient-role-manager{padding:16px}.Pt-patient-role-manager-header{flex-direction:column;gap:16px;align-items:flex-start}.Pt-patient-role-manager-tabs{flex-direction:column;gap:0}.Pt-tab-button{border-radius:0;border-bottom:1px solid var(--border-color)}.Pt-tab-button.active{border-bottom-color:var(--accent)}.Pt-form-row{flex-direction:column;align-items:stretch}.Pt-role-info,.Pt-field-info{flex-direction:column;gap:12px;align-items:flex-start}.Pt-role-actions,.Pt-field-actions{align-self:stretch;justify-content:flex-end}.Pt-edit-actions{justify-content:flex-end}.Pt-form-row{flex-direction:column}.Pt-form-row .Pt-form-group{width:100%}}.Pt-accordion-content,.Pt-role-fields-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.Pt-accordion-header:focus,.Pt-role-accordion-header:focus{outline-offset:2px}.Pt-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.Pt-btn:disabled{opacity:.6;cursor:not-allowed}.Pt-role-item:hover,.Pt-field-item:hover{border-color:var(--text-tertiary)}.Pt-patient-role-manager h3{position:relative}.Pt-patient-role-manager h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--accent);border-radius:1px}.Pt-section{box-shadow:0 1px 3px #0000001a}.Pt-accordion-section{box-shadow:0 2px 4px #0000001a}.Pt-field-item,.Pt-role-item{transition:all .15s ease}.Pt-field-item:hover,.Pt-role-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.patient-alerts-overview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.patient-alerts-overview.compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 8px #0000000a;margin:0 0 20px;max-width:100%;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.alerts-overview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.alerts-header-row{padding:14px 20px 8px;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);letter-spacing:-.01em}.alerts-severity-filter{padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease;max-width:100px;flex:1}.alerts-severity-filter:focus{outline:none;border-color:var(--accent, #2383e2);box-shadow:0 0 0 3px #2383e21a}.header-left h3{margin:0 0 8px;font-size:var(--font-size-heading3);font-weight:700;color:var(--text-primary)}.alert-summary{display:flex;gap:16px;font-size:var(--font-size-small);color:var(--text-secondary)}.total-alerts{font-weight:600;color:var(--text-primary)}.alert-counts{display:flex;gap:12px}.severity-count{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-color);transition:all .15s ease}.severity-count:hover{background-color:var(--hover-bg);transform:translateY(-1px)}.severity-count.error{border-color:#fecaca;background-color:#fef2f2}.severity-count.warning{border-color:#fed7aa;background-color:#fffbeb}.severity-count.info{border-color:#bfdbfe;background-color:#eff6ff}.severity-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.animated-icon{transition:transform .2s ease}.animated-icon:hover{transform:scale(1.1)}.severity-icon.severity-error{filter:drop-shadow(0 0 2px rgba(239,68,68,.3))}.severity-icon.severity-warning{filter:drop-shadow(0 0 2px rgba(245,158,11,.3))}.severity-icon.severity-info{filter:drop-shadow(0 0 2px rgba(59,130,246,.3))}.severity-count .count{font-weight:700;font-size:var(--font-size-base);color:var(--text-primary);min-width:20px;text-align:center}.alerts-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);gap:24px}.alerts-controls-row{display:flex;align-items:center;gap:12px;padding:10px 20px 0;margin-bottom:4px}.filter-controls,.sort-controls{display:flex;align-items:center;gap:8px}.filter-controls label,.sort-controls label,.alerts-label{font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary);white-space:nowrap}.severity-filter,.sort-select{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);cursor:pointer;transition:all .15s ease}.severity-filter:hover,.sort-select:hover{border-color:var(--accent);background-color:var(--hover-bg)}.severity-filter:focus,.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.alerts-table-wrapper{max-height:500px;overflow-y:auto;border-radius:0 0 12px 12px}.alerts-table{width:100%;border-collapse:collapse;font-size:var(--font-size-small)}.alerts-table thead{position:sticky;top:0;background-color:var(--bg-tertiary);z-index:1}.alerts-table thead th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);font-size:var(--font-size-small)}.alerts-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s ease;opacity:0;animation:fadeInAlert .3s ease forwards}@keyframes fadeInAlert{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.alerts-table tbody tr:hover{background-color:var(--hover-bg)}.alerts-table tbody td{padding:12px 16px;vertical-align:middle;color:var(--text-primary)}.alert-patient{max-width:200px}.alert-patient-name{font-weight:600;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-field{max-width:150px;font-weight:500;color:var(--text-secondary)}.alert-message{max-width:300px}.alert-message-content{display:flex;align-items:center;gap:8px}.alert-date{min-width:90px;font-family:var(--font-mono);font-size:var(--font-size-small);color:var(--text-secondary)}.view-patient-btn-mini{padding:4px 8px;background-color:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.view-patient-btn-mini:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.view-patient-btn-mini:active{transform:translateY(0)}.alert-row.severity-error{border-left:3px solid #ef4444}.alert-row.severity-warning{border-left:3px solid #f59e0b}.alert-row.severity-info{border-left:3px solid #3b82f6}.no-alerts-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.no-alerts-text{font-size:var(--font-size-body);color:var(--text-tertiary)}@media (max-width: 768px){.patient-alerts-overview.compact{margin:0 0 16px}.alerts-controls-row{padding:8px 16px 0;gap:8px}.alerts-severity-filter{max-width:80px}.alerts-table thead th,.alerts-table tbody td{padding:8px 12px}.alert-patient{max-width:120px}.alert-field{max-width:100px}.alert-message{max-width:200px}.view-patient-btn-mini{padding:3px 6px;font-size:11px}}.patient-detail-base{background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.patient-detail-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto}.patient-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;padding-bottom:20px}.patient-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:15px;border:4px solid #f3f4f6}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-body);font-weight:700}.patient-info-sections{display:flex;flex-direction:column;gap:25px}.patient-info-section{background:#f9fafb;border-radius:4px;padding:20px}.patient-info-section h3{margin:0 0 15px;color:#111827;font-size:18px;font-weight:600;padding-bottom:8px}.field-section-title{color:#4b5563;font-size:14px;font-weight:600;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}.info-row{display:flex;margin-bottom:12px;align-items:flex-start;gap:10px}.info-row label{min-width:120px;font-weight:500;color:#374151;padding-top:2px}.info-row span{flex:1;color:#111827}.no-data{color:#9ca3af;font-style:italic}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fef3c7;color:#92400e}.status-badge.discharged{background:#fee2e2;color:#991b1b}.roles-display{display:flex;flex-wrap:wrap;gap:6px}.role-badge{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.role-badge.primary-role{background:#10b981;color:#fff}.primary-indicator{font-size:10px;opacity:.8}.roles-management{display:flex;flex-direction:column;gap:10px}.current-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.role-tag{display:flex;align-items:center;border-radius:4px;padding:6px 8px;font-size:12px;gap:4px}.role-tag.primary-role{border-color:#10b981;color:#065f46}.role-name{font-weight:500}.primary-badge{background:#10b981;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600}.role-actions{display:flex;gap:2px;margin-left:4px}.set-primary-btn,.remove-role-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;border-radius:2px;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.set-primary-btn:hover{background:#10b981;color:#fff}.remove-role-btn:hover{background:#ef4444;color:#fff}.no-roles{color:#9ca3af;font-style:italic;padding:8px;text-align:center;border:2px dashed #d1d5db;border-radius:4px}.add-role-section{display:flex;align-items:center}.add-role-select{flex:1}.inline-edit-input,.inline-edit-select{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;transition:border-color .2s}.inline-edit-input:focus,.inline-edit-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}@media (max-width: 768px){.patient-detail-content{padding:15px}.patient-avatar-large{width:80px;height:80px}.avatar-placeholder-large{font-size:24px}.info-row{flex-direction:column;gap:4px}.info-row label{min-width:auto}}.modal-detail{width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h2{margin:0;color:var(--text-primary);font-size:18px;font-weight:600;flex:1}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.edit-button:hover{background:var(--button-primary-bg);color:var(--button-primary-text)}.save-button:hover{background:#10b981;color:#fff}.delete-button:hover{background:#ef4444;color:#fff}.cancel-button:hover,.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-detail .patient-detail-content{flex:1;max-height:none;overflow-y:auto}@media (max-width: 768px){.modal-detail{max-width:95vw;max-height:90vh}.modal-header{padding:12px 16px}.modal-header h2{font-size:16px}.header-actions{gap:4px}.icon-button{width:32px;height:32px;padding:6px}}.Pt-sidebar-overlay{position:fixed;top:0;right:0;width:320px;height:100vh;box-shadow:-4px 0 6px var(--shadow);z-index:1000;display:flex;background-color:var(--bg-primary);flex-direction:column;animation:slideInFromRight .3s ease-out;border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.Pt-sidebar{flex:1;display:flex;flex-direction:column;overflow:hidden}.Pt-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);flex-shrink:0}.platform-windows.platform-electron .Pt-sidebar-header{padding-top:42px}.Pt-sidebar-title{margin:0 8px 0 0;color:var(--text-primary);font-size:var(--font-size-heading6);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.Pt-header-actions{display:flex;align-items:center;gap:4px}.Pt-icon-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--font-size-small)}.Pt-icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.Pt-save-btn:hover{background:#10b981;color:#fff}.Pt-delete-btn:hover{background:#ef4444;color:#fff}.Pt-cancel-btn:hover,.Pt-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.Pt-status-btn:hover{background:var(--accent-bg);color:var(--accent)}.Pt-tab-navigation{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.Pt-tab-button{flex:1;background:none;border:none;padding:8px 6px;cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-size:var(--font-size-small)}.Pt-tab-button:hover{background:var(--hover-bg);color:var(--text-primary)}.Pt-tab-button.active{color:var(--accent)}.Pt-tab-button.active .Pt-tab-indicator{opacity:1}.Pt-tab-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity .2s}.Pt-tab-icon{display:flex;align-items:center;justify-content:center}.Pt-tab-label{font-weight:500;white-space:nowrap}.Pt-tab-badge{background:var(--accent-bg-secondary);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;min-width:16px;text-align:center}.Pt-sidebar-content{flex:1;overflow-y:auto;padding:14px;opacity:0;animation:fadeInSidebarContent .6s ease forwards}@keyframes fadeInSidebarContent{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.Pt-info-section{border-radius:4px;padding:10px;margin-bottom:10px}.Pt-section-title{margin:0 0 10px;color:var(--text-primary);font-size:var(--font-size-caption);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:4px}.Pt-field-section-title{color:var(--text-secondary);font-size:var(--font-size-caption);font-weight:600;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.Pt-info-row{display:flex;flex-direction:column;margin-bottom:8px;gap:3px;opacity:0;transform:translateY(16px);animation:fadeInInfoRow .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--fadein-delay, 0s)}@keyframes fadeInInfoRow{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.Pt-label{font-size:var(--font-size-caption);font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.3px}.Pt-value{color:var(--text-primary);font-size:var(--font-size-small);word-break:break-word;line-height:1.3}.Pt-no-data{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-caption)}.Pt-field-updated{background:var(--accent-bg);padding:1px 4px;border-radius:3px;animation:pulseHighlight 2s ease-out}@keyframes pulseHighlight{0%,to{background-color:transparent;color:inherit}30%,70%{background-color:var(--accent-bg);color:var(--text-primary)}}.Pt-input,.Pt-select,.Pt-textarea{width:100%;padding:0;border:1px solid var(--input-border);border-radius:4px;font-size:var(--font-size-input);background:var(--bg-primary);color:var(--input-text);transition:border-color .2s;box-sizing:border-box;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.Pt-input:hover,.Pt-select:hover,.Pt-textarea:hover{border:1px solid var(--accent, #3b82f6)}.Pt-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.Pt-info-row input[type=text],.Pt-info-row input[type=number],.Pt-info-row input[type=email],.Pt-info-row input[type=tel]{padding:10px!important}.Pt-form-group{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.Pt-input:focus,.Pt-select:focus,.Pt-textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:var(--input-focus-box-shadow)!important}.Pt-input::placeholder{color:var(--input-placeholder)}.Pt-status-badge{padding:2px 8px;border-radius:6px;font-size:var(--font-size-caption);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.Pt-status-active{background:#d1fae5;color:#065f46}.Pt-status-inactive{background:#fee2e2;color:#b91c1c}.Pt-documents-section{padding:12px}.Pt-drop-zone *{pointer-events:none}.Pt-drop-zone .Pt-browse-link{pointer-events:all}.Pt-drop-zone{border:2px dashed var(--border-color);border-radius:6px;padding:32px 20px;margin-bottom:20px;text-align:center;background:var(--bg-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.Pt-drop-zone:hover{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));transform:translateY(-1px)}.Pt-drop-zone.Pt-drag-over{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-style:solid;transform:scale(1.02);box-shadow:0 8px 25px #3b82f626}.Pt-drop-zone.Pt-uploading{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));cursor:not-allowed;pointer-events:none}.Pt-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.Pt-drop-zone-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%;color:var(--text-secondary);transition:all .3s ease;margin-bottom:4px}.Pt-drop-zone:hover .Pt-drop-zone-icon{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1)}.Pt-drop-zone-icon.Pt-drop-active{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1);animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:scale(1.1) translateY(0)}to{transform:scale(1.1) translateY(-4px)}}.Pt-upload-spinner{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--primary-color);margin-bottom:4px}.Pt-drop-zone-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.Pt-drop-zone.Pt-drag-over .Pt-drop-zone-title{color:var(--primary-color)}.Pt-drop-zone-subtitle{font-size:var(--font-size-small);color:var(--text-secondary);margin:0}.Pt-browse-link{color:var(--primary-color);text-decoration:underline;cursor:pointer;font-weight:500;transition:color .2s ease}.Pt-browse-link:hover{color:var(--primary-color-dark, #2563eb);text-decoration:none}.Pt-drop-zone-formats{margin-top:8px;padding:6px 12px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.Pt-drop-zone-formats span{font-size:var(--font-size-caption);color:var(--text-tertiary)}.Pt-upload-area{border:2px dashed var(--border-color);border-radius:6px;padding:32px 20px;margin-bottom:20px;text-align:center;background:var(--bg-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.Pt-upload-area:hover{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));transform:translateY(-1px)}.Pt-upload-area.Pt-drag-over{border-color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-style:solid;transform:scale(1.02);box-shadow:0 8px 25px #3b82f626}.Pt-upload-area.Pt-uploading{border-color:var(--primary-color);background:var(--bg-tertiary, rgba(59, 130, 246, .03));cursor:not-allowed;pointer-events:none}.Pt-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-small);pointer-events:none}.Pt-upload-label:hover{color:var(--primary-color)}.Pt-upload-area .Pt-upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:50%;color:var(--text-secondary);transition:all .3s ease;margin-bottom:4px}.Pt-upload-area:hover .Pt-upload-icon{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1)}.Pt-upload-area.Pt-drag-over .Pt-upload-icon{color:var(--primary-color);background:#3b82f61a;transform:scale(1.1);animation:bounce .6s ease-in-out infinite alternate}.Pt-upload-area .Pt-upload-title{font-size:var(--font-size-body);font-weight:600;color:var(--text-primary);margin:0;transition:color .3s ease}.Pt-upload-area.Pt-drag-over .Pt-upload-title{color:var(--primary-color)}.Pt-upload-area .Pt-upload-subtitle{font-size:var(--font-size-small);color:var(--text-secondary);margin:0}.Pt-upload-area .Pt-browse-link{color:var(--primary-color);text-decoration:underline;cursor:pointer;font-weight:500;transition:color .2s ease;pointer-events:all}.Pt-upload-area .Pt-browse-link:hover{color:var(--primary-color-dark, #2563eb);text-decoration:none}.Pt-upload-area .Pt-upload-formats{margin-top:8px;padding:6px 12px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.Pt-upload-area .Pt-upload-formats span{font-size:var(--font-size-caption);color:var(--text-tertiary)}.Pt-upload-progress{margin-bottom:12px}.Pt-upload-progress-item{background:var(--bg-secondary);border-radius:4px;padding:8px;margin-bottom:8px}.Pt-upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.Pt-upload-file-info{display:flex;align-items:center;gap:6px;flex:1}.Pt-upload-file-name{font-size:var(--font-size-tiny);color:var(--text-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Pt-upload-status{color:var(--text-secondary);font-size:var(--font-size-tiny)}.Pt-upload-progress-bar{height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.Pt-upload-progress-fill{height:100%;background:var(--accent);transition:width .3s}.Pt-upload-progress-fill.Pt-completed{background:#10b981}.Pt-upload-progress-fill.Pt-error{background:#ef4444}.Pt-upload-error-message{margin-top:4px;color:#ef4444;font-size:var(--font-size-tiny)}.Pt-upload-percentage{font-weight:600}@media (max-width: 768px){.Pt-drop-zone{padding:24px 16px;margin-bottom:16px}.Pt-drop-zone-icon{width:40px;height:40px}.Pt-drop-zone-title{font-size:var(--font-size-small)}.Pt-drop-zone-subtitle{font-size:var(--font-size-caption)}.Pt-upload-area{padding:24px 16px;margin-bottom:16px}.Pt-upload-area .Pt-upload-icon{width:40px;height:40px}.Pt-upload-area .Pt-upload-title{font-size:var(--font-size-small)}.Pt-upload-area .Pt-upload-subtitle{font-size:var(--font-size-caption)}}.Pt-drop-zone:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.Pt-upload-area:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.Pt-documents-list{max-height:300px;overflow-y:auto}.Pt-documents-loading{text-align:center;padding:20px;color:var(--text-secondary)}.Pt-loading-header{display:flex;align-items:center;justify-content:center;gap:8px}.Pt-loading-text{font-size:var(--font-size-small)}.Pt-no-documents p{margin:0;font-size:var(--font-size-small);font-style:italic}.Pt-document-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;transition:background .2s;margin-bottom:4px;opacity:0;animation:fadeInSidebarContent .6s ease forwards;animation-delay:var(--fadein-delay, 0s)}.Pt-document-item:hover{background:var(--hover-bg)}.Pt-document-icon{color:var(--text-secondary);flex-shrink:0}.Pt-document-info{flex:1;min-width:0}.Pt-document-name{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Pt-document-meta{display:flex;gap:8px;font-size:10px;color:var(--text-tertiary)}.Pt-document-actions{display:flex;gap:4px}.Pt-document-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:3px;transition:all .2s;display:flex;align-items:center;justify-content:center}.Pt-document-action-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.Pt-documents-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.Pt-documents-controls{display:flex;flex-direction:row;gap:8px}.Pt-search-wrapper{position:relative;flex:1}.Pt-search-input{width:100%;padding:15px!important;border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-caption);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box;height:44px}.Pt-search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.Pt-search-input::placeholder{color:var(--text-tertiary)}.Pt-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.Pt-search-clear:hover{color:var(--text-primary);background:var(--hover-bg)}.Pt-filter-select{min-width:120px;max-width:200px}.Pt-filter-select .select{font-size:var(--font-size-caption)!important;min-height:auto}.Pt-filter-select .select--small{padding:4px 8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.Pt-filter-select .select__display{padding:4px 8px;min-height:auto}.Pt-filter-select .select__value{font-size:var(--font-size-caption);line-height:1.2}.Pt-filter-select .select__arrow{width:12px;height:12px}.Pt-search-highlight{background:#3b82f633;color:var(--accent);font-weight:600;padding:1px 2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.Pt-sort-select{min-width:120px;max-width:160px}.Pt-document-item[data-type*=image] .Pt-document-icon{color:#10b981}.Pt-document-item[data-type="application/pdf"] .Pt-document-icon{color:#ef4444}.Pt-document-item[data-type*=word] .Pt-document-icon,.Pt-document-item[data-type*=document] .Pt-document-icon{color:#3b82f6}.Pt-document-item[data-type*=sheet] .Pt-document-icon,.Pt-document-item[data-type*=excel] .Pt-document-icon{color:#10b981}.Pt-no-documents{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.Pt-no-documents svg{margin-bottom:12px;opacity:.5}.Pt-no-documents p{margin:0 0 4px;font-size:var(--font-size-small);font-weight:500;color:var(--text-secondary)}.Pt-no-documents span{margin:0;font-size:var(--font-size-caption);font-style:italic;color:var(--text-tertiary)}@media (max-width: 768px){.Pt-sidebar-overlay{width:100%}.Pt-tab-label{display:none}.Pt-label{min-width:60px}.Pt-info-row{flex-direction:column;gap:2px}}.pt-field-date-alert{margin-left:8px;cursor:help;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;padding:4px 8px;border-radius:6px;transition:all .2s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;font-weight:500}.pt-field-date-alert:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.pt-field-date-alert svg{transition:all .2s ease;flex-shrink:0}.pt-field-date-alert-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px;font-size:11px;line-height:1.2}.pt-field-date-alert.error{color:var(--text-primary);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.pt-field-date-alert.error:hover{background:#ef444426;box-shadow:0 0 12px #ef44444d}.pt-field-date-alert.warning{color:var(--text-primary);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.pt-field-date-alert.warning:hover{background:#f59e0b26;box-shadow:0 0 12px #f59e0b4d}.pt-field-date-alert.info{color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.pt-field-date-alert.info:hover{background:#3b82f626;box-shadow:0 0 12px #3b82f64d}.pt-field-date-alert-icon{flex-shrink:0;width:14px;height:14px}.Pt-info-row.has-date-alert .Pt-value{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.edit-mode-alert{margin-top:2px;align-self:flex-start}.date-field-container{display:flex;flex-direction:column;gap:2px}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.fullscreen-detail{width:90vw;max-width:1200px;height:90vh;background:#fff;border-radius:6px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fullscreen-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.fullscreen-header h1{margin:0;font-size:28px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.header-actions button{padding:12px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-actions .save-button{background:#10b981e6;color:#fff}.header-actions .save-button:hover{background:#059669;transform:translateY(-1px)}.header-actions .cancel-button{background:#6b7280e6;color:#fff}.header-actions .cancel-button:hover{background:#4b5563;transform:translateY(-1px)}.header-actions .edit-button{background:#3b82f6e6;color:#fff}.header-actions .edit-button:hover{background:#2563eb;transform:translateY(-1px)}.header-actions .status-button{background:#f59e0be6;color:#fff}.header-actions .status-button:hover{background:#d97706;transform:translateY(-1px)}.header-actions .delete-button{background:#ef4444e6;color:#fff}.header-actions .delete-button:hover{background:#dc2626;transform:translateY(-1px)}.header-actions .close-button{background:#fff3;color:#fff;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.header-actions .close-button:hover{background:#ffffff4d;transform:translateY(-1px)}.fullscreen-detail .patient-detail-content{padding:32px;overflow-y:auto;flex:1}.fullscreen-detail .patient-avatar-section{margin-bottom:40px}.fullscreen-detail .patient-info-sections{gap:30px}.fullscreen-detail .patient-info-section{padding:24px}@media (max-width: 768px){.fullscreen-detail{width:95vw;height:95vh}.fullscreen-header{padding:16px 20px}.fullscreen-header h1{font-size:20px}.header-actions{gap:8px}.header-actions button{padding:8px 12px;font-size:12px}.header-actions button span{display:none}.fullscreen-detail .patient-detail-content{padding:20px}}.fade-in-row{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.prior-auth-table-container{animation:containerFadeIn .4s ease-out}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prior-auth-table-container{background:var(--card-background);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:visible;box-shadow:var(--shadow-sm);max-height:none;width:100%}.table-wrapper{overflow-x:auto;overflow-y:visible;max-width:100%;width:100%;-webkit-overflow-scrolling:touch}.prior-auth-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.prior-auth-table thead{background:var(--header-background);border-bottom:1px solid var(--border-color)}.prior-auth-table th{padding:var(--spacing-md);text-align:center;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;white-space:normal;line-height:1.2;vertical-align:middle;min-width:80px}.prior-auth-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);vertical-align:middle;text-align:center}.auth-row{cursor:pointer;transition:all .3s ease;position:relative}.auth-row:hover{background:var(--hover-background);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.auth-row.selected{background:var(--calendar-highlight-bg, rgba(35, 131, 226, .15));border-left:3px solid var(--accent)}.auth-row.selected:hover{background:var(--calendar-highlight-bg, rgba(35, 131, 226, .2))}.auth-row.expanded{background:var(--hover-background);border-bottom:none;box-shadow:0 2px 8px #00000026;transform:translateY(0)}.auth-row.expanded:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:expandLine .4s ease-out}@keyframes expandLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.auth-row:last-child td{border-bottom:none}.patient-info .patient-name{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.patient-info .patient-id{font-size:var(--font-size-xs);color:var(--text-tertiary)}.payer-info{font-weight:var(--font-weight-medium);color:var(--text-primary)}.procedure-info .procedure-code{font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-mono);margin-bottom:2px}.procedure-info .modifier{color:var(--text-secondary)}.procedure-info .procedure-description{font-size:var(--font-size-xs);color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.id-info{font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.amount-info .amount-value,.units-info .units-value{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-align:center}.auth-number{font-family:var(--font-mono);font-weight:var(--font-weight-medium);color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.status-approved{background:var(--success-background);color:var(--success-color)}.status-pending{background:var(--warning-background);color:var(--warning-color)}.status-denied{background:var(--error-background);color:var(--error-color)}.status-expired{background:var(--text-tertiary-background);color:var(--text-tertiary)}.date-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.expiration-info .exp-date{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:2px}.expiration-info .days-remaining{font-size:var(--font-size-xs);color:var(--text-tertiary)}.expiration-info .days-remaining.expiring-soon{color:var(--warning-color);font-weight:var(--font-weight-medium)}.units-info .units-used{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:4px}.units-progress{width:60px;height:6px;background:var(--background-secondary);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:var(--primary-color);transition:width .3s ease}.urgency-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.urgency-emergency{background:var(--error-background);color:var(--error-color)}.urgency-urgent{background:var(--warning-background);color:var(--warning-color)}.urgency-routine{background:var(--info-background);color:var(--info-color)}.action-buttons{display:flex;gap:var(--spacing-xs)}.edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--border-radius-sm);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.edit-button:hover{background:var(--primary-color);color:#fff}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-icon{margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.prior-auth-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);gap:16px}@media (max-width: 1600px){.prior-auth-table th,.prior-auth-table td{padding:8px 6px;font-size:var(--font-size-xs)}.prior-auth-table th{min-width:70px;font-size:10px}.select-column,.select-cell,.expand-column,.expand-cell{width:40px;min-width:40px}}@media (max-width: 1400px){.prior-auth-table th,.prior-auth-table td{padding:6px 4px;font-size:11px}.prior-auth-table th{min-width:60px;font-size:9px}.select-column,.select-cell,.expand-column,.expand-cell{width:35px;min-width:35px}.patient-info .patient-name{font-size:var(--font-size-xs)}.amount-info .amount-value,.units-info .units-value,.id-info{font-size:11px}}@media (max-width: 1200px){.prior-auth-table th,.prior-auth-table td{padding:4px 3px;font-size:10px}.prior-auth-table th{min-width:50px;font-size:8px;line-height:1.1}.select-column,.select-cell,.expand-column,.expand-cell{width:30px;min-width:30px}.amount-info .amount-value,.units-info .units-value,.id-info{font-size:10px}}@media (max-width: 1024px){.table-wrapper{overflow-x:scroll}.prior-auth-table{min-width:1000px}.prior-auth-table th,.prior-auth-table td{padding:4px 2px;font-size:9px}.prior-auth-table th{min-width:45px;font-size:7px}}@media (max-width: 768px){.table-wrapper{overflow-x:scroll}.prior-auth-table{min-width:900px}.prior-auth-table th,.prior-auth-table td{padding:3px 2px;font-size:8px}.prior-auth-table th{min-width:40px;font-size:7px;line-height:1}.patient-info .patient-name{font-size:9px}}.select-column{width:50px!important;min-width:50px!important;text-align:center!important}.select-cell{width:50px;text-align:center;padding:8px!important}.select-cell input[type=checkbox]{width:16px;height:16px;border:2px solid var(--border-color);border-radius:3px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;accent-color:var(--accent)}.select-cell input[type=checkbox]:hover{border-color:var(--accent);transform:scale(1.1)}.select-cell input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.select-cell input[type=checkbox]:focus{outline:2px solid rgba(35,131,226,.3);outline-offset:2px}.select-column input[type=checkbox]{width:16px;height:16px;border:2px solid var(--border-color);border-radius:3px;cursor:pointer;transition:all .2s ease;accent-color:var(--accent)}.select-column input[type=checkbox]:hover{border-color:var(--accent);transform:scale(1.1)}.select-column input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.expand-column{width:50px!important;min-width:50px!important;text-align:center!important}.expand-cell{width:50px;text-align:center;padding:8px!important}.expand-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary)}.expand-button:hover{background:var(--bg-tertiary);color:var(--accent);transform:scale(1.1)}.expand-icon{transition:transform .4s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{transform:rotate(180deg)}.details-row{background:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:all .3s ease-out}.details-row td{padding:0;border-bottom:1px solid var(--border-color);overflow:visible;width:100%}.details-content{padding:24px;border-top:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);animation:expandDown .4s ease-out forwards;transform-origin:top;overflow:hidden;width:100%;box-sizing:border-box}.details-content.collapsing{animation:collapseUp .3s ease-out forwards;overflow:hidden;box-sizing:border-box}.details-content.collapsing .detail-section{animation:none!important;opacity:1;transform:translateY(0)}.details-content.collapsing .detail-field{animation:none!important;opacity:1;transform:translate(0)}.details-content.collapsing .detail-section:nth-child(11){animation-delay:0s}.details-content.collapsing .detail-section:nth-child(10){animation-delay:.02s}.details-content.collapsing .detail-section:nth-child(9){animation-delay:.04s}.details-content.collapsing .detail-section:nth-child(8){animation-delay:.06s}.details-content.collapsing .detail-section:nth-child(7){animation-delay:.08s}.details-content.collapsing .detail-section:nth-child(6){animation-delay:.1s}.details-content.collapsing .detail-section:nth-child(5){animation-delay:.12s}.details-content.collapsing .detail-section:nth-child(4){animation-delay:.14s}.details-content.collapsing .detail-section:nth-child(3){animation-delay:.16s}.details-content.collapsing .detail-section:nth-child(2){animation-delay:.18s}.details-content.collapsing .detail-section:nth-child(1){animation-delay:.2s}@keyframes expandDown{0%{opacity:0;transform:scaleY(0) translateY(-20px);height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}70%{opacity:.8;transform:scaleY(1.05) translateY(0);height:auto}to{opacity:1;transform:scaleY(1) translateY(0);height:auto}}@keyframes collapseUp{0%{opacity:1;transform:scaleY(1) translateY(0);height:auto}20%{opacity:.9;transform:scaleY(.95) translateY(-4px);height:auto}80%{opacity:.2;transform:scaleY(.1) translateY(-15px)}to{opacity:0;transform:scaleY(0) translateY(-20px);height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:100%;overflow:hidden}.detail-section{border-radius:8px;padding:16px;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards;min-width:0;overflow:hidden;word-wrap:break-word}.detail-section:nth-child(1){animation-delay:.1s}.detail-section:nth-child(2){animation-delay:.15s}.detail-section:nth-child(3){animation-delay:.2s}.detail-section:nth-child(4){animation-delay:.25s}.detail-section:nth-child(5){animation-delay:.3s}.detail-section:nth-child(6){animation-delay:.35s}.detail-section:nth-child(7){animation-delay:.4s}.detail-section:nth-child(8){animation-delay:.45s}.detail-section:nth-child(9){animation-delay:.5s}.detail-section:nth-child(10){animation-delay:.55s}.detail-section:nth-child(11){animation-delay:.6s}.detail-section h4{margin:0 0 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--accent);padding-bottom:8px;border-bottom:1px solid var(--border-color);opacity:0;transform:translateY(-5px);animation:headerSlideIn .4s ease-out forwards}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-5px) scale(.95)}70%{opacity:.8;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-fields{display:flex;flex-direction:column;gap:8px}.detail-field{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;opacity:0;transform:translate(-10px);animation:slideInLeft .3s ease-out forwards;min-width:0;overflow:hidden}.detail-field:nth-child(1){animation-delay:.1s}.detail-field:nth-child(2){animation-delay:.15s}.detail-field:nth-child(3){animation-delay:.2s}.detail-field:nth-child(4){animation-delay:.25s}.detail-field:nth-child(5){animation-delay:.3s}.detail-field:nth-child(6){animation-delay:.35s}.detail-field:nth-child(7){animation-delay:.4s}.detail-field:nth-child(8){animation-delay:.45s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.detail-field label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm);flex-shrink:0;min-width:120px;max-width:150px;word-wrap:break-word}.detail-field span{color:var(--text-primary);font-size:var(--font-size-sm);text-align:right;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}.schedule-days{flex-direction:column;align-items:flex-start;width:100%;overflow:hidden}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;margin-top:8px;max-width:100%}.day-indicator{padding:4px 0;text-align:center;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);opacity:0;transform:scale(.8);animation:popIn .3s ease-out forwards;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.day-indicator:nth-child(1){animation-delay:.1s}.day-indicator:nth-child(2){animation-delay:.15s}.day-indicator:nth-child(3){animation-delay:.2s}.day-indicator:nth-child(4){animation-delay:.25s}.day-indicator:nth-child(5){animation-delay:.3s}.day-indicator:nth-child(6){animation-delay:.35s}.day-indicator:nth-child(7){animation-delay:.4s}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.day-indicator.enabled{background:#22c55e1a;color:#16a34a;border-color:#22c55e33}.day-indicator.disabled{background:#6b72801a;color:#6b7280;border-color:#6b728033}@media (max-width: 1600px){.details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.details-content{padding:16px}.detail-field label{min-width:100px;max-width:130px}}@media (max-width: 1200px){.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.detail-field{flex-direction:column;align-items:flex-start;gap:4px}.detail-field label{min-width:auto;max-width:none;width:100%}.detail-field span{text-align:left;width:100%}}@media (max-width: 768px){.details-content,.detail-section{padding:12px}.details-grid{grid-template-columns:1fr;gap:12px}.detail-field{padding:4px 0}}.details-content *,.detail-section *,.detail-field *{max-width:100%;box-sizing:border-box}.details-content,.details-content *{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.prior-auth-table-container{display:flex;flex-direction:column;gap:0}.prior-auth-table-container .table-footer{border-top:1px solid var(--border-color);margin-top:0;border-radius:0 0 12px 12px;background:transparent}.prior-authorizations{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);scroll-behavior:smooth;overflow-x:hidden}.prior-auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.prior-auth-loading p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.prior-auth-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:24px 32px;flex-shrink:0}.header-top{margin-bottom:16px}.back-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-small);font-weight:500;transition:all .2s ease}.back-button:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent)}.header-content h1{margin:0 0 8px;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.header-content p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body)}.prior-auth-controls{border-bottom:1px solid var(--border-color);padding:34px 32px;flex-shrink:0;animation:controlsFadeIn .5s ease-out}@keyframes controlsFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prior-auth-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.filter-section-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.filter-section-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,var(--primary-color),#3b82f6);border-radius:2px}.filter-count{font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 12px;border-radius:6px;border:1px solid var(--border-color)}.filters-grid{display:grid;gap:20px;align-items:end;margin-bottom:20px}.search-grid-item{grid-column:span 2}.filter-group{display:flex;flex-direction:column;gap:6px;position:relative}.filter-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px;opacity:.8}.filter-input{width:100%;padding:10px 12px;border:1.5px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;height:44px;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha),0 1px 3px #0000001a;transform:translateY(-1px)}.filter-input::placeholder{color:var(--text-tertiary);font-weight:400}.action-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.clear-filters-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-filters-button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-1px)}.clear-filters-button:disabled{opacity:.4;cursor:not-allowed}.add-auth-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f64d;position:relative;overflow:hidden}.add-auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.add-auth-button:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.add-auth-button:hover:before{left:100%}.add-auth-button:active{transform:translateY(0)}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width: 1400px){.filters-grid{gap:16px}.search-grid-item{grid-column:span 2}}@media (max-width: 1200px){.filters-grid{gap:16px}.search-grid-item{grid-column:span 2}.filter-group{grid-column:span 1}}@media (max-width: 768px){.filters-grid{gap:12px}.search-grid-item,.search-input-container{grid-column:1}.prior-auth-controls{padding:16px;margin:0 16px var(--spacing-lg) 16px}.action-controls{justify-content:stretch}.add-auth-button{width:100%;justify-content:center}}.filter-group{position:relative;transition:all .3s ease}.filter-group:hover{transform:translateY(-2px)}.filter-group:hover .filter-input{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color-alpha)}.filter-input:focus{animation:focusPulse .6s ease-out}@keyframes focusPulse{0%{box-shadow:0 0 0 0 var(--primary-color-alpha)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 3px var(--primary-color-alpha),0 1px 3px #0000001a}}.filters-loading{opacity:.6;pointer-events:none;position:relative}.filters-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;z-index:10}.auth-list-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 32px 32px}.empty-icon{color:var(--text-tertiary);margin-bottom:24px;opacity:.6}.empty-state h3{margin:0 0 8px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.empty-state p{margin:0;color:var(--text-secondary);font-size:var(--font-size-body)}.auth-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.auth-table-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr .8fr 1.2fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr 1.2fr;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0}.header-cell{padding:16px 12px;font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.header-cell:last-child{border-right:none}.auth-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr .8fr 1.2fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr 1.2fr;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease;background:var(--bg-primary)}.auth-table-row:hover{background:var(--hover-bg)}.auth-table-row:last-child{border-bottom:none}.patient-info{display:flex;flex-direction:column;gap:2px}.patient-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-body)}.patient-id{font-size:var(--font-size-small);color:var(--text-tertiary)}.auth-number{font-weight:500;color:var(--text-primary);margin-bottom:4px}.procedure-code{font-weight:600;color:var(--text-primary);font-family:monospace;font-size:var(--font-size-small)}.payer-name{font-weight:500;color:var(--text-primary)}.status-badge{padding:4px 8px;border-radius:6px;font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-approved{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-pending{background:#f973161a;color:#ea580c;border:1px solid rgba(249,115,22,.2)}.status-denied{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-expired{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.status-unknown{background:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-color)}.urgency-badge{padding:2px 6px;border-radius:8px;font-size:var(--font-size-caption);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.urgency-emergency{background:#ef444426;color:#dc2626}.urgency-urgent{background:#f9731626;color:#ea580c}.urgency-routine{background:#6b72801a;color:#6b7280}.amount-info{display:flex;flex-direction:column;gap:2px;text-align:right}.amount-value{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.amount-currency{font-size:var(--font-size-caption);color:var(--text-tertiary)}.date-info{font-size:var(--font-size-small);color:var(--text-primary)}.id-info{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);font-family:monospace}.units-info{display:flex;flex-direction:column;gap:2px;text-align:right}.units-value{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.units-label{font-size:var(--font-size-caption);color:var(--text-tertiary)}.auth-number{font-weight:500;color:var(--text-primary);font-family:monospace;font-size:var(--font-size-small)}@media (max-width: 1600px){.auth-table-header,.auth-table-row{grid-template-columns:1.2fr .8fr .8fr .8fr .7fr .7fr 1fr .8fr .8fr .8fr .8fr 1fr 1fr 1fr}}@media (max-width: 1200px){.auth-table-header,.auth-table-row{grid-template-columns:1fr .7fr .7fr .7fr .6fr .6fr .8fr .7fr .7fr .7fr .7fr .8fr .8fr .8fr}.prior-auth-controls{padding:20px 24px}.auth-list-container{padding:0 24px 24px}}@media (max-width: 1024px){.search-filters{flex-direction:column;gap:8px;max-width:none}.search-input-container{max-width:none}.prior-auth-controls{flex-direction:column;align-items:stretch;gap:16px}.add-auth-button{align-self:flex-end}}@media (max-width: 768px){.prior-auth-header{padding:20px}.prior-auth-controls{padding:16px 20px}.auth-list-container{padding:0 20px 20px}.auth-table-header{display:none}.auth-table-row{display:flex;flex-direction:column;padding:16px;border-bottom:1px solid var(--border-color);gap:12px}.action-buttons{justify-content:flex-end}}.patients-page{display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.page-header{margin-bottom:32px}.page-header h1{margin:0 0 8px;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-body)}.page-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-controls{display:flex;gap:12px;flex:1}.filter-select{border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);transition:border-color .15s ease}.filter-select:focus{border-color:var(--accent)}.control-buttons{display:flex;gap:12px;align-items:center}.control-buttons button{height:40px}.custom-fields-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.custom-fields-button:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.alerts-toggle-button{position:relative;display:inline-flex;align-items:center;gap:4px}.alerts-toggle-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.alerts-toggle-button:hover{background-color:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.alerts-toggle-button.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.alerts-toggle-button.active:hover{opacity:.9;transform:translateY(0)}.alerts-notification-dot{position:absolute;top:-4px;right:-4px;background-color:#d13d23;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 8px #db380f;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.patients-list{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px var(--shadow)}.list-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.patient-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border-color);transition:all .15s ease}.patient-row:hover{background-color:var(--hover-bg)}.patient-row:last-child{border-bottom:none}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:var(--hover-bg);transform:translate(2px)}.patient-info{display:flex;align-items:center;gap:12px}.patient-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.patient-avatar img{width:100%;height:100%;object-fit:cover}.patient-details{min-width:0}.patient-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.patient-email{font-size:var(--font-size-small);color:var(--text-secondary)}.cell-content{display:flex;align-items:center;color:var(--text-primary)}.status-badge{padding:4px 12px;border-radius:6px;font-size:var(--font-size-small);font-weight:500;text-transform:capitalize}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.on-leave{background-color:#fef3c7;color:#92400e}.navigation-info{margin-top:24px;padding:16px;background-color:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.navigation-info p{margin:0;color:var(--text-secondary);font-size:var(--font-size-small)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary);border-radius:6px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideIn .3s ease}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--bg-primary);border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;z-index:1000;animation:slideInRight .3s ease;overflow-y:auto}.Pt-sidebar-overlay{position:fixed;right:0;bottom:0;width:600px;border-left:1px solid var(--border-color);box-shadow:-4px 0 20px #0000001a;z-index:1000;animation:slideInRight .3s ease;overflow-y:auto}.fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1000;animation:fadeIn .2s ease;overflow-y:auto}.patient-detail{padding:32px}.patient-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px}.patient-detail-header h2{margin:0;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary)}.close-button{padding:8px;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.close-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary)}.sidebar-detail .close-button{display:none}.patient-detail-content{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start}.patient-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:160px}.patient-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.patient-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-heading4);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #00000026}.patient-info-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-width:0}.patient-info-section{display:flex;flex-direction:column;gap:16px}.patient-info-section h3{margin:0 0 16px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.info-row label{font-weight:500;color:var(--text-secondary);min-width:120px}.info-row span{color:var(--text-primary);text-align:right}.patient-actions{display:flex;flex-direction:column;gap:8px;width:100%}.patient-actions button{padding:8px 16px;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.edit-button{background:var(--accent);color:#fff}.edit-button:hover{background:var(--accent-hover)}.cancel-button,.status-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-button:hover,.status-button:hover{background:var(--hover-bg)}.delete-button{background:var(--error-color);color:#fff}.delete-button:hover{background:var(--error-color-hover)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.table-loading-state,.table-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center;border:1px solid var(--border-color);border-radius:4px;margin-top:8px;background-color:var(--bg-secondary)}.table-loading-state .loading-spinner{width:32px;height:32px;border:1px solid var(--border-color);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.table-error-state p{margin-bottom:12px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center;border-radius:4px;margin-top:8px}.empty-state p{margin:0 0 8px}.empty-state p:last-child{margin-bottom:0}.Pt-search-input:disabled,.filter-select:disabled,.add-button:disabled,.custom-fields-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.retry-button{margin-top:16px;padding:10px 20px;background-color:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.retry-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.delete-button{flex:1;padding:12px 24px;border:1px solid #e74c3c;border-radius:4px;background:var(--bg-primary);color:#e74c3c;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.delete-button:hover{background-color:#e74c3c;color:#fff}.large-modal{max-width:900px;width:95%;transition:width .3s cubic-bezier(.23,1,.32,1),max-width .3s cubic-bezier(.23,1,.32,1)}.fullscreen-detail{max-width:800px;margin:0 auto;padding:48px 32px}.fullscreen-detail .patient-detail-content{flex-direction:row;gap:48px;align-items:flex-start}.fullscreen-detail .patient-avatar-large{margin:0}.fullscreen-detail .patient-info-section{flex:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 1024px){.list-header,.patient-row{grid-template-columns:2fr 1fr 1fr}.list-header .header-cell:nth-child(3),.patient-row .cell-content:nth-child(3),.list-header .header-cell:nth-child(5),.patient-row .cell-content:nth-child(5){display:none}.Pt-sidebar-overlay{width:100%;left:0}.Pt-main-content.with-patient-sidebar{margin-right:0}}@media (max-width: 768px){.patients-page{padding:20px}.page-controls{flex-direction:column;align-items:stretch;gap:16px}.control-buttons{order:-1;justify-content:space-between}.search-controls{flex-direction:column}.Pt-search-input{max-width:none}.list-header,.patient-row{grid-template-columns:1fr;gap:8px}.list-header{display:none}.patient-row{flex-direction:column;display:flex;padding:20px}.cell-content{justify-content:space-between}.cell-content:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-small)}.patient-detail{padding:20px}.fullscreen-detail .patient-detail-content{flex-direction:column;gap:24px}.fullscreen-detail .patient-avatar-large{margin:0 auto}.patient-actions{flex-direction:column}}body.sidebar-is-visible .Pt-modal-overlay{left:260px;width:calc(100vw - 260px)}.Pt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .2s ease;transition:left .3s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.Pt-modal-content{background:var(--bg-primary);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:slideIn .3s ease;transition:width .3s cubic-bezier(.23,1,.32,1),max-width .3s cubic-bezier(.23,1,.32,1)}.Pt-filter-select{max-width:150px}body.sidebar-is-visible .Pt-modal-content,body.sidebar-temporary-visible .Pt-modal-content,body.sidebar-is-visible .Pt-modal-content.large-modal,body.sidebar-temporary-visible .Pt-modal-content.large-modal{width:min(90%,calc(100vw - var(--sidebar-width, 260px) - 4rem))}.Pt-main-content{transition:margin-right .3s cubic-bezier(.23,1,.32,1),margin-left .3s cubic-bezier(.23,1,.32,1),width .3s cubic-bezier(.23,1,.32,1);width:100%;padding:32px;max-width:100%;overflow-x:hidden;box-sizing:border-box}.Pt-main-content.with-patient-sidebar{width:calc(100% - 600px);margin-right:0}.inline-edit-input,.inline-edit-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-body);width:100%;max-width:250px;transition:border-color .15s ease}.inline-edit-input:focus,.inline-edit-select:focus{outline:none;border-color:var(--accent)}.save-button{flex:1;padding:12px 24px;border:none;border-radius:4px;background:var(--accent);color:#fff;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.save-button:hover{background-color:var(--accent);transform:translateY(-1px)}.cancel-button{flex:1;padding:12px 24px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .15s ease}.cancel-button:hover{background-color:var(--hover-bg);border-color:var(--text-tertiary)}.patient-detail .info-row{align-items:flex-start;gap:12px}.patient-detail .info-row label{min-width:100px;margin-top:10px}.field-section-title{margin:16px 0 8px;font-size:var(--font-size-heading6);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.Pt-roles-management-sidebar{display:flex;flex-direction:column;gap:8px;width:100%}.Pt-current-roles-sidebar{display:flex;flex-wrap:wrap;gap:6px;width:100%}.Pt-no-roles-sidebar{color:var(--text-tertiary);font-style:italic;padding:4px 0;width:100%}.Pt-role-tag-sidebar{display:flex;align-items:center;gap:4px;background:var(--accent-bg-secondary);border:1px solid var(--accent-secondary);background:var(--accent);color:#fff;font-size:var(--font-size-caption);font-weight:600;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.Pt-role-tag-sidebar .Pt-role-actions{display:flex;gap:2px}.Pt-role-tag-sidebar .Pt-set-primary-btn,.Pt-role-tag-sidebar .Pt-remove-role-btn{background:none;border:none;color:inherit;cursor:pointer;padding:1px 3px;border-radius:2px;font-size:var(--font-size-caption);font-weight:600;transition:all .15s ease;opacity:.6}.Pt-role-tag-sidebar .Pt-set-primary-btn:hover{background:var(--success-bg);color:var(--success-color);opacity:1}.Pt-role-tag-sidebar .Pt-remove-role-btn:hover{background:var(--error-bg);color:var(--error-color);opacity:1}.Pt-add-role-section-sidebar{margin-top:4px;width:100%}.Pt-add-role-select-sidebar{font-size:var(--font-size-small);padding:4px 8px;width:100%;max-width:none}.roles-display{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.role-badge{background:var(--accent-bg-secondary);color:var(--accent-secondary);font-size:var(--font-size-small);font-weight:500;padding:2px 6px;border-radius:4px;border:1px solid var(--accent-secondary);white-space:nowrap}.role-badge.primary-role{background:var(--accent-bg);color:var(--accent);border-color:var(--accent);font-weight:600}.role-badge .primary-indicator{font-weight:400;opacity:.8}@media (max-width: 1024px){.patient-detail-content{grid-template-columns:1fr;gap:24px}.patient-avatar-section{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;min-width:auto}.patient-info-sections{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.patient-avatar-section{flex-direction:column;align-items:center;gap:16px}.patient-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.patient-actions button{flex:1;min-width:100px}}.Pt-modal-content{max-width:900px}.Pt-modal-content.large-modal{max-width:1200px}.fc{height:100%!important;width:100%;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:translateZ(0);backface-visibility:hidden}.fc-view-harness,.fc-daygrid-body,.fc-scrollgrid,.fc-scrollgrid-section{transition:all .2s cubic-bezier(.4,0,.2,1)}.fc-daygrid-day,.fc-col-header-cell{transition:width .2s cubic-bezier(.4,0,.2,1)}.fullcalendar-wrapper{contain:layout;will-change:width,height}.fc-theme-standard td,.fc-theme-standard th{border-color:var(--border-color)!important}.fc-daygrid-day{transition:background-color .2s ease}.fc-daygrid-day:hover{background-color:var(--hover-bg)}.fc-day-today{background-color:var(--today-bg)!important}.fc-day-sat,.fc-day-sun{background-color:var(--weekend-bg)}.fc-col-header-cell{background-color:var(--bg-primary);font-weight:600;color:var(--text-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:12px 8px}.fc-col-header-cell .fc-col-header-cell-cushion{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.fc-daygrid .fc-col-header-cell .fc-col-header-cell-cushion:after{display:none}.fc-theme-standard .fc-daygrid .fc-col-header-cell{text-align:center}.fc-theme-standard .fc-daygrid .fc-col-header-cell .fc-col-header-cell-cushion{display:flex;align-items:center;justify-content:center;height:100%}.fc-daygrid .fc-col-header-cell .fc-col-header-cell-cushion *{display:inline}.fc-daygrid-view .fc-col-header-cell-cushion{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fc-daygrid-day-number{color:var(--text-color);font-weight:500;font-size:.875rem;padding:8px;transition:color .2s ease}.fc-day-today .fc-daygrid-day-number{color:var(--accent);font-weight:600}.fc-view-harness,.fc-daygrid-body{height:100%!important}.fc-event{border-radius:4px;padding:2px 6px;font-size:.8rem;font-weight:500;border:none!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease;overflow:hidden;position:relative;line-height:1.2;min-height:14px}.fc-event-custom{--event-text-color: white !important}.fc-event:before{position:absolute;top:0;left:-250%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);transition:left .6s ease;z-index:1;pointer-events:none}.fc-event:hover:before{left:250%}.fc-event:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;filter:brightness(1.05)}.fc-event-resizer{display:block!important;width:100%!important;height:8px!important;background:#ffffff4d!important;border:none!important;cursor:ns-resize!important;position:absolute!important;z-index:3!important;opacity:0!important;transition:opacity .2s ease!important}.fc-event-resizer-start{top:0!important;left:0!important;right:0!important;cursor:n-resize!important}.fc-event-resizer-end{bottom:0!important;left:0!important;right:0!important;cursor:s-resize!important}.fc-event:hover .fc-event-resizer{opacity:.7!important}.fc-event-resizer:hover{opacity:1!important;background:#ffffff80!important}.fc-daygrid .fc-event{cursor:move}.fc-daygrid .fc-event:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px);transition:all .2s ease}.fc-timegrid .fc-event-resizer{height:4px!important}.fc-timegrid .fc-event{cursor:move;transition:all .2s ease}.fc-timegrid .fc-event:hover{box-shadow:0 2px 12px #0003;z-index:10}.fc-event-main{pointer-events:none;position:relative;z-index:1}.fc-event-title,.fc-event-time{pointer-events:none}.fc-event{cursor:move!important}.fc-theme-standard .fc-popover{background-color:var(--bg-secondary);border-color:var(--border-color);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.fc-theme-standard .fc-popover-header{background-color:var(--bg-primary);color:var(--text-color);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--border-color)}.fc-event-custom{position:relative;background-image:linear-gradient(135deg,var(--event-bg-color, currentColor) 0%,color-mix(in srgb,var(--event-bg-color, currentColor) 85%,black) 100%)!important;border:1px solid color-mix(in srgb,var(--event-bg-color, currentColor) 80%,black)!important;color:var(--event-text-color, white)!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden}.fc-event-custom:after{content:"";position:absolute;top:-2px;left:-255%;width:100%;height:calc(100% + 4px);background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.8) 60%,rgba(255,255,255,.1) 70%,transparent 80%);transform:skew(-25deg);transition:left .9s cubic-bezier(.25,.1,.25,1);z-index:2;pointer-events:none}.fc-event-custom:hover:after{left:255%}.fc-event-custom:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px #00000026,0 4px 8px -2px #0000001a,0 0 20px rgba(var(--event-bg-color),.3);background-image:linear-gradient(135deg,color-mix(in srgb,var(--event-bg-color, currentColor) 95%,white) 0%,var(--event-bg-color, currentColor) 100%)!important;filter:brightness(1.1) saturate(1.1)}.fc-event-content-custom{display:flex;flex-direction:column;gap:1px;font-size:.7rem;line-height:1.2;overflow:hidden;min-height:0;position:relative;z-index:3}.fc-event-time{font-weight:600;font-size:.65rem;opacity:.9;color:#fff!important}.fc-event-title{font-weight:600;font-size:.7rem}.fc-event-caregiver,.fc-event-patient,.fc-event-location{font-size:.65rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-event-names{display:flex;align-items:center;gap:6px;font-size:.65rem;overflow:hidden}.fc-event-caregiver{font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-event-patient{font-weight:400;font-style:italic;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:2}.fc-event-names .fc-event-caregiver+.fc-event-patient:before{content:"•";margin-right:6px;opacity:.6;font-style:normal}.fc-event-selected{outline:0px solid var(--accent)!important;outline-offset:2px}.fc-event-high-priority{box-shadow:0 0 0 2px #ef4444,0 1px 3px #0000001a}.fc-event-custom.shine-animate:after{animation:periodic-shine 8s infinite;animation-delay:var(--shine-delay, 0s)}.fc-event-custom:nth-child(odd){--shine-delay: 0s}.fc-event-custom:nth-child(2n){--shine-delay: 2s}.fc-event-custom:nth-child(3n){--shine-delay: 4s}.fc-event-high-priority:after{background:linear-gradient(110deg,transparent 20%,rgba(255,215,0,.2) 30%,rgba(255,255,255,.8) 50%,rgba(255,215,0,.4) 60%,rgba(255,215,0,.2) 70%,transparent 80%)!important}.fc .fc-non-business{background-color:var(--bg-primary);border:var(--border-color)}.fc-event-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-theme-standard .fc-scrollgrid{border:0px solid var(--border-color)}.fc-daygrid-more-link{color:var(--accent)!important;font-weight:500;font-size:.75rem;padding:2px 6px;border-radius:3px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease}.fc-daygrid-more-link:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.fc-daygrid-event-harness{margin-bottom:.5px}.fc-daygrid-day-events{margin:1px}.fc-daygrid-event.fc-event-start:not(.fc-event-end):after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid var(--event-bg-color, var(--accent));border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.7}.fc-timegrid-event .fc-event-time,.fc-event-names{color:#fff!important}.fc .fc-scroller-liquid-absolute{inset:auto!important}.fc-daygrid-event.fc-event-end:not(.fc-event-start):before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:0;height:0;border-right:4px solid var(--event-bg-color, var(--accent));border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.7}.fc-daygrid-event .fc-event-title{padding:1px 4px;line-height:1.2}.fc-daygrid .fc-event.fc-event-resizing{box-shadow:0 4px 20px #00000040!important;transform:scale(1.02)!important;transition:all .2s ease!important}.fc-daygrid-event .fc-event-main{cursor:move;position:relative}.fc-daygrid-event .fc-event-main:hover{cursor:grab}.fc-daygrid-event.fc-event-dragging .fc-event-main{cursor:grabbing}.fc-event-custom:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(-1px)}@keyframes flutter-fade-in{0%{opacity:0;filter:blur(8px);transform:translateY(10px) scale(.95)}60%{opacity:.8;filter:blur(2px);transform:translateY(-2px) scale(1.02)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.fc-event.fc-event-flutter{animation:flutter-fade-in .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--flutter-delay, 0ms);opacity:0;transform:translateZ(0);will-change:opacity,filter,transform}.fc-event.fc-event-flutter:before{animation:initial-shimmer 1s ease-out;animation-delay:calc(var(--flutter-delay, 0ms) + .3s)}@keyframes initial-shimmer{0%{left:-250%}50%{left:100%}to{left:100%}}@media (prefers-reduced-motion: reduce){.fc-event.fc-event-flutter{animation:none;opacity:1;filter:none;transform:none;will-change:auto}}@media (max-width: 768px){.fc-event{font-size:.7rem;padding:1px 4px;border-radius:3px;overflow:hidden;min-height:12px}.fc-event-content-custom{font-size:.65rem;overflow:hidden}.fc-event-time,.fc-event-caregiver,.fc-event-patient,.fc-event-location{font-size:.6rem}.fc-event-names{gap:4px;font-size:.6rem}.fc-event-caregiver{font-weight:600;text-transform:uppercase;letter-spacing:.025em;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-event-patient{font-weight:400;font-style:italic;flex-shrink:2}.fc-event-names .fc-event-caregiver+.fc-event-patient:before{margin-right:4px}.fc-daygrid-day-number{font-size:.8rem;padding:6px}.fc-col-header-cell{padding:8px 4px;font-size:.7rem}}.fullcalendar-wrapper{height:100%;display:flex;flex-direction:column}.fullcalendar-wrapper .fc{flex:1;min-height:0}.highlighted-date{background-color:var(--calendar-highlight-bg)!important;border-color:var(--accent)!important}@media (prefers-contrast: high){.fc-event-custom{border-width:2px!important;text-shadow:none!important;background-image:none!important;background-color:var(--event-bg-color, currentColor)!important}.fc-event-custom:before{width:4px;background:color-mix(in srgb,var(--event-bg-color, currentColor) 40%,black)}}@keyframes periodic-shine{0%,90%,to{transform:translate(-250%) skew(-25deg);opacity:0}5%,15%{transform:translate(250%) skew(-25deg);opacity:1}}.fc-event:not(.fc-event-custom):after{content:"";position:absolute;top:0;left:-200%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);transition:left .5s ease;z-index:1;pointer-events:none}.fc-event:not(.fc-event-custom):hover:after{left:200%}.fc-event:not(.fc-event-custom) .fc-event-main,.fc-event:not(.fc-event-custom) .fc-event-title,.fc-event:not(.fc-event-custom) .fc-event-time{position:relative;z-index:2}.fc-event.fc-event-dragging:before,.fc-event.fc-event-resizing:before{left:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6) 50%,transparent)}.fc-event-custom.fc-event-dragging:after,.fc-event-custom.fc-event-resizing:after{left:200%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.9) 60%,rgba(255,255,255,.2) 70%,transparent 80%)!important}.fc-event.fc-event-dragging,.fc-event.fc-event-resizing{filter:brightness(1.15) saturate(1.2);box-shadow:0 8px 25px #0003,0 0 30px #ffffff1a!important}.fc-event-completed{position:relative;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:1px solid #15803d!important;color:#fff!important;box-shadow:0 2px 8px #22c55e4d,0 1px 3px #0000001a!important;pointer-events:auto;cursor:pointer}.fc-event-completed .fc-event-title,.fc-event-completed .fc-event-time,.fc-event-completed .fc-event-caregiver,.fc-event-completed .fc-event-patient,.fc-event-completed .fc-event-location{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.fc-event-completed:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 4px 12px #22c55e66,0 2px 6px #00000026!important;transform:translateY(-1px)}.fc-event-custom.fc-event-completed{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:1px solid #15803d!important;color:#fff!important}.fc-event-completed.fc-event-custom:after{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,.1) 70%,transparent 80%)!important}.fc-daygrid .fc-event-completed{margin:1px 0}@media (max-width: 768px){.fc-event-completed{box-shadow:0 1px 4px #22c55e4d,0 1px 2px #0000001a!important}}@media (prefers-contrast: high){.fc-event-completed{background:#16a34a!important;border:1px solid #15803d!important;box-shadow:none!important}}.calendar-filters-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.calendar-filters-dropdown{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 12px 40px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:320px;max-width:480px;max-height:80vh;overflow-y:auto;pointer-events:auto;z-index:1001;animation:filtersDropdownSlideIn .2s ease-out}@keyframes filtersDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.filters-content{padding:16px 20px}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.filters-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.clear-filters-btn{padding:4px 8px;border:none;border-radius:4px;background:var(--hover-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:var(--accent);color:#fff}.filters-sections{display:flex;flex-direction:column;gap:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filter-count{font-size:11px;color:var(--accent);font-weight:500;background:rgba(var(--accent-rgb, 59, 130, 246),.1);padding:2px 6px;border-radius:10px;text-transform:none;letter-spacing:normal}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-option:hover{background:var(--hover-bg);border-color:var(--accent)}.filter-option.active{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-option.active:hover{border-color:var(--border-color)}.type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.type-indicator.type-visit{background:#10b981}.type-indicator.type-therapy{background:#f59e0b}.type-indicator.type-consultation{background:#8b5cf6}.type-indicator.type-emergency{background:#ef4444}.filter-option-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0}.filter-option-avatar img{width:100%;height:100%;object-fit:cover}.filter-option-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:#fff;font-size:10px;font-weight:600}.filter-option.active .filter-option-avatar .avatar-placeholder{background:var(--accent);color:#fff}@media (max-width: 1024px){.calendar-filters-dropdown{min-width:280px;max-width:400px}}@media (max-width: 768px){.calendar-filters-dropdown{min-width:260px;max-width:340px}.filters-content{padding:12px 16px}.filters-sections{gap:12px}.filter-options{gap:4px}.filter-option{padding:4px 8px;font-size:12px}.filter-option-avatar{width:16px;height:16px}.filter-option-avatar .avatar-placeholder{font-size:8px}}[data-theme=dark] .calendar-filters-dropdown{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 12px 40px #0006}.schedule-mini-calendar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.schedule-mini-calendar{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 12px 40px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px;min-width:280px;max-width:320px;pointer-events:auto;z-index:1001;animation:scheduleCalendarSlideIn .2s ease-out;top:-9999px;left:-9999px}@keyframes scheduleCalendarSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.schedule-mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.schedule-mini-nav-btn{width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.schedule-mini-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.schedule-mini-month-year{display:flex;align-items:center;gap:4px;position:relative}.schedule-mini-month-btn,.schedule-mini-year-btn{background:transparent;border:none;color:var(--text-primary);font-weight:600;font-size:14px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.schedule-mini-month-btn:hover,.schedule-mini-year-btn:hover{background:var(--hover-bg)}.schedule-mini-month-btn.active,.schedule-mini-year-btn.active{background:var(--hover-bg);color:var(--primary-color)}.schedule-mini-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 24px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;max-height:200px;overflow-y:auto;margin-top:4px;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.schedule-mini-dropdown-item{width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease}.schedule-mini-dropdown-item:hover{background:var(--hover-bg)}.schedule-mini-dropdown-item.selected{background:var(--primary-color);color:#fff}.schedule-mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.schedule-mini-weekday{padding:6px 4px;text-align:center;font-size:11px;font-weight:600;color:var(--text-secondary)}.schedule-mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.schedule-mini-day{width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.schedule-mini-day:hover{background:var(--hover-bg)}.schedule-mini-day.other-month{color:var(--text-tertiary);opacity:.5}.schedule-mini-day.today{background:var(--primary-color);color:#fff;font-weight:600}.schedule-mini-day.today:hover{background:var(--primary-color);transform:scale(1.05)}.schedule-mini-day.selected{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color);font-weight:600;border:1px solid var(--primary-color)}.schedule-mini-day.selected:hover{background:rgba(var(--primary-color-rgb),.25)}.schedule-mini-calendar-footer{display:flex;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.schedule-mini-today-btn{background:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.schedule-mini-today-btn:hover{background:var(--primary-color-dark);transform:scale(1.02)}.schedule-mini-today-btn:active{transform:scale(.98)}@media (max-width: 768px){.schedule-mini-calendar{min-width:260px;max-width:300px;padding:12px}.schedule-mini-day{width:28px;height:28px;font-size:12px}.schedule-mini-weekday{padding:4px 2px;font-size:10px}}[data-theme=dark] .schedule-mini-calendar{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 12px 40px #0006}[data-theme=dark] .schedule-mini-dropdown{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 24px #0000004d}.mini-calendar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none}.mini-calendar{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:var(--shadow-dropdown);padding:16px;min-width:280px;pointer-events:all;animation:miniCalendarSlideIn .2s ease}@keyframes miniCalendarSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mini-calendar-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.mini-calendar-nav:active{transform:scale(.95)}.mini-calendar-title{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base);text-align:center;flex:1;margin:0 8px}.mini-month-year{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.mini-month-btn,.mini-year-btn{background:none;border:none;padding:4px 8px;border-radius:4px;font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.mini-month-btn:hover,.mini-year-btn:hover{background:var(--hover-bg)}.mini-month-btn.active,.mini-year-btn.active{background:var(--hover-bg);color:var(--accent)}.mini-dropdown{position:absolute;top:100%;width:160px;max-height:200px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:10;margin-top:4px;padding:4px;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .1s ease-out}.mini-dropdown-item{background:none;border:none;padding:8px 12px;text-align:left;font-size:var(--font-size-small);color:var(--text-primary);cursor:pointer;border-radius:4px;transition:all .15s ease}.mini-dropdown-item:hover{background:var(--hover-bg)}.mini-dropdown-item.selected{background:var(--accent-bg);color:var(--accent);font-weight:500}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.mini-calendar-weekday{display:flex;align-items:center;justify-content:center;height:32px;font-size:var(--font-size-tiny);font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.mini-calendar-day{display:flex;align-items:center;justify-content:center;height:36px;background:none;border:none;cursor:pointer;border-radius:4px;font-size:var(--font-size-small);color:var(--text-primary);transition:all .2s ease;position:relative}.mini-calendar-day:hover{background:var(--hover-bg);color:var(--accent)}.mini-calendar-day:active{transform:scale(.95)}.mini-calendar-day.other-month{color:var(--text-disabled)}.mini-calendar-day.other-month:hover{color:var(--text-tertiary)}.mini-calendar-day.today:hover{background:var(--accent);color:var(--text-on-accent)}.mini-calendar-day.selected{background:var(--accent);color:var(--text-on-accent);font-weight:600}.mini-calendar-day.selected:hover{background:var(--accent);color:var(--text-on-accent)}.mini-calendar-footer{display:flex;justify-content:center;padding-top:12px;border-top:1px solid var(--border-color)}.mini-calendar-today-btn{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.mini-calendar-today-btn:active{transform:scale(.98)}.mini-calendar.small{padding:12px;min-width:240px}.mini-calendar.small .mini-calendar-day{height:32px;font-size:var(--font-size-tiny)}.mini-calendar.small .mini-calendar-weekday{height:28px}.mini-calendar.large{padding:20px;min-width:320px}.mini-calendar.large .mini-calendar-day{height:40px;font-size:var(--font-size-base)}@media (max-width: 480px){.mini-calendar{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:90vw;max-width:320px;min-width:unset}.mini-calendar-day{height:40px;font-size:var(--font-size-base)}.mini-calendar-weekday{height:32px}}@media (prefers-contrast: high){.mini-calendar-day.today,.mini-calendar-day.selected{border:1px solid currentColor}}.mini-dropdown::-webkit-scrollbar{width:4px}.mini-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary)}.mini-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.mini-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.year-dropdown{width:100px}.month-dropdown{width:140px}.datetime-input-container{position:relative;width:100%}.datetime-input-label{display:block;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin-bottom:6px}.datetime-input-integrated{position:relative;display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;transition:all .2s ease;min-height:36px;font-size:var(--font-size-small)}.datetime-input-integrated:hover:not(.disabled){border-color:var(--accent)}.datetime-input-integrated.disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.datetime-part{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;transition:all .2s ease;border-radius:4px;flex:1;min-width:0}.datetime-part:hover:not(.disabled) .datetime-part-value{background:var(--hover-bg)}.datetime-part.active{background:var(--accent-alpha);color:var(--accent)}.datetime-part-icon{display:flex;align-items:center;color:var(--text-tertiary);transition:color .2s ease}.datetime-part.active .datetime-part-icon{color:var(--accent)}.datetime-part-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--font-size-small);padding:4px 8px;border-radius:4px;transition:all .2s ease}.datetime-placeholder{color:var(--text-tertiary);font-style:italic}.datetime-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:4px;transition:all .2s ease;margin-right:8px}.datetime-clear-btn:hover{background:var(--danger-bg);color:var(--danger)}.datetime-dropdown{position:absolute;top:100%;max-width:300px;left:0;right:0;z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;box-shadow:10px 10px 20px #0000001a;margin-top:4px;animation:dropdownSlideIn .2s ease;pointer-events:auto}.calendar-dropdown{padding:16px}.time-dropdown-simple{width:100%;pointer-events:auto}.time-options-list{max-height:300px;overflow-y:auto;padding:4px;pointer-events:auto}.time-option{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:var(--font-size-small);color:var(--text-primary);margin-bottom:2px;pointer-events:auto;position:relative}.time-option:hover{background:var(--hover-bg);color:var(--text-primary)}.time-option:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--hover-bg)}.time-option.selected{background:var(--accent-bg);color:var(--accent);font-weight:500}.time-option.selected:hover{background:var(--accent-bg);color:var(--accent)}.time-option:last-child{margin-bottom:0}.time-options-list::-webkit-scrollbar{width:6px}.time-options-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.time-options-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.time-options-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.mini-calendar{width:100%;max-width:280px}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.mini-calendar-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease;font-size:16px}.mini-calendar-nav:hover{background:var(--hover-bg);color:var(--accent)}.mini-calendar-title{font-weight:600;color:var(--text-primary);font-size:var(--font-size-small)}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.mini-calendar-weekday{display:flex;align-items:center;justify-content:center;height:28px;font-size:var(--font-size-tiny);font-weight:500;color:var(--text-tertiary);text-transform:uppercase}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini-calendar-day{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer;border-radius:4px;font-size:var(--font-size-small);transition:all .2s ease;color:var(--text-primary)}.mini-calendar-day:hover:not(.empty){background:var(--hover-bg)}.mini-calendar-day.empty{cursor:default}.mini-calendar-day.today{background:var(--accent-alpha);color:var(--accent);font-weight:600}.mini-calendar-day.selected{background:var(--accent);color:var(--text-on-accent)}.mini-calendar-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.mini-calendar-today-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:var(--font-size-tiny);cursor:pointer;transition:all .2s ease}.mini-calendar-today-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.time-picker{width:100%;max-width:240px}.time-picker-header{margin-bottom:16px}.time-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.time-input{width:40px;padding:4px 6px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;text-align:center;transition:all .2s ease}.time-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.period-selector{display:flex;flex-direction:column;gap:2px}.period-btn{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);font-size:var(--font-size-tiny);cursor:pointer;transition:all .2s ease;min-width:32px}.period-btn:hover{background:var(--hover-bg)}.period-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.time-quick-select{border-top:1px solid var(--border-color);padding-top:12px}.time-quick-label{font-size:var(--font-size-tiny);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.time-quick-options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.time-quick-btn{padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:var(--font-size-tiny);cursor:pointer;transition:all .2s ease;text-align:center}.time-quick-btn:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.datetime-input-container.small .datetime-input-integrated{min-height:32px;font-size:var(--font-size-tiny)}.datetime-input-container.small .datetime-part{padding:6px 8px}.datetime-input-container.small .datetime-input-label{font-size:var(--font-size-tiny)}.datetime-input-container.large .datetime-input-integrated{min-height:44px;font-size:var(--font-size-base)}.datetime-input-container.large .datetime-part{padding:12px 14px}.datetime-input-container.large .datetime-input-label{font-size:var(--font-size-base)}@media (max-width: 480px){.datetime-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:90vw;max-width:320px;margin-top:0}.datetime-part{padding:6px 8px;gap:4px}.mini-calendar,.time-picker{max-width:none}.time-quick-options{grid-template-columns:repeat(2,1fr)}}.calendar-tools-sidebar{width:320px;background:var(--bg-primary);border-left:1px solid var(--border-color);height:100vh;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.25,.46,.45,.94),backdrop-filter .7s cubic-bezier(.25,.46,.45,.94);position:fixed;right:0;top:0;transform:translate(100%);backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:1000}.calendar-tools-sidebar.visible{transform:translate(0);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.calendar-sidebar-content{padding:0;flex:1;overflow-x:hidden;scrollbar-width:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.calendar-sidebar-content::-webkit-scrollbar{width:8px}.calendar-sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.calendar-sidebar-title{font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary);margin:0}.calendar-sidebar-content::-webkit-scrollbar{width:12px;height:12px}.calendar-sidebar-content::-webkit-scrollbar-track{background:var(--bg-secondary, #f8f9fa);border-radius:4px;margin:2px}.calendar-sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:4px;border:1px solid var(--bg-secondary, #f8f9fa);min-height:20px}.calendar-sidebar-section{border-bottom:1px solid var(--border-color);flex-shrink:0;min-height:0;position:relative}.calendar-sidebar-section:last-child{border-bottom:none}.calendar-sidebar-section-header{padding:16px 20px;background:var(--bg-tertiary);font-weight:600;font-size:var(--font-size-small);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.calendar-sidebar-section-header:hover{background:var(--hover-bg)}.calendar-sidebar-section-header:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--hover-bg)}.calendar-sidebar-section-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--hover-bg)}.accordion-icon{transition:transform .2s ease;transform:rotate(0)}.accordion-icon.expanded{transform:rotate(180deg)}.calendar-sidebar-section-body{padding:20px;animation:accordion-expand .2s ease-out;animation-fill-mode:both;will-change:opacity,transform;overflow:visible;max-height:none}.calendar-sidebar-section-body.animation-complete{animation:none;opacity:1;transform:translateY(0)}.calendar-sidebar-section-body:not(.animation-complete){pointer-events:none}.calendar-sidebar-section-body.animation-complete{pointer-events:auto}.calendar-sidebar-section:has(.calendar-sidebar-section-body:not(.animation-complete)) .calendar-sidebar-section-header{pointer-events:none}@supports not (selector(:has(.calendar-sidebar-section-body))){.calendar-sidebar-section-header{transition:pointer-events .2s ease}}@keyframes accordion-expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.accordion-icon,.calendar-sidebar-section-body{transition:none;animation:none}.calendar-sidebar-section-body{opacity:1;transform:none}}.calendar-tools-sidebar.animating,.calendar-tools-sidebar.animating *{pointer-events:none}.calendar-tools-sidebar:not(.animating){pointer-events:auto}.event-assignment-tools{display:flex;flex-direction:column;gap:16px}.assignment-tool-group{display:flex;flex-direction:column;gap:8px}.assignment-tool-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.assignment-tool-select,.assignment-tool-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);transition:all .2s ease}.assignment-tool-select:focus,.assignment-tool-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.assignment-action-buttons{display:flex;gap:8px;margin-top:12px}.assignment-btn{flex:1;padding:8px 16px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.assignment-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.assignment-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}.assignment-btn:disabled:hover{background:var(--bg-primary);border-color:var(--border-color)}.assignment-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.assignment-btn.primary:hover{background:var(--primary-color-dark)}.assignment-btn.primary:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);border-color:var(--border-color)}.quick-event-form{display:flex;flex-direction:column;gap:12px}.quick-event-title{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-row{display:flex;gap:8px}.form-row .assignment-tool-input,.form-row .assignment-tool-select{flex:1}.sidebar-event-list{max-height:300px;overflow-y:auto}.sidebar-event-item{padding:12px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.sidebar-event-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.sidebar-event-item.selected{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.sidebar-event-title{font-weight:600;font-size:var(--font-size-small);color:var(--text-primary);margin-bottom:4px}.sidebar-event-details{font-size:var(--font-size-caption);color:var(--text-secondary);line-height:1.3}.caregiver-list{display:flex;flex-direction:column;gap:8px}.caregiver-item{display:flex;align-items:center;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.caregiver-item:hover{background:var(--hover-bg);border-color:var(--primary-color)}.caregiver-item.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.caregiver-avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-caption);font-weight:600;margin-right:8px;color:var(--text-primary)}.caregiver-item.selected .caregiver-avatar{background:#fff3;color:#fff}.caregiver-info{flex:1}.caregiver-name{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary)}.caregiver-role{font-size:var(--font-size-caption);color:var(--text-secondary)}.caregiver-item.selected .caregiver-name,.caregiver-item.selected .caregiver-role{color:#fff}.calendar-sidebar-overlay{position:fixed;top:32px;left:0;width:100vw;height:calc(100vh - 32px);background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 768px){.calendar-tools-sidebar{width:100%;max-width:320px;border-radius:0;border-left:none;border-top:1px solid var(--border-color);box-shadow:-4px 0 16px #00000026;display:flex;flex-direction:column}}@media (max-width: 480px){.calendar-tools-sidebar{width:100vw;max-width:none;height:calc(100vh - 32px);top:32px;display:flex;flex-direction:column}}.quick-create-selects-sidebar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quick-create-selects-sidebar .select-field-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.quick-create-selects-sidebar .select-field-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin:0;display:block}.quick-create-selects-sidebar .quick-create-patient-select,.quick-create-selects-sidebar .quick-create-employee-select{width:100%}.quick-datetime-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quick-datetime-inputs .quick-start-time,.quick-datetime-inputs .quick-end-time{width:100%}.quick-create-actions{padding-top:8px}.quick-create-event-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.quick-create-event-btn:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.quick-create-event-btn:active:not(:disabled){transform:translateY(0)}.quick-create-event-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:.6}.quick-create-event-btn svg{width:16px;height:16px}.repeat-toggle-container{margin-top:16px;margin-bottom:8px}.repeat-toggle-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.repeat-toggle-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin:0}.repeat-toggle-switch{flex-shrink:0}.repeat-config-container{margin-top:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;animation:accordion-expand .2s ease-out}.repeat-config-group{margin-bottom:16px}.repeat-config-group:last-child{margin-bottom:0}.repeat-config-label{display:block;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin-bottom:8px}.repeat-frequency-select{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small)}.days-of-week-selector{display:flex;gap:4px}.day-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.day-button:hover{background:var(--hover-bg);border-color:var(--accent)}.day-button.selected{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.day-button.disabled{background:var(--bg-secondary);color:var(--text-disabled);border-color:var(--border-color);cursor:not-allowed;opacity:.6}.day-button.disabled:hover{background:var(--bg-secondary);border-color:var(--border-color);cursor:not-allowed}.skip-options{display:flex;flex-direction:column;gap:8px}.skip-option{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);color:var(--text-primary);cursor:pointer}.skip-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.repeat-end-options{display:flex;flex-direction:column;gap:8px}.repeat-end-option{display:flex;align-items:center;gap:8px;font-size:var(--font-size-small);color:var(--text-primary);cursor:pointer}.repeat-end-option input[type=radio]{width:16px;height:16px;cursor:pointer}.repeat-end-after-input{width:80px;padding:4px 6px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small)}.repeat-end-date-input{width:170px}.repeat-frequency-select:focus,.repeat-end-after-input:focus,.repeat-end-date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}@media (max-width: 768px){.days-of-week-selector{justify-content:space-between}.day-button{width:28px;height:28px;font-size:.7rem}.repeat-end-option{flex-wrap:wrap}.repeat-end-after-input,.repeat-end-date-input{width:100%;margin-top:4px}}.repeat-summary{margin-top:16px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px}.repeat-summary-label{font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary);margin-bottom:4px}.repeat-summary-text{font-size:var(--font-size-small);color:var(--text-primary);line-height:1.4}.duration-input-container{display:flex;align-items:center;gap:8px}.duration-input{height:45px;width:80px;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);text-align:center}.duration-unit-select{min-width:100px;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-small);cursor:pointer}.duration-unit-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.duration-unit{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500}.duration-helper{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:400;margin-left:8px;font-style:italic}.duration-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}@media (max-width: 768px){.duration-input-container{flex-direction:column;align-items:stretch;gap:4px}.duration-input,.duration-unit-select{width:100%;text-align:left}.duration-helper{margin-left:0;margin-top:4px}}.analytics-container{padding:0;overflow:visible;min-height:0}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.analytics-stat{padding:12px;background:var(--bg-secondary);border-radius:4px;text-align:center}.analytics-stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.analytics-stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.analytics-progress-section{display:flex;flex-direction:column;gap:12px;overflow:visible;min-height:0}.analytics-progress-item{display:flex;flex-direction:column;gap:6px}.analytics-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--text-primary)}.analytics-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;position:relative}.analytics-progress-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.analytics-progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:translate(-100%);animation:shine 1.5s infinite linear}@keyframes shine{to{transform:translate(100%)}}.analytics-progress-fill.skilled{background:linear-gradient(90deg,#14b8a6,#ff8c42)}.analytics-progress-bar.skilled-regular{background:var(--bg-tertiary);display:flex;overflow:hidden}.analytics-progress-segment{height:100%;transition:width .3s ease}.analytics-progress-segment.regular-segment{background:#14b8a6}.analytics-progress-segment.skilled-segment{background:#ff8c42}.analytics-progress-legend{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;color:var(--text-secondary)}.analytics-legend-item{display:flex;align-items:center;gap:4px}.analytics-legend-color{width:8px;height:8px;border-radius:2px}.analytics-legend-color.regular{background:#14b8a6}.analytics-legend-color.skilled{background:#ff8c42}.analytics-filter-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--accent);color:#fff;border-radius:4px;font-size:11px;font-weight:500;margin-bottom:12px}.analytics-filter-indicator svg{opacity:.8}.calendar-sidebar-section-body>*{margin-bottom:16px}.calendar-sidebar-section-body>*:last-child{margin-bottom:0}.calendar-sidebar-section-body input,.calendar-sidebar-section-body select,.calendar-sidebar-section-body textarea,.calendar-sidebar-section-body button{max-width:100%;box-sizing:border-box}.calendar-sidebar-section-body{word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr;gap:8px}.analytics-stat{padding:10px}.analytics-stat-value{font-size:var(--font-size-body)}}@media (hover: none) and (pointer: coarse){.calendar-sidebar-section-header{padding:18px 20px}.calendar-sidebar-section-body{padding:24px 20px}}.delete-modal-overlay{position:fixed;top:32px;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:delete-modal-backdrop-fade-in .15s ease-out;padding:20px;transition:margin-left .2s ease-out}body.sidebar-is-visible .delete-modal-overlay{margin-left:260px}@keyframes delete-modal-backdrop-fade-in{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.delete-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0000001f;width:100%;max-width:400px;animation:delete-modal-slide-in .2s ease-out;overflow:hidden}@keyframes delete-modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-header{padding:20px 20px 16px;display:flex;align-items:flex-start;gap:12px}.delete-modal-icon{flex-shrink:0;width:40px;height:40px;border-radius:4px;background:#ef44441a;color:var(--error-color);display:flex;align-items:center;justify-content:center;margin-top:2px}[data-theme=dark] .delete-modal-icon{background:#ef444433}.delete-modal-title-section{flex:1;min-width:0}.delete-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px;line-height:1.4}.delete-modal-message{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.delete-modal-description{font-size:13px;color:var(--text-tertiary);margin:8px 0 0;line-height:1.4}.delete-modal-actions{padding:0 20px 20px;display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.delete-modal-btn{height:32px;padding:0 12px;border-radius:4px;border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;font-family:inherit}.delete-modal-btn:disabled{opacity:.6;cursor:not-allowed}.delete-modal-btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.delete-modal-btn-cancel:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}.delete-modal-btn-confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.delete-modal-btn-confirm:hover:not(:disabled){background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.9)}.delete-modal-btn-confirm.destructive{background:var(--error-color);border-color:var(--error-color)}.delete-modal-btn-confirm.destructive:hover:not(:disabled){background:#dc2626}.delete-modal-spinner{animation:delete-modal-spin 1s linear infinite}@keyframes delete-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-modal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.delete-modal-btn-confirm.destructive:focus-visible{outline-color:var(--error-color)}[data-theme=dark] .delete-modal{box-shadow:0 8px 32px #0006}[data-theme=dark] .delete-modal-btn-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .delete-modal-btn-cancel:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}@media (max-width: 480px){.delete-modal-overlay{padding:16px}.delete-modal{max-width:none}.delete-modal-header{padding:16px 16px 12px}.delete-modal-actions{padding:0 16px 16px;flex-direction:column-reverse}.delete-modal-btn{width:100%;height:36px}}@media (prefers-reduced-motion: reduce){.delete-modal-overlay,.delete-modal,.delete-modal-spinner{animation:none}.delete-modal-btn{transition:none}}.CL-event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdropBlurIn .2s ease;transition:margin-left .3s cubic-bezier(.23,1,.32,1)!important}body.sidebar-is-visible .CL-event-modal-overlay{margin-left:260px}@keyframes backdropBlurIn{0%{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:#0000}to{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080}}.CL-event-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 20px 64px #0003;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;container-type:inline-size}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.CL-event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-primary);border-radius:12px 12px 0 0}.CL-event-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.CL-event-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.CL-event-modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.CL-event-modal-form{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.CL-event-modal-form::-webkit-scrollbar{width:8px}.CL-event-modal-form::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.CL-event-modal-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s ease}.CL-event-modal-form::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.CL-event-modal-form{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-secondary)}.CL-event-modal-form:after{content:"";position:sticky;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);pointer-events:none;z-index:1;margin-bottom:10px}.CL-event-modal-form form{padding:24px 24px 0;flex:1}.CL-form-row{display:flex;gap:16px;margin-bottom:20px}.CL-form-row:last-child{margin-bottom:0}.CL-form-group{flex:1;display:flex;flex-direction:column}.CL-form-group label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.CL-form-group input,.CL-form-group select,.CL-form-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:all .2s ease}.CL-form-group input.CL-error,.CL-form-group select.CL-error,.CL-form-group textarea.CL-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.CL-form-group textarea{resize:vertical;min-height:80px}.CL-error-message{color:#ef4444;font-size:12px;margin-top:4px}.CL-error-message.CL-submit-error{background-color:#ef44441a;border:1px solid #ef4444;border-radius:4px;padding:8px 12px;margin-bottom:16px;font-size:14px}.CL-event-modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:20px 24px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--bg-primary);border-radius:0 0 12px 12px}.CL-event-modal-actions-left,.CL-event-modal-actions-right{display:flex;gap:12px}.CL-btn-primary,.CL-btn-secondary,.CL-btn-danger{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.CL-btn-primary{background-color:var(--accent)!important;color:#fff}.CL-btn-primary:hover:not(:disabled){opacity:.9}.CL-btn-primary:disabled{opacity:.6;cursor:not-allowed}.CL-btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.CL-btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--accent)!important}.CL-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.CL-btn-danger{background-color:#ef4444;color:#fff}.CL-btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.CL-btn-danger:disabled{opacity:.6;cursor:not-allowed}.CL-hours-field{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;cursor:text;border:1px solid var(--border-color);transition:all .2s ease}.CL-hours-field:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)!important;outline:none}.CL-hours-field:hover:not(:focus){border-color:var(--accent)}.CL-units-field{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;cursor:text;border:1px solid var(--border-color);transition:all .2s ease}.CL-units-field:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)!important;outline:none}.CL-units-field:hover:not(:focus){border-color:var(--accent)}.CL-field-help{font-size:var(--font-size-caption);color:var(--text-secondary);font-style:italic;margin-top:2px;display:block}.CL-calculated-field{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important;cursor:not-allowed;font-style:italic}.CL-calculated-field:focus{box-shadow:none!important;border-color:var(--border-color)!important}.CL-checkbox-label{display:flex!important;align-items:center;cursor:pointer;font-weight:500;margin-top:8px}.CL-checkbox-label input[type=checkbox]{opacity:0;position:absolute;pointer-events:none}.CL-checkmark{display:inline-block;width:18px;height:18px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-right:10px;position:relative;transition:all .2s ease}.CL-checkbox-label input[type=checkbox]:checked+.CL-checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.CL-checkbox-label input[type=checkbox]:checked+.CL-checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.CL-checkbox-label:hover .CL-checkmark{border-color:var(--primary-color)}.CL-form-group label{font-weight:600;margin-bottom:6px}.CL-form-group label[for=patientId],.CL-form-group label[for=caregiverId],.CL-form-group label[for=start],.CL-form-group label[for=end]{color:var(--primary-color);font-weight:700}.CL-form-group label:after{content:""}.CL-form-group label[for=patientId]:after,.CL-form-group label[for=caregiverId]:after,.CL-form-group label[for=start]:after,.CL-form-group label[for=end]:after{content:" *";color:var(--error-color, #ef4444);font-weight:700}.CL-form-group .datetime-input-container{width:100%}.CL-form-group .datetime-input-integrated{min-height:42px;padding:0}.CL-form-group .datetime-input-integrated.CL-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.CL-form-group .datetime-input-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.CL-form-group .datetime-input-label:after{content:""}.CL-form-group .datetime-input-label[for=startDateTime]:after,.CL-form-group .datetime-input-label[for=endDateTime]:after{content:" *";color:var(--error-color, #ef4444);font-weight:700}.CL-event-modal .CL-select-container{width:100%}.CL-form-group .CL-select-container .select{border:1px solid var(--border-color)!important;border-radius:6px!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;font-size:14px!important;transition:all .2s ease!important;min-height:42px!important;padding:0!important}.CL-form-group .CL-select-container .select:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61a!important}.CL-form-group .CL-select-container .select:hover:not(:focus-within){border-color:#d1d5db!important}.CL-form-group .CL-select-container .select *,.CL-form-group .CL-select-container .select input,.CL-form-group .CL-select-container .select button{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:0}.CL-form-group .CL-select-container .select__display{padding:10px 12px!important;min-height:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.CL-form-group .CL-select-container .select__search-input{border:none!important;background:transparent!important;padding:0!important;width:100%!important;font-size:14px!important;color:var(--text-primary)!important}.CL-form-group .CL-select-container .select__search-input::placeholder{color:var(--text-secondary)!important}.CL-form-group .CL-select-container.error .select,.CL-form-group .CL-select-container .select.error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.CL-event-modal .select__dropdown{z-index:10001!important;border:1px solid var(--border-color)!important;border-radius:6px!important;background:var(--bg-primary)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;max-height:200px!important;overflow-y:auto!important}.CL-event-modal .select__option{padding:8px 12px!important;color:var(--text-primary)!important;cursor:pointer!important;transition:background-color .2s ease!important;border:none!important;background:transparent!important}.CL-event-modal .select__option:hover{background-color:var(--bg-secondary)!important}.CL-event-modal .select__option.selected,.CL-event-modal .select__option--selected{background-color:var(--accent)!important;color:#fff!important}.CL-event-modal .select__option.highlighted,.CL-event-modal .select__option--highlighted{background-color:var(--bg-secondary)!important}.CL-form-group .CL-select-container .select__value{color:var(--text-primary)!important}.CL-form-group .CL-select-container .select__placeholder{color:var(--text-secondary)!important;font-style:italic!important}.CL-event-modal .select__clear{color:var(--text-secondary)!important;cursor:pointer!important;padding:2px!important;border-radius:2px!important;transition:all .2s ease!important;border:none!important;background:transparent!important}.CL-event-modal .select__clear:hover{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}.CL-event-modal .select__arrow{color:var(--text-secondary)!important;transition:transform .2s ease!important}.CL-event-modal .select__arrow--open{transform:rotate(180deg)!important}.CL-event-modal .select__actions{display:flex!important;align-items:center!important;gap:4px!important;padding-right:4px!important}.CL-form-group .select-label{font-size:14px!important;font-weight:500!important;color:var(--text-primary)!important;margin-bottom:6px!important;display:block!important}@media (max-width: 768px){.CL-event-modal .select__dropdown{max-height:150px!important}.CL-event-modal .select__option{padding:12px!important;font-size:16px!important}.CL-form-group .CL-select-container .select__search-input{font-size:16px!important}}@media (max-width: 768px){.CL-event-modal{width:95%;max-height:95vh;margin:2.5vh auto}.CL-event-modal-header{padding:16px 20px}.CL-event-modal-form form{padding:20px}.CL-event-modal-actions{padding:16px 20px}.CL-form-row{flex-direction:column;gap:12px}.CL-form-row .CL-form-group{flex:none}}.CL-loading-indicator{padding:16px;text-align:center;background-color:var(--bg-secondary);border-radius:4px;margin-bottom:20px;color:var(--text-secondary);font-style:italic}.CL-loading-indicator p{margin:0;font-size:14px}.CL-switch-label{display:block!important;font-weight:500;font-size:14px;color:var(--text-primary);margin-bottom:8px!important;cursor:default}.CL-form-group .CL-switch-label+div{margin-top:0}.CL-form-group .switch{align-self:flex-start}.CL-form-group .switch.medium{margin-top:0}.CL-form-group .switch.on .switch-track{background:var(--accent)!important}.CL-form-group .switch:focus-visible{outline-color:var(--accent)!important}.CL-select-inline{flex:1;display:flex;flex-direction:column;min-width:0}@media (max-width: 768px){.CL-event-modal{width:95%;max-width:none;margin:10px}.CL-form-row{flex-direction:column;gap:16px}.CL-select-inline{width:100%;margin-right:0}}@container (max-width: 500px){.CL-form-row{flex-direction:column;gap:16px}.CL-select-inline{width:100%;margin-right:0}}.CL-select-inline .select-container{width:100%}.CL-select-inline .CL-error-message{color:#ef4444;font-size:12px;margin-top:4px}.day-events-mini-popup{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;box-shadow:0 4px 20px #00000026;min-width:280px;max-width:400px;max-height:300px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:popupFadeIn .15s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e0e0e0)}.popup-date{font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a)}.popup-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary, #666666);transition:all .15s ease}.popup-close:hover{background:var(--bg-hover, #f0f0f0);color:var(--text-primary, #1a1a1a)}.popup-events{padding:8px;max-height:240px;overflow-y:auto}.popup-events::-webkit-scrollbar{width:6px}.popup-events::-webkit-scrollbar-track{background:transparent}.popup-events::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #cccccc);border-radius:3px}.popup-events::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #aaaaaa)}.popup-event{padding:8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}.popup-event:hover{background:var(--bg-hover, #f5f5f5)}.popup-event:last-child{margin-bottom:0}.popup-event .event-content{display:flex;flex-direction:column;gap:2px}.popup-event .event-time{font-size:11px;color:var(--text-secondary, #666666);font-weight:500}.popup-event .event-title{font-size:13px;color:var(--text-primary, #1a1a1a);font-weight:500;line-height:1.3}.popup-event .event-location{font-size:11px;color:var(--text-tertiary, #888888)}.popup-event .event-priority-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700}.popup-event .event-priority-indicator.urgent{color:var(--color-urgent, #ff4444)}.popup-event .event-priority-indicator.high{color:var(--color-high, #ff8800)}.popup-event[data-category=work]{border-left-color:var(--category-work, #4285f4)}.popup-event[data-category=personal]{border-left-color:var(--category-personal, #34a853)}.popup-event[data-category=health]{border-left-color:var(--category-health, #ea4335)}.popup-event[data-category=meeting]{border-left-color:var(--category-meeting, #fbbc04)}.default-event{display:flex;flex-direction:column;gap:2px}.default-event .event-time{font-size:11px;color:var(--text-secondary, #666666);font-weight:500}.default-event .event-title{font-size:13px;color:var(--text-primary, #1a1a1a);font-weight:500;line-height:1.3}.popup-event-content{display:flex;flex-direction:column;gap:2px}.popup-event-time{font-size:11px;color:var(--text-secondary, #666666);font-weight:500}.popup-event-title{font-size:13px;color:var(--text-primary, #1a1a1a);font-weight:500;line-height:1.3;margin-bottom:2px}.popup-event-caregiver{font-size:11px;color:var(--text-secondary, #666666)}.popup-event-patient{font-size:11px;color:var(--text-tertiary, #888888);font-style:italic}.calendar-tools-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9999;pointer-events:auto;cursor:default}.calendar-tools-dropdown-portal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:6px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;min-width:240px;max-width:280px;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:calendar-tools-dropdown-enter .15s ease-out;max-height:0;overflow:hidden;animation:calendar-tools-dropdown-enter .3s ease-out forwards,calendar-tools-height-expand .4s ease-out .1s forwards}@keyframes calendar-tools-dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes calendar-tools-height-expand{0%{max-height:0}to{max-height:1000px}}@keyframes calendar-tools-option-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.calendar-tools-header{padding:16px 16px 12px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.calendar-tools-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.calendar-tools-back-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.calendar-tools-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.2}.calendar-tools-content{padding:8px}.calendar-tools-option{width:100%;display:flex;align-items:flex-start;gap:12px;padding:12px;background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:all .15s ease;margin-bottom:4px;opacity:0;animation:calendar-tools-option-fade-in .3s ease-out forwards}.calendar-tools-option:nth-child(1){animation-delay:.2s}.calendar-tools-option:nth-child(2){animation-delay:.3s}.calendar-tools-option:nth-child(3){animation-delay:.4s}.calendar-tools-option:nth-child(4){animation-delay:.5s}.calendar-tools-option:last-child{margin-bottom:0}.calendar-tools-option:hover{background:var(--bg-surface-hover);transform:translateY(-1px)}.calendar-tools-option:active{transform:translateY(0);background:var(--bg-surface-pressed)}.calendar-tools-option-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-top:2px}.calendar-tools-option:hover .calendar-tools-option-icon{color:var(--text-primary)}.calendar-tools-option-content{flex:1;min-width:0}.calendar-tools-option-name{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.3;margin-bottom:2px}.calendar-tools-option-description{font-size:12px;color:var(--text-secondary);line-height:1.3;word-wrap:break-word}.calendar-tools-option:hover .calendar-tools-option-description{color:var(--text-tertiary)}.calendar-tools-option:focus{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (max-width: 768px){.calendar-tools-dropdown-portal{min-width:220px;max-width:260px}.calendar-tools-option{padding:10px;gap:10px}.calendar-tools-option-name{font-size:13px}.calendar-tools-option-description{font-size:11px}}.week-selector-container{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.week-selector-label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;display:block}.week-selector{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.week-selector:hover{border-color:var(--accent)}.week-selector:focus,.week-selector.open{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.week-selector.disabled{cursor:not-allowed;opacity:.6;background:var(--bg-tertiary)}.week-selector.error{border-color:var(--error-color)}.week-selector.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.week-selector.small{min-height:2rem;padding:0 .75rem;font-size:.875rem}.week-selector.medium{min-height:2.5rem;padding:0 1rem;font-size:.875rem}.week-selector.large{min-height:3rem;padding:0 1.25rem;font-size:1rem}.week-selector-display{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:100%}.week-selector-text{flex:1;color:var(--text-primary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-selector-text.placeholder{color:var(--text-tertiary)}.week-selector-actions{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;flex-shrink:0}.week-selector-clear{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:.25rem;transition:all .2s ease;padding:0}.week-selector-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.week-selector-icon{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);padding:0}.week-selector.disabled .week-selector-icon,.week-selector.disabled .week-selector-clear{color:var(--text-disabled);cursor:not-allowed}.week-selector-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 32px #0000001f;animation:weekDropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999}.week-calendar{padding:16px}.week-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.week-nav-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.week-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.week-month-year{font-size:16px;font-weight:600;color:var(--text-primary)}.week-calendar-weekdays{display:grid;grid-template-columns:40px repeat(6,1fr);gap:4px;margin-bottom:8px}.week-weekday{font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center;padding:8px 4px}.week-weekday:first-child{grid-column:1}.week-calendar-body{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.week-row{display:grid;grid-template-columns:40px repeat(6,1fr);gap:4px;border-radius:4px;padding:2px;transition:all .2s ease}.week-row:hover,.week-row.hovered{background:var(--hover-bg)}.week-row.selected{background:#3b82f61a}.week-row.partial{background:#3b82f60d}.week-selector-btn{background:none;border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;padding:0;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;height:32px;width:32px;margin:auto}.week-selector-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.week-row.selected .week-selector-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.week-row.partial .week-selector-btn{background:#3b82f633;color:var(--accent);border-color:var(--accent)}.week-day{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.week-day:hover{background:var(--hover-bg)}.week-day.other-month{color:var(--text-tertiary)}.week-day.today{background:var(--accent);color:#fff;font-weight:600}.week-day.selected{background:var(--primary-color);color:#fff}.week-day.today.selected{background:var(--accent);box-shadow:0 0 0 2px var(--primary-color)}.week-day.in-range{background:#3b82f633;color:var(--accent, #3b82f6)}.week-day.selected.in-range{background:var(--accent, #3b82f6);color:#fff}.week-calendar-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:12px}.week-today-btn,.week-clear-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease}.week-today-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.week-clear-btn:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.week-clear-btn:disabled{opacity:.5;cursor:not-allowed}.week-selection-info{font-size:12px;color:var(--text-secondary);font-weight:500}@keyframes weekDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.week-calendar{padding:12px}.week-calendar-weekdays,.week-row{grid-template-columns:32px repeat(6,1fr);gap:2px;align-items:center;justify-items:center}.week-day,.week-selector-btn{height:28px;width:28px;font-size:12px}}*{margin:0;padding:0}:root{--bg-renderer: #f0f0f0;--bg-primary: #ffffff;--bg-secondary: #f7f6f3;--bg-tertiary: #f1f1ef;--text-primary: #37352f;--text-secondary: #6b6b6b;--text-tertiary: #9b9a97;--border-color: #6363632a;--hover-bg: #afafaf33;--active-bg: #e9e9e7;--shadow: rgba(15, 15, 15, .1);--shadow-hover: rgba(15, 15, 15, .2);--input-focus-box-shadow: 0 0 0 .2rem rgba(35, 131, 226, .25);--ai-assistant-bg: rgba(255, 255, 255, .9);--button-primary-bg: #8b8b8b;--button-primary-hover: #696969;--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-hover: var(--hover-bg);--button-secondary-text: var(--text-primary);--input-bg: #ffffff;--input-border: #e9e9e7;--input-border-focus: #2383e2;--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--accent: #e44a12;--accent-r: 35;--accent-g: 131;--accent-b: 226;--accent-rgb: 35, 131, 226;--accent-red: #e03e3e;--accent-green: #0f7b0f;--accent-yellow: #ffc107;--login-card-bg: rgba(255, 255, 255, .6);--login-panel-bg: rgba(255, 255, 255, .85);--success-color: #22c55e;--error-color: #e74c3c;--warning-color: #f59e0b;--info-color: #3b82f6;--base-font-size: 16px;--compact-spacing: 1;--animations-enabled: 1;--font-size-base: 16px;--font-size-body: 16px;--font-size-heading1: 24px;--font-size-heading2: 22px;--font-size-heading3: 20px;--font-size-heading4: 18px;--font-size-heading5: 16px;--font-size-heading6: 14px;--font-size-small: 14px;--font-size-large: 18px;--font-size-button: 16px;--font-size-input: 16px;--font-size-label: 14px;--font-size-caption: 13px;--font-size-code: 14px;--skeleton-bg-light: #f0f0f0;--skeleton-bg-shimmer: #e0e0e0;--sidebar-bg: #ffffff;--stroke-width: .4}[data-theme=dark]{--ai-assistant-bg: rgba(0, 0, 0, .9);--bg-renderer: #030303;--bg-primary: #191919;--bg-secondary: #1f1f1f;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-tertiary: #6b6b6b;--border-color: #333333;--hover-bg: #2a2a2a;--active-bg: #333333;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .5);--button-primary-bg: #555555;--button-primary-hover: #272727;--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-hover: var(--hover-bg);--button-secondary-text: var(--text-primary);--input-bg: #2a2a2a;--input-border: #333333;--input-border-focus: #2383e2;--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--success-color: #16a34a;--error-color: #e74c3c;--warning-color: #d97706;--info-color: #2563eb;--login-card-bg: rgba(26, 26, 26, .6);--login-panel-bg: rgba(25, 25, 25, .85);--skeleton-bg-light: #2a2a2a;--skeleton-bg-shimmer: #656464;--sidebar-bg: #0c0c0c;--stroke-width: .4}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-renderer);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}body{overflow:hidden}body{font-size:var(--font-size-body);line-height:1.5}h1,.h1{font-size:var(--font-size-heading1);font-weight:600;line-height:1.3;margin-bottom:.5em}h2,.h2{font-size:var(--font-size-heading2);font-weight:600;line-height:1.35;margin-bottom:.5em}h3,.h3{font-size:var(--font-size-heading3);font-weight:600;line-height:1.4;margin-bottom:.5em}h4,.h4{font-size:var(--font-size-heading4);font-weight:600;line-height:1.4;margin-bottom:.5em}h5,.h5{font-size:var(--font-size-heading5);font-weight:600;line-height:1.4;margin-bottom:.5em}h6,.h6{font-size:var(--font-size-heading6);font-weight:600;line-height:1.4;margin-bottom:.5em}p,.text-body{font-size:var(--font-size-body);line-height:1.6;margin-bottom:1em}.text-small,small{font-size:var(--font-size-small);line-height:1.4}.text-large{font-size:var(--font-size-large);line-height:1.5}.text-caption{font-size:var(--font-size-caption);line-height:1.3;color:var(--text-secondary)}label,.label{font-size:var(--font-size-label);font-weight:500;color:var(--text-primary);margin-bottom:.25em;display:block}button,.button{font-size:var(--font-size-small);font-weight:500;line-height:1}input,textarea,select{font-size:var(--font-size-input);line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{font-size:var(--font-size-input)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}code,pre,.code{font-size:var(--font-size-code);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.4}ul,ol{font-size:var(--font-size-body);line-height:1.6}li{margin-bottom:.25em}.description{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4;margin-top:.25em}.nav-item,.menu-item{font-size:var(--font-size-body);line-height:1.4}.sidebar,.sidebar-nav-item{font-size:var(--font-size-body)}.settings-content h2{font-size:var(--font-size-heading2);font-weight:600;margin-bottom:1.5rem}.setting-row label{font-size:var(--font-size-label);font-weight:500}.setting-row .description{font-size:var(--font-size-small);color:var(--text-secondary)}.settings-content input,.settings-content select,.settings-content textarea{font-size:var(--font-size-input)}.title-bar{font-size:var(--font-size-body)}.title-bar-title{font-size:var(--font-size-body);font-weight:500}.dashboard-title{font-size:var(--font-size-heading1);font-weight:600}.dashboard-section-title{font-size:var(--font-size-heading3);font-weight:600}.toast{font-size:var(--font-size-body)}.toast-title{font-size:var(--font-size-body);font-weight:500}.toast-message{font-size:var(--font-size-small)}.loading-state{font-size:var(--font-size-body);color:var(--text-secondary)}.error-state{font-size:var(--font-size-body);color:var(--error-color)}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100vh;transition:background-color .2s ease;position:relative;z-index:1;margin:0!important}.app-layout{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;transition:margin-left .5s cubic-bezier(.23,1,.32,1);margin-left:0}.main-content.with-sidebar{margin-left:260px}@media (max-width: 768px){.main-content.with-sidebar{margin-left:0}}.workspace-content{position:absolute;left:0;right:0;flex:1;background-color:transparent!important;background:transparent!important;overflow:auto;display:flex;flex-direction:column;overflow-x:hidden;top:32px!important;transition:all .2s ease;width:100vw;height:calc(100vh - 32px)!important}body.mac-web .workspace-content,body.windows-web .workspace-content{top:0!important;height:100vh!important}body.sidebar-is-visible .workspace-content,.platform-macos.platform-electron body.sidebar-is-visible .workspace-content{left:260px;width:calc(100vw - 260px);right:0}body:not(.sidebar-is-visible) .workspace-content{left:0;right:0;width:100vw}.page-content{padding:24px;flex:1}.page-content h1{font-size:var(--font-size-heading1);margin-bottom:16px;color:var(--text-primary)}.page-content p{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--accent)!important;color:var(--button-primary-text);border-color:var(--button-primary-bg);font-size:var(--font-size-small)!important}.btn-primary:hover{background-color:var(--button-primary-hover);border-color:var(--button-primary-hover)}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--border-color);font-size:var(--font-size-small)!important}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.btn-danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover{background-color:#d32f2f!important;border-color:#b71c1c;color:#fff;box-shadow:0 2px 8px #e03e3e26;opacity:1;transform:translateY(-1px) scale(1);transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}.btn-success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success:hover{background-color:#16a34a;border-color:#16a34a}.btn-warning{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color)}.btn-warning:hover{background-color:#d97706;border-color:#d97706}.input{padding:8px 10px;border:1px solid var(--input-border);border-radius:4px;background-color:var(--input-bg);color:var(--input-text);font-size:var(--font-size-input);transition:all .15s ease;width:100%;box-sizing:border-box;max-width:100%}.input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #2383e21a}.input::placeholder{color:var(--input-placeholder)}.toggle-checkbox,input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;background-color:var(--input-bg);margin:0;flex-shrink:0}.toggle-checkbox:checked,input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}.toggle-checkbox:checked:after,input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.toggle-checkbox:focus,input[type=checkbox]:focus{outline:2px solid var(--accent);outline-offset:2px}.toggle-checkbox:disabled,input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 48px);background-color:var(--bg-primary);color:var(--text-primary);position:relative;z-index:1000;opacity:1;transition:opacity .2s ease-in-out}.app-container.loading .app-layout,.app-container.loading .save-toast{display:none!important}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:14px;font-weight:500}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:24px;box-shadow:0 1px 3px var(--shadow);transition:all .15s ease}.card:hover{box-shadow:0 2px 8px var(--shadow-hover)}.circuit-pulse{stroke-width:var(--stroke-width)!important;opacity:0;stroke:var(--accent);filter:drop-shadow(0 0 8px var(--border-color)) drop-shadow(0 0 12px var(--border-color));stroke-linecap:round}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-error{color:var(--accent-red);font-size:12px;margin-top:4px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:32px;margin-bottom:16px}h2{font-size:24px;margin-bottom:12px}h3{font-size:20px;margin-bottom:12px}h4{font-size:16px;margin-bottom:8px}p{color:var(--text-primary);line-height:1.5;margin-bottom:12px}.page-content h1{margin:0 0 16px;font-size:32px;font-weight:600;color:var(--text-primary)}.page-content p{color:var(--text-secondary);font-size:16px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.compact-mode{--compact-spacing: .8}.compact-mode .sidebar-content{padding:calc(20px * var(--compact-spacing)) calc(14px * var(--compact-spacing));gap:calc(20px * var(--compact-spacing))}.compact-mode .nav-item{padding:calc(8px * var(--compact-spacing)) calc(14px * var(--compact-spacing))}.compact-mode .settings-main{padding:calc(32px * var(--compact-spacing)) calc(40px * var(--compact-spacing))}.compact-mode .setting-row{padding:calc(16px * var(--compact-spacing)) 0}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body{font-size:var(--base-font-size)}.text-small{font-size:calc(var(--base-font-size) * .875)}.text-large{font-size:calc(var(--base-font-size) * 1.125)}.text-xl{font-size:calc(var(--base-font-size) * 1.25)}.detached-tab-window{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary)}.detached-window-loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-primary)}.detached-window-loading .loading-spinner{font-size:16px;opacity:.8}[class*=-modal-overlay],[class*=modal-overlay]{transition:left .5s cubic-bezier(.23,1,.32,1)}body.sidebar-temporary-visible [class*=-modal-overlay],body.sidebar-temporary-visible [class*=modal-overlay]{left:0}@media (max-width: 768px){body.sidebar-is-visible [class*=-modal-overlay],body.sidebar-is-visible [class*=modal-overlay]{left:0}}.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}.dynamic-background-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background:var(--bg-renderer)}span{font-size:var(--font-size-small);transition:all .2s ease}.app-transparent{--sidebar-bg: rgba(255, 255, 255, .8);--bg-primary: rgba(255, 255, 255, .8);--bg-secondary: rgba(247, 246, 243, .8);--bg-tertiary: rgba(25, 25, 25, .05)}[data-theme=dark].app-transparent{--sidebar-bg: rgba(15, 15, 15, .8);--bg-primary: rgba(14, 13, 13, .75);--bg-secondary: rgba(0, 0, 0, .558);--bg-tertiary: rgba(15, 15, 15, .35)}.settings-modal-overlay{position:fixed;left:0;right:0;bottom:0;background:#00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--webkit-backdrop-filter: blur(4px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:32px;animation:modalFadeIn .2s ease-out}.settings-modal{background:var(--bg-primary);border-radius:6px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:1100px;height:calc(100vh - 68px);max-height:650px;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.settings-modal-content{flex:1;overflow:hidden;display:flex;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.settings-modal-overlay{padding:10px}.settings-modal{height:calc(100vh - 68px);max-height:none}}.platform-macos.platform-electron .app-layout,.platform-macos.platform-electron .sidebar,.platform-macos.platform-electron .main-content,.platform-macos.platform-electron .messages-container,.platform-macos.platform-electron .ai-assistant-container,.platform-macos.platform-electron .ai-assistant-content,.platform-macos.platform-electron .ai-assistant-layout,.platform-macos.platform-electron .calendar-tools-sidebar,.platform-macos.platform-electron .patient-sidebar-detail,.platform-macos.platform-electron .calendar-page{height:100vh!important}.platform-macos.platform-electron .sidebar .sidebar-content{height:100vh!important;top:0!important}.platform-macos.platform-electron .settings-modal{height:calc(100vh - 40px)!important}.platform-windows.platform-electron .sidebar .sidebar-content{height:calc(100vh - 32px)!important;top:32px!important}.status-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.connected{background:#22c55e1a;color:#22c55e}.status-badge.not-connected,.status-badge.disconnected{background:#9ca3af1a;color:#6b7280}.status-badge.loading{background:#3b82f61a;color:#3b82f6;animation:pulse 2s infinite}.status-badge.coming-soon{background:#a855f71a;color:#a855f7}.integration-card .react-loading-skeleton{border-radius:4px}.connected-info .react-loading-skeleton,.integration-features .react-loading-skeleton{border-radius:3px}.connected-actions .react-loading-skeleton{border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.employees-page .page-controls,.patients-page .page-controls{position:sticky!important;top:0!important;z-index:100!important;padding-top:16px;padding-bottom:16px;margin-top:-16px;margin-bottom:8px}@media (max-width: 768px){.employees-page .page-controls,.patients-page .page-controls{padding-top:12px;padding-bottom:12px;margin-top:-12px;margin-bottom:8px}}.share-schedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:calc();background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-overlay-enter .3s ease-out}@keyframes modal-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.share-schedule-modal{background:var(--bg-primary);border-radius:6px;box-shadow:0 25px 80px #0000004d;width:95%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:modal-enter .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-color)}@keyframes modal-enter{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.share-schedule-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);padding:20px 24px 16px;flex-shrink:0}.modal-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.share-schedule-modal-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.share-schedule-modal-close{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-schedule-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:40px;position:relative;padding:12px 0}.wizard-step{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:2}.step-indicator{position:relative;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000001a;overflow:hidden}.step-indicator:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--accent);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:-1}.wizard-step.active .step-indicator:before{width:100%;height:100%}.wizard-step.active .step-indicator{border-color:var(--accent);color:#fff;transform:scale(1.1);box-shadow:0 8px 25px #2383e24d}.wizard-step.current .step-indicator{border-color:var(--accent);color:#fff;transform:scale(1.1);box-shadow:0 0 0 3px #2383e226,0 6px 15px #2383e24d;animation:pulse-glow-compact 2s ease-in-out infinite}@keyframes pulse-glow-compact{0%,to{box-shadow:0 0 0 3px #2383e226,0 6px 15px #2383e24d}50%{box-shadow:0 0 0 5px #2383e233,0 6px 15px #2383e266}}.step-icon{font-size:16px;position:absolute;opacity:1;transition:all .2s ease;z-index:1}.step-number{font-size:14px;font-weight:700;opacity:0;transition:all .2s ease;z-index:1}.wizard-step.active .step-icon{opacity:0;transform:scale(.8) rotate(90deg)}.wizard-step.active .step-number{opacity:1;transform:scale(1) rotate(0)}.step-title{font-size:11px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;text-align:center;max-width:60px}.wizard-step.active .step-title{color:var(--accent);font-weight:600;transform:translateY(-1px)}.wizard-step.current .step-title{color:var(--accent);font-weight:700;transform:translateY(-1px) scale(1.02)}.step-connector{position:absolute;top:18px;left:calc(100% + 10px);width:20px;height:2px;background:var(--border-color);border-radius:1px;transition:all .3s ease;overflow:hidden;z-index:1}.step-connector:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),rgba(35,131,226,.7));border-radius:1px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.wizard-step.active .step-connector:before{left:0}.wizard-step.active .step-connector{background:var(--accent);box-shadow:0 0 4px #2383e24d}.wizard-progress:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle,rgba(35,131,226,.03) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:float-glow-compact 4s ease-in-out infinite;z-index:0}@keyframes float-glow-compact{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.4}}.share-schedule-modal-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.wizard-step-content{animation:step-enter .3s ease-out}@keyframes step-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-header{text-align:center;margin-bottom:24px}.step-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.step-header p{margin:0;color:var(--text-secondary);font-size:14px}.date-selection{margin-bottom:24px}.date-selection-header h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.date-selection-controls{margin-bottom:20px;padding:16px 20px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color);display:flex;justify-content:center}.custom-range-toggle{display:flex;align-items:center;gap:16px;font-weight:600;color:var(--text-primary);font-size:15px;justify-content:center}.custom-range-toggle .toggle-label{-webkit-user-select:none;user-select:none}.month-year-selection{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin-bottom:20px;animation:section-enter .3s ease-out}@keyframes section-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.month-year-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.month-year-field{display:flex;flex-direction:column;gap:8px}.month-year-field label{font-size:14px;font-weight:500;color:var(--text-primary)}.custom-date-range{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin-bottom:20px;animation:section-enter .3s ease-out}.date-range-controls{display:flex;flex-direction:column;gap:0}.custom-date-range .week-selector-container{width:100%}.custom-date-range .week-selector-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.custom-date-range .week-selector{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;transition:all .2s ease}.custom-date-range .week-selector:hover{border-color:var(--accent);box-shadow:0 0 0 2px #2383e21a}.custom-date-range .week-selector.open{border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.custom-date-range .week-selector-display{padding:14px 16px}.custom-date-range .week-selector-text{font-size:14px;color:var(--text-primary)}.custom-date-range .week-selector-text.placeholder{color:var(--text-secondary)}.caregiver-selection{margin-bottom:24px}.selection-controls{margin-bottom:20px;padding:12px 16px;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color)}.select-all-toggle{display:flex;align-items:center;gap:16px;justify-content:space-between;font-weight:500;color:var(--text-primary);font-size:14px}.select-all-toggle.disabled{opacity:.5}.select-all-toggle .toggle-label{-webkit-user-select:none;user-select:none;flex:1}.Shared-caregiver-table{width:100%;border-collapse:collapse;margin-top:1rem;background:var(--bg-secondary);border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.Shared-caregiver-table thead{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.Shared-caregiver-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-right:1px solid var(--border-color);position:relative}.Shared-caregiver-table th:last-child{border-right:none}.Shared-caregiver-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-color)}.Shared-name-header{width:200px;min-width:150px}.Shared-contact-header{width:250px;min-width:200px}.Shared-shifts-header,.Shared-hours-header,.Shared-select-header{width:80px;text-align:center}.Shared-caregiver-table tbody tr{transition:all .2s ease;cursor:pointer;border-bottom:1px solid var(--border-color)}.Shared-caregiver-table tbody tr:hover{background:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.Shared-caregiver-table tbody tr.selected{background:linear-gradient(135deg,#2383e21a,#2383e20d);border-left:4px solid var(--accent)}.Shared-caregiver-table tbody tr:last-child{border-bottom:none}.Shared-caregiver-table td{padding:1px 6px;vertical-align:middle;font-size:14px;color:var(--text-primary);border-right:1px solid var(--border-color)}.Shared-caregiver-table td:last-child{border-right:none}.Shared-name-cell{font-weight:500;color:var(--text-primary)}.Shared-caregiver-name{color:var(--text-primary);font-weight:500;font-size:14px;display:block}.Shared-contact-cell{line-height:1.4}.Shared-contact-item{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;color:var(--text-secondary)}.Shared-contact-item:last-child{margin-bottom:0}.Shared-contact-icon{font-size:10px;flex-shrink:0;opacity:.7}.Shared-contact-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.Shared-shifts-cell,.Shared-hours-cell{text-align:center;font-weight:600;color:var(--accent);font-size:15px}.Shared-select-cell{text-align:center}.Shared-select-cell input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;transition:transform .2s ease}.Shared-select-cell input[type=checkbox]:hover{transform:scale(1.1)}.Shared-select-cell input[type=checkbox]:checked{transform:scale(1.2)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h4{margin:0 0 8px;color:var(--text-primary)}.empty-state p{margin:0;font-size:14px}.delivery-methods{margin-bottom:24px}.delivery-methods h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.method-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.method-card:hover{border-color:var(--accent);transform:translateY(-2px)}.method-card.selected{border-color:var(--accent);background:#2383e20d}.method-card input{display:none}.method-icon{font-size:24px;margin-bottom:8px}.method-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.method-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.template-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px;margin-bottom:20px}.template-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.template-field{margin-bottom:16px}.template-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.template-field input,.template-field textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.template-field input:focus,.template-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.character-count{font-size:12px;color:var(--text-secondary);text-align:right;margin-top:4px}.template-variables{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px}.template-variables h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.variable-tags{display:flex;flex-wrap:wrap;gap:8px}.variable-tag{background:var(--bg-primary);color:var(--accent);font-size:12px;font-weight:500;padding:6px 10px;border-radius:4px;border:1px solid var(--accent);font-family:monospace;cursor:pointer;transition:all .2s ease}.variable-tag:hover{background:var(--accent);color:#fff}.review-summary{display:flex;flex-direction:column;gap:24px}.review-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:20px}.review-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-stat{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.stat-label{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:14px;font-weight:600;color:var(--accent)}.preview-selector{margin-bottom:20px}.preview-selector label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.preview-selector select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-family:inherit}.message-previews{display:flex;flex-direction:column;gap:16px}.preview-card{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.preview-header{background:var(--bg-tertiary);padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.preview-icon{font-size:16px}.preview-type{font-size:14px;font-weight:600;color:var(--text-primary)}.preview-content{padding:16px}.email-subject{margin-bottom:12px;font-size:14px;color:var(--text-primary)}.email-body{background:var(--bg-secondary);padding:12px;border-radius:4px;border:1px solid var(--border-color)}.email-body pre{margin:0;font-size:13px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;font-family:inherit}.sms-bubble{background:var(--accent);color:#fff;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;max-width:280px;margin-left:auto;position:relative}.sms-bubble:after{content:"";position:absolute;bottom:-6px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--accent)}.schedule-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px}.schedule-preview h5{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.schedule-events{display:flex;flex-direction:column;gap:8px}.schedule-event{display:grid;grid-template-columns:80px 120px 1fr;gap:12px;padding:8px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color);font-size:12px}.event-date{color:var(--text-secondary);font-weight:500}.event-time{color:var(--accent);font-weight:500}.event-title{color:var(--text-primary)}.more-events{text-align:center;color:var(--text-secondary);font-size:12px;font-style:italic;padding:8px}.share-schedule-modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px 24px}.sending-progress{margin-bottom:16px;text-align:center}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#4f46e5 100%);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;color:var(--text-secondary)}.action-buttons{display:flex;justify-content:space-between;gap:12px}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none;font-family:inherit}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary)}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){background:#1d6dd6;transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.calendar-send-button{background:linear-gradient(135deg,var(--accent) 0%,#16a34a 100%);border-color:#16a34a}.calendar-send-button:hover:not(:disabled){background:linear-gradient(135deg,#1d6dd6,#15803d)}.send-icon{font-size:16px}.calendar-send-button .container{margin-right:8px}.loading-spinner{width:16px;height:16px;border:1px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.share-schedule-modal{width:98%;max-height:90vh;margin:1vh auto;border-radius:6px}.share-schedule-modal-header{padding:16px 20px 12px}.share-schedule-modal-content{padding:20px}.wizard-progress{gap:20px;padding:8px 0}.wizard-progress:before{width:80px;height:80px}.step-indicator{width:32px;height:32px}.step-icon{font-size:14px}.step-number{font-size:12px}.step-title{font-size:10px;max-width:45px}.step-connector{width:15px;left:calc(100% + 5px);top:16px}.wizard-step.current .step-indicator{transform:scale(1.08)}.wizard-step.active .step-indicator{transform:scale(1.02)}.method-cards,.month-year-controls{grid-template-columns:1fr;gap:12px}.Shared-caregiver-table{font-size:12px;box-shadow:none;border-radius:4px}.Shared-caregiver-table,.Shared-caregiver-table thead,.Shared-caregiver-table tbody,.Shared-caregiver-table th,.Shared-caregiver-table td,.Shared-caregiver-table tr{display:block}.Shared-caregiver-table thead tr{position:absolute;top:-9999px;left:-9999px}.Shared-caregiver-table tr{border:1px solid var(--border-color);margin-bottom:12px;padding:16px;border-radius:6px;background:var(--bg-secondary);box-shadow:0 2px 4px #0000001a}.Shared-caregiver-table tr.selected{border-left:4px solid var(--accent);background:linear-gradient(135deg,#2383e21a,#2383e20d)}.Shared-caregiver-table td{border:none;position:relative;padding:8px 8px 8px 40%;text-align:left;min-height:auto;border-right:none!important}.Shared-caregiver-table td:before{content:attr(data-label);position:absolute;left:8px;width:35%;padding-right:10px;white-space:nowrap;font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.Shared-name-cell{padding-left:8px!important;border:none!important;position:relative;text-align:left;min-height:auto}.Shared-name-cell:before{display:none}.Shared-contact-item{margin-bottom:2px;font-size:11px}.Shared-shifts-cell,.Shared-hours-cell,.Shared-select-cell{text-align:left!important}.review-stats{grid-template-columns:1fr;gap:12px}.schedule-event{grid-template-columns:1fr;gap:4px}.action-buttons{flex-direction:column}.btn-secondary,.btn-primary{width:100%;justify-content:center}}@media (max-width: 480px){.share-schedule-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;margin:0}.share-schedule-modal-header{padding:12px 16px 8px}.share-schedule-modal-title{font-size:18px}.share-schedule-modal-content,.share-schedule-modal-actions{padding:16px}.wizard-progress{gap:15px;padding:6px 0}.step-indicator{width:28px;height:28px}.step-icon{font-size:12px}.step-number{font-size:10px}.step-title{font-size:9px;max-width:35px}.step-connector{width:12px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px}.form-input,.form-textarea{font-size:16px;padding:12px}.caregiver-item{padding:12px;margin-bottom:8px}.caregiver-name{font-size:15px}.caregiver-contact{font-size:12px}}.cutscene-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:20000;animation:cutscene-enter .5s ease-out}@keyframes cutscene-enter{0%{opacity:0}to{opacity:1}}.cutscene-bars{width:100%;height:80px;background:linear-gradient(45deg,#000,#1a1a1a);position:relative;overflow:hidden}.cutscene-top-bar{border-bottom:2px solid #333}.cutscene-bottom-bar{border-top:2px solid #333}.cutscene-bars:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:cutscene-sweep 2s infinite}@keyframes cutscene-sweep{0%{left:-100%}to{left:100%}}.cutscene-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.cutscene-animation{margin-bottom:30px;filter:drop-shadow(0 0 20px rgba(74,144,226,.3))}.cutscene-text{color:#fff;font-size:24px;font-weight:600;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:cutscene-text-glow 2s ease-in-out infinite alternate}@keyframes cutscene-text-glow{0%{text-shadow:0 2px 10px rgba(0,0,0,.5)}to{text-shadow:0 2px 10px rgba(74,144,226,.5),0 0 20px rgba(74,144,226,.3)}}.cutscene-progress{display:flex;align-items:center;justify-content:center}.cutscene-dots{display:flex;gap:8px}.cutscene-dots .dot{width:8px;height:8px;border-radius:50%;background:#4a90e2;animation:cutscene-dot-pulse 1.4s ease-in-out infinite both}.cutscene-dots .dot:nth-child(1){animation-delay:-.32s}.cutscene-dots .dot:nth-child(2){animation-delay:-.16s}.cutscene-dots .dot:nth-child(3){animation-delay:0s}@keyframes cutscene-dot-pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.email-animation-section{margin-top:20px;padding:20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:6px;border:1px solid var(--border-color);text-align:center;position:relative;overflow:hidden}.email-animation-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(35,131,226,.05) 0%,transparent 70%);pointer-events:none}.animation-container{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:12px;z-index:1}.animation-status{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px;transition:all .3s ease;z-index:1;position:relative}.email-animation-section .animation-status{opacity:.8}.demo-mode-toggle{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}@media (max-width: 768px){.cutscene-bars{height:60px}.cutscene-content{padding:20px}.cutscene-text{font-size:18px}.cutscene-animation{margin-bottom:20px}.cutscene-animation>div{width:150px!important;height:150px!important}}@media (max-width: 480px){.cutscene-bars{height:40px}.cutscene-text{font-size:16px}.cutscene-animation>div{width:120px!important;height:120px!important}.wizard-progress{gap:15px;padding:8px 0}.wizard-progress:before{width:60px;height:60px}.step-indicator{width:26px;height:26px}.step-icon{font-size:11px}.step-number{font-size:10px}.step-title{font-size:8px;max-width:40px}.step-connector{width:12px;left:calc(100% + 3px);top:13px;height:2px}.wizard-step.current .step-indicator{transform:scale(1.05);box-shadow:0 0 0 2px #2383e226,0 4px 12px #2383e233}.wizard-step.active .step-indicator{transform:scale(1.01)}}@media (max-height: 600px){.share-schedule-modal{max-height:100vh;border-radius:0}.share-schedule-modal-header{padding:6px 16px 2px}.wizard-progress{padding:4px 0}.share-schedule-modal-content{padding:8px 16px}.step-indicator{width:24px;height:24px}.step-icon{font-size:10px}.step-title{font-size:8px}}@media (max-height: 480px) and (orientation: landscape){.share-schedule-modal{max-height:100vh;border-radius:0}.wizard-progress{gap:12px;padding:3px 0}.step-indicator{width:22px;height:22px}.step-title{display:none}}.calendar-right-click-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:9999;pointer-events:none}.calendar-right-click-menu-portal{background:var(--bg-primary);border-radius:6px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;border:1px solid var(--border-color);min-width:260px;max-width:320px;z-index:10000;animation:slideIn .15s ease-out;overflow:hidden;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-right-click-header{padding:16px 20px 12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:relative}.calendar-right-click-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1}.calendar-right-click-back-btn{background:none;border:none;padding:6px;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:8px}.calendar-right-click-back-btn:hover{background:var(--accent);color:#fff}.calendar-right-click-date{font-size:12px;color:#6c757d;padding:4px 8px;border-radius:6px;font-weight:500}.calendar-right-click-content{padding:8px;max-height:400px;overflow-y:auto}.calendar-right-click-content::-webkit-scrollbar{width:6px}.calendar-right-click-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.calendar-right-click-content::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.calendar-right-click-content::-webkit-scrollbar-thumb:hover{background:#adb5bd}.calendar-right-click-option{display:flex;align-items:flex-start;width:100%;padding:12px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:2px;position:relative}.calendar-right-click-option:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.calendar-right-click-option:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.calendar-right-click-option-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;margin-right:12px;flex-shrink:0}.calendar-right-click-option-icon svg{width:16px;height:16px;color:var(--text-secondary);stroke-width:2}.calendar-right-click-option-content{flex:1;min-width:0}.calendar-right-click-option-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.3}.calendar-right-click-option-description{font-size:12px;color:var(--text-tertiary);line-height:1.4;margin:0}@media (max-width: 768px){.calendar-right-click-menu-portal{min-width:240px;max-width:280px}.calendar-right-click-header{padding:12px 16px 8px}.calendar-right-click-title{font-size:15px}.calendar-right-click-option{padding:10px}.calendar-right-click-option-icon{width:28px;height:28px;margin-right:10px}.calendar-right-click-option-icon svg{width:14px;height:14px}.calendar-right-click-option-name{font-size:13px}.calendar-right-click-option-description{font-size:11px}}@media (max-width: 480px){.calendar-right-click-menu-portal{min-width:220px;max-width:260px}.calendar-right-click-content{max-height:300px}}.calendar-right-click-option:focus{outline:2px solid #667eea;outline-offset:2px}.calendar-right-click-back-btn:focus{outline:2px solid #667eea;outline-offset:2px}.calendar-right-click-content{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ask-sync-input{padding:20px;display:flex;flex-direction:column;gap:12px}.ask-sync-input input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.ask-sync-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ask-sync-input input::placeholder{color:var(--text-secondary)}.ask-sync-hint{font-size:12px;color:var(--text-secondary);text-align:center;opacity:.8}.calendar-chat-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000001a;z-index:9999;animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.calendar-chat-window{width:350px;height:400px;background:var(--bg-primary);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:height .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:chatFadeIn .3s ease-out;opacity:1}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}.calendar-chat-window.compact{height:60px;border-radius:30px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calendar-chat-window.compact .calendar-chat-header{padding:8px 16px;background:transparent;border-bottom:none;min-height:44px}.calendar-chat-window.compact .calendar-chat-header-content{flex:1}.calendar-chat-window.compact .calendar-chat-icon{background:var(--primary-color, #4a90e2);width:20px;height:20px}.calendar-chat-window.compact .calendar-chat-title h3{font-size:13px;font-weight:500;color:var(--text-color, #ffffff);margin:0}.calendar-chat-window.compact .calendar-chat-close-btn{color:var(--text-secondary-color, #a0aec0)}.calendar-chat-window.dragging{box-shadow:0 15px 35px #00000040;cursor:grabbing}.calendar-chat-header{padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;cursor:grab;-webkit-user-select:none;user-select:none}.calendar-chat-header:active{cursor:grabbing}.calendar-chat-window.compact .calendar-chat-header{border-bottom:none}.calendar-chat-header-content{display:flex;align-items:center;gap:10px}.calendar-chat-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color, #2383e2);border-radius:4px;color:#fff;flex-shrink:0}.calendar-chat-title h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #1f2937);line-height:1.2}.calendar-chat-subtitle{font-size:11px;color:var(--text-secondary-color, #6b7280);font-weight:400}.calendar-chat-actions{display:flex;gap:4px}.calendar-chat-action-btn,.calendar-chat-close-btn{width:24px;height:24px;border:none;background:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary-color, #6b7280);transition:all .15s ease}.calendar-chat-action-btn:hover,.calendar-chat-close-btn:hover{background:var(--hover-color, #f3f4f6);color:var(--text-color, #1f2937)}.calendar-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.calendar-chat-messages::-webkit-scrollbar{width:6px}.calendar-chat-messages::-webkit-scrollbar-track{background:transparent}.calendar-chat-messages::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:3px}.calendar-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color, #6b7280)}.calendar-chat-message{display:flex;flex-direction:column;max-width:85%}.calendar-chat-message.user{align-self:flex-end;align-items:flex-end}.calendar-chat-message.assistant{align-self:flex-start;align-items:flex-start}.calendar-chat-message-content{padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.calendar-chat-message.user .calendar-chat-message-content{background:var(--accent, #2383e2);color:#fff;border-bottom-right-radius:4px}.calendar-chat-message.assistant .calendar-chat-message-content{color:var(--text-primary);border-bottom-left-radius:4px}.calendar-chat-message-time{font-size:10px;color:var(--text-secondary-color, #6b7280);margin-top:4px;padding:0 4px}.calendar-chat-typing{display:flex;gap:3px;padding:4px 0}.calendar-chat-typing span{width:6px;height:6px;background:var(--text-secondary-color, #6b7280);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.calendar-chat-typing span:nth-child(1){animation-delay:-.32s}.calendar-chat-typing span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.calendar-chat-ai-loading{display:flex;align-items:center;justify-content:center;padding:8px 0;min-height:32px}.calendar-chat-input-container{padding:12px 16px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary)}.calendar-chat-input-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color, #e5e7eb);border-radius:20px;padding:8px 12px;transition:border-color .15s ease}.calendar-chat-input-wrapper:focus-within{border-color:var(--primary-color, #2383e2)}.calendar-chat-input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary);resize:none;outline:none;min-height:18px;max-height:80px;font-family:inherit;line-height:1.4}.calendar-chat-input::placeholder{color:var(--text-secondary-color, #6b7280)}.calendar-chat-send-btn{width:28px;height:28px;background-color:transparent!important;border:none;color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.calendar-chat-send-btn:hover:not(:disabled){color:var(--accent);transform:scale(1.05)}.calendar-chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.calendar-chat-window.compact{box-shadow:0 4px 12px #0000001a;border-radius:24px}.calendar-chat-window.compact .calendar-chat-header{padding:8px 12px;background:transparent;border-bottom:none}.calendar-chat-window.compact .calendar-chat-title h3{font-size:13px;font-weight:500}.calendar-chat-window.compact .calendar-chat-input-container{padding:0 12px 8px}.calendar-chat-window.compact .calendar-chat-input{padding:8px 12px;font-size:13px;border-radius:6px}.calendar-chat-window.compact .calendar-chat-send-btn{width:24px;height:24px}.calendar-chat-compact-content{display:flex;align-items:center;padding:12px 16px;height:100%;gap:12px;cursor:grab;-webkit-user-select:none;user-select:none}.calendar-chat-compact-content:active{cursor:grabbing}.calendar-chat-compact-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-chat-compact-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-family:inherit;padding:0;resize:none;outline:none;line-height:1.4}.calendar-chat-compact-input::placeholder{color:var(--text-secondary-color, #a0aec0)}.calendar-chat-compact-send-btn,.calendar-chat-compact-close-btn{background:transparent;border:none;color:var(--text-secondary-color, #a0aec0);width:20px;height:20px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease;flex-shrink:0}.calendar-chat-compact-send-btn:hover,.calendar-chat-compact-close-btn:hover{color:var(--text-color, #ffffff)}.calendar-chat-compact-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.calendar-chat-window{width:calc(100vw - 32px);height:calc(100vh - 100px);max-width:350px}}.calendar-workspace{height:95vh;margin:.3rem 2rem 2rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}.calendar-controls-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;background:transparent;z-index:60;gap:16px;position:relative}.calendar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.calendar-error h2{color:#ef4444;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.calendar-error p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.error-actions{display:flex;gap:1rem}.retry-button,.refresh-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button{background:#ef4444;color:#fff}.retry-button:hover{background:#dc2626}.refresh-button{background:#3b82f6;color:#fff}.refresh-button:hover{background:#2563eb}.calendar-container{flex:1;height:calc(100% - 80px);background:var(--bg-primary);color:var(--text-primary);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden;border-radius:6px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000001f;transition:all .3s cubic-bezier(.25,.46,.45,.94)}body.sidebar-is-visible .calendar-workspace{width:calc(95vw - 260px);margin-right:auto}.calendar-workspace.tools-sidebar-visible{width:calc(95vw - 320px)}body.sidebar-is-visible .calendar-workspace.tools-sidebar-visible{width:calc(95vw - 580px);margin-right:100px}@media (max-width: 1024px){body.sidebar-is-visible .calendar-workspace{width:calc(95vw - 260px)!important}.calendar-workspace.tools-sidebar-visible{width:calc(95vw - 280px)}body.sidebar-is-visible .calendar-workspace.tools-sidebar-visible{width:calc(95vw - 540px)}}@media (max-width: 768px){body.sidebar-is-visible .calendar-workspace{width:calc(95vw - 240px);margin:2rem auto}.calendar-workspace.tools-sidebar-visible{width:95vw}body.sidebar-is-visible .calendar-workspace.tools-sidebar-visible{width:calc(95vw - 240px)}}@media (max-width: 640px){body.sidebar-is-visible .calendar-workspace{width:95vw;margin:1rem auto}.calendar-workspace.tools-sidebar-visible{width:95vw;margin:2rem auto}body.sidebar-is-visible .calendar-workspace.tools-sidebar-visible{width:95vw;margin:1rem auto}}.calendar-ui-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.calendar-ui-controls>*{pointer-events:auto}.calendar-floating-island{display:flex;align-items:center;gap:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px 20px;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:50;opacity:.95;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:absolute;left:50%;transform:translate(-50%)}.calendar-floating-island:hover{opacity:1;box-shadow:0 12px 40px #00000029;transform:translate(-50%) translateY(-2px)}.calendar-control-separator{width:1px;height:28px;background:var(--border-color);opacity:.6}.calendar-action-controls{display:flex;align-items:center;gap:8px}.calendar-control-btn{width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);font-weight:500;font-size:11px;opacity:.8}.calendar-control-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);opacity:1;transform:scale(1.05)}.calendar-control-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);opacity:1}.calendar-control-btn.today-btn:hover{background:rgba(var(--primary-color-rgb),.15)}.calendar-view-controls{display:flex;align-items:center;gap:4px}.calendar-control-btn.filter-btn.active{background:var(--accent, var(--primary-color));box-shadow:0 2px 8px rgba(var(--accent-rgb, var(--primary-color-rgb)),.3)}.calendar-control-btn svg{transition:transform .2s ease}.calendar-control-btn:hover svg{transform:scale(1.1)}.calendar-view-controls{display:flex;flex-direction:column;gap:3px}.calendar-date-display{font-size:var(--font-size-body, 14px);font-weight:600;color:var(--text-primary);background:transparent;border:none;border-radius:4px;padding:6px 12px;min-width:120px;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative}.calendar-date-display:hover{background:var(--hover-bg);transform:scale(1.02)}.calendar-date-display.active{background:var(--hover-bg)}.calendar-date-skeleton{height:16px;width:100px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;position:relative;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.calendar-nav-btn{width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.calendar-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--primary-color)}.calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}.calendar-nav-btn:disabled:hover{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.calendar-today-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;color:var(--text-primary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-today-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.no-agency{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.no-agency h2{color:var(--text-primary);margin-bottom:12px;font-size:var(--font-size-heading2);font-weight:600}.no-agency p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.calendar-grid{background:var(--bg-primary);overflow:hidden;box-shadow:var(--shadow) 0 0 0 1px,var(--shadow) 0 3px 6px,var(--shadow-hover) 0 9px 24px;transition:all .7s cubic-bezier(.16,1,.3,1)!important}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;transition:all .7s cubic-bezier(.16,1,.3,1)!important}.calendar-day{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:6px;background:var(--bg-primary);position:relative;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;height:100%;min-height:0}.calendar-day.other-month:hover{background:rgba(var(--hover-bg-rgb, 0, 0, 0),.03)}.day-header{position:absolute;top:6px;left:6px;z-index:2;pointer-events:none}.day-number{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);line-height:1;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.calendar-day.today .day-number{background:var(--accent);color:#fff;border-radius:50%;font-weight:600}.calendar-day.other-month .day-number{color:var(--text-tertiary)}.day-events{margin-top:28px;flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.more-events{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:500;padding:2px 4px;text-align:center;margin-top:auto}.calendar-date-cell{min-height:120px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:8px;background:var(--bg-primary);position:relative;cursor:pointer;transition:all .2s ease}@media (min-height: 900px){.calendar-date-cell{min-height:140px}}@media (min-height: 1200px){.calendar-date-cell{min-height:180px}}@media (min-height: 1400px){.calendar-date-cell{min-height:220px}}.calendar-date-cell:hover{background:var(--hover-bg)}.calendar-date-cell.selected{background:#2383e214;border-color:var(--accent)}.calendar-date-cell.other-month{background:var(--bg-tertiary);color:var(--text-tertiary)}.calendar-date-cell.today{background:#2383e20d}[data-theme=dark] .calendar-date-cell{background:#2d2d2d}[data-theme=dark] .calendar-date-cell:hover{background:#3a3a3a}[data-theme=dark] .calendar-date-cell.other-month{background:#1a1a1a;color:var(--text-tertiary)}[data-theme=dark] .calendar-date-cell.today{background:#3d3d3d}.calendar-date-number{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);margin-bottom:4px}.calendar-date-cell.today .calendar-date-number{background:var(--accent);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.calendar-event{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:4px;padding:6px 8px;font-size:var(--font-size-caption);font-weight:500;margin-bottom:2px;cursor:pointer;transition:all .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;box-shadow:0 1px 3px #0000000d}.calendar-event:hover{background:var(--hover-bg);border-color:var(--accent);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.calendar-event.selected{background:rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.1);border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.2)}.calendar-event.type-visit{border-left-color:var(--success-color)}.calendar-event.type-therapy{border-left-color:var(--warning-color)}.calendar-event.type-consultation{border-left-color:#8b5cf6}.calendar-event.type-emergency{border-left-color:var(--error-color)}.calendar-event.type-medication{border-left-color:var(--info-color)}.event-content{display:flex;flex-direction:row;gap:10px}.event-title{font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:2px}.event-time{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:400;color:#fff;line-height:1.2}.event-caregiver{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:400;color:#fff;line-height:1.2}.event-patient{font-size:var(--font-size-caption);color:var(--text-tertiary);font-weight:400;line-height:1.2}.calendar-event.compact{padding:4px 6px;margin-bottom:1px}.calendar-event.compact .event-title{font-size:var(--font-size-caption);margin-bottom:0}.calendar-event.status-completed{opacity:.6;background:var(--bg-tertiary);border-color:var(--border-color)}.calendar-event.status-completed .event-title{text-decoration:line-through;color:var(--text-tertiary)}.calendar-event.status-cancelled{background:var(--bg-tertiary);border-left-color:var(--text-tertiary);border-color:var(--border-color);opacity:.5}.calendar-event.status-cancelled .event-title{text-decoration:line-through;color:var(--text-tertiary)}.event-status-indicator{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:transparent;transition:all .15s ease}.calendar-event.status-scheduled .event-status-indicator{background:var(--success-color)}.calendar-event.status-in-progress .event-status-indicator{background:var(--warning-color)}.calendar-event.status-completed .event-status-indicator{background:var(--text-tertiary)}.calendar-event.status-cancelled .event-status-indicator{background:var(--error-color)}.week-hour-cell .calendar-event,.day-hour-cell .calendar-event{padding:8px 10px;margin-bottom:4px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent);box-shadow:0 1px 3px #00000014}.week-hour-cell .calendar-event:hover,.day-hour-cell .calendar-event:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-1px)}.day-hour-cell .calendar-event{padding:10px 12px;margin-bottom:6px;border-radius:10px}.day-hour-cell .event-title{font-size:var(--font-size-body);font-weight:600;margin-bottom:4px}.day-hour-cell .event-time{font-size:var(--font-size-small);margin-bottom:2px}.day-hour-cell .event-caregiver,.day-hour-cell .event-patient{font-size:var(--font-size-small)}[data-theme=dark] .calendar-event{background:#2a2a2a;border-color:#3a3a3a;box-shadow:0 1px 3px #0003}[data-theme=dark] .calendar-event:hover{background:#333;box-shadow:0 2px 6px #0000004d}[data-theme=dark] .calendar-event.status-completed,[data-theme=dark] .calendar-event.status-cancelled{background:#1a1a1a;border-color:#2a2a2a}.calendar-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-secondary)}.calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);text-align:center}.calendar-empty h3{margin:0 0 8px;font-size:var(--font-size-heading4);font-weight:600;color:var(--text-primary)}.calendar-empty p{margin:0;font-size:var(--font-size-body)}.calendar-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.calendar-filter-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.calendar-filter-overlay-content{position:relative;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);box-shadow:var(--shadow) 0 10px 25px,var(--shadow-hover) 0 20px 40px;max-width:600px;width:90%;max-height:70vh;overflow:hidden;z-index:1001;animation:filterOverlaySlideIn .3s ease-out}.calendar-filter-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.calendar-filter-overlay-header h3{margin:0;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary)}.filter-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filter-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.calendar-filter-overlay-body{padding:24px;overflow-y:auto;max-height:calc(70vh - 80px)}@keyframes filterOverlaySlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .calendar-filter-overlay-backdrop{background:#0009}@media (max-width: 768px){.calendar-filter-overlay{padding-top:20px;padding-left:16px;padding-right:16px}.calendar-filter-overlay-content{width:100%;max-height:80vh}.calendar-filter-overlay-header{padding:16px 20px}.calendar-filter-overlay-body{padding:20px;max-height:calc(80vh - 70px)}}@media (max-width: 768px){.calendar-header{padding:12px 16px}.calendar-filters-bar{padding:8px 16px}.calendar-content{padding:16px}}@media (max-width: 768px){.calendar-side-controls{transform:translateY(-50%) translate(75%);gap:8px}.calendar-side-controls.visible{transform:translateY(-50%) translate(0)}.calendar-mouse-zone{width:50px}.calendar-control-btn{width:40px;height:40px;font-size:12px}.calendar-nav-controls{top:16px;left:16px;gap:8px}.calendar-date-display{font-size:var(--font-size-body, 14px);padding:6px 12px;min-width:120px}.calendar-nav-buttons{padding:3px}}@media (max-width: 480px){.calendar-side-controls{transform:translateY(-50%) translate(70%);gap:6px}.calendar-side-controls.visible{transform:translateY(-50%) translate(0)}.calendar-mouse-zone{width:40px}.calendar-control-btn{width:36px;height:36px;font-size:11px}.calendar-nav-controls{top:12px;left:12px;gap:6px}.calendar-date-display{font-size:13px;padding:4px 8px;min-width:100px}.calendar-nav-buttons{padding:2px}}.calendar-container *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.calendar-week-view,.calendar-day-view{display:flex;flex-direction:column;height:100%}.calendar-time-slots{display:grid;grid-template-rows:repeat(24,1fr);min-height:1200px;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--bg-primary)}.calendar-time-slot{border-bottom:1px solid var(--border-color);position:relative;padding:8px 12px;min-height:50px}.calendar-time-slot:hover{background:var(--hover-bg)}.calendar-time-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:500}.calendar-container *{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.calendar-event{animation:fadeInUp .3s ease-out}.calendar-header-cell{padding:12px 8px;text-align:center;font-weight:600;font-size:var(--font-size-small);color:var(--text-secondary);background:var(--bg-secondary);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-header-cell:last-child{border-right:none}@media (max-width: 768px){.calendar-header-cell{padding:8px 4px;font-size:12px}}@media (max-width: 480px){.calendar-header-cell{padding:6px 2px;font-size:11px}}body.sidebar-is-visible .calendar-header-cell{padding:10px 6px;font-size:13px}body.sidebar-is-visible .calendar-header-cell:first-child{padding-left:8px}body.sidebar-is-visible .calendar-header-cell:last-child{padding-right:8px}body.mac-web .calendar-header-cell,body.windows-web .calendar-header-cell{height:32px;padding:6px 8px;display:flex;align-items:center;justify-content:center}.calendar-day.highlighted{background:var(--calendar-highlight-bg, rgba(35, 131, 226, .15))!important;transform:scale(1.02);box-shadow:0 4px 12px var(--calendar-highlight-shadow, rgba(35, 131, 226, .3));animation:highlightPulse 2s ease-in-out;z-index:5;position:relative}.calendar-day.highlighted .day-number{border-radius:50%;font-weight:600;transform:scale(1.1)}@keyframes highlightPulse{0%{box-shadow:0 4px 12px var(--calendar-highlight-shadow, rgba(35, 131, 226, .3));transform:scale(1);border:0px solid var(--primary-color)!important}50%{box-shadow:0 6px 16px var(--calendar-highlight-shadow, rgba(35, 131, 226, .5));transform:scale(1);border:1px solid var(--primary-color)!important}to{box-shadow:0 4px 12px var(--calendar-highlight-shadow, rgba(35, 131, 226, .3));transform:scale(1);border:0px solid var(--primary-color)!important}}.calendar-day.highlighted.other-month{background:var(--calendar-highlight-bg, rgba(35, 131, 226, .12))!important;opacity:1}.calendar-day.highlighted.other-month .day-number{color:#fff;opacity:1}.calendar-nav-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.calendar-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:none}.calendar-nav-btn:disabled:hover{background:none;color:var(--text-secondary)}.calendar-control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.calendar-control-btn:disabled:hover{background:var(--bg-primary);border-color:var(--border-color);transform:none;box-shadow:var(--shadow-sm)}.calendar-grid.week-view{height:100%;display:flex;flex-direction:column;transition:all .7s cubic-bezier(.16,1,.3,1);position:relative;z-index:1}.week-header{display:grid;grid-template-columns:80px repeat(7,1fr);background:var(--bg-primary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:5;transition:all .7s cubic-bezier(.16,1,.3,1)}.time-column-header{padding:16px 8px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.time-label{font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary)}.week-day-header{padding:16px 8px;text-align:center;border-right:1px solid var(--border-color);background:var(--bg-primary);transition:all .2s ease}.week-day-header.today{background:rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.1);border-color:var(--accent);color:#fff}.week-day-name{font-size:var(--font-size-small);font-weight:600;color:var(--text-secondary);margin-bottom:4px}.week-day-date{font-size:var(--font-size-heading4);font-weight:700;color:var(--text-primary)}.week-day-header.today .week-day-date{color:var(--accent)}.week-body{flex:1;overflow-y:auto;transition:all .7s cubic-bezier(.16,1,.3,1);scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:1}.week-body::-webkit-scrollbar{display:none}.week-hour-row{display:grid;grid-template-columns:80px repeat(7,1fr);min-height:60px;border-bottom:1px solid var(--border-color)}.week-time-column{padding:8px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:center}.week-hour-label{font-size:var(--font-size-caption);color:var(--text-secondary);font-weight:500}.week-hour-cell{border-right:1px solid var(--border-color);padding:4px;background:var(--bg-primary);position:relative;min-height:60px;transition:all .2s ease}.week-hour-cell:hover{background:var(--hover-bg)}.week-hour-cell.today{background:rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.05)}.week-hour-cell .calendar-event{margin-bottom:4px;font-size:var(--font-size-caption);padding:6px 8px;border-radius:4px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.week-header,.week-hour-row{grid-template-columns:60px repeat(7,1fr)}.time-column-header,.week-time-column{padding:8px 4px}.week-day-header{padding:12px 4px}.week-day-name{font-size:var(--font-size-caption)}.week-day-date{font-size:var(--font-size-body)}}@media (max-width: 480px){.week-header,.week-hour-row{grid-template-columns:50px repeat(7,1fr)}}.calendar-control-btn.new-event-btn{display:flex;align-items:center;width:100px;gap:4px}.new-event-label{font-size:var(--font-size-caption);font-weight:500}.calendar-left-island{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px 20px;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:50;opacity:.95;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.calendar-left-island:hover{opacity:1;transform:translateY(-2px);box-shadow:0 12px 40px #00000029}.calendar-left-island .calendar-view-controls{flex-direction:row;gap:4px}.calendar-left-island .calendar-control-btn{width:32px;height:32px;font-size:11px}.calendar-left-island-condensed{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px 20px;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:50;opacity:.95;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.calendar-condensed-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:all .2s ease}.calendar-condensed-btn:hover,.calendar-condensed-btn.active{color:var(--accent)}.calendar-condensed-btn svg{transition:transform .2s ease}.calendar-condensed-btn.active svg{transform:rotate(90deg)}.condensed-dropdown-portal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:200px;max-width:250px;overflow:hidden;z-index:10000;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.condensed-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.condensed-dropdown-title{font-size:14px;font-weight:600;color:var(--text-primary)}.condensed-dropdown-close-btn{width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.condensed-dropdown-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.condensed-dropdown-content{padding:16px}.condensed-dropdown-section{margin-bottom:16px}.condensed-dropdown-section:last-child{margin-bottom:0}.condensed-dropdown-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px}.condensed-dropdown-buttons{display:flex;flex-direction:column;gap:6px}.condensed-dropdown-btn{display:flex;align-items:center;padding:10px 12px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.condensed-dropdown-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.condensed-dropdown-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width: 910px){.calendar-left-island,.calendar-floating-island,.calendar-left-island-condensed{padding:8px 12px}.condensed-dropdown-portal{min-width:180px;max-width:calc(100vw - 32px);padding:12px}.calendar-condensed-btn{font-size:13px}}@media (max-width: 1225px){.calendar-workspace.tools-sidebar-visible .calendar-left-island,.calendar-workspace.tools-sidebar-visible .calendar-floating-island,.calendar-workspace.tools-sidebar-visible .calendar-left-island-condensed{padding:8px 12px}.calendar-workspace.tools-sidebar-visible .condensed-dropdown-portal{min-width:180px;max-width:calc(100vw - 32px);padding:12px}.calendar-workspace.tools-sidebar-visible .calendar-condensed-btn{font-size:13px}}@media (max-width: 1225px){body.sidebar-is-visible .calendar-left-island,body.sidebar-is-visible .calendar-floating-island,body.sidebar-is-visible .calendar-left-island-condensed{padding:8px 12px}body.sidebar-is-visible .condensed-dropdown-portal{min-width:180px;max-width:calc(100vw - 32px);padding:12px}body.sidebar-is-visible .calendar-condensed-btn{font-size:13px}}.calendar-sidebar-toggle.new-event-plus-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--accent);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;box-shadow:0 4px 16px var(--accent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.calendar-sidebar-toggle.new-event-plus-btn svg{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.calendar-sidebar-toggle.new-event-plus-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px var(--accent)}.calendar-sidebar-toggle.new-event-plus-btn:active{transform:translateY(0) scale(.95)}.calendar-sidebar-toggle.new-event-plus-btn.active{background:var(--accent);border-color:var(--accent);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px var(--accent)}.calendar-sidebar-toggle.new-event-plus-btn.active svg{transform:rotate(45deg);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 768px){.calendar-controls-header{padding:12px 16px;gap:12px}.calendar-sidebar-toggle.new-event-plus-btn{width:44px;height:44px}.calendar-left-island,.calendar-floating-island{padding:8px 12px}}@keyframes calendar-fade-in{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes header-flutter-in{0%{opacity:0;transform:translateY(-15px) rotate(2deg);filter:blur(3px)}60%{opacity:.8;transform:translateY(3px) rotate(-1deg);filter:blur(1px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}@keyframes control-bounce-in{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{opacity:.7;transform:scale(1.05) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-workspace.calendar-mounting{animation:calendar-fade-in .8s cubic-bezier(.25,.46,.45,.94) forwards}.calendar-controls-header.header-mounting{animation:header-flutter-in .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;opacity:0}.calendar-left-island.island-mounting,.calendar-floating-island.island-mounting,.calendar-sidebar-toggle.button-mounting{animation:control-bounce-in .5s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.calendar-left-island.island-mounting{animation-delay:.4s}.calendar-floating-island.island-mounting{animation-delay:.5s}.calendar-sidebar-toggle.button-mounting{animation-delay:.6s}.calendar-container.container-mounting{animation:calendar-fade-in .7s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.3s;opacity:0}.calendar-view-controls button,.calendar-control-btn.filter-btn{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.calendar-view-controls.controls-mounting button{animation:control-bounce-in .4s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.calendar-view-controls.controls-mounting button:nth-child(1){animation-delay:.7s}.calendar-view-controls.controls-mounting button:nth-child(2){animation-delay:.75s}.calendar-view-controls.controls-mounting button:nth-child(3){animation-delay:.8s}.calendar-control-btn.filter-btn.filter-mounting{animation:control-bounce-in .4s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:.85s;opacity:0}.calendar-nav-btn.nav-mounting{animation:control-bounce-in .4s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}.calendar-nav-btn.nav-mounting:first-child{animation-delay:.9s}.calendar-date-display.date-mounting{animation:header-flutter-in .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.95s;opacity:0}.calendar-nav-btn.nav-mounting:last-child{animation-delay:1s}@media (prefers-reduced-motion: reduce){.calendar-workspace.calendar-mounting,.calendar-controls-header.header-mounting,.calendar-left-island.island-mounting,.calendar-floating-island.island-mounting,.calendar-sidebar-toggle.button-mounting,.calendar-container.container-mounting,.calendar-view-controls.controls-mounting button,.calendar-control-btn.filter-btn.filter-mounting,.calendar-nav-btn.nav-mounting,.calendar-date-display.date-mounting{animation:none;opacity:1;transform:none;filter:none}}.fc-daygrid-more-link,.fc-more-link{animation:more-link-flutter-in .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.3s;opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@keyframes more-link-flutter-in{0%{opacity:0;transform:translateY(-8px) rotate(1deg) scale(.9);filter:blur(2px)}50%{opacity:.8;transform:translateY(2px) rotate(-.5deg) scale(1.05);filter:blur(.5px)}to{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:blur(0)}}.fc-daygrid-more-link:hover,.fc-more-link:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-r, 35),var(--accent-g, 131),var(--accent-b, 226),.3);background:var(--accent);color:#fff}@media (prefers-reduced-motion: reduce){.fc-daygrid-more-link,.fc-more-link{animation:none;opacity:1;transform:none;filter:none}}body.sidebar-is-visible .calendar-workspace.full-screen{width:calc(100vw - 260px)!important}body.sidebar-is-visible .calendar-workspace.full-screen.tools-sidebar-visible{width:calc(100vw - 580px)!important;margin-right:100px}.calendar-workspace.full-screen{position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:calc(100vh - 32px);margin:0!important;z-index:1000;border-radius:0}body.mac-web .calendar-workspace.full-screen,body.windows-web .calendar-workspace.full-screen{height:100vh!important}.calendar-workspace.full-screen.tools-sidebar-visible{width:calc(100vw - 320px)!important}.calendar-workspace.full-screen .calendar-container{height:100vh;border-radius:0;border:none;box-shadow:none}.calendar-workspace.full-screen .calendar-controls-header{position:absolute;bottom:30px;width:100%;padding:0 30px!important;border-radius:6px;z-index:1001;opacity:.95;box-sizing:border-box}.calendar-workspace.full-screen .calendar-controls-header:hover{opacity:1}@keyframes enterFullscreen{0%{position:relative;width:95vw;height:90vh;margin:.3rem 2rem 2rem;z-index:1;border-radius:6px}to{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0;z-index:1000;border-radius:0}}@keyframes exitFullscreen{0%{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0;z-index:1000;border-radius:0}to{position:relative;width:95vw;height:90vh;margin:.3rem 2rem 2rem;z-index:1;border-radius:6px}}@media (prefers-reduced-motion: reduce){.calendar-workspace.entering-fullscreen,.calendar-workspace.exiting-fullscreen{animation:none}}.calendar-settings-btn{width:32px;height:32px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;opacity:.8}.calendar-settings-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--primary-color);transform:scale(1.05);opacity:1}.calendar-settings-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);opacity:1}.calendar-settings-btn:hover svg{transform:rotate(90deg)}.calendar-settings-btn svg{transition:transform .3s ease}.calendar-settings-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9999}.calendar-settings-dropdown-portal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);min-width:280px;animation:settingsDropdownSlideIn .2s cubic-bezier(.25,.46,.45,.94)}.calendar-settings-header{padding:16px 20px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px 8px 0 0}.calendar-settings-title{margin:0;font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.calendar-settings-content{padding:16px 20px}.calendar-setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.calendar-setting-label{flex:1}.calendar-setting-name{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary);margin-bottom:4px}.calendar-setting-description{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}.calendar-setting-switch{flex-shrink:0}@keyframes settingsDropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calendar-tools-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;opacity:.8;white-space:nowrap}.calendar-tools-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--primary-color);transform:translateY(-1px);opacity:1;box-shadow:0 4px 12px #0000001a}.calendar-tools-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);opacity:1;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.calendar-tools-btn svg{transition:transform .3s ease;flex-shrink:0}[data-theme=dark] .calendar-settings-dropdown-portal{box-shadow:0 8px 32px #0000004d}@media (prefers-reduced-motion: reduce){.calendar-settings-dropdown-portal{animation:none}}.calendar-tools-container{position:relative;display:flex;align-items:center}.calendar-tools-select{min-width:120px}.calendar-tools-select .select{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:4px;height:32px;font-size:var(--font-size-small);opacity:.8;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.calendar-tools-select .select:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:scale(1.02);opacity:1}.calendar-tools-select .select--open{border-color:var(--primary-color);opacity:1}.calendar-tools-select .select__display{padding:0 8px;height:100%}.calendar-tools-select .select__value{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.calendar-tools-select .select__arrow{opacity:.6}.calendar-tools-select .select:hover .select__arrow{opacity:1}.calendar-tools-select .select__option-inner{display:flex;align-items:center;gap:8px;padding:0}.calendar-tools-select .select__option-icon{display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.calendar-tools-select .select__option:hover .select__option-icon{opacity:1;color:var(--primary-color)}.calendar-tools-select .select__option-text{font-size:var(--font-size-small);font-weight:500}[data-theme=dark] .calendar-tools-select .select{border-color:var(--border-color-dark, rgba(255, 255, 255, .1));background:var(--bg-primary-dark, rgba(0, 0, 0, .6))}[data-theme=dark] .calendar-tools-select .select:hover{background:var(--hover-bg-dark, rgba(255, 255, 255, .1))}.messaging-performance-tester{padding:24px;max-width:1200px;margin:0 auto;background:var(--bg-primary);min-height:100vh}.tester-header{text-align:center;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.tester-header h2{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary)}.tester-header p{margin:0;font-size:16px;color:var(--text-secondary)}.test-configuration{background:var(--bg-secondary);border-radius:6px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.test-configuration h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.config-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.config-row label{font-weight:500;color:var(--text-primary);min-width:140px}.config-row input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.config-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2383e21a}.config-info{background:var(--bg-primary);border-radius:4px;padding:16px;border:1px solid var(--border-color)}.config-info p{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.config-info p:last-child{margin-bottom:0}.test-actions{background:var(--bg-secondary);border-radius:6px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.test-actions h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.test-button,.info-button,.clear-button{padding:12px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.test-button{background:var(--accent);color:#fff}.test-button:hover:not(:disabled){background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.test-button:disabled{background:var(--text-tertiary);color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.info-button{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.info-button:hover{background:var(--hover-bg);transform:translateY(-1px)}.clear-button{background:#ef4444;color:#fff}.clear-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.test-results{background:var(--bg-secondary);border-radius:6px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.test-results h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.results-table{overflow-x:auto}.results-table table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.results-table th,.results-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.results-table th{background:var(--hover-bg);font-weight:600;color:var(--text-primary);font-size:14px}.results-table td{color:var(--text-secondary);font-size:14px}.results-table tr:last-child td{border-bottom:none}.buffer-stats{background:var(--bg-secondary);border-radius:6px;padding:20px;margin-bottom:24px;border:1px solid var(--border-color)}.buffer-stats h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.stat-card{background:var(--bg-primary);border-radius:4px;padding:16px;border:1px solid var(--border-color)}.stat-card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary);font-family:monospace;background:var(--hover-bg);padding:4px 8px;border-radius:4px}.stat-details p{margin:0 0 6px;font-size:13px;color:var(--text-secondary)}.stat-details p:last-child{margin-bottom:0}.performance-tips{background:var(--bg-secondary);border-radius:6px;padding:20px;border:1px solid var(--border-color)}.performance-tips h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.performance-tips ul{margin:0;padding-left:20px}.performance-tips li{margin-bottom:8px;font-size:14px;color:var(--text-secondary);line-height:1.5}.performance-tips li:last-child{margin-bottom:0}.performance-tips strong{color:var(--text-primary)}@media (max-width: 768px){.messaging-performance-tester{padding:16px}.action-buttons,.stats-grid{grid-template-columns:1fr}.config-row{flex-direction:column;align-items:stretch}.config-row label{min-width:auto;margin-bottom:4px}.results-table{font-size:12px}.results-table th,.results-table td{padding:8px 12px}}.fullscreen-messaging{position:static;width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:0;transition:opacity .4s ease-out}.fullscreen-messaging.loaded{opacity:1}.fullscreen-messaging-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);padding:40px 24px;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:65px!important;opacity:0;transition:opacity .6s ease-out .1s}.fullscreen-messaging.loaded .fullscreen-messaging-header{opacity:1}.messaging-header-content{display:flex;align-items:center;justify-content:space-between;max-width:100%}.messaging-title{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.messaging-header-actions{display:flex;gap:12px;align-items:center}.messaging-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.messaging-action-btn.primary{background:var(--accent);color:#fff}.messaging-action-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.messaging-action-btn.primary:hover{background:var(--accent)}.fullscreen-messaging-layout{flex:1;display:flex;overflow:hidden;min-height:0}.conversations-sidebar{width:350px;background-color:var(--bg-primary);min-width:350px;max-width:600px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;resize:horizontal;overflow:hidden;opacity:0;transition:opacity .6s ease-out .2s}.fullscreen-messaging.loaded .conversations-sidebar{opacity:1}.chat-content{flex:1;display:flex;flex-direction:column;min-width:0;opacity:0;transition:opacity .6s ease-out .3s}.fullscreen-messaging.loaded .chat-content{opacity:1}.empty-chat-state{flex:1;display:flex;align-items:center;justify-content:center}.empty-chat-content{text-align:center;max-width:400px;padding:40px;animation:fadeInUp .6s ease-out}.empty-chat-icon{color:var(--text-tertiary);margin-bottom:24px;opacity:.6}.empty-chat-content h2,.empty-chat-content h3{margin:0 0 12px;font-size:28px;font-weight:600;color:var(--text-secondary)!important}.empty-chat-content p{margin:0 0 32px;font-size:16px;color:var(--text-secondary);line-height:1.5}.start-chat-btn{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.start-chat-btn:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #2383e24d}.conversation-item.fullscreen{transition:all .2s cubic-bezier(.4,0,.2,1)}.conversation-item.active{animation:slideInActive .3s ease-out}@keyframes slideInActive{0%{transform:translate(-8px);opacity:.8}to{transform:translate(0);opacity:1}}.fullscreen-messaging-layout{animation:slideInMessage .4s ease-out}@keyframes slideInMessage{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.conversations-sidebar{width:300px;min-width:280px}.messaging-title{font-size:20px}}@media (max-width: 768px){.fullscreen-messaging-layout{flex-direction:column}.conversations-sidebar{width:100%;max-width:none;height:40%;resize:vertical;border-right:none;border-bottom:1px solid var(--border-color)}.chat-content{height:60%}.messaging-header-content{flex-direction:column;gap:16px;align-items:stretch}.messaging-header-actions{justify-content:center}}@media (max-width: 480px){.fullscreen-messaging-header{padding:12px 16px}.messaging-title{font-size:18px}.messaging-action-btn{padding:6px 12px;font-size:13px}.conversations-sidebar,.chat-content{height:50%}}.fullscreen-messaging .conversation-list,.fullscreen-messaging .chat-window{height:100%}.messages-page{position:relative;display:flex;flex-direction:column;color:var(--text-primary);height:100%;background-color:var(--bg-primary);min-height:100vh}.messages-page-content{flex:1;overflow:hidden;position:relative}.messages-content-loaded{animation:fadeInContent .5s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.messages-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:var(--bg-primary);animation:fadeIn .3s ease-out;gap:24px}.loading-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0;animation:fadeIn .5s ease-out .2s both}.messages-page .messaging-container{position:static;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;bottom:auto;right:auto}.messages-page .messaging-header{display:none}.messages-page .messaging-content{height:100%}[data-theme=dark] .messages-page{background:var(--bg-primary)}[data-theme=dark] .messages-page-header{background:var(--bg-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .messages-page-header h1{color:var(--text-primary)}[data-theme=dark] .messages-page-header p{color:var(--text-secondary)}.save-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);z-index:99999;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:16px 20px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUpsave .3s ease-out forwards;min-width:280px;max-width:400px;pointer-events:auto;opacity:0}.save-toast.fade-out{animation:fadeOutsave .3s ease-out forwards}.save-toast.success{background:var(--bg-primary)}.save-toast.error{border-color:var(--error-color, #ef4444);background:var(--background-primary)}.save-toast-content{display:flex;align-items:center;justify-content:center;gap:12px}.save-toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.save-toast-message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.success-icon{width:24px;height:24px;position:relative}.error-icon{width:24px;height:24px;color:var(--error-color, #ef4444)}.error-icon svg{width:24px;height:24px;animation:errorPulse .4s ease-out}@keyframes slideInUpsave{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOutsave{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}@keyframes errorPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.save-toast{bottom:20px;left:16px;right:16px;transform:translateY(20px);min-width:auto;max-width:none}.save-toast{animation:slideInUpMobile .3s ease-out forwards}.save-toast.fade-out{animation:fadeOutMobile .3s ease-out forwards}}@keyframes slideInUpMobile{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOutMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media (max-width: 480px){.save-toast{bottom:16px;left:12px;right:12px;padding:14px 16px}.save-toast-content{gap:10px}.save-toast-message{font-size:13px}}[data-theme=dark] .save-toast{box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}@media (prefers-reduced-motion: reduce){.save-toast{animation:none}.success-circle,.checkmark-path{animation:none;stroke-dashoffset:0}.error-icon svg{animation:none}}@media (prefers-contrast: high){.save-toast{border-width:2px;box-shadow:none}}body.sidebar-is-visible .save-toast{left:calc(50% + 130px);transform:translate(-40%)}.roles-permissions-container{background:var(--bg-primary);padding:0}.roles-header-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:24px 32px;position:sticky;top:0;z-index:100}.header-navigation{margin-bottom:16px}.btn-back{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:8px 16px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s ease}.btn-back:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.header-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px;line-height:1.2}.header-content p{color:var(--text-secondary);font-size:16px;margin:0}.roles-content{padding:32px;max-width:1200px;margin:0 auto}.roles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.roles-loading p{color:var(--text-secondary);font-size:16px;margin:0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;margin-bottom:32px}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.role-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.role-info{flex:1;min-width:0}.role-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.role-name{color:var(--text-primary);font-size:20px;font-weight:700;margin:0;line-height:1.3}.system-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.role-description{color:var(--text-secondary);font-size:14px;margin:0 0 12px;line-height:1.5}.role-stats{display:flex;align-items:center;gap:16px}.role-member-count{color:var(--text-tertiary);font-size:13px;display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);padding:6px 12px;border-radius:20px;font-weight:500}.role-actions{display:flex;gap:8px;flex-shrink:0}.btn-ghost-small{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary)}.btn-ghost-small:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-danger-ghost:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.role-permissions{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.role-permissions h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{background:var(--accent);color:#fff;font-size:12px;padding:6px 12px;border-radius:20px;font-weight:500;text-transform:capitalize}.roles-actions{display:flex;gap:16px;padding:24px 32px;background:var(--bg-secondary);border-top:1px solid var(--border-color);position:sticky;bottom:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:20px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:40px}.access-denied h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 12px}.access-denied p{color:var(--text-secondary);font-size:16px;margin:0 0 32px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border-radius:6px;box-shadow:0 20px 40px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;transition:border-color .2s ease;font-size:var(--font-size-input)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.permissions-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px;padding:16px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.checkbox-item{display:flex;align-items:center;gap:10px}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-item label{color:var(--text-primary);font-size:14px;cursor:pointer;font-weight:500;line-height:1.4}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.btn-primary{background:var(--accent-primary);color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.no-permissions{color:var(--text-tertiary);font-style:italic;font-size:var(--font-size-small)}.info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:24px;margin-top:32px}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.info-header svg{color:var(--accent-primary);flex-shrink:0}.info-header h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.info-content{color:var(--text-secondary);line-height:1.6}.info-content p{margin:0 0 16px}.info-content ul{margin:0 0 16px;padding-left:20px}.info-content li{margin-bottom:8px}.info-content strong{color:var(--text-primary);font-weight:600}.info-content p:last-child{margin-bottom:0}@media (max-width: 1024px){.roles-content{padding:24px}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media (max-width: 768px){.roles-header-section{padding:16px 20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-content h1{font-size:28px}.roles-content{padding:20px}.roles-grid{grid-template-columns:1fr;gap:16px}.role-header{flex-direction:column;gap:16px}.role-actions{align-self:flex-start}.permissions-checkboxes{grid-template-columns:1fr;gap:12px}.roles-actions{flex-direction:column;padding:20px}.form-actions{flex-direction:column-reverse}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}@media (max-width: 480px){.btn-back{font-size:13px;padding:6px 12px}.header-content h1{font-size:24px}.role-card{padding:20px}.role-name{font-size:18px}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}}.file-context-menu{position:fixed;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;min-width:200px;padding:8px 0;color:var(--text-color);font-size:14px;animation:contextMenuSlideIn .15s ease-out}@keyframes contextMenuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.file-context-menu-header{padding:8px 16px;font-weight:600;color:var(--text-color-secondary);border-bottom:1px solid var(--border-color);margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.context-menu-item{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:all .2s ease;gap:12px;border-radius:0}.context-menu-item:hover{background:var(--accent);color:#fff}.context-menu-item.danger{color:var(--error-color)}.context-menu-item.danger:hover{background:var(--error-color);color:#fff}.context-menu-item:disabled,.context-menu-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.context-menu-icon{width:14px;height:14px;flex-shrink:0}.context-menu-separator{height:1px;background:var(--border-color);margin:4px 0}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rename-modal{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}.rename-modal h3{margin:0 0 16px;color:var(--text-color);font-size:18px;font-weight:600}.rename-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-color);font-size:14px;font-family:inherit;transition:border-color .2s ease;box-sizing:border-box}.rename-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.rename-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-button,.confirm-button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-button{background:var(--button-secondary-background);color:var(--button-secondary-text);border:1px solid var(--border-color)}.cancel-button:hover{background:var(--button-secondary-hover)}.confirm-button{background:var(--accent);color:var(--accent-text-color)}.confirm-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.file-context-menu{min-width:180px;font-size:13px}.context-menu-item{padding:12px 14px}.rename-modal{margin:20px;min-width:auto;width:calc(100vw - 40px);max-width:400px}}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rename-modal{background:#fff;border-radius:4px;box-shadow:0 10px 30px #0000004d;min-width:400px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}.rename-modal-header{padding:20px 20px 10px;border-bottom:1px solid #e5e7eb}.rename-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.rename-modal-content{padding:20px}.rename-input-group{margin-bottom:15px}.rename-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.rename-input{width:100%;padding:12px 16px;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.rename-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rename-input:invalid{border-color:#ef4444}.rename-preview{margin-top:10px;padding:8px 12px;background-color:var(--bg-primary);border-radius:4px;border-left:3px solid #3b82f6}.rename-preview small{color:var(--text-secondary);font-size:12px}.rename-preview strong{color:var(--text-secondary);font-weight:600}.rename-modal-actions{padding:15px 20px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e5e7eb}.rename-modal-actions button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-button{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.cancel-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.confirm-button{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.confirm-button:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.confirm-button:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}.file-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:visible;animation:fadeIn .3s ease-out;position:relative;transition:height .4s cubic-bezier(.4,0,.2,1);min-height:60px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.file-table-container.loading-state{height:60px;overflow:hidden;position:relative}.file-table-container.loading-state .file-table thead{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loadingShimmer 2s infinite}.file-table-container[data-was-loading=true]{overflow:hidden}.file-table-container:not(.loading-state){transition:height .5s cubic-bezier(.4,0,.2,1),overflow .1s ease .4s}.file-table-loading-bar{position:absolute;top:0;left:0;right:0;height:4px;background:transparent;z-index:10;border-radius:4px 4px 0 0;overflow:hidden}.file-table-container.loading-state .file-table-loading-bar{animation:loadingBarPulse 2s ease-in-out infinite}@keyframes loadingBarPulse{0%,to{opacity:1}50%{opacity:.6}}.file-row{opacity:0;transform:translateY(15px);animation:rowSlideIn .5s ease-out forwards;animation-delay:calc(var(--file-index, 0) * .03s + .4s)}@keyframes rowSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.file-table-container:not(.loading-state) .file-row{animation-delay:calc(var(--file-index, 0) * .04s + .5s);animation-duration:.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.skeleton-row{background:transparent!important}.skeleton-row td{padding:0!important;border:none!important}.skeleton-row .skeleton-file-item{padding:12px 16px;margin:0;border-bottom:1px solid var(--border-color)}.skeleton-row:last-child .skeleton-file-item{border-bottom:none}.file-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.file-table-loading p{color:var(--text-secondary);font-size:14px;margin:0}.loading-indicator{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);opacity:0;animation:fadeInDelay .3s ease-out forwards;animation-delay:.2s}.loading-indicator .loading-dots{display:flex;gap:2px}.loading-indicator .loading-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:loadingDots 1.4s ease-in-out infinite}.loading-indicator .loading-dot:nth-child(1){animation-delay:0s}.loading-indicator .loading-dot:nth-child(2){animation-delay:.2s}.loading-indicator .loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDots{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.file-table-loading-row:hover,.loading-placeholder-row:hover,.empty-state-row:hover{background:transparent!important}.file-table{width:100%;border-collapse:collapse;font-size:14px;transition:all .3s ease-in-out;overflow:hidden;box-sizing:border-box;border-radius:4px}.file-table.loading{opacity:.8;transform:translateY(0)}.file-table tbody{transition:opacity .4s ease-in-out,transform .4s ease-in-out,height .4s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-small)!important}.file-table tbody.loading{opacity:0;transform:translateY(5px);height:0;overflow:hidden}.file-table tbody.loading-skeleton{height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.file-table tbody.content-loaded{opacity:1;transform:translateY(0);height:auto;overflow:visible}.file-table thead{border-bottom:1px solid var(--border-color);opacity:0;animation:headerFadeIn .3s ease-out forwards;animation-delay:.1s}@keyframes headerFadeIn{to{opacity:1}}.file-table.loading thead{opacity:.6;animation:none}.file-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);position:relative}.file-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.file-table th.sortable:hover{background:var(--hover-bg);color:var(--text-primary)}.file-table .header-content{display:flex!important;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;min-width:0}.file-table .header-content span{white-space:nowrap!important;flex-shrink:0}.file-table .sort-icon{opacity:.6;transition:all .2s ease;flex-shrink:0;width:16px;height:16px;display:inline-block}.file-table th.sortable:hover .sort-icon{opacity:1}.file-select-column{width:48px;text-align:center}.file-select-column input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;border-radius:3px;transition:all .2s ease}.file-select-column input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.file-select-column input[type=checkbox]:hover{transform:scale(1.1)}.file-select-column input[type=checkbox]:disabled:hover{transform:none}.file-select-column input[type=checkbox]:focus{outline:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);outline-offset:2px}.file-actions-column{width:60px;text-align:center}.file-table tbody tr{transition:all .2s ease;height:auto;box-sizing:border-box}.file-table tbody tr.file-row{animation:slideInUp .3s ease-out;animation-fill-mode:both}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.file-row:hover{background:var(--hover-bg)}.file-row.selected{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border-color:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}.file-row.selected:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.15)}.file-row.folder-row{cursor:pointer}.file-row.folder-row:hover{background:var(--active-bg)}.file-table td{padding:12px 16px;vertical-align:middle;text-align:left;font-size:var(--font-size-small)!important}.file-table tbody tr:last-child{border-bottom:none}.file-select-cell{text-align:center}.file-select-cell input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;border-radius:3px;transition:all .2s ease}.file-select-cell input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.file-select-cell input[type=checkbox]:hover{transform:scale(1.1)}.file-select-cell input[type=checkbox]:disabled:hover{transform:none}.file-select-cell input[type=checkbox]:focus{outline:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);outline-offset:2px}.file-name-content{display:flex;align-items:center;gap:12px;font-size:var(--font-size-small)!important}.file-name-content span,.file-name-content svg{font-size:var(--font-size-small)!important}.filestorage-icon{color:var(--text-secondary);transition:all .2s ease;flex-shrink:0;width:38px}.folder-row .filestorage-icon{color:var(--accent)}.file-row:hover .filestorage-icon{transform:scale(1.1)}.file-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.folder-row .file-name{color:var(--accent);font-weight:600}.search-highlight{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);color:var(--accent);padding:2px 4px;border-radius:4px;font-weight:600}.file-size-cell{color:var(--text-secondary);font-variant-numeric:tabular-nums;width:100px;font-size:13px;text-align:left}.file-type-cell{color:var(--text-secondary);width:140px;font-size:13px;text-align:left}.file-modified-cell{color:var(--text-secondary);font-variant-numeric:tabular-nums;width:120px;font-size:13px;text-align:left}.file-actions-cell{text-align:center}.file-action-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:4px;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;position:relative}.file-row:hover .file-action-button,.file-action-button:focus{opacity:1}.file-action-button:hover{background:var(--hover-bg);color:var(--text-primary);transform:scale(1.1)}.file-action-button:focus{outline:2px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);outline-offset:2px}.file-action-button:active{transform:scale(.95)}.more-icon{width:16px;height:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:var(--text-tertiary);text-align:center;border-radius:6px}.empty-state-row{text-align:center;height:auto!important;transition:none!important}.empty-state-row .empty-state{border:none;background:transparent;border-radius:0}.empty-state svg{opacity:.5;color:var(--text-tertiary)}.empty-state h3{margin-bottom:8px;color:var(--text-secondary);font-size:18px;font-weight:500}.empty-state p{font-size:14px;line-height:1.4;color:var(--text-tertiary)}.file-row{position:relative}.file-select-cell input[type=checkbox]:indeterminate{background:var(--accent);border-color:var(--accent)}.file-select-cell input[type=checkbox]:indeterminate:after{content:"";display:block;width:8px;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filestorage-icon[class*=pdf]{color:#e74c3c}.filestorage-icon[class*=image]{color:#f39c12}.filestorage-icon[class*=video]{color:#9b59b6}.filestorage-icon[class*=document]{color:#3498db}@media (max-width: 1160px){body.sidebar-is-visible .file-table th,body.sidebar-is-visible .file-table td{padding:10px 12px}body.sidebar-is-visible .file-name{max-width:180px}}@media (max-width: 1100px){body.sidebar-is-visible .file-owner-cell,body.sidebar-is-visible .file-modified-cell{display:none}body.sidebar-is-visible .file-table th:nth-child(5){display:none}body.sidebar-is-visible .file-name{max-width:200px}}@media (max-width: 1028px){body.sidebar-is-visible .file-table{font-size:13px}body.sidebar-is-visible .file-table th,body.sidebar-is-visible .file-table td{padding:8px 12px}}@media (max-width: 900px){body.sidebar-is-visible .file-size-cell,body.sidebar-is-visible .file-type-cell{display:none}body.sidebar-is-visible .file-table th:nth-child(3),body.sidebar-is-visible .file-table th:nth-child(4){display:none}body.sidebar-is-visible .file-name{max-width:150px}}@media (max-width: 768px){.file-table{font-size:13px}.file-table th,.file-table td{padding:8px 12px}.file-owner-cell,.file-modified-cell{display:none}.file-table th:nth-child(5){display:none}.file-name{max-width:200px}}@media (max-width: 480px){.file-table{font-size:12px}.file-size-cell,.file-type-cell{display:none}.file-table th:nth-child(3),.file-table th:nth-child(4){display:none}.file-name{max-width:150px}.empty-state{padding:32px 16px}}.file-row[draggable=true]{cursor:grab}.file-row.dragging{opacity:.5;transform:scale(.95);transition:all .2s ease}.file-row.drop-target{background:var(--accent)!important;color:var(--accent-text-color)!important;border:2px dashed var(--accent-hover)!important;transform:scale(1.02);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.file-row.drop-target .filestorage-icon{color:var(--accent-text-color)!important}.file-row:hover{cursor:pointer}.file-row.dragging:hover{cursor:grabbing}.file-table-container.external-drag-over{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border:2px dashed var(--accent);border-radius:6px;position:relative}.file-table-container.external-drag-over:before{content:"Drop files here to upload";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;font-size:16px;z-index:1000;box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3);pointer-events:none}.file-table-container.external-drag-over .file-table{opacity:.3;pointer-events:none}.file-row.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.file-row.disabled .filestorage-icon,.file-row.disabled .file-name{opacity:.5}.file-row.disabled .file-action-button{opacity:.3;cursor:not-allowed}.file-table-loading-bar.upload-active .loading-progress{background:linear-gradient(90deg,var(--success),var(--success));box-shadow:0 0 8px rgba(var(--success-r),var(--success-g),var(--success-b),.4)}.upload-progress-overlay{position:absolute;top:100%;left:0;right:0;margin-top:-8px;background:rgba(var(--bg-primary-r),var(--bg-primary-g),var(--bg-primary-b),.9);display:flex;flex-direction:column;justify-content:center;padding:4px 8px;border-radius:4px;z-index:5;min-height:24px}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px}.upload-status{color:var(--text-secondary);font-weight:500}.upload-percentage{color:var(--accent);font-weight:600}.upload-progress-bar{height:3px;background:var(--border-color);border-radius:2px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.file-row.uploading{position:relative;background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05);border-left:3px solid var(--accent);margin-bottom:20px}.folder-upload-loader{display:inline-flex;gap:6px;margin-left:8px;padding:4px 8px;background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);border-radius:4px;font-size:11px;color:var(--accent);animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loader-spinner{width:12px;height:12px;border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loader-text{font-weight:500;white-space:nowrap}.file-row.uploading .file-name-content{position:relative}.file-row.disabled:hover{background:transparent!important}.file-row.disabled input[type=checkbox]:hover{transform:none!important}.file-row.disabled:after{content:"Upload in progress - folder temporarily unavailable";position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-tooltip);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease;box-shadow:0 4px 12px #00000026;pointer-events:none}.file-row.disabled:hover:after{opacity:1;visibility:visible}.column-view{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;animation:fadeIn .3s ease-out;position:relative;transition:height .4s cubic-bezier(.4,0,.2,1);min-height:60px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);width:100%;box-sizing:border-box;display:flex;flex-direction:column}@media (max-width: 1500px){.column-view{max-width:100%}}.column-view.loading-state{max-height:60px;overflow:hidden;position:relative}.column-view.loading-state .column-header{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:loadingShimmer 2s infinite}@keyframes loadingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.column-view[data-was-loading=true]{overflow:hidden}.column-view:not(.loading-state){transition:height .5s cubic-bezier(.4,0,.2,1),overflow .1s ease .4s}.column-view-loading-bar{position:absolute;top:0;left:0;right:0;height:4px;background:transparent;z-index:10;border-radius:4px 4px 0 0;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,var(--accent) 0%,rgba(var(--accent-r),var(--accent-g),var(--accent-b),.8) 50%,var(--accent) 100%);animation:loadingProgress 1.5s ease-in-out infinite;border-radius:4px;box-shadow:0 0 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.6)}@keyframes loadingProgress{0%{width:0%;opacity:.7;transform:translate(-100%)}50%{width:70%;opacity:1;transform:translate(-10%)}to{width:100%;opacity:.8;transform:translate(100%)}}.column-view-container{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding-right:8px;width:100%;max-width:100%;position:relative;min-height:0;box-sizing:border-box}.column-view-container::-webkit-scrollbar{height:8px}.column-view-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.column-view-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.column-view-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.column-view-container[data-content-overflows=true]:after{opacity:.6}.column-view-container[data-scrolled=true]:before{opacity:1}.column-view-container::-webkit-scrollbar:horizontal{height:8px}.column-view-column{flex:0 0 250px;height:100%;display:flex;flex-direction:column;min-width:250px;max-width:250px;width:250px;box-sizing:border-box;max-height:100%;overflow:hidden}.column-view-column:last-child{border-right:none}.column-header{padding:12px 16px;font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;min-height:44px;max-height:44px;flex-shrink:0}.column-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;box-sizing:border-box;min-height:0;height:0}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:transparent}.column-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.column-items{padding:4px 0;width:100%;max-width:100%;box-sizing:border-box}.column-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid transparent;gap:12px;min-height:40px;color:var(--text-primary);opacity:0;transform:translateY(15px);transition:all .2s;animation:rowSlideIn .5s ease-out forwards;animation-delay:calc(var(--file-index, 0) * .02s + .1s);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.column-item:hover{background:var(--bg-hover)}.column-item.selected{background:var(--calendar-highlight-bg);color:#fff;border-left:3px solid var(--accent)}.column-item.selected:hover{background:var(--hover-bg);color:#fff}.column-item:focus:not(.selected){background:var(--bg-hover)}.item-icon{flex-shrink:0;font-size:16px;color:var(--text-secondary);width:16px;display:flex;align-items:center;justify-content:center}.column-item.folder .item-icon{color:var(--accent)}.column-item.file .item-icon{color:var(--text-secondary)}.item-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;color:var(--text-primary)}.column-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-secondary);gap:8px}.column-loading .spinner{animation:spin 1s linear infinite;font-size:18px}.column-error{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:var(--error-color);font-style:italic}.column-empty{display:flex;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-secondary);font-style:italic}.column-view:not(.loading-state) .column-item{animation-delay:calc(var(--file-index, 0) * .02s + .1s);animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.loading-indicator{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);opacity:0;animation:fadeInDelay .3s ease-out forwards;animation-delay:.1s}@keyframes fadeInDelay{to{opacity:1}}@media (max-width: 768px){.column-view-column{flex:0 0 200px;min-width:200px;max-width:200px;width:200px}.column-header{padding:10px 12px;font-size:13px;max-height:40px;min-height:40px}.column-item{padding:6px 12px;gap:10px}.item-name{font-size:13px}}@media (max-width: 768px){.column-view{max-height:calc(100vh - 160px)}.column-view-column{flex:0 0 200px;min-width:200px;width:200px}}@media (max-width: 480px){.column-view{max-height:calc(100vh - 140px)}.column-view-column{flex:0 0 180px;min-width:180px;max-width:180px;width:180px}.column-header{padding:8px 10px;font-size:12px;max-height:36px;min-height:36px}.column-item{padding:5px 10px;gap:8px}.item-name{font-size:12px}.column-view-container::-webkit-scrollbar{height:6px}.column-content::-webkit-scrollbar{width:4px}@media (hover: none) and (pointer: coarse){.column-view-container[data-content-overflows=true]:after{opacity:.3;width:15px}.column-view-container[data-scrolled=true]:before{opacity:.3;width:15px}}}.dark .column-view,.dark .column-view-column{background:#1f2937;border-color:#374151}.dark .column-header{background:#111827;border-color:#374151;color:#f9fafb}.dark .column-item{color:#e5e7eb}.dark .column-item:hover{background:#374151}.dark .column-item.selected{background:#1e40af}.dark .column-item.selected .item-icon{color:#fff}.dark .item-name{color:#e5e7eb}.dark .column-item.selected .item-name{color:#fff}.dark .column-item.folder .item-icon{color:#60a5fa}.dark .column-item.file .item-icon{color:#9ca3af}.dark .column-empty{color:#6b7280}.dark .column-loading{color:#9ca3af}.column-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .column-content::-webkit-scrollbar-thumb{background:#4b5563}.dark .column-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.column-item.hovered{background:var(--hover-bg)}.dark .column-item.hovered{background:#1e3a8a;border-left:3px solid #60a5fa}.search-results-container{background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color);overflow:hidden;animation:slideInUpSearch .3s ease-out;background-color:var(--bg-secondary);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}@keyframes slideInUpSearch{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);animation:fadeInDown .4s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.results-count{color:var(--text-secondary);font-size:14px}.results-count span{color:var(--text-primary);font-weight:500}.search-results-empty{padding:60px 20px;text-align:center}.empty-icon-wrapper{position:relative;display:inline-block;margin-bottom:20px}.empty-icon{font-size:48px;color:var(--text-tertiary)}.search-illustration{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.search-overlay{font-size:12px;color:#fff}.search-tips{margin-top:24px;text-align:left;padding:16px;border-radius:4px}.search-tips p{margin:0 0 8px;color:var(--text-primary);font-weight:600}.search-tips ul{margin:0;padding-left:20px;color:var(--text-secondary)}.search-tips li{margin-bottom:4px}.search-results-list{max-height:calc(100vh - 300px);overflow-y:auto;animation:fadeIn .5s ease-out}.search-result-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;animation:slideInLeft .4s ease-out;animation-fill-mode:both;position:relative}.search-result-item:nth-child(1){animation-delay:.1s}.search-result-item:nth-child(2){animation-delay:.15s}.search-result-item:nth-child(3){animation-delay:.2s}.search-result-item:nth-child(4){animation-delay:.25s}.search-result-item:nth-child(5){animation-delay:.3s}.search-result-item:nth-child(6){animation-delay:.35s}.search-result-item:nth-child(7){animation-delay:.4s}.search-result-item:nth-child(8){animation-delay:.45s}.search-result-item:nth-child(9){animation-delay:.5s}.search-result-item:nth-child(n+10){animation-delay:.55s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--hover-bg);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.search-result-item.selected{background:var(--hover-bg);border-left:3px solid var(--accent);transform:translate(4px);box-shadow:0 2px 12px #00000026}.search-result-main{display:flex;align-items:center;width:100%;gap:12px}.search-result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background:var(--bg-tertiary)}.file-icon{font-size:20px}.folder-icon{color:var(--accent)}.pdf-icon{color:#dc3545}.word-icon{color:#0078d4}.excel-icon{color:#107c41}.powerpoint-icon{color:#d24726}.image-icon{color:#ff6b35}.video-icon{color:#6f42c1}.audio-icon{color:#fd7e14}.archive-icon{color:#6c757d}.code-icon{color:#20c997}.text-icon{color:var(--text-secondary)}.default-icon{color:var(--text-tertiary)}.search-result-info{flex:1;min-width:0}.search-result-name{display:flex;align-items:center;margin-bottom:4px;font-size:var(--font-size-body);font-weight:500;color:var(--text-primary);line-height:1.3}.external-link-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s ease;opacity:0;transform:scale(.8)}.search-result-item:hover .external-link-btn{opacity:1;transform:scale(1)}.external-link-btn:hover{background:var(--hover-bg);color:var(--accent)}.search-result-path{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px}.path-label{color:var(--text-primary);font-weight:500}.path-link{background:none;border:none;color:var(--accent);cursor:pointer;text-decoration:none;font-size:13px;padding:2px 4px;border-radius:4px;transition:all .2s ease}.path-link:hover{background:var(--accent-bg);text-decoration:underline;transform:translateY(-1px)}.search-result-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.search-result-meta span{display:flex;align-items:center;gap:4px}.file-size{font-weight:500}.file-date{font-style:italic}.file-type{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:loadingDot 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.search-results-loading{padding:8px 0;background:var(--bg-primary)}.search-highlight{background:var(--accent, #fff3cd);color:#fff;padding:1px 2px;border-radius:2px;font-weight:600}.dark .search-highlight{background:var(--accent-bg, #2d1810);color:var(--accent-text, #ffc107)}.keyboard-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;animation:fadeInRight .2s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.search-results-header{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:8px}.search-result-item{padding:12px 16px}.search-result-meta{flex-direction:column;align-items:flex-start;gap:4px}.search-result-name{font-size:15px}.search-result-icon{width:36px;height:36px}.file-icon{font-size:18px}}@media (prefers-contrast: high){.search-result-item{border-bottom:2px solid var(--border-color)}.search-result-item:hover{border-left:4px solid var(--accent)}}.search-result-item:focus-within{outline:2px solid var(--accent);outline-offset:2px}.path-link:focus,.external-link-btn:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.search-result-item:hover .external-link-btn{opacity:1;transform:scale(1.1)}.external-link-btn{opacity:.7;transition:all .2s ease}.search-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.clear-search-btn:disabled{opacity:.6;cursor:not-allowed}.clear-search-btn:disabled:hover{background:var(--danger);transform:none}.search-results-container.loading{opacity:.8}@media (prefers-reduced-motion: reduce){.search-results-container,.search-results-header,.search-results-list,.search-result-item{animation:none}.search-result-item:hover,.search-result-item.selected{transform:none}}.search-timing{color:var(--text-tertiary);font-size:12px;margin-left:8px}.search-shortcuts-hint{position:absolute;bottom:-24px;right:0;font-size:11px;color:var(--text-tertiary);opacity:0;transition:opacity .2s ease}.search-result-actions{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);gap:8px}.search-result-item:hover .search-result-actions{display:flex}.search-action-btn{padding:4px 8px;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.search-action-btn:hover{background:var(--accent);color:#fff}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026}.search-suggestion{padding:8px 12px;cursor:pointer;transition:background .2s ease;font-size:14px}.search-suggestion:hover{background:var(--hover-bg)}.search-suggestion.selected{background:var(--accent-bg)}.search-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.search-filter-chip{padding:4px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.search-filter-chip:hover{background:var(--hover-bg)}.search-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.new-folder-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 12px 40px #00000026;width:100%;max-width:480px;margin:20px;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-title{display:flex;align-items:center;gap:12px}.modal-icon{width:20px;height:20px;color:var(--accent)}.modal-title h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover:not(:disabled){background:var(--hover-bg);color:var(--text-secondary);transform:scale(1.05)}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px}.path-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-color)}.path-label{font-size:13px;color:var(--text-primary);font-weight:500}.path-value{font-size:13px;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:var(--bg-primary);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color)}.folder-form{display:flex;flex-direction:column;gap:24px}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:500;color:var(--text-primary)}.folder-name-input{padding:12px 16px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--input-text);font-size:16px;transition:all .2s ease;outline:none}.folder-name-input:focus{border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.folder-name-input.error{border-color:var(--error-color);box-shadow:0 0 0 .2rem #e74c3c40}.folder-name-input::placeholder{color:var(--input-placeholder)}.folder-name-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.error-message{font-size:13px;color:var(--error-color);margin-top:4px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-button,.create-button{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.cancel-button{background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--button-secondary-text)}.cancel-button:hover:not(:disabled){background:var(--button-secondary-hover);border-color:var(--text-secondary)}.create-button{background:var(--accent);border:1px solid var(--accent);color:#fff}.create-button:hover:not(:disabled){background:var(--button-primary-hover);border-color:var(--button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}.create-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.create-button.creating{background:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed}.button-icon{width:14px;height:14px}.loading-spinner{width:14px;height:14px;border:1px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.new-folder-modal{margin:10px;max-width:none}.modal-header{padding:16px 20px 12px}.modal-body{padding:20px}.modal-title h3{font-size:16px}.modal-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.create-button{width:100%}}.file-properties-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.file-properties-modal{background:var(--modal-background);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 24px 48px #0000004d;animation:propertiesModalSlideIn .3s ease-out;display:flex;flex-direction:column}@keyframes propertiesModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.properties-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:var(--background-color)}.properties-title{display:flex;align-items:center;gap:16px;flex:1}.file-icon-large{color:var(--accent);flex-shrink:0}.title-text h2{margin:0;font-size:20px;font-weight:600;color:var(--text-color);word-break:break-word}.file-type{font-size:14px;color:var(--text-color-secondary);text-transform:capitalize}.close-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--button-secondary-hover);color:var(--text-color)}.properties-content{flex:1;overflow-y:auto;padding:0}.property-section{padding:24px;border-bottom:1px solid var(--border-color)}.property-section:last-child{border-bottom:none}.property-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-color)}.property-grid{display:flex;flex-direction:column;gap:16px}.property-item{display:flex;align-items:flex-start;gap:16px}.property-label{display:flex;align-items:center;gap:8px;min-width:120px;font-weight:500;color:var(--text-color-secondary);font-size:14px}.property-icon{width:14px;height:14px;flex-shrink:0;color:var(--accent)}.property-value{flex:1;color:var(--text-color);font-size:14px;word-break:break-word;line-height:1.4}.property-url,.property-path{display:flex;align-items:center;gap:8px;background:var(--input-background);padding:8px 12px;border-radius:4px;border:1px solid var(--border-color)}.url-text,.path-text{flex:1;font-family:Courier New,monospace;font-size:12px;color:var(--text-color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{background:var(--accent);color:var(--accent-text-color);border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.properties-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background:var(--background-color)}.close-footer-button{background:var(--accent);color:var(--accent-text-color);border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.close-footer-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.properties-content::-webkit-scrollbar{width:6px}.properties-content::-webkit-scrollbar-track{background:transparent}.properties-content::-webkit-scrollbar-thumb{background:var(--text-color-secondary);border-radius:3px;opacity:.3}.properties-content::-webkit-scrollbar-thumb:hover{opacity:.6}[data-theme=dark] .file-properties-modal{background:#141414fa;border-color:#ffffff1a}[data-theme=dark] .property-url,[data-theme=dark] .property-path{background:#ffffff0d;border-color:#ffffff1a}[data-theme=light] .file-properties-modal{background:#fffffffa;border-color:#0000001a}[data-theme=light] .property-url,[data-theme=light] .property-path{background:#00000005;border-color:#0000001a}@media (max-width: 768px){.file-properties-overlay{padding:10px}.file-properties-modal{max-width:none;max-height:90vh}.properties-header,.property-section{padding:20px}.property-item{flex-direction:column;gap:8px}.property-label{min-width:auto}.properties-footer{padding:16px 20px}.title-text h2{font-size:18px}}@media (max-width: 480px){.properties-header,.property-section{padding:16px}.file-icon-large{width:32px!important;height:32px!important}}.file-conflict-modal-overlay{position:fixed;top:0;left:0!important;right:0;bottom:0;background:#0f0f0f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease-out}.file-conflict-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 20px 40px var(--shadow),0 10px 10px -5px var(--shadow),0 0 0 1px var(--border-color);max-width:580px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.file-conflict-header{padding:24px 24px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.file-conflict-header h3{margin:0 0 12px;font-size:var(--font-size-heading3);font-weight:600;color:var(--text-primary);line-height:1.3}.file-conflict-header p{margin:0;font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.5}.file-conflict-actions{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.bulk-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bulk-actions span{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:500;white-space:nowrap}.bulk-action-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-caption);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bulk-action-btn:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.bulk-action-btn.replace{border-color:var(--error-color);color:var(--error-color)}.bulk-action-btn.replace:hover{background:#e74c3c1a;border-color:var(--error-color)}.bulk-action-btn.keep-both{border-color:var(--accent);color:var(--accent)}.bulk-action-btn.keep-both:hover{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border-color:var(--accent)}.bulk-action-btn.cancel{border-color:var(--text-tertiary);color:var(--text-tertiary)}.bulk-action-btn.cancel:hover{background:var(--hover-bg);border-color:var(--text-secondary);color:var(--text-secondary)}.file-conflict-list{flex:1;overflow-y:auto;padding:20px 24px;background:var(--bg-primary)}.file-conflict-item{padding:20px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;background:var(--bg-primary);transition:all .2s cubic-bezier(.4,0,.2,1)}.file-conflict-item:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-1px)}.file-conflict-item.has-conflict{border-left:4px solid var(--error-color);background:#e74c3c08}.file-conflict-item.no-conflict{border-left:4px solid var(--success-color);background:#22c55e08}.file-info{display:flex;align-items:center;gap:16px;margin-bottom:16px}.file-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-icon svg{width:24px;height:24px}.file-conflict-item.has-conflict .file-icon svg{color:var(--error-color)}.file-conflict-item.no-conflict .file-icon svg{color:var(--success-color)}.file-details{flex:1;min-width:0}.file-name{display:block;font-weight:600;font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.file-size{display:block;font-size:var(--font-size-caption);color:var(--text-tertiary);margin-bottom:2px}.conflict-warning{display:flex;align-items:center;gap:6px;font-size:var(--font-size-caption);color:var(--error-color);font-weight:500}.resolution-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:4px}.resolution-btn{padding:14px 16px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.resolution-btn:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.resolution-btn.selected{background:var(--bg-secondary);box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.resolution-btn.replace{border-color:var(--error-color)}.resolution-btn.replace:hover,.resolution-btn.replace.selected{background:#e74c3c14;border-color:var(--error-color)}.resolution-btn.keep-both{border-color:var(--accent)}.resolution-btn.keep-both:hover,.resolution-btn.keep-both.selected{background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08);border-color:var(--accent)}.resolution-btn.skip{border-color:var(--text-tertiary)}.resolution-btn.skip:hover,.resolution-btn.skip.selected{background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-content{display:flex;flex-direction:column;gap:6px;align-items:center}.btn-content strong{font-size:var(--font-size-small);font-weight:600;color:var(--text-primary);line-height:1.3}.btn-content span{font-size:var(--font-size-caption);color:var(--text-secondary);line-height:1.4;opacity:.8}.no-conflict-message{padding:12px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:4px;text-align:center}.no-conflict-message span{font-size:var(--font-size-small);color:var(--success-color);font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px}.file-conflict-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.cancel-btn{padding:10px 20px;border:1px solid var(--border-color);border-radius:4px;background:var(--button-secondary-bg);color:var(--button-secondary-text);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{background:var(--button-secondary-hover);border-color:var(--text-secondary);transform:translateY(-1px)}.confirm-btn{padding:10px 20px;border:none;border-radius:4px;background:var(--button-primary-bg);color:var(--button-primary-text);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.confirm-btn:hover{background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.file-conflict-modal-overlay{padding:16px}.file-conflict-modal{max-height:92vh;border-radius:6px}.file-conflict-header{padding:20px 20px 16px}.file-conflict-header h3{font-size:var(--font-size-heading4)}.file-conflict-actions,.file-conflict-list{padding:16px 20px}.file-conflict-item{padding:16px;margin-bottom:12px}.file-conflict-footer{padding:16px 20px;flex-direction:column-reverse;gap:12px}.cancel-btn,.confirm-btn{width:100%;justify-content:center}.bulk-actions{flex-direction:column;align-items:stretch;gap:12px}.bulk-actions span{text-align:center}.resolution-buttons{grid-template-columns:1fr;gap:10px}.resolution-btn{padding:12px 16px}}.file-conflict-list::-webkit-scrollbar{width:8px}.file-conflict-list::-webkit-scrollbar-track{background:transparent;border-radius:4px}.file-conflict-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s ease}.file-conflict-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}[data-theme=dark] .file-conflict-item.has-conflict{background:#e74c3c0d}[data-theme=dark] .file-conflict-item.no-conflict{background:#22c55e0d}[data-theme=dark] .no-conflict-message{background:#22c55e1a}.files-container{position:relative;padding:32px;display:flex;flex-direction:column;animation:fadeInUp .4s ease-out}.files-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap}.files-title-section h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2;transition:all .3s ease}.files-title-section.search-active h1{color:var(--accent)}.breadcrumb{background:var(--bg-secondary);border-radius:4px;display:flex;align-items:center;gap:8px;margin-top:8px;width:fit-content;max-width:100%;transition:opacity .3s ease,transform .3s ease;padding:6px 12px}.breadcrumb-item{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:6px}.breadcrumb-item:hover{background:var(--hover-bg);color:var(--text-primary)}.breadcrumb-item.root{color:var(--accent);font-weight:500}.breadcrumb-item.root svg{width:14px;height:14px}.breadcrumb-separator{color:var(--text-tertiary);font-size:14px}.breadcrumb-dropdown-container{position:relative;display:inline-block}.breadcrumb-item.current:hover{background:var(--hover-bg)}.breadcrumb-item-dropdown{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:4px}.breadcrumb-item-dropdown:hover{background:var(--hover-bg);color:var(--text-primary)}.breadcrumb-dropdown-icon{width:12px;height:12px;transition:transform .2s ease}.breadcrumb-dropdown-icon.rotated{transform:rotate(180deg)}.breadcrumb-dropdown{position:absolute;top:100%;left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000;margin-top:4px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb-dropdown .dropdown-item{width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.breadcrumb-dropdown .dropdown-item:hover{background:var(--hover-bg)}.breadcrumb-dropdown .dropdown-item-icon{width:16px;height:16px;color:var(--text-secondary)}.files-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-toggle-container{display:flex;align-items:center;border-radius:4px;overflow:hidden}.view-toggle-btn{background:transparent;border:none;padding:8px 12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.view-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-toggle-btn.active{color:var(--accent)}.view-toggle-btn svg{width:16px;height:16px}.search-container{position:relative;display:flex;align-items:center}.file-search-input{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;width:175px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow)}.search-input::placeholder{color:var(--text-tertiary)}.search-icon{position:absolute;left:12px;color:var(--text-tertiary);z-index:1}.files-search-input.search-input-container{margin-right:16px;max-width:320px}.files-search-input .search-input{padding:10px 12px 10px 36px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;width:320px;transition:all .2s ease}.files-search-input .search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow);width:400px}.files-search-input .search-input::placeholder{color:var(--text-tertiary)}.files-search-input .search-icon{position:absolute;left:12px;color:var(--text-secondary);font-size:14px;z-index:1}.simple-search-container{position:relative;display:flex;align-items:center;margin-right:16px}.simple-search-container .search-input-wrapper{position:relative;display:flex;align-items:center}.simple-search-container .search-icon{position:absolute;left:12px;color:var(--text-secondary);font-size:14px;z-index:1}.simple-search-container .search-input{padding:10px 40px 10px 36px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;width:320px;transition:all .2s ease}.simple-search-container .search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--input-focus-box-shadow);width:400px}.simple-search-container .search-input::placeholder{color:var(--text-tertiary)}.simple-search-container .clear-search-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.simple-search-container .clear-search-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.upload-button,.download-button,.new-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease}.upload-button:hover,.download-button:hover,.new-button:hover{background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.3)}.download-button{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.download-button:hover{background:var(--hover-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2)}.download-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--bg-secondary);color:var(--text-tertiary);border-color:var(--border-color)}.download-button.disabled:hover{transform:none;box-shadow:none;background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-tertiary)}.upload-icon,.download-icon,.new-icon{width:16px;height:16px}.new-dropdown-container{position:relative;display:inline-block}.new-button{background:var(--accent);color:#fff}.dropdown-icon{width:12px;height:12px;transition:transform .2s ease}.dropdown-icon.rotated{transform:rotate(180deg)}.new-dropdown{position:absolute;top:100%;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:1000;overflow:hidden;animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown-item-icon{width:16px;height:16px;color:var(--text-secondary)}.files-content{flex:1;display:flex;gap:24px;flex-direction:column;min-height:0;transition:flex-direction .3s ease}.files-main{flex:1;min-height:0}.storage-meter{width:300px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:24px;margin:0 auto;height:fit-content;position:sticky;box-sizing:border-box;top:24px;animation:slideInRightFiles .5s ease-out;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:width .3s ease,max-width .3s ease,margin .3s ease}@keyframes slideInRightFiles{0%{opacity:0;transform:translate(0)}to{opacity:1;transform:translate(0)}}.storage-header{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary);font-size:16px}.cloud-icon{color:var(--accent);width:20px;height:20px}.storage-bar-container{display:flex;flex-direction:column;margin-bottom:16px}.storage-percentage{font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-align:right;font-weight:500;order:1}.storage-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;order:2}.storage-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%,transparent 100%);animation:Fileshimmer 4s ease-in-out infinite;border-radius:4px;opacity:.8;width:40%;transform:translate(-450%);pointer-events:none;z-index:2}.storage-bar:hover:after{animation-duration:1.5s;opacity:1}.storage-used{height:100%;background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #4f46e54d;z-index:1}.storage-bar:has(.storage-used[style*="width: 7"]) .storage-used,.storage-bar:has(.storage-used[style*="width: 8"]) .storage-used,.storage-bar:has(.storage-used[style*="width: 9"]) .storage-used{background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 2px 8px #f59e0b4d}.storage-bar:has(.storage-used[style*="width: 9"]) .storage-used{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444466}@keyframes Fileshimmer{0%{transform:translate(-150%);opacity:0}15%{opacity:.8}50%{transform:translate(250%);opacity:1}85%{opacity:.8}to{transform:translate(350%);opacity:0}}.storage-text{font-size:14px;color:var(--text-primary);margin-bottom:20px;text-align:center;font-weight:500}.storage-test-controls{margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:6px;border:1px dashed var(--border-color)}.storage-test-controls h5{margin:0 0 12px;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.test-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.test-btn{padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.test-btn:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.test-btn.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.test-btn.warning:hover{background:#f59e0b33}.test-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.test-btn.danger:hover{background:#ef444433}.test-btn.reset{grid-column:span 3;background:var(--accent);border-color:var(--accent);color:var(--accent-text-color)}.test-btn.reset:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.upgrade-storage{width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--accent),var(--accent));border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.upgrade-storage:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.bulk-actions-toolbar{display:flex;justify-content:space-between;align-items:center;background:rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1);border:1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.2);border-radius:4px;padding:12px 16px;margin-bottom:16px;animation:slideInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{font-size:14px;font-weight:500;color:var(--accent)}.protected-files-warning{margin-top:4px;font-size:12px}.protected-files-warning .warning-text{color:var(--warning-color, #f39c12);font-weight:500}.bulk-actions-buttons{display:flex;gap:8px}.bulk-action-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.bulk-action-button:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.bulk-action-button.bulk-delete{color:#e74c3c;border-color:#e74c3c4d}.bulk-action-button.bulk-delete:hover{background:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.bulk-action-button.bulk-clear{color:var(--text-secondary)}.bulk-action-button.bulk-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.bulk-action-button.bulk-download{color:var(--accent);border-color:rgba(var(--accent-rgb),.3)}.bulk-action-button.bulk-download:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent)}.bulk-action-button.bulk-zip{color:#8b5a3c;border-color:#8b5a3c4d}.bulk-action-button.bulk-zip:hover{background:#8b5a3c1a;border-color:#8b5a3c;color:#8b5a3c}.bulk-action-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--bg-secondary);color:var(--text-tertiary);border-color:var(--border-color)}.bulk-action-button.disabled:hover{transform:none;background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-tertiary)}.files-upload-progress-container{margin-bottom:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:16px;animation:slideInDown .3s ease-out}.files-upload-progress-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.files-upload-progress-title svg{color:var(--accent);animation:spin 1s linear infinite}.files-upload-progress-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px;margin-bottom:12px;transition:all .2s ease}.files-upload-progress-item:last-child{margin-bottom:0}.files-upload-progress-item:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.1)}.files-upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.files-upload-file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.files-upload-file-info svg{color:var(--text-secondary);flex-shrink:0}.files-upload-file-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-upload-status{display:flex;align-items:center;gap:6px}.files-upload-percentage{font-size:12px;font-weight:600;color:var(--accent);min-width:32px;text-align:right}.files-upload-success{color:#10b981}.files-upload-error{color:#ef4444}.files-upload-progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative}.files-upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.files-upload-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:uploadShimmer 1.5s ease-in-out infinite;transform:translate(-100%)}@keyframes uploadShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.files-upload-progress-fill.files-error{background:linear-gradient(90deg,#ef4444,#dc2626)}.files-upload-progress-fill.files-completed{background:linear-gradient(90deg,#10b981,#059669)}.files-upload-progress-fill.files-completed:after{display:none}.files-upload-error-message{margin-top:8px;padding:6px 8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:4px;font-size:12px;color:#ef4444}.files-upload-speed{font-size:11px;color:var(--text-tertiary);margin-left:8px}.files-upload-progress-item.completed{animation:fadeOutSlideUp 2s ease-out forwards;animation-delay:1s}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translateY(0);max-height:100px;margin-bottom:12px;padding:12px}70%{opacity:.3;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px);max-height:0;margin-bottom:0;padding:0}}.breadcrumb-name{display:inline-flex;align-items:center;gap:4px}.breadcrumb-loading{color:var(--text-tertiary);font-size:.8em;animation:breadcrumbPulse 1.5s infinite}@keyframes breadcrumbPulse{0%,to{opacity:.4}50%{opacity:1}}.search-results-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:16px;font-size:14px;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-results-count{color:var(--text-primary)}.search-results-count strong{color:var(--accent)}.clear-search-btn{background:none;border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--accent)}.search-shortcuts-hint{position:absolute;bottom:-22px;right:0;font-size:11px;color:var(--text-tertiary);opacity:0;transition:opacity .2s ease;white-space:nowrap;background:var(--bg-primary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.search-input-wrapper:focus-within .search-shortcuts-hint{opacity:1}.simple-search-container .search-input-wrapper{position:relative}.search-context{font-size:14px;color:var(--text-secondary);margin-top:4px;font-style:italic;animation:slideInDown .3s ease-out}@media (max-width: 1028px){body.sidebar-is-visible .files-header{gap:16px}body.sidebar-is-visible .files-title-section h1{font-size:28px}body.sidebar-is-visible .storage-meter{width:280px}}@media (max-width: 1160px){body.sidebar-is-visible .storage-meter{width:250px}}@media (max-width: 1100px){body.sidebar-is-visible .files-container{padding:16px}body.sidebar-is-visible .files-header{flex-direction:column;align-items:stretch;gap:16px}body.sidebar-is-visible .files-actions{flex-direction:column;align-items:stretch}body.sidebar-is-visible .search-input{width:100%}body.sidebar-is-visible .files-content{flex-direction:column}body.sidebar-is-visible .storage-meter{position:static;width:100%;max-width:none}body.sidebar-is-visible .bulk-actions-toolbar{flex-direction:column;gap:12px;align-items:stretch}body.sidebar-is-visible .bulk-actions-buttons{justify-content:space-between}}@media (max-width: 1500px){.files-content{flex-direction:column;gap:16px}.files-main{width:100%}.storage-meter{position:static;width:100%;max-width:600px;margin:0 auto;order:2}}@media (max-width: 840px){.files-container{padding:22px}.files-header{flex-direction:column;align-items:stretch;gap:16px}.files-actions{align-items:stretch}.search-input{width:100%}.search-results-info{flex-direction:column;gap:8px;text-align:center}.clear-search-btn{align-self:center}.files-content{flex-direction:column}.storage-meter{position:static;width:100%;max-width:none}.bulk-actions-toolbar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions-buttons{justify-content:space-between}}@media (max-width: 480px){.files-title-section h1{font-size:24px}.breadcrumb{flex-wrap:wrap;gap:6px 8px}.files-upload-progress-title{font-size:12px}.files-upload-progress-percentage{font-size:11px}.files-upload-speed{font-size:10px}}.breadcrumb.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.files-title-section{transition:margin-bottom .3s ease}.files-title-section.search-active{margin-bottom:0}.storage-meter.storage-caution{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.storage-meter.storage-warning{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.storage-meter.storage-critical{border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.storage-status-icon{font-size:16px;margin-left:auto}.storage-used.caution{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.storage-used.warning{background:linear-gradient(90deg,#f59e0b,#f97316)}.storage-used.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.storage-warning-banner{margin:0 0 16px;border-radius:4px;border:1px solid;padding:0;background:var(--bg-secondary);animation:slideDown .3s ease-out;box-shadow:0 2px 8px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.storage-warning-banner.info{border-color:#3b82f6;background:#3b82f61a}.storage-warning-banner.warning{border-color:#f59e0b;background:#f59e0b1a}.storage-warning-banner.error{border-color:#ef4444;background:#ef44441a}.storage-warning-content{display:flex;align-items:flex-start;gap:12px;padding:12px 16px}.storage-warning-icon{font-size:20px;line-height:1;margin-top:2px;flex-shrink:0}.storage-warning-text{flex:1;min-width:0}.storage-warning-message{font-weight:600;font-size:14px;margin-bottom:4px;color:var(--text-primary)}.storage-warning-details{font-size:13px;color:var(--text-secondary);line-height:1.4}.storage-warning-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:4px;border-radius:4px;margin-left:8px;flex-shrink:0;transition:all .2s ease}.storage-warning-close:hover{background:#0000001a;color:var(--text-primary)}.storage-warning-banner.error{border-width:2px;box-shadow:0 4px 12px #ef444433}.storage-warning-banner.error .storage-warning-message{color:#dc2626}.storage-warning-banner.error .storage-warning-details{color:#991b1b}@media (max-width: 1100px){body.sidebar-is-visible .storage-warning-banner{margin:0 0 12px}body.sidebar-is-visible .storage-warning-content{padding:10px 12px;gap:10px}body.sidebar-is-visible .storage-warning-icon{font-size:18px}body.sidebar-is-visible .storage-warning-message{font-size:13px}body.sidebar-is-visible .storage-warning-details{font-size:12px}}@media (max-width: 740px){body.sidebar-is-visible .files-title-section h1{font-size:24px}body.sidebar-is-visible .breadcrumb{flex-wrap:wrap;gap:6px 8px}body.sidebar-is-visible .files-upload-progress-title{font-size:12px}body.sidebar-is-visible .files-upload-progress-percentage{font-size:11px}body.sidebar-is-visible .files-upload-speed{font-size:10px}}@media (max-width: 840px){.storage-warning-banner{margin:0 0 12px}.storage-warning-content{padding:10px 12px;gap:10px}.storage-warning-icon{font-size:18px}.storage-warning-message{font-size:13px}.storage-warning-details{font-size:12px}}._chatStatusBadge_3kqre_3{display:inline-flex;align-items:center;gap:6px;margin:4px 0;padding:0;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);animation:_fadeInUp_3kqre_1 .3s ease-out}._chatStatusBadgeActionText_3kqre_13{font-size:12px;color:var(--text-primary);font-weight:400;margin-right:2px}._chatStatusBadgeLoader_3kqre_20,._chatStatusBadgeCheckmark_3kqre_26{display:flex;align-items:center;margin-right:6px}._chatStatusBadgeContent_3kqre_32{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:11px;height:25px;font-weight:500;border:none;transition:all .2s ease}._chatStatusBadgeLoading_3kqre_45{background:var(--bg-primary);color:var(--text-primary)!important;border:1px solid var(--border-color)}._chatStatusBadgeCompleted_3kqre_51{background:#10b9811a;color:#10b981;border:1px solid #10b98133;animation:_completedPulse_3kqre_1 .5s ease-out}@keyframes _completedPulse_3kqre_1{0%{transform:scale(1);box-shadow:0 0 #10b9814d}50%{transform:scale(1.05);box-shadow:0 0 0 4px #10b9811a}to{transform:scale(1);box-shadow:0 0 #10b98100}}._chatStatusBadgeError_3kqre_74{background:#ef44441a;color:#ef4444;border:1px solid #ef444433}._chatStatusBadgeIcon_3kqre_80{display:flex;align-items:center;justify-content:center;flex-shrink:0}._chatStatusBadgeText_3kqre_87{white-space:nowrap;line-height:1}._chatStatusBadgeDetails_3kqre_92{color:#9ca3af;font-weight:400;font-size:11px;margin-left:6px}._chatStatusBadgeSpinner_3kqre_99{animation:_spin_3kqre_1 1s linear infinite}._chatStatusGroup_3kqre_103{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}@keyframes _fadeInUp_3kqre_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _spin_3kqre_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._thinkingContainer_156s1_3{border:1px solid var(--color-border-subtle);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s ease}._thinkingContainer_156s1_3:hover{border-color:var(--color-border-default)}._thinkingHeader_156s1_15{width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--color-text-secondary);transition:all .2s ease;opacity:.9}._thinkingHeader_156s1_15:hover{background:var(--color-background-hover);color:var(--color-text-default);opacity:.5}._thinkingHeaderContent_156s1_36{display:flex;align-items:center;gap:8px}._thinkingIcon_156s1_42{color:var(--color-purple-600);opacity:.8}._thinkingLabel_156s1_47{font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}._thinkingTimer_156s1_54{font-size:12px;color:var(--color-text-tertiary);font-weight:400;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--color-background-muted);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border-subtle);min-width:40px;text-align:center;animation:_timer-pulse_156s1_1 2s ease-in-out infinite}@keyframes _timer-pulse_156s1_1{0%,to{opacity:.7}50%{opacity:1}}._thinkingLoader_156s1_77{display:flex;gap:2px;align-items:center}._dot_156s1_83{width:3px;height:3px;background:var(--color-text-secondary);border-radius:50%;animation:_thinking-pulse_156s1_1 1.4s ease-in-out infinite both}._dot_156s1_83:nth-child(1){animation-delay:-.32s}._dot_156s1_83:nth-child(2){animation-delay:-.16s}@keyframes _thinking-pulse_156s1_1{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}._chevronIcon_156s1_110{display:flex;align-items:center;opacity:.6;transition:transform .2s ease,opacity .2s ease}._thinkingHeader_156s1_15:hover ._chevronIcon_156s1_110{opacity:1}._thinkingContent_156s1_121{padding:0 16px 16px 22px;border-top:1px solid var(--color-border-subtle);background:var(--color-background-default);animation:_fadeInDown_156s1_1 .3s ease-out}@keyframes _fadeInDown_156s1_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._thinkingText_156s1_139{font-size:14px;line-height:1.5;border-left:1px solid var(--border-color);color:var(--color-text-secondary);white-space:pre-wrap;opacity:.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding-left:10px}._thinkingText_156s1_139 h1,._thinkingText_156s1_139 h2,._thinkingText_156s1_139 h3,._thinkingText_156s1_139 h4,._thinkingText_156s1_139 h5,._thinkingText_156s1_139 h6{margin:8px 0 4px;color:var(--color-text-default);font-weight:600}._thinkingText_156s1_139 h1{font-size:16px}._thinkingText_156s1_139 h2{font-size:15px}._thinkingText_156s1_139 h3{font-size:14px}._thinkingText_156s1_139 p{margin:4px 0}._thinkingText_156s1_139 ul,._thinkingText_156s1_139 ol{margin:4px 0;padding-left:20px}._thinkingText_156s1_139 li{margin:2px 0}._thinkingText_156s1_139 code{background:var(--color-background-secondary);padding:2px 4px;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px}._thinkingText_156s1_139 pre{background:var(--color-background-secondary);padding:8px;border-radius:4px;overflow-x:auto;font-family:SF Mono,Monaco,monospace;font-size:12px;margin:8px 0}._thinkingText_156s1_139 blockquote{border-left:3px solid var(--color-border-default);padding-left:12px;margin:8px 0;color:var(--color-text-secondary);font-style:italic}._thinkingText_156s1_139 strong,._thinkingText_156s1_139 b{font-weight:600;color:var(--color-text-default)}._thinkingText_156s1_139 em,._thinkingText_156s1_139 i{font-style:italic}._cursor_156s1_217{display:inline-block;background:var(--color-text-secondary);margin-left:2px;width:2px;animation:_blink_156s1_1 1s infinite}@keyframes _blink_156s1_1{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){._thinkingHeader_156s1_15{padding:10px 12px}._thinkingContent_156s1_121{padding:0 12px 12px}._thinkingText_156s1_139{font-size:13px}}._settingsPage_1fj1z_3{display:flex;flex-direction:column;height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}._settingsHeader_1fj1z_11{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary)}._backButton_1fj1z_21{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}._backButton_1fj1z_21:hover{background:var(--hover-bg);color:var(--text-primary)}._pageTitle_1fj1z_39{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}._settingsContent_1fj1z_46{flex:1;overflow-y:auto;padding:0}._settingsBody_1fj1z_52{padding:2rem;max-width:800px;margin:0 auto}._section_1fj1z_58{margin-bottom:2rem;opacity:0;animation:_fadeInUp_1fj1z_1 .6s ease-out forwards;animation-delay:0s}._section_1fj1z_58:last-child{margin-bottom:0}._sectionHeader_1fj1z_69{margin-bottom:1rem}._sectionTitle_1fj1z_73{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}._sectionDescription_1fj1z_83{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}._settingItem_1fj1z_91{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);margin-bottom:1rem;opacity:0;animation:_fadeInUp_1fj1z_1 .6s ease-out forwards}._settingItem_1fj1z_91:nth-child(1){animation-delay:0s}._settingItem_1fj1z_91:nth-child(2){animation-delay:.3s}._settingItem_1fj1z_91:nth-child(3){animation-delay:.5s}._settingItem_1fj1z_91:nth-child(4){animation-delay:.7s}._settingItem_1fj1z_91:nth-child(5){animation-delay:.9s}._settingInfo_1fj1z_125{flex:1}._settingLabelContainer_1fj1z_129{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}._settingLabel_1fj1z_129{font-size:.925rem;font-weight:500;color:var(--text-primary);display:block}._betaBadge_1fj1z_143{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background-color:#ff950026;color:#ff9500;text-transform:uppercase;box-shadow:0 0 0 1px #ff950033;animation:_fadeInScale_1fj1z_1 .6s ease-out .2s both}._betaBadge_1fj1z_143:hover{background-color:#ff950040;cursor:default}._settingDescription_1fj1z_165{font-size:.825rem;color:var(--text-secondary);margin:0;line-height:1.4}._settingControl_1fj1z_172{flex-shrink:0}._validationSection_1fj1z_177{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}._testButton_1fj1z_187{display:flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}._testButton_1fj1z_187:hover:not(:disabled){background:rgba(var(--accent-rgb),.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}._testButton_1fj1z_187:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}._validationResult_1fj1z_216{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px;font-size:.875rem;font-weight:500}._validationResult_1fj1z_216._validating_1fj1z_226{background:rgba(var(--accent-rgb),.1);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2)}._validationResult_1fj1z_216._valid_1fj1z_177{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}._validationResult_1fj1z_216._invalid_1fj1z_238{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}._debugSection_1fj1z_245{padding:1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}._debugJson_1fj1z_252{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-primary);overflow-x:auto;margin:0}._spinning_1fj1z_264{animation:_spin_1fj1z_264 1s linear infinite}@keyframes _spin_1fj1z_264{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._switchLabel_1fj1z_278{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}._switchInput_1fj1z_286{opacity:0;width:0;height:0}._switchSlider_1fj1z_292{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--text-tertiary);transition:.2s ease;border-radius:12px}._switchSlider_1fj1z_292:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.2s ease;border-radius:50%;box-shadow:0 1px 3px #0003}._switchInput_1fj1z_286:checked+._switchSlider_1fj1z_292{background:var(--accent)}._switchInput_1fj1z_286:checked+._switchSlider_1fj1z_292:before{transform:translate(20px)}._switchInput_1fj1z_286:focus+._switchSlider_1fj1z_292{box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}@keyframes _fadeInUp_1fj1z_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeInScale_1fj1z_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){._settingsHeader_1fj1z_11,._settingsBody_1fj1z_52{padding:1rem}._settingItem_1fj1z_91{flex-direction:column;align-items:flex-start;gap:.75rem}._settingControl_1fj1z_172{align-self:flex-end}}._overlay_14iaz_3{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:_fadeIn_14iaz_1 .2s ease-out}._dialog_14iaz_18{background:var(--bg-primary);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #0006;animation:_slideUp_14iaz_1 .3s ease-out;border:1px solid var(--border-color);overflow:hidden}._header_14iaz_29{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem}._icon_14iaz_36{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f59e0b1a;color:#f59e0b;flex-shrink:0}._title_14iaz_48{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}._content_14iaz_55{padding:0 1.5rem 1.5rem}._description_14iaz_59{font-size:.95rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.4}._actionInfo_14iaz_66{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0}._actionType_14iaz_74{font-size:.875rem;font-weight:600;color:var(--accent);margin-bottom:.5rem;text-transform:capitalize}._actionDescription_14iaz_82{font-size:.925rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}._actionDetails_14iaz_89{font-size:.825rem;color:var(--text-secondary);line-height:1.3;font-family:monospace;background:var(--bg-tertiary);padding:.5rem;border-radius:4px;margin-top:.5rem}._warning_14iaz_100{font-size:.9rem;color:var(--text-primary);margin:1rem 0 0;font-weight:500}._actions_14iaz_107{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end}._cancelButton_14iaz_116{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._cancelButton_14iaz_116:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--text-tertiary)}._confirmButton_14iaz_137{display:flex;align-items:center;gap:.5rem;background:var(--accent);border:none;color:#fff;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._confirmButton_14iaz_137:hover{background:rgba(var(--accent-rgb),.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}@keyframes _fadeIn_14iaz_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_14iaz_1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._dialog_14iaz_18{width:95%;margin:1rem}._header_14iaz_29,._content_14iaz_55,._actions_14iaz_107{padding-left:1rem;padding-right:1rem}._actions_14iaz_107{flex-direction:column-reverse}._cancelButton_14iaz_116,._confirmButton_14iaz_137{width:100%;justify-content:center}}.smart-search-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000000f;overflow:hidden;max-height:280px;animation:fadeInUp .15s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.smart-search-header{padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-small);font-weight:500;color:var(--text-tertiary)}.smart-search-loading{display:flex;align-items:center;gap:8px;padding:16px 12px;color:var(--text-secondary);font-size:var(--font-size-small)}.smart-search-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--accent, #2383e2);border-radius:50%;animation:spin 1s linear infinite}.smart-search-results{max-height:280px;overflow-y:auto}.smart-search-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:all .15s ease;border-bottom:none}.smart-search-item:hover,.smart-search-item.selected{background:var(--accent)}.smart-search-item.selected{background:var(--accent-light, rgba(35, 131, 226, .08))}.smart-search-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-tertiary);transition:all .15s ease;flex-shrink:0}.smart-search-item:hover .smart-search-icon,.smart-search-item.selected .smart-search-icon{color:var(--accent, #2383e2)}.smart-search-info{flex:1;min-width:0}.smart-search-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-body);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-search-email{font-size:var(--font-size-small);color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-search-type{color:var(--text-tertiary);font-size:var(--font-size-small);font-weight:400;flex-shrink:0;transition:all .15s ease}.smart-search-item:hover .smart-search-type,.smart-search-item.selected .smart-search-type{color:var(--text-secondary)}.smart-search-results::-webkit-scrollbar{width:6px}.smart-search-results::-webkit-scrollbar-track{background:var(--bg-secondary)}.smart-search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.smart-search-results::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.smart-search-dropdown{max-height:240px}.smart-search-results{max-height:200px}.smart-search-item{padding:10px;gap:10px}.smart-search-icon{width:28px;height:28px}.smart-search-name{font-size:14px}.smart-search-email{font-size:12px}}:root{--sidebar-closed-width: 0px;--sidebar-open-width: 260px}._triageAi_18xjc_8{display:flex;flex-direction:column;height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}._triageAiMessages_18xjc_18{flex:1;overflow-y:auto;padding:40px 0 160px;width:100%;animation:_fadeIn_18xjc_1 .6s ease-out;position:relative}._triageAiMessages_18xjc_18:after{content:"";position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:5}._triageAiMessagesContent_18xjc_38{max-width:800px;margin:0 auto;padding:0 .3rem}._triageAiWelcome_18xjc_45{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;animation:_fadeInUp_18xjc_1 .8s ease-out}._triageAiWelcomeIcon_18xjc_55{display:flex;align-items:center;justify-content:center;width:124px;height:124px;border-radius:16px;margin-bottom:1.5rem;animation:_fadeInScale_18xjc_1 1s ease-out .2s both;overflow:hidden;position:relative}._triageAiWelcomeIcon_18xjc_55>div{height:124px!important;width:124px!important;display:flex!important;align-items:center!important;justify-content:center!important}._triageAiWelcomeIcon_18xjc_55 svg{width:124px!important;height:124px!important;max-width:124px!important;max-height:124px!important}._triageAiWelcomeTitle_18xjc_83{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary);animation:_fadeInUp_18xjc_1 .8s ease-out .4s both}._triageAiWelcomeDescription_18xjc_91{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.5;margin:0;animation:_fadeInUp_18xjc_1 .8s ease-out .6s both}._triageAiMessage_18xjc_18{animation:_fadeInUp_18xjc_1 .6s ease-out;margin-bottom:15px}._triageAiMessageUser_18xjc_106{display:flex;justify-content:flex-end;margin-bottom:16px}._triageAiMessageUser_18xjc_106 ._triageAiMessageContent_18xjc_112{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 90%,transparent) 100%);color:#fff;border-radius:20px 20px 4px;padding:12px 16px;max-width:70%;min-width:20px;animation:_slideInFromRight_18xjc_1 .6s ease-out;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent),0 2px 4px #0000001a;border:1px solid color-mix(in srgb,white 20%,transparent);position:relative;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4;transition:all .2s ease;transform-origin:bottom right}._triageAiMessageUser_18xjc_106 ._triageAiMessageContent_18xjc_112:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,transparent),0 4px 8px #00000026;transform:scale(1.02)}._triageAiMessageSystem_18xjc_135{display:flex;justify-content:flex-start}._triageAiMessageSystem_18xjc_135 ._triageAiMessageContent_18xjc_112{border-radius:18px 18px 18px 4px;width:100%;position:relative;animation:_slideInFromLeft_18xjc_1 .6s ease-out}._triageAiMessageBadge_18xjc_148{display:flex;justify-content:flex-start;margin:8px 0}._triageAiMessageBadge_18xjc_148 ._triageAiMessageContent_18xjc_112{background:transparent;border:none;padding:0;max-width:100%;animation:_fadeInScale_18xjc_1 .4s ease-out}._triageAiMessageText_18xjc_162{line-height:1.6;word-wrap:break-word;padding:.5rem 1.7rem}._triageAiMessageUser_18xjc_106 ._triageAiMessageText_18xjc_162{padding:0;line-height:1.4;font-size:14px;color:#fff;margin:0}._triageAiMessageUser_18xjc_106 ._triageAiMessageText_18xjc_162 p{margin:0;color:#fff}._triageAiMessageUser_18xjc_106 ._triageAiMessageText_18xjc_162 strong{font-weight:600;color:#fff}._triageAiH1_18xjc_190{font-size:1.75rem;font-weight:700;margin:1.5rem 0 1rem;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:.5rem}._triageAiH2_18xjc_199{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:var(--accent);position:relative}._triageAiH2_18xjc_199:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--accent);border-radius:2px}._triageAiH3_18xjc_219{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:var(--accent)}._triageAiH4_18xjc_226{font-size:1.1rem;font-weight:600;margin:.75rem 0 .5rem;color:var(--text-primary)}._triageAiBold_18xjc_233{font-weight:600;color:var(--text-primary)}._triageAiItalic_18xjc_238{font-style:italic;color:var(--text-secondary)}._triageAiEmphasis_18xjc_243{color:var(--accent);font-weight:500}._triageAiMention_18xjc_248{color:var(--accent, #2383e2);font-weight:600;background-color:var(--accent-light, rgba(35, 131, 226, .1));padding:2px 6px;border-radius:4px;border:1px solid var(--accent-light, rgba(35, 131, 226, .2));font-size:inherit}._triageAiInlineCode_18xjc_258{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:.125rem .375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--accent);font-weight:500}._triageAiCodeBlock_18xjc_269{margin:1rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);background:var(--bg-tertiary)}._triageAiCodeHeader_18xjc_277{background:var(--bg-secondary);padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary)}._triageAiCode_18xjc_269{background:var(--bg-tertiary);padding:1rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;color:var(--text-primary)}._triageAiNumberedList_18xjc_300{margin:1rem 0;padding:0;counter-reset:list-counter}._triageAiBulletList_18xjc_306{margin:1rem 0;padding:0}._triageAiListItem_18xjc_311,._triageAiNumberedItem_18xjc_312{margin:.5rem 0;padding-left:1.5rem;position:relative;list-style:none}._triageAiListItem_18xjc_311:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.2rem}._triageAiNumberedItem_18xjc_312{counter-increment:list-counter}._triageAiNumberedItem_18xjc_312:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--accent);font-weight:600}._triageAiNumberedItem_18xjc_312 ._triageAiNumber_18xjc_300{color:var(--accent);font-weight:600;margin-right:.5rem}._triageAiNumberedItemWrapper_18xjc_348{margin:.5rem 0;display:block}._triageAiNumberedItemWrapper_18xjc_348 ._triageAiNumber_18xjc_300{color:var(--accent);font-weight:600;margin-right:.5rem}._triageAiBlockquote_18xjc_359{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:1rem 0;background:var(--bg-secondary);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);position:relative}._triageAiBlockquote_18xjc_359:before{content:'"';font-size:3rem;color:var(--accent);position:absolute;top:-.5rem;left:1rem;opacity:.3}._triageAiTableRow_18xjc_380{border-bottom:1px solid var(--border-primary)}._triageAiTableRow_18xjc_380:last-child{border-bottom:none}._triageAiTableCell_18xjc_388{padding:.75rem 1rem;border-right:1px solid var(--border-primary);vertical-align:top}._triageAiTableCell_18xjc_388:last-child{border-right:none}._triageAiTableCell_18xjc_388:first-child{font-weight:600;background:var(--bg-secondary);color:var(--text-primary)}._triageAiLink_18xjc_404{color:var(--accent-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}._triageAiLink_18xjc_404:hover{border-bottom-color:var(--accent-color);background:rgba(var(--accent-color-rgb),.1);padding:.125rem .25rem;border-radius:4px}._triageAiDivider_18xjc_419{border:none;height:2px;background:linear-gradient(to right,transparent,var(--border-primary),transparent);margin:2rem 0;border-radius:1px}._triageAiMessageText_18xjc_162 h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--accent-color)}._triageAiMessageText_18xjc_162 h4{font-size:1rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}._triageAiMessageText_18xjc_162 p{margin:.5rem 0}._triageAiMessageText_18xjc_162 pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;margin:.75rem 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}._triageAiMessageText_18xjc_162 code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:.125rem .25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}._triageAiMessageText_18xjc_162 table{width:100%;border-collapse:collapse;margin:.75rem 0;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}._triageAiMessageText_18xjc_162 td{padding:.5rem;border-bottom:1px solid var(--border-primary);border-right:1px solid var(--border-primary)}._triageAiMessageText_18xjc_162 td:last-child{border-right:none}._triageAiMessageText_18xjc_162 tr:last-child td{border-bottom:none}._triageAiMessageText_18xjc_162 blockquote{border-left:4px solid var(--accent-color);padding-left:1rem;margin:.75rem 0;font-style:italic;color:var(--text-secondary)}._triageAiStreamingWord_18xjc_498{opacity:0;animation:_fadeIn_18xjc_1 .3s ease-out forwards}._triageAiCursor_18xjc_503{animation:_blink_18xjc_1 1s infinite;color:var(--accent-color);font-weight:700}._triageAiMessageActions_18xjc_510{display:flex;gap:.5rem;margin-top:.75rem;opacity:0;transition:opacity .2s ease}._triageAiMessageSystem_18xjc_135:hover ._triageAiMessageActions_18xjc_510{opacity:1}._triageAiStatusBadges_18xjc_523{margin-top:1rem}._triageAiActionBtn_18xjc_527{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}._triageAiActionBtn_18xjc_527:hover{background:var(--hover-bg)!important;color:var(--text-primary);border-color:var(--accent-color);transform:scale(1.05)}._triageAiEditForm_18xjc_549{width:100%}._triageAiEditTextarea_18xjc_553{width:100%;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:.75rem;color:var(--text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;min-height:100px}._triageAiEditTextarea_18xjc_553:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}._triageAiEditActions_18xjc_573{display:flex;gap:.5rem;margin-top:.75rem}._triageAiEditSave_18xjc_579,._triageAiEditCancel_18xjc_580{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}._triageAiEditSave_18xjc_579{background:var(--accent-color);color:#fff;border:none}._triageAiEditSave_18xjc_579:hover{background:var(--accent-color-dark);transform:translateY(-1px)}._triageAiEditCancel_18xjc_580{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}._triageAiEditCancel_18xjc_580:hover{background:var(--bg-secondary);color:var(--text-primary)}._triageAiInputContainer_18xjc_612{position:fixed;bottom:0;left:var(--sidebar-closed-width);right:0;padding:1rem;z-index:1000;display:flex;justify-content:center;transition:left .3s ease}body:has(._settings-modal-overlay_18xjc_625) ._triageAiInputContainer_18xjc_612,body:has([class*=modal-overlay]) ._triageAiInputContainer_18xjc_612{z-index:500}body._modal-open_18xjc_632 ._triageAiInputContainer_18xjc_612,body._settings-modal-open_18xjc_633 ._triageAiInputContainer_18xjc_612{z-index:500}body._modal-open_18xjc_632 ._triageAiInputContainer_18xjc_612{visibility:hidden}body._settings-modal-open_18xjc_633 ._triageAiInputContainer_18xjc_612{visibility:visible;z-index:500}._triageAiInputContainer_18xjc_612[data-sidebar-open=true]{left:var(--sidebar-open-width)}._triageAiInputForm_18xjc_652{max-width:800px;width:100%;margin:0;transition:all .3s ease;border-radius:10px;border:1px solid var(--border-color)}._triageAiInputWrapper_18xjc_661{position:relative;background:var(--bg-primary);border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:100%}._triageAiInputWrapper_18xjc_661:focus-within{border-color:var(--accent)}._triageAiInput_18xjc_612{width:100%;background:transparent;border:none;padding:1rem 4.5rem 1rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:40px;line-height:1.5;border-radius:16px;resize:none;max-height:120px;overflow-y:auto;min-height:20px}._triageAiInput_18xjc_612:focus{outline:none;border-color:var(--accent)}._triageAiInput_18xjc_612::placeholder{color:var(--text-secondary)}._triageAiInput_18xjc_612:disabled{opacity:.6;cursor:not-allowed}._triageAiInputActions_18xjc_707{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;display:flex;justify-content:space-between;align-items:center}._triageAiInputActionsLeft_18xjc_717,._triageAiInputActionsRight_18xjc_723{display:flex;gap:.5rem;align-items:center}._triageAiAddBtn_18xjc_729,._triageAiSettingsBtn_18xjc_730,._triageAiSendBtn_18xjc_731,._triageAiStopBtn_18xjc_732{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}._triageAiAddBtn_18xjc_729,._triageAiSettingsBtn_18xjc_730{background:transparent;color:var(--text-secondary);position:relative;z-index:10}._triageAiAddBtn_18xjc_729:hover:not(:disabled),._triageAiSettingsBtn_18xjc_730:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}._triageAiSettingsBtn_18xjc_730:disabled{opacity:.5;cursor:not-allowed}._cautiousModeIndicator_18xjc_764{display:flex;align-items:center;justify-content:center;padding:.25rem;color:#f59e0b;background:#f59e0b1a;border-radius:4px;font-size:.7rem;font-weight:500}._triageAiModeSelector_18xjc_777{position:relative;display:inline-block}._triageAiModeSelect_18xjc_777{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px;outline:none}._triageAiModeSelect_18xjc_777:hover:not(:disabled){color:var(--text-primary)}._triageAiModeSelect_18xjc_777:focus{color:var(--text-primary)}._triageAiModeSelect_18xjc_777:disabled{opacity:.5;cursor:not-allowed}._triageAiModeArrow_18xjc_807{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:color .2s ease}._triageAiModeSelector_18xjc_777:hover ._triageAiModeArrow_18xjc_807{color:var(--text-primary)}._triageAiTestIndicator_18xjc_822{position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px;line-height:1;animation:_pulse_18xjc_1 2s infinite;z-index:10}@keyframes _pulse_18xjc_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}._triageAiSendBtn_18xjc_731{background:var(--bg-secondary);color:var(--text-secondary)}._triageAiSendBtnActive_18xjc_853{background:rgba(var(--accent-color-rgb),.1);color:var(--accent-color);transform:scale(1.05)}._triageAiSendBtnActive_18xjc_853:hover{background:var(--accent-color-dark);transform:scale(1.1)}._triageAiStopBtn_18xjc_732{background:#ef4444;color:#fff}._triageAiStopBtn_18xjc_732:hover{background:#dc2626;transform:scale(1.05)}._triageAiAddBtn_18xjc_729:disabled,._triageAiSendBtn_18xjc_731:disabled{opacity:.5;cursor:not-allowed;transform:none!important}._connectionStatus_18xjc_892{display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:4px;font-size:.75rem}._statusDot_18xjc_901{width:8px;height:8px;border-radius:50%;animation:_pulse_18xjc_1 2s infinite}._connectionStatus_18xjc_892._connected_18xjc_908 ._statusDot_18xjc_901{background:#16a34a}._connectionStatus_18xjc_892._connecting_18xjc_912 ._statusDot_18xjc_901{background:#f59e0b}._connectionStatus_18xjc_892._disconnected_18xjc_916 ._statusDot_18xjc_901{background:#dc2626}._connectionInfo_18xjc_920{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}._connectionBadge_18xjc_929{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500}._connectionBadge_18xjc_929._connected_18xjc_908{background:#22c55e1a;color:#16a34a;border-color:#16a34a}._connectionBadge_18xjc_929._connecting_18xjc_912{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b}._connectionBadge_18xjc_929._disconnected_18xjc_916{background:#dc26261a;color:#dc2626;border-color:#dc2626}._cautiousModeBadge_18xjc_957{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;background:#f59e0b1a;color:#f59e0b}._spinning_18xjc_970{animation:_spin_18xjc_970 1s linear infinite}@keyframes _spin_18xjc_970{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._triageAiError_18xjc_983{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#dc26261a;border:1px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.875rem;margin-top:.5rem}._triageAiStreamingIndicator_18xjc_996{margin-top:.5rem}@keyframes _fadeIn_18xjc_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeInUp_18xjc_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeInScale_18xjc_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _slideInFromLeft_18xjc_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes _slideInFromRight_18xjc_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes _blink_18xjc_1{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){._triageAiMessages_18xjc_18{padding:0 0 160px}._triageAiMessagesContent_18xjc_38{padding:0 .75rem}._triageAiInputContainer_18xjc_612{padding:.75rem}._triageAiWelcomeTitle_18xjc_83{font-size:1.25rem}._triageAiWelcomeDescription_18xjc_91{font-size:.875rem}._triageAiMessageUser_18xjc_106 ._triageAiMessageContent_18xjc_112,._triageAiMessageSystem_18xjc_135 ._triageAiMessageContent_18xjc_112{max-width:90%}._triageAiInput_18xjc_612{font-size:16px;padding:1rem 3rem 3rem 2.5rem}._triageAiInputActions_18xjc_707{left:.25rem;right:.25rem}}@media (max-width: 480px){._triageAiInputContainer_18xjc_612{left:0!important}._triageAiInputForm_18xjc_652{width:calc(100vw - 1rem)!important}._triageAiInputWrapper_18xjc_661{margin:0 .25rem}}._triageAiAttachments_18xjc_1119{position:fixed;bottom:120px;left:50%;transform:translate(-50%);max-width:600px;width:calc(100% - 2rem);z-index:10;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;animation:_slideInFromLeft_18xjc_1 .3s ease-out}._triageAiAttachment_18xjc_1119{position:relative;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;animation:_fadeInScale_18xjc_1 .3s ease-out;cursor:pointer;transition:all .2s ease}._triageAiAttachment_18xjc_1119:hover{transform:scale(1.05);border-color:var(--accent-color)}._triageAiAttachmentIcon_18xjc_1156{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--accent-color);color:#fff;border-radius:4px}._triageAiAttachmentInfo_18xjc_1167,._triageAiAttachmentName_18xjc_1171,._triageAiAttachmentSize_18xjc_1175{display:none}._triageAiAttachmentProgress_18xjc_1179{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a;overflow:hidden}._triageAiAttachmentProgressBar_18xjc_1189{height:100%;background:var(--accent-color);transition:width .3s ease}._triageAiAttachmentError_18xjc_1195{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--error-color-rgb),.1);color:var(--error-color);font-size:10px;font-weight:500;text-align:center;padding:2px}._triageAiAttachmentRemove_18xjc_1212{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--error-color);border:1px solid var(--bg-primary);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:0;transform:scale(.8)}._triageAiAttachment_18xjc_1119:hover ._triageAiAttachmentRemove_18xjc_1212{opacity:1;transform:scale(1)}._triageAiAttachmentRemove_18xjc_1212:hover{background:var(--error-color-dark);transform:scale(1.1)}._triageAiAttachmentRemove_18xjc_1212:active{transform:scale(.9)}.ai-assistant-page{width:100%;height:100%;color:var(--text-primary);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.PR-page{padding:2rem;max-width:100%}@keyframes payrollFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payroll-animate{animation:payrollFadeInUp .6s ease-out forwards;opacity:0}.PR-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.PR-section-header-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.PR-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.PR-loading-content p{margin:0;color:var(--text-primary);font-size:.875rem;font-weight:500}.PR-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.PR-title-section{flex:1}.PR-title-section h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.PR-subtitle{margin:.5rem 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.PR-actions{display:flex;gap:.75rem;align-items:center}.PR-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:4px!important;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;white-space:nowrap}.PR-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.PR-btn-primary:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4)}.PR-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.PR-btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}.PR-btn-accent{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 2px 8px #f59e0b4d}.PR-btn-accent:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66}.PR-btn-link{background:transparent;color:var(--accent);border:none;padding:.5rem .75rem;font-weight:500;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .2s ease;border-radius:4px}.PR-btn-link:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent);text-decoration:none}.PR-btn-link:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.PR-btn-link:disabled:hover{background:transparent;color:var(--text-tertiary)}.add-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.add-button:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px color-mix(in srgb,var(--accent),transparent 70%)}.add-button:hover:before{left:100%}.add-button:active{transform:translateY(0)}.PR-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.PR-filter-group{display:flex;flex-direction:column;gap:.25rem;box-sizing:border-box}.PR-filter-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.PR-search-input{padding:.8rem .75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease;min-width:200px;box-sizing:border-box}.PR-filter-select{border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-small);transition:all .2s ease;min-width:200px;box-sizing:border-box}.PR-search-input:focus,.PR-filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.PR-table-container{border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #0000000d;position:relative}.PR-table thead{position:sticky;top:0;z-index:100;background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.PR-table th,.PR-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.PR-table th{color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary);position:relative}body.sidebar-is-visible .PR-modal-overlay{margin-left:260px}.PR-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out;transition:all .3s ease-out!important}.PR-form-modal{max-width:1200px;width:90vw;max-height:0;overflow:hidden;animation:modalHeightExpand .4s cubic-bezier(.4,0,.2,1) forwards;transition:all .4s cubic-bezier(.4,0,.2,1)}.PR-form-modal.opening{animation:modalHeightExpand .4s cubic-bezier(.4,0,.2,1) forwards}.PR-form-modal .PR-modal-content{animation:modalSlideInFromBottom .4s cubic-bezier(.4,0,.2,1);transform-origin:bottom center}.PR-create-first-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:6px;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.PR-create-first-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.PR-create-first-btn:hover:before{left:100%}.PR-create-first-btn:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(var(--accent-rgb),.4)}.PR-create-first-btn:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.PR-form-content{opacity:0;animation:slideInContent .5s ease-out .2s forwards;flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem;min-height:0}@keyframes slideInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.PR-form-modal{max-width:1200px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.PR-form{display:flex;flex-direction:column;flex:1;background-color:var(--bg-primary);min-height:0;overflow:hidden}.PR-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);animation:slideInFromTop .4s ease-out .1s both;flex-shrink:0;position:sticky;top:0;z-index:10}.PR-form-header h2{margin:0;font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.PR-close-btn{padding:.5rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.PR-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.PR-form{padding:2rem;overflow-y:auto;flex:1}.form-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);animation:fadeInUp .4s ease-out both}.form-section:nth-child(1){animation-delay:.3s}.form-section:nth-child(2){animation-delay:.4s}.form-section:nth-child(3){animation-delay:.5s}.form-section:nth-child(4){animation-delay:.6s}.form-section h3{margin:0 0 1.5rem;font-size:var(--font-size-body);font-weight:600;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-title{width:100%;margin:1rem 0 .5rem}.form-group-title h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);padding:.5rem 0;border-bottom:1px solid var(--border-color)}.form-group label{font-weight:500;color:var(--text-secondary);font-size:.875rem}.PR-field-help{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem;line-height:1.4}.pay-period-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin:1rem 0}.pay-period-info h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.pay-period-info p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.week-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.week-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.PR-table-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #0000000d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.PR-table{width:100%;border-collapse:collapse;animation:fadeInScale .5s ease-out}.PR-table th,.PR-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.PR-table th{color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.PR-table tbody tr{transition:background-color .2s ease;animation:slideInFromLeft .4s ease-out both}.PR-table tbody tr:hover{background:var(--hover-bg)}.PR-table tbody tr:nth-child(1){animation-delay:.1s}.PR-table tbody tr:nth-child(2){animation-delay:.2s}.PR-table tbody tr:nth-child(3){animation-delay:.3s}.PR-table tbody tr:nth-child(4){animation-delay:.4s}.PR-table tbody tr:nth-child(5){animation-delay:.5s}.PR-error h3{margin:0 0 .5rem;color:var(--text-primary)}.PR-error p{margin:0 0 1.5rem;color:var(--text-secondary)}.PR-retry-btn{padding:.75rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.PR-retry-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.PR-empty{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:6px;border:2px dashed var(--border-color);margin:2rem 0;animation:fadeInUp .6s ease-out}.PR-empty h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.PR-empty p{margin:0 0 2rem;color:var(--text-secondary);font-size:1rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto}.PR-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalSlideInFromBottom{0%{opacity:0;transform:scale(.95) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalHeightExpand{0%{max-height:0;opacity:0}to{max-height:90vh;opacity:1}}.PR-note-modal{background:var(--bg-primary);border-radius:6px;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideInFromBottom .4s ease-out both}.PR-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.PR-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.PR-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.PR-modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.PR-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.PR-note-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.PR-note-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:vertical;min-height:100px;transition:all .2s ease;box-sizing:border-box}.PR-note-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.PR-note-character-count{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary);text-align:right}.PR-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;background:var(--bg-primary)}.PR-form-header{animation:slideInFromTop .4s ease-out .1s both}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.PR-form-section{margin-bottom:2rem;padding:1.5rem;border-radius:6px;animation:fadeInUp .4s ease-out both}.PR-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.PR-form-group{display:flex;flex-direction:column;gap:.5rem}.PR-form-switch-group{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.PR-form-switch-group label{margin:0;font-weight:500;color:var(--text-primary)}.PR-form-group-title{width:100%;margin:1rem 0 .5rem}.PR-form-group-title h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);padding:.5rem 0;border-bottom:1px solid var(--border-color)}.PR-form-input,.PR-form-textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.PR-form-input:focus,.PR-form-select:focus,.PR-form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.PR-error-text{font-size:.75rem;color:var(--error-color);margin-top:.25rem;display:block}.PR-payroll-actions-cell{display:flex;gap:.5rem;align-items:center}.PR-action-btn{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.PR-action-btn:hover{background:var(--hover-bg);color:var(--text-primary);transform:translateY(-1px)}.PR-add-employees{background:var(--accent);color:#fff}.PR-add-employees:hover{background:var(--accent)}.PR-view:hover{background:var(--accent);color:#fff}.PR-edit:hover{background:#f59e0b;color:#fff}.PR-delete:hover{background:#ef4444;color:#fff}.PR-download-dropdown{position:relative;display:inline-block}.PR-download-dropdown-content,.PR-download-dropdown-portal .PR-download-dropdown-content{display:none;position:absolute;background:var(--bg-primary);min-width:160px;box-shadow:0 8px 32px #00000026;border-radius:4px;border:1px solid var(--border-color);z-index:1000;top:100%;right:0;margin-top:4px;overflow:hidden}.PR-download-dropdown-content.show,.PR-download-dropdown-portal .PR-download-dropdown-content{display:block}.PR-download-dropdown-portal{z-index:1000}.PR-download-dropdown-portal .PR-download-dropdown-content{position:static;display:block;margin:0;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.PR-download-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:background-color .2s ease;text-align:left}.PR-download-option:hover{background:var(--hover-bg)}.PR-download-option:first-child{border-radius:8px 8px 0 0}.PR-download-option:last-child{border-radius:0 0 8px 8px}.PR-download-option svg{width:16px;height:16px;flex-shrink:0}.PR-employee-table-modal{max-width:1400px;width:95vw;max-height:90vh;overflow-y:auto}.PR-table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.PR-header-content h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.PR-header-content p{margin:.5rem 0 0;color:var(--text-secondary)}.PR-header-actions{display:flex;align-items:center;gap:1rem}.PR-total-display{padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:4px;font-weight:600}.PR-table-content{padding:2rem;max-height:60vh;overflow-y:auto}.PR-employee-payroll-table{width:100%}.PR-payroll-grid{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.PR-payroll-grid th,.PR-payroll-grid td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.PR-payroll-grid th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.PR-payroll-entry-row{transition:background-color .2s ease}.PR-payroll-entry-row:hover{background:var(--hover-bg)}.PR-employee-cell{background:var(--bg-secondary);border-right:2px solid var(--border-color)}.PR-employee-info{display:flex;align-items:center;gap:1rem}.PR-employee-avatar{width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid var(--border-color);font-size:var(--font-size-body)}.PR-employee-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:var(--font-size-small);display:flex;align-items:center;gap:8px}.PR-employee-total{font-size:.875rem;color:var(--text-secondary);font-weight:500}.PR-pay-type-select,.PR-hours-input,.PR-rate-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem}.PR-pay-type-select:focus,.PR-hours-input:focus,.PR-rate-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--calendar)}.PR-amount-display{font-weight:600;color:var(--text-primary);padding:.5rem;background:var(--bg-secondary);border-radius:4px;text-align:right}.PR-action-buttons{display:flex;gap:.5rem}.PR-add-row-btn,.PR-remove-row-btn{padding:.375rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.PR-add-row-btn{background:var(--accent);color:#fff}.PR-add-row-btn:hover{background:var(--accent);transform:scale(1.05)}.PR-remove-row-btn{background:#ef4444;color:#fff}.PR-remove-row-btn:hover{background:#dc2626;transform:scale(1.05)}.PR-table-footer{padding:1.5rem 2rem;background:var(--bg-secondary);display:flex;justify-content:flex-end}.PR-footer-actions{display:flex;gap:1rem}.PR-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary);min-height:300px;width:100%;height:100%;text-align:center}.PR-loading .loader-container,.PR-loading svg{margin:0 auto;display:block}.PR-loading>div{margin:0 auto;display:block}.loading-spinner{width:24px;height:24px;border:1px solid var(--border-color);border-top:2px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}.PR-modal-content{background:var(--bg-primary);border-radius:6px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;display:flex;flex-direction:column;max-height:90vh}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.PR-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-color);margin-top:0;flex-shrink:0;background:var(--bg-primary);position:sticky;bottom:0;z-index:10}.PR-pay-period-cell{min-width:150px}.PR-description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PR-employee-count{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-weight:500}.PR-status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.PR-status-badge.draft{background:#f3f4f6;color:#6b7280}.PR-status-badge.processing{background:#fef3c7;color:#d97706}.PR-status-badge.completed{background:#d1fae5;color:#065f46}.PR-status-badge.paid{background:#dbeafe;color:#1e40af}.PR-total-amount{font-weight:600;color:var(--text-primary)}.PR-payroll-type{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.PR-work-days-info{margin-top:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.875rem;color:var(--text-secondary)}.PR-work-days-info strong{color:var(--text-primary)}.PR-form-content::-webkit-scrollbar{width:8px}.PR-form-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.PR-form-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s ease}.PR-form-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.PR-form::-webkit-scrollbar{width:8px}.PR-form::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.PR-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .2s ease}.PR-form::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.PR-payroll-spreadsheet{width:100%;border-collapse:separate;border-spacing:0;border:none;border-radius:0;overflow:visible;box-shadow:none;font-family:Consolas,Monaco,Courier New,monospace;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);table-layout:fixed}.PR-payroll-spreadsheet thead{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--bg-primary);box-shadow:0 2px 8px #00000026}.PR-payroll-spreadsheet th,.PR-payroll-spreadsheet td{padding:.5rem 1rem;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center;vertical-align:middle;position:relative;box-sizing:border-box}.PR-payroll-spreadsheet th{color:var(--text-primary);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);background:var(--bg-primary);position:relative}.PR-payroll-spreadsheet tbody tr:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.PR-payroll-spreadsheet tbody tr:nth-child(2n){background:#00000005}.PR-payroll-spreadsheet tbody tr:nth-child(2n):hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.PR-payroll-spreadsheet tbody tr:nth-child(1){animation-delay:.1s}.PR-payroll-spreadsheet tbody tr:nth-child(2){animation-delay:.15s}.PR-payroll-spreadsheet tbody tr:nth-child(3){animation-delay:.2s}.PR-payroll-spreadsheet tbody tr:nth-child(4){animation-delay:.25s}.PR-payroll-spreadsheet tbody tr:nth-child(5){animation-delay:.3s}.PR-payroll-spreadsheet tbody tr:nth-child(6){animation-delay:.35s}.PR-payroll-spreadsheet tbody tr:nth-child(7){animation-delay:.4s}.PR-payroll-spreadsheet tbody tr:nth-child(8){animation-delay:.45s}.PR-payroll-spreadsheet tbody tr:nth-child(9){animation-delay:.5s}.PR-payroll-spreadsheet tbody tr:nth-child(10){animation-delay:.55s}.PR-payroll-spreadsheet tbody tr:nth-child(11){animation-delay:.6s}.PR-payroll-spreadsheet tbody tr:nth-child(12){animation-delay:.65s}.PR-payroll-spreadsheet tbody tr:nth-child(13){animation-delay:.7s}.PR-payroll-spreadsheet tbody tr:nth-child(14){animation-delay:.75s}.PR-payroll-spreadsheet tbody tr:nth-child(15){animation-delay:.8s}.PR-payroll-spreadsheet tbody tr:nth-child(16){animation-delay:.85s}.PR-payroll-spreadsheet tbody tr:nth-child(17){animation-delay:.9s}.PR-payroll-spreadsheet tbody tr:nth-child(18){animation-delay:.95s}.PR-payroll-spreadsheet tbody tr:nth-child(19){animation-delay:1s}.PR-payroll-spreadsheet tbody tr:nth-child(20){animation-delay:1.05s}.PR-payroll-spreadsheet tbody tr:nth-child(n+21){animation-delay:1.1s}.PR-employee-name-cell{background:var(--bg-secondary)!important;border-right:2px solid var(--border-color)!important;font-weight:600;text-align:left!important;position:sticky;left:0;z-index:4;min-width:200px;max-width:200px}.PR-employee-name-cell:hover{background:var(--hover-bg)!important}.PR-spreadsheet-input{width:100%;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-body);text-align:center;padding:.5rem;outline:none;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:0;line-height:1.2;min-height:2.5rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;border:1px solid transparent;cursor:pointer;transition:all .3 ease}.PR-spreadsheet-input::-webkit-outer-spin-button,.PR-spreadsheet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PR-spreadsheet-input::-moz-outer-spin-button,.PR-spreadsheet-input::-moz-inner-spin-button{-moz-appearance:none;margin:0}.PR-spreadsheet-input::placeholder{color:var(--text-tertiary);opacity:.6;font-weight:400}.PR-spreadsheet-input:hover{background:var(--calendar-highlight-bg);border-radius:4px}.PR-spreadsheet-input:focus{background:var(--calendar-highlight-bg);color:var(--text-primary);border-radius:4px;border:1px solid var(--calendar-highlight-bg);position:relative;z-index:1;caret-color:var(--accent)}.PR-spreadsheet-input:disabled{background:rgba(var(--text-tertiary),.05);color:var(--text-tertiary);cursor:not-allowed;font-style:italic}.PR-spreadsheet-input:disabled::placeholder{color:var(--text-tertiary);opacity:.5}.PR-payroll-table-wrapper{position:relative;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:var(--bg-primary)}.PR-payroll-table-container{flex:1;overflow-y:auto;overflow-x:auto;max-height:70vh;position:relative;scrollbar-gutter:stable}.PR-total-row-container{position:sticky;bottom:0;left:0;right:0;z-index:10;background:var(--bg-primary);border-top:2px solid var(--border-color);box-shadow:0 -4px 16px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-gutter:stable;margin-right:0}.PR-total-table{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-family:Consolas,Monaco,Courier New,monospace;width:calc(100% - var(--scrollbar-width, 0px));min-width:calc(100% - var(--scrollbar-width, 0px))}@supports not (scrollbar-gutter: stable){.PR-payroll-table-wrapper:has(.PR-payroll-table-container::-webkit-scrollbar) .PR-total-row-container{padding-right:12px}@-moz-document url-prefix(){.PR-payroll-table-wrapper .PR-total-row-container{padding-right:12px}}}.PR-payroll-table-wrapper{--scrollbar-width: 0px}.PR-payroll-table-wrapper.has-scrollbar{--scrollbar-width: 12px}.PR-payroll-table-wrapper[data-scrollbar-width]{--scrollbar-width: attr(data-scrollbar-width px)}.PR-total-table{transition:width .2s ease-in-out}.PR-payroll-table-wrapper.has-scrollbar:after{content:"Scrollbar detected: " var(--scrollbar-width);position:absolute;top:-20px;right:10px;font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:3px;pointer-events:none;z-index:1000;display:none}.PR-total-table th,.PR-total-table td{padding:.5rem 1rem;border-right:1px solid var(--border-color);text-align:center;vertical-align:middle;position:relative;background:var(--bg-primary);font-weight:700;color:var(--text-primary);box-sizing:border-box}.PR-total-table td:nth-child(1){min-width:200px;max-width:200px;width:200px;box-sizing:border-box}.PR-total-table td:nth-child(2){width:120px;min-width:120px;max-width:120px;box-sizing:border-box}.PR-total-table td:nth-child(3){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-total-table td:nth-child(4){width:80px;min-width:80px;max-width:80px;box-sizing:border-box}.PR-total-table td:nth-child(5){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-total-table td:nth-child(6){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-total-table td:nth-child(7){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-total-table td:nth-child(8){width:80px;min-width:80px;max-width:80px;box-sizing:border-box}.PR-total-row{border-top:2px solid var(--accent)!important}.PR-total-row td{padding:1rem .75rem!important;font-weight:700!important;font-size:.9rem!important;color:var(--text-primary)!important;border-bottom:none!important;background:transparent!important}.PR-total-row .PR-employee-name-cell{color:var(--accent)!important;font-size:1rem!important;letter-spacing:.5px!important;text-align:left!important;font-weight:600;border-right:2px solid var(--border-color)!important;position:sticky;left:0;z-index:11}.PR-total-row td strong{font-size:var(--font-size-body)!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.PR-total-row td strong.animating-up{color:#10b981!important}.PR-total-row td strong.animating-down{color:#ef4444!important}.PR-combined-total-row{border-top:1px solid var(--border-color)!important}.PR-combined-total-row td{padding:.875rem .75rem!important;font-weight:600!important;font-size:.85rem!important;color:var(--text-secondary)!important;background:transparent!important}.PR-combined-total-row .PR-employee-name-cell{background:var(--bg-tertiary, #f8fafc)!important;color:var(--text-primary)!important;font-size:.9rem!important;letter-spacing:.3px!important;text-align:left!important;font-weight:600;border-right:2px solid var(--border-color)!important;position:sticky;left:0;z-index:11}.PR-combined-total-row td strong{color:var(--text-primary)!important;font-size:.85rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.PR-combined-total-row td strong.animating-up{color:#10b981!important}.PR-combined-total-row td strong.animating-down{color:#ef4444!important}.PR-total-table .PR-employee-name-cell{min-width:200px;max-width:200px;position:sticky;left:0;z-index:11}.PR-payroll-spreadsheet th:nth-child(1),.PR-payroll-spreadsheet td:nth-child(1){min-width:200px;max-width:200px;width:200px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(2),.PR-payroll-spreadsheet td:nth-child(2){width:120px;min-width:120px;max-width:120px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(3),.PR-payroll-spreadsheet td:nth-child(3){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(4),.PR-payroll-spreadsheet td:nth-child(4){width:80px;min-width:80px;max-width:80px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(5),.PR-payroll-spreadsheet td:nth-child(5){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(6),.PR-payroll-spreadsheet td:nth-child(6){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(7),.PR-payroll-spreadsheet td:nth-child(7){width:100px;min-width:100px;max-width:100px;box-sizing:border-box}.PR-payroll-spreadsheet th:nth-child(8),.PR-payroll-spreadsheet td:nth-child(8){width:80px;min-width:80px;max-width:80px;box-sizing:border-box}.PR-total-row td strong{transition:all .3s cubic-bezier(.4,0,.2,1)}.PR-total-row td strong:hover{transform:scale(1.02);color:#e5e7eb!important}@media (max-width: 768px){.PR-payroll-table-wrapper{max-height:calc(100vh - 150px)}.PR-payroll-table-container{padding-bottom:70px}.PR-total-row td{padding:.75rem .5rem!important;font-size:.8rem!important}.PR-total-table td:nth-child(1),.PR-payroll-spreadsheet th:nth-child(1),.PR-payroll-spreadsheet td:nth-child(1){min-width:150px;max-width:150px;width:150px}.PR-total-table td:nth-child(2),.PR-total-table td:nth-child(3),.PR-total-table td:nth-child(4),.PR-total-table td:nth-child(5),.PR-total-table td:nth-child(6),.PR-total-table td:nth-child(7),.PR-total-table td:nth-child(8),.PR-payroll-spreadsheet th:nth-child(2),.PR-payroll-spreadsheet th:nth-child(3),.PR-payroll-spreadsheet th:nth-child(4),.PR-payroll-spreadsheet th:nth-child(5),.PR-payroll-spreadsheet th:nth-child(6),.PR-payroll-spreadsheet th:nth-child(7),.PR-payroll-spreadsheet th:nth-child(8),.PR-payroll-spreadsheet td:nth-child(2),.PR-payroll-spreadsheet td:nth-child(3),.PR-payroll-spreadsheet td:nth-child(4),.PR-payroll-spreadsheet td:nth-child(5),.PR-payroll-spreadsheet td:nth-child(6),.PR-payroll-spreadsheet td:nth-child(7),.PR-payroll-spreadsheet td:nth-child(8){width:80px}}.PR-spreadsheet-input[type=number]:focus{text-align:center}.PR-spreadsheet-input[type=number]:not(:focus){text-align:center}.PR-spreadsheet-input[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;pointer-events:none}.PR-spreadsheet-input{transition:all .15s cubic-bezier(.4,0,.2,1)}.PR-spreadsheet-input.calculating{background:linear-gradient(90deg,transparent 25%,rgba(var(--accent-rgb),.1) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1s infinite}.PR-input-container{position:relative;display:flex;align-items:center;width:100%}.PR-imported-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:10;opacity:1;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.PR-imported-icon svg{width:14px;height:14px;stroke-width:2;stroke:var(--accent, #007acc)!important;fill:none;display:block}.PR-spreadsheet-input.imported-flutter{animation:importFlutter .6s ease-out}.PR-spreadsheet-input.imported-flutter-1{animation:importFlutter .6s ease-out 0s}.PR-spreadsheet-input.imported-flutter-2{animation:importFlutter .6s ease-out .15s}.PR-spreadsheet-input.imported-flutter-3{animation:importFlutter .6s ease-out .3s}.PR-spreadsheet-input.imported-flutter-4{animation:importFlutter .6s ease-out .45s}.PR-spreadsheet-input.imported-flutter-5{animation:importFlutter .6s ease-out .6s}.PR-spreadsheet-input.imported-flutter-6{animation:importFlutter .6s ease-out .75s}.PR-spreadsheet-input.imported-flutter-7{animation:importFlutter .6s ease-out .9s}.PR-spreadsheet-input.imported-flutter-8{animation:importFlutter .6s ease-out 1.05s}.PR-spreadsheet-input.imported-flutter-9{animation:importFlutter .6s ease-out 1.2s}.PR-spreadsheet-input.imported-flutter-10{animation:importFlutter .6s ease-out 1.35s}@keyframes importFlutter{0%{opacity:0;transform:translateY(-3px);background-color:transparent}25%{opacity:.8;transform:translateY(1px);background-color:#22c55e4d}50%{opacity:1;transform:translateY(0);background-color:#22c55e33}75%{opacity:1;transform:translateY(0);background-color:#22c55e1a}to{opacity:1;transform:translateY(0);background-color:transparent}}.PR-input-container:hover .PR-imported-icon{opacity:1}.PR-overtime-controls{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-bottom:1.5rem}.PR-overtime-toggle{display:flex;align-items:flex-start;gap:.75rem}.PR-auto-overtime-switch{margin-top:.125rem;flex-shrink:0}.PR-overtime-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;flex:1}.PR-overtime-title{font-weight:600;font-size:.875rem;color:var(--text-primary);line-height:1.2}.PR-overtime-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.PR-overtime-label:hover .PR-overtime-title{color:var(--accent)}.PR-payroll-editor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;margin-bottom:0;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(var(--shadow),.1)}.PR-header-content{flex:1;min-width:0}.PR-header-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.PR-header-content p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.PR-header-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;width:100%}.PR-header-actions-left,.PR-header-actions-center{display:flex;align-items:center;gap:1rem}.PR-header-actions-right{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:nowrap}.PR-total-display{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3);white-space:nowrap}.PR-payroll-summary{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;background:var(--background-primary);margin-bottom:1rem}.PR-summary-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.PR-summary-info h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.PR-summary-info p{display:none}.PR-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.PR-employee-count-display{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);white-space:nowrap}.PR-grand-total{font-size:var(--font-size-body);font-weight:600;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:-.005em;padding:.5rem .75rem;border-radius:4px;background-color:rgba(var(--text-secondary),.04);border:1px solid rgba(var(--text-secondary),.08);position:relative;transition:all .2s ease}@media (max-width: 768px){.PR-payroll-editor-header{flex-direction:column;gap:1rem;align-items:stretch}.PR-header-actions{justify-content:space-between}.PR-payroll-summary{flex-direction:column;gap:1rem;align-items:stretch}.PR-summary-totals{justify-content:space-between}.PR-grand-total{font-size:1rem}}.PR-skeleton-row{background:var(--bg-primary)}.PR-skeleton-row:hover{background:var(--bg-primary)!important}.PR-skeleton-row .PR-pay-period-cell{display:flex;flex-direction:column;gap:6px}.PR-skeleton-row .PR-payroll-actions-cell{display:flex;gap:8px;align-items:center}.PR-empty-row{text-align:center;padding:3rem 1rem}.PR-empty-cell{display:flex;flex-direction:column;align-items:center;gap:1rem}.PR-empty-cell p{margin:0;color:var(--text-secondary);font-size:1rem}.PR-auto-control{display:flex;align-items:center;transition:all .2s ease;min-width:fit-content}.PR-auto-control.auto-enabled{color:var(--accent)}.PR-auto-toggle{display:flex;align-items:center;gap:.75rem}.PR-auto-label{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.PR-auto-title{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.875rem;color:var(--text-primary)}.PR-auto-info-wrapper{display:inline-flex;cursor:help;margin-left:.25rem;position:relative}.PR-auto-info-icon{opacity:.7;transition:opacity .2s ease}.PR-auto-info-wrapper:hover .PR-auto-info-icon{opacity:1}.PR-auto-info-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:1000;margin-bottom:5px}.PR-auto-info-wrapper:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:1001}.PR-auto-info-wrapper:hover:after,.PR-auto-info-wrapper:hover:before{opacity:1;visibility:visible}.PR-week-toggle-wrapper{display:flex;gap:.5rem;background:var(--bg-secondary);border-radius:4px;padding:.25rem;border:1px solid var(--border-color)}.PR-week-toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.PR-week-toggle-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.PR-week-toggle-btn.active{color:var(--accent, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 2px 4px #0000000d;font-weight:600;border:1px solid rgba(var(--accent-r, 59),var(--accent-g, 130),var(--accent-b, 246),.2)}.PR-week-toggle-btn.active:hover{background:var(--hover-bg)}.PR-settings-dropdown{position:relative;display:flex;align-items:center;z-index:100}.PR-settings-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;min-width:140px;max-width:300px;justify-content:space-between;white-space:nowrap;overflow:hidden}.PR-settings-toggle:hover{background:var(--bg-hover);border-color:var(--accent);box-shadow:0 2px 4px #0000001a}.PR-settings-toggle:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.PR-active-settings{display:flex;gap:.25rem;margin-left:.5rem;flex-wrap:nowrap;overflow:hidden;max-width:120px}.PR-active-tag{font-size:.7rem;color:var(--accent);background:var(--accent-light);padding:.125rem .25rem;border-radius:3px;white-space:nowrap;flex-shrink:0;border:1px solid var(--accent);opacity:.9}.PR-dropdown-arrow{transition:transform .2s ease;flex-shrink:0;margin-left:auto}.PR-dropdown-arrow.open{transform:rotate(180deg)}.PR-settings-dropdown-content{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:320px;max-width:400px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 24px #00000026;z-index:1000;padding:.75rem;animation:dropdown-fade-in .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes dropdown-fade-in{0%{opacity:0}to{opacity:1}}.PR-setting-item{display:flex;align-items:center;padding:.875rem;border-radius:4px;transition:all .2s ease;margin-bottom:.5rem;border:1px solid transparent}.PR-setting-item:last-child{margin-bottom:0}.PR-setting-item:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.PR-setting-item.enabled{background:var(--accent-light);border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb),.15)}.PR-setting-item.enabled:hover{background:var(--accent-light);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}.PR-setting-toggle{display:flex;align-items:center;gap:.875rem;width:100%}.PR-setting-label{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex:1;transition:color .2s ease}.PR-setting-label:hover{color:var(--accent)}.PR-setting-title{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;color:var(--text-primary);line-height:1.4}.beta-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background-color:#ff950026;color:#ff9500;text-transform:uppercase;box-shadow:0 0 0 1px #ff950033;margin-left:.5rem;flex-shrink:0}.beta-badge:hover{background-color:#ff950040;cursor:default}.PR-setting-info-wrapper{display:inline-flex;cursor:help;margin-left:.375rem;position:relative;align-items:center}.PR-setting-info-icon{opacity:.6;transition:all .2s ease;transform:scale(1)}.PR-setting-info-wrapper:hover .PR-setting-info-icon{opacity:1;transform:scale(1.1)}.PR-setting-info-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:.625rem .875rem;border-radius:4px;font-size:.8rem;white-space:nowrap;box-shadow:0 6px 20px #00000026;border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1001;max-width:280px;white-space:normal;text-align:center;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PR-setting-info-wrapper:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-primary);opacity:0;visibility:hidden;transition:all .2s ease;z-index:1002}.PR-setting-info-wrapper:hover:after,.PR-setting-info-wrapper:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}@media (max-width: 768px){.PR-auto-controls-row{flex-direction:column;align-items:flex-start;gap:1rem}.PR-auto-control,.PR-settings-dropdown{width:100%}.PR-settings-toggle{width:100%;max-width:none}.PR-settings-dropdown-content{left:0;right:0;min-width:auto;width:100%;max-width:none}.PR-active-settings{max-width:150px}.PR-setting-item{padding:1rem}.PR-setting-title{font-size:.95rem}}@media (max-width: 480px){.PR-settings-toggle{min-width:auto;padding:.5rem}.PR-active-settings{display:none}.PR-setting-info-wrapper:after{max-width:200px;font-size:.75rem}}.PR-save-status-indicator{display:flex;align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.PR-section-header{display:flex;justify-content:space-between;align-items:center;padding:0rem;background:var(--background-primary);margin-bottom:1rem}.PR-section-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.PR-section-info h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.PR-section-info h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.PR-section-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.PR-payroll-period-details{margin-top:.375rem!important;font-size:.8rem!important;color:var(--text-tertiary)!important;font-weight:500;letter-spacing:.02em}.PR-section-actions,.PR-inline-actions{display:flex;align-items:center;gap:1rem}.PR-save-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500;transition:all .3s ease}.PR-save-icon.PR-saving{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.PR-save-icon.PR-saved{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.PR-save-icon.PR-saved svg{animation:checkmark-flash .6s ease-out}.PR-save-icon.PR-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.PR-save-icon.PR-error svg{animation:shake .5s ease-in-out}.PR-save-text{font-size:.75rem;white-space:nowrap}.PR-save-controls{display:flex;flex-direction:row;align-items:center;gap:1rem}.PR-save-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:80px}.PR-save-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes checkmark-flash{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.PR-spreadsheet-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.PR-spreadsheet-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:0;padding:0}.PR-spreadsheet-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.PR-spreadsheet-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(var(--accent-rgb),.2)}.PR-add-entry-btn svg{transition:transform .2s ease}.PR-add-entry-btn:hover svg{transform:rotate(90deg)}.PR-action-dropdown{position:relative;display:inline-block}.PR-action-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:0;padding:0}.PR-action-menu-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.PR-action-menu-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(var(--accent-rgb),.2)}.PR-action-dropdown-menu{min-width:150px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 24px #00000026;padding:4px;animation:dropdownSlideIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PR-action-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .15s ease;text-align:left}.PR-action-dropdown-item:hover{background:var(--hover-bg)}.PR-action-dropdown-item:active{background:var(--active-bg)}.PR-action-dropdown-item svg{flex-shrink:0;opacity:.7}.PR-action-dropdown-item.PR-remove-row{color:#dc2626}.PR-action-dropdown-item.PR-remove-row:hover{background:#b2111158;color:#b91c1c}.PR-action-dropdown-item.PR-remove-row svg{opacity:1}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.PR-auto-controls-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1.5rem 0rem;margin-bottom:0}@media (max-width: 1200px){.PR-auto-controls-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.PR-auto-controls-row{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (max-width: 768px){.PR-save-status-indicator{display:none}}.PR-entry-row{transition:all .2s ease}.PR-entry-row.PR-additional-entry{background-color:#00000005;border-top:1px solid rgba(0,0,0,.05);opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out,visibility .25s ease-out,background-color .2s ease;animation:slideDown .55s ease-out}.PR-entry-row.PR-additional-entry.PR-collapsing{opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .25s ease-in,transform .25s ease-in,visibility .25s ease-in}@keyframes slideDown{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.PR-entry-row.PR-additional-entry.PR-collapsing{animation:slideUp .25s ease-in forwards}.PR-entry-row.PR-additional-entry:hover:not(.PR-collapsing){background-color:#00000008}.PR-employee-name-cell{transition:background-color .2s ease}.PR-employee-name-cell.PR-clickable-area{position:relative;cursor:pointer}.PR-employee-name-cell.PR-clickable-area:hover .PR-employee-name{color:var(--accent);font-weight:600}.PR-employee-name-cell.PR-clickable-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;cursor:pointer;z-index:1}.PR-employee-name-cell .PR-employee-info{position:relative;z-index:2;pointer-events:none}.PR-employee-name-cell .PR-collapse-toggle{pointer-events:auto}.PR-employee-info{display:flex;align-items:center;gap:.75rem;min-height:2.5rem}.PR-employee-details{flex:1}.PR-employee-name{font-weight:600;color:var(--text-primary);line-height:1.2;display:flex;align-items:center;gap:8px}.PR-entry-count{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.PR-subsequent-entry{padding-left:1rem}.PR-entry-indicator{color:var(--text-secondary);font-size:1rem;margin-right:.5rem}.PR-entry-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.PR-sub-row{background-color:transparent;border:none}.PR-remove-entry-btn{background-color:#ef4444;color:#fff;border:none;border-radius:4px;padding:6px;cursor:pointer;transition:all .2s ease}.PR-remove-entry-btn:hover{background-color:#dc2626;transform:scale(1.05)}.PR-remove-entry-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.PR-collapse-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px}.PR-collapse-toggle:hover{background-color:#0000000d;color:var(--text-primary)}.PR-collapse-toggle svg{transition:transform .2s ease}.PR-collapsed-row{background-color:rgba(var(--accent-rgb),.02)}.PR-collapsed-row:hover{background-color:rgba(var(--accent-rgb),.05)}.PR-additional-total{display:inline-block;margin-left:6px;padding:2px 6px;background-color:transparent;color:#6b7280;border-radius:6px;font-size:var(--font-size-small);font-weight:500;vertical-align:middle;cursor:help}.PR-primary-amount{font-weight:600}.PR-input-container{position:relative;display:flex;align-items:center;gap:4px}.PR-input-container .PR-additional-total{position:absolute;right:-8px;top:50%;transform:translateY(-50%);z-index:2;background-color:transparent}.PR-hours-cell-container{display:flex;flex-direction:column;align-items:center;gap:2px}.PR-additional-hours-display{font-size:var(--font-size-xs);color:#6b7280;font-weight:500;background:color-mix(in srgb,var(--accent) 20%,transparent);padding:1px 6px;border-radius:4px;cursor:help;line-height:1.2}.PR-amount-cell-container{display:flex;flex-direction:column;align-items:center;gap:2px}.PR-additional-amount-display{font-size:var(--font-size-xs);color:#6b7280;font-weight:500;background:color-mix(in srgb,var(--accent) 20%,transparent);padding:1px 6px;border-radius:4px;cursor:help;line-height:1.2}.PR-salary-cell-container{display:flex;flex-direction:column;align-items:center;gap:2px}.PR-payroll-spreadsheet .paytype-input{background:transparent!important;border:none!important;box-shadow:none!important}.PR-payroll-spreadsheet .paytype-input .Select__control{background:transparent!important;border:none!important;box-shadow:none!important;min-height:auto!important;padding:0!important}.PR-payroll-spreadsheet .paytype-input .Select__control:hover{background:rgba(var(--accent-rgb),.05)!important;border-radius:4px!important}.PR-payroll-spreadsheet .paytype-input .Select__control--is-focused{background:rgba(var(--accent-rgb),.1)!important;border-radius:4px!important;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3)!important}.PR-payroll-spreadsheet .paytype-input .Select__value-container{padding:.5rem!important;font-size:.875rem!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;font-weight:500!important;color:var(--text-primary)!important}.PR-payroll-spreadsheet .paytype-input .Select__indicator-separator{display:none!important}.PR-payroll-spreadsheet .paytype-input .Select__dropdown-indicator{color:var(--text-secondary)!important;padding:0 .5rem!important}.PR-payroll-spreadsheet .paytype-input .Select__dropdown-indicator:hover{color:var(--accent)!important}.PR-payroll-spreadsheet .paytype-input .Select__menu{background:rgba(var(--bg-primary-rgb),.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 8px 32px #00000026!important;z-index:1000!important}.PR-payroll-spreadsheet .paytype-input .Select__menu-list{padding:.5rem!important;max-height:200px!important}.PR-payroll-spreadsheet .paytype-input .Select__option{background:transparent!important;color:var(--text-primary)!important;padding:.5rem .75rem!important;border-radius:6px!important;margin-bottom:2px!important;font-size:.875rem!important;cursor:pointer!important}.PR-payroll-spreadsheet .paytype-input .Select__option:hover,.PR-payroll-spreadsheet .paytype-input .Select__option--is-focused{background:rgba(var(--accent-rgb),.1)!important;color:var(--accent)!important}.PR-payroll-spreadsheet .paytype-input .Select__option--is-selected{background:var(--accent)!important;color:#fff!important}.PR-payroll-spreadsheet .paytype-input .Select__single-value{color:var(--text-primary)!important;font-weight:500!important}.PR-payroll-spreadsheet .paytype-input .Select__placeholder{color:var(--text-tertiary)!important;opacity:.6!important}.PR-select-container{position:relative;width:100%;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.PR-select-container:focus{outline:none}.PR-select-control{display:flex;align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);min-height:2.5rem;padding:.5rem;position:relative;border:1px solid transparent}.PR-select-control:hover{background:var(--calendar-highlight-bg)}.PR-select-control--focused{background:var(--calendar-highlight-bg);box-shadow:0 0 0 1px rgba(var(--accent),.3);border:1px solid var(--calendar-highlight-bg)}.PR-select-disabled .PR-select-control{background:rgba(var(--text-tertiary),.05);color:var(--text-tertiary);cursor:not-allowed}.PR-select-value-container{flex:1;display:flex;align-items:center;min-height:1.5rem}.PR-select-single-value{color:var(--text-primary);font-weight:500;font-size:var(--font-size-small);line-height:1.2}.PR-select-placeholder{color:var(--text-tertiary);opacity:.6;font-weight:400;font-size:.875rem;line-height:1.2}.PR-select-indicators{display:flex;align-items:center;margin-left:.5rem}.PR-select-dropdown-indicator{width:16px;height:16px;color:var(--text-secondary);transition:all .2s ease;transform-origin:center}.PR-select-dropdown-indicator--rotated{transform:rotate(180deg);color:var(--accent)}.PR-select-disabled .PR-select-dropdown-indicator{color:var(--text-tertiary)}.PR-select-menu{position:absolute;background:rgba(var(--bg-primary-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:PR-select-menu-open .15s ease-out}@keyframes PR-select-menu-open{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.PR-select-menu-list{max-height:200px;overflow-y:auto;padding:.5rem}.PR-select-option{display:flex;align-items:flex-start;padding:.5rem .75rem;border-radius:4px;margin-bottom:2px;cursor:pointer;transition:all .15s ease;font-size:.875rem;background:transparent;color:var(--text-primary)}.PR-select-option:hover{background:var(--hover-bg);color:var(--accent)}.PR-select-option--selected,.PR-select-option--selected:hover{background:var(--accent);color:#fff}.PR-select-option-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.PR-select-option-label{font-weight:500;line-height:1.2}.PR-select-option-rate{font-size:.75rem;font-weight:600;color:inherit;opacity:.7;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1}.PR-select-option--selected .PR-select-option-rate{opacity:.9}.PR-select-no-options{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem;font-style:italic}.PR-select-menu-list::-webkit-scrollbar{width:6px}.PR-select-menu-list::-webkit-scrollbar-track{background:transparent}.PR-select-menu-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.PR-select-menu-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.import-employee-selection{display:flex;flex-direction:column;gap:1.5rem;max-height:none;overflow:visible}.employee-select-container{display:flex;flex-direction:column;gap:.75rem}.employee-select-label{font-weight:600;color:var(--text-primary);font-size:.875rem;margin:0}.employee-select{width:100%}.hours-badge{background:var(--primary-light);color:var(--primary-dark);font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.import-hours-badge{background:var(--success-light, #dcfce7);color:var(--success-dark, #166534);font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.current-hours-badge{background:var(--info-light, #dbeafe);color:var(--info-dark, #1e40af);font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.warning-badge{background:var(--warning-light);color:var(--warning-dark);font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:4px}.selection-actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:.5rem}.selected-employees-summary{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;max-height:300px;overflow-y:auto}.selected-employees-summary h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.summary-list{display:flex;flex-direction:column;gap:.5rem}.summary-item{padding:.75rem;background:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;transition:border-color .2s ease}.summary-item.has-existing{border-color:var(--warning);background:var(--warning-light)}.summary-item .employee-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.summary-item .overwrite-indicator{font-size:.75rem;color:var(--warning-dark);background:var(--warning);padding:.125rem .375rem;border-radius:4px;font-weight:500}.summary-item .employee-hours-info{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.summary-item .import-hours{color:var(--success-dark);font-weight:500}.summary-item .current-hours{color:var(--text-secondary)}.summary-item .hours-change{color:var(--info-dark, #1e40af);font-weight:500;font-style:italic}.selected-employees-summary::-webkit-scrollbar{width:6px}.selected-employees-summary::-webkit-scrollbar-track{background:transparent}.selected-employees-summary::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.selected-employees-summary::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.import-employee-selection{max-height:60vh}.selected-employees-summary{max-height:200px}.summary-item .employee-hours-info{font-size:.75rem}}.PR-review-container{padding:1rem}.PR-review-header{margin-bottom:2rem}.PR-review-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.PR-review-actions{display:flex;gap:.75rem;align-items:center}.PR-review-content{display:flex;flex-direction:column;gap:2rem}.PR-review-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.PR-summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;transition:all .3s ease}.PR-summary-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.PR-summary-total{background:linear-gradient(135deg,var(--accent),var(--accent));color:#fff;border-color:var(--accent)}.PR-summary-total .PR-summary-label,.PR-summary-total .PR-summary-value{color:#fff}.PR-summary-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.PR-summary-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.PR-animated-number{display:inline-block;transition:all .3s ease;font-variant-numeric:tabular-nums;letter-spacing:.02em}.PR-animated-number{font-size:var(--font-size-heading1)!important}.PR-grand-total-number{font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes numberGlow{0%{text-shadow:0 0 5px rgba(var(--accent-rgb),.2)}50%{text-shadow:0 0 15px rgba(var(--accent-rgb),.4),0 0 25px rgba(var(--accent-rgb),.2)}to{text-shadow:0 0 5px rgba(var(--accent-rgb),.2)}}.PR-summary-card:hover .PR-animated-number{animation:numberGlow 2s ease-in-out infinite,numberPulse 1.5s ease-in-out infinite}.PR-summary-total:hover .PR-grand-total-number{animation:numberGlow 1.5s ease-in-out infinite,numberPulse 1s ease-in-out infinite;color:#fff}.PR-review-summary .PR-summary-card{animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.PR-review-summary .PR-summary-card:nth-child(1){animation-delay:.1s}.PR-review-summary .PR-summary-card:nth-child(2){animation-delay:.2s}.PR-review-summary .PR-summary-card:nth-child(3){animation-delay:.3s}.PR-review-summary .PR-summary-card:nth-child(4){animation-delay:.4s}.PR-review-summary .PR-summary-card:nth-child(5){animation-delay:.5s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.PR-review-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden}.PR-review-table-header{background:var(--bg-tertiary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.PR-review-table-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.PR-review-table{overflow-x:auto}.PR-review-table table{width:100%;border-collapse:collapse}.PR-review-table th{background:var(--bg-tertiary);padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.PR-review-table td{padding:1rem;border-bottom:1px solid var(--border-light);font-size:.875rem}.PR-review-table tbody tr:hover{background:var(--bg-hover)}.PR-employee-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.PR-hours-cell,.PR-amount-cell{text-align:right;font-family:var(--font-mono);font-weight:500}.PR-amount-cell{color:var(--success)}.PR-notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.PRR-table-container{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;margin:2rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInUp .8s ease-out forwards;opacity:0;transform:translateY(30px);animation-delay:.6s}.PRR-table-header{padding:1.5rem 2rem;border-bottom:none;position:relative;overflow:hidden}.PRR-table-header h3:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.PRR-table-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em;position:relative;z-index:1;display:flex;align-items:center;gap:.75rem}.PRR-table-wrapper{overflow-x:auto;position:relative}.PRR-table{width:100%;border-collapse:separate;border-spacing:0}.PRR-table th{background-color:transparent;padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;position:relative;transition:all .3s ease}.PRR-table th:first-child{border-top-left-radius:0}.PRR-table th:last-child{border-top-right-radius:0}.PRR-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);font-size:.875rem;line-height:1.5;position:relative;transition:all .3s ease;text-align:center;vertical-align:middle}.PRR-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.PRR-table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--accent) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.PRR-table tbody tr:nth-child(2n){background:rgba(var(--accent-rgb),.01)}.PRR-table tbody tr:nth-child(2n):hover{background:linear-gradient(135deg,var(--bg-hover) 0%,rgba(var(--accent-rgb),.03) 100%)}.PRR-employee-name{font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;position:relative}.PRR-employee-code{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-light)}.PRR-hours-cell,.PRR-amount-cell{text-align:right;font-family:var(--font-mono);font-weight:600;position:relative}.PRR-hours-cell{color:var(--text-primary);text-align:right!important;vertical-align:middle}.PRR-hours-cell:after{content:"hrs";font-size:.75rem;color:var(--text-tertiary);font-weight:400;margin-left:.25rem;vertical-align:middle}.PRR-amount-cell{color:var(--success);font-size:.9rem;text-align:right!important;vertical-align:middle}.PRR-notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-style:italic;position:relative}.PRR-notes-cell:empty:after{content:"No notes";opacity:.5;font-style:normal}@media (max-width: 1024px){.PRR-table-container{margin:1.5rem 0;border-radius:6px}.PRR-table-header{padding:1.25rem 1.5rem}.PRR-table th,.PRR-table td{padding:1rem 1.25rem;font-size:.8rem}.PRR-table tbody tr:hover{transform:translate(2px)}}.PRR-animated-counter{display:inline-block;position:relative;overflow:hidden;transition:all .3s ease}.PRR-animated-counter.loading{color:var(--text-tertiary)}.PRR-animated-counter.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.PRR-table-animated-number{display:inline-block;font-weight:600;color:inherit;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.PRR-breakdown-animated-number{display:inline-block;font-weight:inherit;color:inherit;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.PRR-animated-counter.loading .PRR-table-animated-number,.PRR-animated-counter.loading .PRR-breakdown-animated-number{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.PRR-table-wrapper{border-radius:0 0 12px 12px}.PRR-table th,.PRR-table td{padding:.875rem 1rem;font-size:.75rem}.PRR-table-header h3{font-size:1.125rem}.PRR-notes-cell{max-width:150px}}.PR-review-breakdown{animation:slideInUp .8s ease-out forwards;opacity:0;transform:translateY(30px);animation-delay:1s}.PR-review-breakdown h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.PR-breakdown-description{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.PR-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.PR-breakdown-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.PR-breakdown-card:nth-child(1){animation-delay:1.2s}.PR-breakdown-card:nth-child(2){animation-delay:1.35s}.PR-breakdown-card:nth-child(3){animation-delay:1.5s}.PR-breakdown-card:nth-child(4){animation-delay:1.65s}.PR-breakdown-card:nth-child(5){animation-delay:1.8s}.PR-breakdown-card:nth-child(6){animation-delay:1.95s}.PR-breakdown-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.PR-breakdown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-light),var(--accent));opacity:0;transition:opacity .3s ease}.PR-breakdown-card:hover:before{opacity:1}.PR-breakdown-type{font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.PR-breakdown-type:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.PR-breakdown-details{display:flex;flex-direction:column;gap:.75rem}.PR-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(var(--border-color-rgb, 226, 232, 240),.5)}.PR-breakdown-item:last-child{border-bottom:none;padding-bottom:0}.PR-breakdown-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.375rem}.PR-breakdown-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;align-items:center;gap:6px}.PR-breakdown-label svg{opacity:.7;flex-shrink:0}.PR-breakdown-value{font-weight:600;color:var(--text-primary);font-size:.95rem}.PR-breakdown-hours .PR-breakdown-value{color:var(--info)}.PR-breakdown-amount .PR-breakdown-value{color:var(--success);font-weight:700;font-size:1rem}.PR-breakdown-count .PR-breakdown-value{color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}@media (max-width: 1024px){.PR-review-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.PR-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.PR-breakdown-card{padding:1.25rem}}@media (max-width: 768px){.PR-review-container{padding:.75rem}.PR-review-actions{flex-wrap:wrap;gap:.5rem}.PR-review-summary{grid-template-columns:1fr 1fr;gap:.75rem}.PR-summary-card{padding:1rem}.PR-summary-value{font-size:1.5rem}.PR-breakdown-grid{grid-template-columns:1fr;gap:1rem}.PR-breakdown-card{padding:1rem}.PR-breakdown-type{font-size:1rem;margin-bottom:.75rem}.PR-breakdown-item{padding:.375rem 0}.PR-breakdown-label{font-size:.8rem}.PR-breakdown-value{font-size:.875rem}.PR-review-table{font-size:.8rem}.PR-review-table th,.PR-review-table td{padding:.5rem}}@media (max-width: 480px){.PR-review-summary{grid-template-columns:1fr}.PR-review-actions{flex-direction:column;align-items:stretch}.PR-review-actions .PR-btn{justify-content:center}.PR-breakdown-card{padding:.875rem}.PR-breakdown-type{font-size:.95rem;margin-bottom:.625rem}.PR-breakdown-item{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.PR-breakdown-label{font-size:.75rem}.PR-breakdown-value{font-size:.875rem;font-weight:700}}.PR-export-dropdown-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.PR-export-dropdown-button:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.PR-export-dropdown-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000000d}.PR-dropdown-chevron{transition:transform .2s ease;opacity:.7}.PR-dropdown-chevron-open{transform:rotate(180deg)}.PR-export-dropdown-menu{min-width:160px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 24px #00000026;padding:4px;animation:dropdownSlideIn .15s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PR-export-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.PR-export-dropdown-item:hover{background:var(--hover-bg);transform:translate(2px)}.PR-export-dropdown-item:active{background:var(--active-bg);transform:translate(0)}.PR-export-icon{flex-shrink:0;opacity:.8}.PR-first-payroll-row,.PR-most-recent-payroll{background:linear-gradient(90deg,#3b82f60d,#3b82f605);border-left:3px solid var(--accent);position:relative}.PR-first-payroll-row:hover,.PR-most-recent-payroll:hover{background:linear-gradient(90deg,#3b82f614,#3b82f60a)}.PR-active-payroll{background:linear-gradient(90deg,#22c55e0d,#22c55e05);border-left:3px solid #22c55e}.PR-active-payroll:hover{background:linear-gradient(90deg,#22c55e14,#22c55e0a)}.PR-latest-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.6rem;font-weight:600;padding:.2rem .4rem;border-radius:10px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.025em;position:relative;top:-1px}.PR-pay-period-cell{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.PR-pay-period-cell strong{display:flex;align-items:center;gap:.5rem}.PR-current-payroll-section{margin-bottom:3rem}.PR-section-header{margin-bottom:1.5rem;padding-bottom:1rem}.PR-section-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.PR-section-header h3 svg{color:var(--accent)}.PR-section-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.PR-current-payroll-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:2rem;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);overflow:hidden;background-color:var(--bg-primary)!important;transition:all .3s ease;box-shadow:0 8px 32px #3b82f61a}.PR-current-payroll-card.active{border-color:#22c55e;box-shadow:0 8px 32px #22c55e26}.PR-current-payroll-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.PR-current-payroll-info h4{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.PR-current-payroll-info p{margin:0;color:var(--text-secondary);font-size:1rem}.PR-current-payroll-status{flex-shrink:0}.PR-status-badge.large{font-size:.875rem;padding:.5rem 1rem;border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.PR-current-payroll-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;border-radius:12px}.PR-detail-item{display:flex;flex-direction:column;gap:.5rem}.PR-detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.PR-detail-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.PR-current-payroll-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.PR-current-payroll-actions .PR-btn{padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all .2s ease}.PR-current-payroll-actions .PR-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.PR-previous-payrolls-section{margin-top:2rem}.PR-previous-payrolls-section .PR-section-header h3 svg{color:#6b7280}.PR-previous-payrolls-section .PR-table{opacity:.95}.PR-previous-payrolls-section .PR-table tbody tr:hover{background:var(--hover-bg);opacity:1}@media (max-width: 768px){.PR-current-payroll-card{padding:1.5rem}.PR-current-payroll-header{flex-direction:column;gap:1rem;align-items:flex-start}.PR-current-payroll-details{grid-template-columns:1fr;gap:1rem;padding:1rem}.PR-current-payroll-actions{flex-direction:column;align-items:stretch}.PR-current-payroll-actions .PR-btn{justify-content:center}}.metric-card{background:var(--bg-primary);border-radius:6px;padding:1.5rem;position:relative;overflow:hidden;border:1px solid var(--border-color);transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(30px) scale(.95);box-shadow:0 4px 6px #0000000d}.metric-card.animate-in{opacity:1;transform:translateY(0) scale(1)}.metric-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.metric-card__background{position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.1;transform:translate(20px,-20px);transition:all .3s ease}.metric-card--blue .metric-card__background{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.metric-card--green .metric-card__background{background:linear-gradient(135deg,#10b981,#059669)}.metric-card--orange .metric-card__background{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-card--red .metric-card__background{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-card:hover .metric-card__background{opacity:.15;transform:translate(10px,-10px) scale(1.1)}.metric-card__icon{position:absolute;top:1rem;right:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.metric-card__icon span{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-card__content{position:relative;z-index:2}.metric-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.metric-card__title{font-size:.875rem;font-weight:500;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.metric-card__change{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid transparent}.change-content{display:flex;flex-direction:column;align-items:center;gap:.125rem}.change-main{display:flex;align-items:center;gap:.25rem}.metric-card__change--positive{background:#10b9811a;color:#059669;border-color:#10b98133}.metric-card__change--negative{background:#ef44441a;color:#dc2626;border-color:#ef444433}.metric-card__change--neutral{background:#6b72801a;color:#6b7280;border-color:#6b728033}.change-icon{font-size:.875rem;line-height:1}.change-text{font-size:.65rem;opacity:.8;font-weight:500;margin-left:.125rem}.metric-card__value{font-size:2rem;font-weight:700;color:var(--bg-primary);margin-bottom:1rem;line-height:1.2;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;text-align:center}.metric-card__trend{margin-top:1rem}.trend-line{height:20px;position:relative;overflow:hidden;border-radius:4px}.trend-path{animation:drawPath 2s ease-out;stroke-dasharray:100;stroke-dashoffset:100;animation-fill-mode:forwards}@keyframes drawPath{to{stroke-dashoffset:0}}.metric-card--blue .trend-line svg stop{stop-color:#3b82f6}.metric-card--green .trend-line svg stop{stop-color:#10b981}.metric-card--orange .trend-line svg stop{stop-color:#f59e0b}.metric-card--red .trend-line svg stop{stop-color:#ef4444}.trend-line--neutral svg stop{stop-color:#6b7280}.metric-card__glow{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:6px}.metric-card--blue .metric-card__glow{box-shadow:0 0 30px #3b82f64d}.metric-card--green .metric-card__glow{box-shadow:0 0 30px #10b9814d}.metric-card--orange .metric-card__glow{box-shadow:0 0 30px #f59e0b4d}.metric-card--red .metric-card__glow{box-shadow:0 0 30px #ef44444d}.metric-card:hover .metric-card__glow{opacity:1}@media (max-width: 768px){.metric-card{padding:1.25rem}.metric-card__value{font-size:1.75rem}.metric-card__icon{width:40px;height:40px}.metric-card__icon span{font-size:1.25rem}}.metric-card.loading{background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-title{height:16px;width:70%}.skeleton-change{height:14px;width:40px}.skeleton-value{height:28px;width:80%;margin:8px 0}.skeleton-trend{height:20px;width:100%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-icon{width:24px;height:24px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%}.animated-value{display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:700;letter-spacing:-.02em;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary);text-shadow:none;font-size:var(--font-size-heading1)}.animated-value.animating-up{color:#10b981!important;text-shadow:0 0 8px rgba(16,185,129,.3);transform:scale(1.02)}.animated-value.animating-down{color:#ef4444!important;text-shadow:0 0 8px rgba(239,68,68,.3);transform:scale(1.02)}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.legend-item:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:rgba(var(--accent-rgb),.3)}.legend-item.active{background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary));border-color:var(--accent)}.legend-item.inactive{background:#f8fafc4d;border-color:#e2e8f033}.legend-item.inactive:hover{background:#f8fafc99}.legend-item.inactive .legend-color{opacity:.5}.legend-item.active .legend-color{opacity:1}.filter-indicator{font-size:.75rem;color:var(--accent, #3b82f6);font-weight:600;margin-left:auto;padding-left:.5rem}.legend-color{width:14px;height:14px;border-radius:3px;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.legend-item:hover .legend-color{transform:scale(1.15);box-shadow:0 4px 12px #0003}.financial-trends{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.trend-item{padding:1rem;border-radius:4px;border:1px solid var(--border-color)}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trend-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.trend-indicator{font-size:.875rem;font-weight:700}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-value{font-size:1.25rem;font-weight:700}.quick-actions h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1e293b)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.action-button{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:center;width:100%;min-height:60px}.action-button:hover{background:var(--hover-bg, #f8fafc);transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:var(--accent, #3b82f6)}.action-content{width:100%;display:flex;align-items:center;justify-content:center}.action-title{font-weight:600;color:var(--text-primary, #1e293b);font-size:.875rem;line-height:1.2;text-align:center}.recent-transactions h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1e293b)}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color);transition:all .2s ease}.transaction-item:hover{background:var(--hover-bg, #f1f5f9);transform:translate(4px)}.transaction-icon{width:36px;height:36px;border-radius:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.transaction-content{flex:1}.transaction-description{font-weight:500;color:var(--text-primary, #1e293b);font-size:.875rem;margin-bottom:.25rem}.transaction-date{font-size:.75rem;color:#64748b}.transaction-amount{text-align:right}.transaction-amount .amount{font-weight:600;color:var(--text-primary, #1e293b);font-size:.875rem;margin-bottom:.25rem}.transaction-amount .status{font-size:.75rem;font-weight:500;text-transform:capitalize}.budget-overview h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1e293b)}.budget-items{display:flex;flex-direction:column;gap:1rem}.budget-item{padding:1rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.budget-category{font-weight:500;color:var(--text-primary, #1e293b);font-size:.875rem}.budget-percentage{font-weight:600;color:#3b82f6;font-size:.875rem}.budget-bar{width:100%;height:6px;border-radius:3px;margin-bottom:.5rem;overflow:hidden}.budget-progress{height:100%;border-radius:3px;transition:width 1s ease-out;animation:budgetFill 1.5s ease-out}@keyframes budgetFill{0%{width:0%}}.budget-amounts{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.budget-actual{font-weight:600;color:var(--text-primary, #1e293b)}.budget-target{color:#64748b}@media (max-width: 768px){.financial-trends,.actions-grid{grid-template-columns:1fr}.action-button{padding:.875rem}}.payroll-chart{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1);position:relative}.payroll-chart.chart-animate-in{opacity:1;transform:translateY(0) scale(1)}.payroll-chart canvas{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));transition:all .3s ease;border-radius:50%;background:radial-gradient(circle at center,rgba(59,130,246,.05) 0%,transparent 70%)}.payroll-chart.chart-animate-in canvas{filter:drop-shadow(0 6px 20px rgba(0,0,0,.12)) drop-shadow(0 0 30px rgba(59,130,246,.15));animation:subtleGlow 3s ease-in-out infinite alternate}@keyframes subtleGlow{0%{filter:drop-shadow(0 6px 20px rgba(0,0,0,.12)) drop-shadow(0 0 30px rgba(59,130,246,.15))}to{filter:drop-shadow(0 8px 25px rgba(0,0,0,.15)) drop-shadow(0 0 40px rgba(59,130,246,.25))}}.revenue-chart{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.revenue-chart.chart-animate-in{opacity:1;transform:translateY(0) scale(1)}.chart-legend{opacity:1}.legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;transition:all .3s ease;cursor:pointer;background:var(--bg-secondary, #f9fafb);border:1px solid rgba(226,232,240,.3);-webkit-user-select:none;user-select:none}.payroll-chart canvas,.revenue-chart canvas{transition:all .3s ease}.chart-animate-in canvas{transform:scale(1)}.payroll-data-chart{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.payroll-data-chart.chart-animate-in{opacity:1;transform:translateY(0) scale(1)}.payroll-data-chart canvas{cursor:default!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));transition:all .3s ease}.payroll-data-chart.chart-animate-in canvas{filter:drop-shadow(0 6px 20px rgba(0,0,0,.12))}.payroll-data-chart canvas:hover{filter:drop-shadow(0 8px 25px rgba(0,0,0,.15))}.payroll-mini-stats{margin-bottom:1rem;padding:1rem;border-radius:6px;transition:all .3s ease}.mini-stats-header{margin-bottom:.75rem}.mini-stats-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);text-transform:uppercase;letter-spacing:.05em}.mini-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mini-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background:var(--bg-primary, #ffffff);border-radius:4px;border:1px solid rgba(226,232,240,.5);transition:all .2s ease}.mini-stat-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d;border-color:#3b82f633}.mini-stat-label{font-size:.7rem;color:var(--text-secondary, #64748b);margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.mini-stat-value{font-size:.875rem;font-weight:700;color:var(--text-primary, #1e293b);line-height:1.2}@media (max-width: 768px){.mini-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mini-stat-item{padding:.375rem}.mini-stat-label{font-size:.65rem}.mini-stat-value{font-size:.8rem}}@media (max-width: 480px){.payroll-mini-stats{padding:.75rem;margin-bottom:.75rem}.mini-stats-grid{grid-template-columns:1fr;gap:.5rem}.mini-stat-item{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:.5rem .75rem}.mini-stat-label{margin-bottom:0}}.chart-tooltip{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a;padding:0;font-size:.875rem;pointer-events:none;max-width:280px;min-width:240px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:center;animation:tooltipFadeIn .2s ease-out forwards}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-header{color:#fff;padding:.875rem 1.25rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.status-badge{padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.completed{background:#10b98140;color:#10b981;border-color:#10b9814d}.status-badge.paid{background:#10b98159;color:#059669;border-color:#10b98166}.status-badge.finalized{background:#10b9814d;color:var(--text-primary, #1e293b);border-color:#10b98159}.status-badge.processing{background:#f59e0b40;color:#f59e0b;border-color:#f59e0b4d}.status-badge.pending{background:#6b728040;color:#6b7280;border-color:#6b72804d}.status-badge.draft{background:#6b728033;color:#6b7280;border-color:#6b728040}.tooltip-content{padding:1.25rem;border-radius:0 0 12px 12px}.tooltip-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(226,232,240,.4)}.tooltip-item:last-child{margin-bottom:0;border-bottom:none}.tooltip-item .label{color:#64748b;font-weight:500;font-size:.8rem;line-height:1.4}.tooltip-item .value{color:var(--text-primary, #1e293b);font-weight:600;font-size:.875rem;text-align:right;max-width:60%;word-break:break-word;line-height:1.4;min-height:1.2rem}.tooltip-item.click-instruction{border-top:1px solid rgba(226,232,240,.4);border-bottom:none;margin-top:.5rem;margin-bottom:0;padding-top:.75rem;padding-bottom:0;justify-content:center}.tooltip-item.click-instruction .click-text{color:var(--accent);font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.tabbed-chart{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.tabbed-chart.chart-animate-in{opacity:1;transform:translateY(0) scale(1)}.chart-tabs{display:flex;gap:.5rem;background:var(--bg-secondary, #f9fafb);padding:.25rem;border-radius:4px;border:1px solid var(--border-color, #e2e8f0)}.tab-button{padding:.5rem 1rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.tab-button:hover{color:var(--text-primary);background:var(--hover-bg, #f1f5f9)}.tab-button.active{color:var(--accent, #3b82f6);background:var(--bg-secondary, #f9fafb);box-shadow:0 2px 4px #0000000d;border:1px solid rgba(var(--accent-r, 59),var(--accent-g, 130),var(--accent-b, 246),.2)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent, #3b82f6);border-radius:1px}.chart-content{margin-top:1rem}.tabbed-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}@media (max-width: 768px){.chart-tabs{width:100%}.tab-button{flex:1;text-align:center;padding:.75rem .5rem}.tabbed-chart .chart-header{flex-direction:column;gap:1rem;align-items:stretch}.chart-actions{align-self:flex-end}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.skeleton-chart-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;position:relative}.skeleton-chart-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:var(--bg-primary)}.skeleton-chart-lines{width:100%;height:300px;position:relative;background:var(--bg-primary)}.skeleton-line{position:absolute;height:3px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:2px}.skeleton-line-1{top:20%;left:10%;width:80%;animation-delay:0s}.skeleton-line-2{top:50%;left:15%;width:75%;animation-delay:.3s}.skeleton-line-3{top:70%;left:12%;width:78%;animation-delay:.6s}.skeleton-chart-dots{width:100%;height:300px;position:relative;display:flex;align-items:end;justify-content:space-around;padding:2rem}.skeleton-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-dot-1{animation-delay:0s}.skeleton-dot-2{animation-delay:.2s}.skeleton-dot-3{animation-delay:.4s}.skeleton-dot-4{animation-delay:.6s}.skeleton-dot-5{animation-delay:.8s}.skeleton-legend{height:16px;width:80px}.skeleton-text{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--hover-bg) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.expense-chart-compact{width:100%;height:100%;display:flex;flex-direction:column;gap:.75rem}.expense-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e2e8f0);flex-wrap:wrap;gap:.75rem}.expense-header .chart-tabs{min-width:200px}.expense-toggle{display:flex;background:var(--bg-secondary, #f9fafb);border-radius:4px;padding:2px;border:1px solid var(--border-color, #e2e8f0)}.toggle-btn{background:transparent;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .2s ease;min-width:32px}.toggle-btn.active{background:var(--bg-primary, #ffffff);color:var(--accent, #3b82f6);box-shadow:0 1px 3px #0000001a}.toggle-btn:hover:not(.active){color:var(--text-primary, #1e293b)}.expense-bars{display:flex;flex-direction:column;gap:.75rem;flex:1}.expense-bar-item{display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translate(-20px);animation:bar-slide-in .5s ease-out forwards}.expense-bar-item:nth-child(1){animation-delay:0ms}.expense-bar-item:nth-child(2){animation-delay:.1s}.expense-bar-item:nth-child(3){animation-delay:.2s}.expense-bar-item:nth-child(4){animation-delay:.3s}.bar-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.bar-label{font-weight:500;color:var(--text-primary, #1e293b);min-width:80px}.bar-value{font-weight:600;margin-left:auto;font-size:.875rem}.bar-container{height:8px;background:var(--bg-secondary, #f9fafb);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative}.bar-fill:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;border-radius:0 3px 3px 0}.expense-total{background:var(--bg-secondary, #f9fafb);border-radius:4px;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);text-align:center;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}@keyframes bar-slide-in{to{opacity:1;transform:translate(0)}}.expense-bar-item:hover .bar-container{border-color:var(--accent, #3b82f6);background:color-mix(in srgb,var(--accent, #3b82f6) 5%,var(--bg-secondary, #f9fafb))}.expense-bar-item:hover .bar-fill{filter:brightness(1.1);transform:scaleY(1.2)}.expense-bar-item:hover .bar-value{transform:scale(1.05)}@media (max-width: 768px){.expense-chart-compact,.expense-bars{gap:.5rem}.bar-info{font-size:.8rem}.bar-label{min-width:70px}.bar-container{height:6px}.expense-header{flex-direction:column;align-items:stretch;gap:.5rem}.expense-header .chart-tabs{min-width:auto}.expense-header .chart-tabs .tab-button{padding:.375rem .75rem;font-size:.8rem}.toggle-btn{padding:.25rem .5rem;font-size:.7rem;min-width:28px}}.financial-dashboard{padding:2rem;animation:fadeIn .6s ease-out}.dashboard-header{margin-bottom:2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:6px;padding:2rem;color:#fff;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.header-text h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{font-size:1.1rem;opacity:.9;margin:0}.header-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.header-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.top-charts-section{margin-bottom:2rem}.top-charts-section .charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.charts-section{margin-bottom:2rem}.charts-grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}.charts-grid:first-child{grid-template-columns:2fr 1fr}.charts-grid.secondary{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-card{background:var(--bg-primary);border-radius:6px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--border-color);opacity:0;transform:translateY(30px);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.chart-card.animate-in{opacity:1;transform:translateY(0)}.chart-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.chart-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.time-period-select{min-width:150px}.time-period-select .Select__control{border:1px solid #d1d5db;border-radius:4px;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;box-shadow:none;min-height:36px}.time-period-select .Select__control:hover{border-color:#9ca3af}.time-period-select .Select__control--is-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-period-select .Select__value-container{padding:0 .75rem}.time-period-select .Select__single-value{color:#374151;font-size:.875rem}.time-period-select .Select__placeholder{color:#9ca3af;font-size:.875rem}.time-period-select .Select__indicator-separator{background-color:#d1d5db}.time-period-select .Select__dropdown-indicator{color:#6b7280;padding:0 .5rem}.time-period-select .Select__dropdown-indicator:hover{color:#374151}.time-period-select .Select__menu{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px #0000001a;font-size:.875rem}.time-period-select .Select__option{padding:.5rem .75rem;cursor:pointer}.time-period-select .Select__option:hover{background:#f3f4f6}.time-period-select .Select__option--is-selected{background:#3b82f6;color:#fff}.time-period-select .Select__option--is-focused{background:#e5e7eb}.bottom-section{margin-top:2rem}.bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.quick-actions-section,.recent-transactions-section,.budget-overview-section{background:var(--bg-primary);border-radius:6px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--border-color);transition:all .3s ease}.quick-actions-section:hover,.recent-transactions-section:hover,.budget-overview-section:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}@media (max-width: 1024px){.charts-grid:first-child,.top-charts-section .charts-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-text h1{font-size:2rem}}@media (max-width: 768px){.financial-dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.metrics-grid,.charts-grid.secondary,.bottom-grid{grid-template-columns:1fr}}.chart-card:nth-child(1){transition-delay:0ms}.chart-card:nth-child(2){transition-delay:.1s}.chart-card:nth-child(3){transition-delay:.2s}.chart-card:nth-child(4){transition-delay:.3s}.chart-card{position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent),transparent);transition:left .6s}.chart-card:hover:before{left:100%}._financialReportsContainer_8awbn_1{padding:24px;animation:_fadeIn_8awbn_1 .6s ease-out;overflow-x:hidden;width:100%;box-sizing:border-box}._financialReportsHeader_8awbn_9{margin-bottom:24px}._headerContent_8awbn_13{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:100%;box-sizing:border-box}._headerTitleSection_8awbn_23{display:flex;align-items:center;gap:16px;flex:1;min-width:0}._headerTitleSection_8awbn_23 svg{color:var(--accent);flex-shrink:0}._headerTitleSection_8awbn_23 h1{margin:0;font-size:2rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._headerTitleSection_8awbn_23 p{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}._createReportButton_8awbn_52{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._createReportButton_8awbn_52:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}._createReportButton_8awbn_52:active{transform:translateY(0)}._financialReportsSummary_8awbn_78{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;animation:_fadeInUp_8awbn_1 .6s ease-out .2s both;width:100%;max-width:100%;box-sizing:border-box}._summaryCard_8awbn_89{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}._summaryCard_8awbn_89:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}._summaryIcon_8awbn_106{width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}._summaryCard_8awbn_89._income_8awbn_116 ._summaryIcon_8awbn_106{background:#10b9811a;color:#10b981}._summaryCard_8awbn_89._expenses_8awbn_121 ._summaryIcon_8awbn_106{background:#ef44441a;color:#ef4444}._summaryCard_8awbn_89._net_8awbn_126 ._summaryIcon_8awbn_106{background:#3b82f61a;color:#3b82f6}._summaryCard_8awbn_89._net_8awbn_126._positive_8awbn_131 ._summaryIcon_8awbn_106{background:#10b9811a;color:#10b981}._summaryCard_8awbn_89._net_8awbn_126._negative_8awbn_136 ._summaryIcon_8awbn_106{background:#ef44441a;color:#ef4444}._summaryContent_8awbn_141{display:flex;flex-direction:column;gap:.25rem}._summaryLabel_8awbn_147{font-size:.875rem;color:var(--text-secondary);font-weight:500}._summaryValue_8awbn_153{font-size:1.5rem;font-weight:600;color:var(--text-primary)}._reportsFilters_8awbn_159{display:flex;gap:20px;margin-bottom:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;animation:_fadeInUp_8awbn_1 .6s ease-out .4s both;width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._filterGroup_8awbn_175{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}._filterGroup_8awbn_175 label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}._reportsTableContainer_8awbn_189{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;overflow-x:auto;overflow-y:visible;animation:_fadeInUp_8awbn_1 .6s ease-out .6s both;width:100%;max-width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._reportTypeBadge_8awbn_202{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}._reportTypeBadge_8awbn_202[data-type=expenses]{background:#ef44441a;color:#ef4444}._reportTypeBadge_8awbn_202[data-type=income]{background:#10b9811a;color:#10b981}._reportAmount_8awbn_222{font-weight:600;font-size:.95rem}._reportAmount_8awbn_222._expenses_8awbn_121{color:#ef4444}._reportAmount_8awbn_222._income_8awbn_116{color:#10b981}._reportActions_8awbn_235{display:flex;gap:8px;align-items:center}._actionButton_8awbn_241{padding:6px;background:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._actionButton_8awbn_241:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--accent)}._actionButton_8awbn_241._delete_8awbn_261:hover{border-color:#ef4444;color:#ef4444}._modalOverlay_8awbn_267{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_8awbn_1 .2s ease-out}._modalContent_8awbn_281{background:var(--bg-primary);border-radius:4px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:_fadeInScale_8awbn_1 .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._modalHeader_8awbn_293{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}._modalHeader_8awbn_293 h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}._modalClose_8awbn_308{background:transparent;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}._modalClose_8awbn_308:hover{background:var(--bg-secondary);color:var(--text-primary)}._reportForm_8awbn_329{padding:20px}._formGroup_8awbn_333{margin-bottom:20px}._formGroup_8awbn_333 label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-primary)}._nameHeader_8awbn_345{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._nameHeader_8awbn_345 label{margin-bottom:0}._checkboxLabel_8awbn_356{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:400;cursor:pointer;color:var(--text-secondary);line-height:1}._checkboxLabel_8awbn_356 input[type=checkbox]{width:16px;height:16px;margin:0 5px 0 0;padding:0;cursor:pointer;flex-shrink:0;vertical-align:middle}._checkboxLabel_8awbn_356 span{-webkit-user-select:none;user-select:none;line-height:16px}._formGroup_8awbn_333 input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}._formGroup_8awbn_333 input,._formGroup_8awbn_333 select,._formGroup_8awbn_333 textarea{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}._formGroup_8awbn_333 input:focus,._formGroup_8awbn_333 select:focus,._formGroup_8awbn_333 textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}._formGroup_8awbn_333 textarea{resize:vertical;min-height:100px}._formRow_8awbn_417{display:grid;grid-template-columns:1fr 1fr;gap:20px}._modalActions_8awbn_423{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color);margin-top:20px}._cancelButton_8awbn_432,._saveButton_8awbn_433{padding:10px 20px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._cancelButton_8awbn_432{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}._cancelButton_8awbn_432:hover:not(:disabled){background:var(--bg-primary)}._saveButton_8awbn_433{background:var(--accent);color:#fff}._saveButton_8awbn_433:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}._cancelButton_8awbn_432:disabled,._saveButton_8awbn_433:disabled{opacity:.6;cursor:not-allowed}@keyframes _fadeIn_8awbn_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeInUp_8awbn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fadeInScale_8awbn_1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){._financial-reports-container_8awbn_504{padding:16px}._header-content_8awbn_508{flex-direction:column;align-items:flex-start}._create-report-button_8awbn_513{width:100%;justify-content:center}._financial-reports-summary_8awbn_518{grid-template-columns:1fr}._reportsFilters_8awbn_159{flex-direction:column}._formRow_8awbn_417{grid-template-columns:1fr}._modalContent_8awbn_281{width:95%}}.F-select-container{position:relative;width:100%}.F-select-control{display:flex;align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);min-height:40px;max-height:40px;height:40px;padding:0rem!important;position:relative;border:1px solid transparent}.F-select-control:hover{background:var(--calendar-highlight-bg)}.F-select-control--focused{background:var(--calendar-highlight-bg);box-shadow:0 0 0 1px rgba(var(--accent),.3);border:1px solid var(--calendar-highlight-bg)}.F-select-disabled .F-select-control{background:rgba(var(--text-tertiary),.05);color:var(--text-tertiary);cursor:not-allowed}.F-select-value-container{flex:1;display:flex;align-items:center;padding-left:.5rem;overflow:hidden}.F-select-single-value{color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.F-select-placeholder{color:var(--text-tertiary);font-size:.875rem;opacity:.6}.F-select-indicators{display:flex;align-items:center;margin-left:.5rem;flex-shrink:0}.F-select-dropdown-indicator{color:var(--text-secondary);transition:transform .2s ease;width:16px;height:16px}.F-select-dropdown-indicator--rotated{transform:rotate(180deg)}.F-select-menu{position:absolute;background:rgba(var(--bg-primary-rgb),.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:F-select-menu-open .15s ease-out}@keyframes F-select-menu-open{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.F-select-menu-list{max-height:200px;overflow-y:auto;padding:.5rem}.F-select-menu-list::-webkit-scrollbar{width:6px}.F-select-menu-list::-webkit-scrollbar-track{background:transparent}.F-select-menu-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.F-select-menu-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.F-select-option{display:flex;align-items:flex-start;padding:.5rem .75rem;border-radius:4px;margin-bottom:2px;cursor:pointer;transition:all .15s ease;font-size:.875rem;background:transparent;color:var(--text-primary)}.F-select-option:hover{background:var(--hover-bg);color:var(--accent)}.F-select-option--selected,.F-select-option--selected:hover{background:var(--accent);color:#fff}.F-select-option-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.F-select-option-label{font-weight:500;line-height:1.2}.F-select-no-options{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem;font-style:italic}.payee-autocomplete-container{position:relative;display:inline-block;width:100%}.payee-autocomplete-loader{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.payee-autocomplete-dropdown{position:absolute;z-index:10000;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:320px;overflow-y:auto;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.payee-suggestions-list{padding:4px}.payee-suggestion-item{padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .15s ease;border:1px solid transparent}.payee-suggestion-item:hover,.payee-suggestion-item.selected{background:var(--hover-bg);border-color:var(--accent)}.payee-suggestion-item.selected{box-shadow:0 2px 8px #0000001a}.suggestion-main{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.suggestion-payee{font-size:14px;font-weight:600;color:var(--text-primary)}.suggestion-meta{display:flex;gap:12px;font-size:11px;color:var(--text-secondary)}.suggestion-frequency,.suggestion-date{display:flex;align-items:center;gap:4px}.suggestion-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.preview-tag{font-size:10px;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-weight:500}.preview-amount{font-size:11px;font-weight:600;color:var(--text-primary);margin-left:auto}.payee-autocomplete-dropdown::-webkit-scrollbar{width:6px}.payee-autocomplete-dropdown::-webkit-scrollbar-track{background:transparent}.payee-autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.payee-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.F-date-control{display:flex;align-items:center;gap:.5rem;width:100%;min-height:40px;background:transparent;border:1px solid transparent;border-radius:0;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.F-date-control:hover{background:var(--calendar-highlight-bg);border-radius:4px}.F-date-control-open{background:var(--calendar-highlight-bg);border-radius:4px;border:1px solid var(--calendar-highlight-bg)}.F-date-control-disabled{opacity:.5;cursor:not-allowed}.F-date-icon{flex-shrink:0;color:var(--text-secondary)}.F-date-value{flex:1;text-align:center;color:var(--text-primary);font-weight:500}.F-date-placeholder{color:var(--text-tertiary);opacity:.6;font-weight:400}.F-date-clear{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-secondary);font-size:18px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0;line-height:1}.F-date-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.F-date-dropdown{z-index:10000;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 32px #0003;padding:1rem;animation:dateDropdownAppear .2s ease-out}@keyframes dateDropdownAppear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.F-date-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.F-date-month-year{font-size:.875rem;font-weight:600;color:var(--text-primary)}.F-date-nav-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0;line-height:1}.F-date-nav-button:hover{background:var(--hover-bg);border-color:var(--accent)}.F-date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:.5rem}.F-date-weekday{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);padding:.25rem}.F-date-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.F-date-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);padding:0}.F-date-day:hover:not(.F-date-day-empty):not(:disabled){background:var(--hover-bg);border-color:var(--accent)}.F-date-day-empty{cursor:default;opacity:0}.F-date-day-selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.F-date-day-selected:hover{background:var(--accent);opacity:.9}.F-date-day-today{border-color:var(--accent);font-weight:600}.F-date-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.F-date-today-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.F-date-today-button:hover{background:var(--hover-bg);border-color:var(--accent)}._editReportContainer_xa7lc_1{padding:2rem;height:100%;display:flex;flex-direction:column;overflow:hidden;max-width:100%}._header_xa7lc_10{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}._backButton_xa7lc_19{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.875rem;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._backButton_xa7lc_19:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}._headerInfo_xa7lc_42{flex:1}._headerInfo_xa7lc_42 h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}._reportType_xa7lc_54{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}._autoSaveIndicator_xa7lc_68{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);border-radius:4px;font-size:.75rem;color:var(--accent);font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._autoSaveDot_xa7lc_82{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:_pulse_xa7lc_1 1.5s ease-in-out infinite}@keyframes _pulse_xa7lc_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}._autoSaveStatus_xa7lc_101{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:4px;font-size:.75rem;color:#10b981;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._headerActions_xa7lc_114{display:flex;gap:12px;align-items:center}._cloudIndicator_xa7lc_121{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}._cloudIconSaving_xa7lc_129{color:var(--accent);animation:_cloudPulse_xa7lc_1 1.5s ease-in-out infinite}._cloudIconSaved_xa7lc_134{color:#10b981;animation:_fadeInScale_xa7lc_1 .3s ease-out}._cloudIconFailed_xa7lc_139{color:#ef4444;animation:_shake_xa7lc_1 .5s ease-in-out}@keyframes _cloudPulse_xa7lc_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes _shake_xa7lc_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._saveButton_xa7lc_167{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3);white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._saveButton_xa7lc_167:hover:not(:disabled){background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4)}._saveButton_xa7lc_167:disabled{opacity:.6;cursor:not-allowed;transform:none}._summaryBar_xa7lc_197{display:flex;gap:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:6px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;animation:_fadeInUp_xa7lc_1 .6s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}._summaryItem_xa7lc_210{display:flex;gap:.75rem;align-items:center;padding:.5rem 1rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}._summaryLabel_xa7lc_220{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.3px}._summaryValue_xa7lc_227{color:var(--text-primary);font-size:1.25rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;transition:all .3s cubic-bezier(.4,0,.2,1)}._summaryValue_xa7lc_227.animating-total-up{color:#ef4444;font-weight:700;transform:scale(1.05)}._summaryValue_xa7lc_227.animating-total-down,._summaryValue_xa7lc_227.animating-total-up-income{color:#10b981;font-weight:700;transform:scale(1.05)}._summaryValue_xa7lc_227.animating-total-down-income{color:#ef4444;font-weight:700;transform:scale(1.05)}._toolBar_xa7lc_259{display:flex;gap:12px;margin-bottom:16px}._addRowButton_xa7lc_265{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:4px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3);white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._addRowButton_xa7lc_265:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4)}._spreadsheetContainer_xa7lc_289{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}._spreadsheet_xa7lc_289{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;font-family:Consolas,Monaco,Courier New,monospace;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);table-layout:fixed}._spreadsheet_xa7lc_289 thead{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--bg-primary);box-shadow:0 2px 8px #00000026}._spreadsheet_xa7lc_289 th{padding:.5rem 1rem;text-align:center;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;background:var(--bg-primary);position:relative;vertical-align:middle}._spreadsheet_xa7lc_289 td{padding:0;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:center;vertical-align:middle;position:relative;box-sizing:border-box}._spreadsheet_xa7lc_289 tbody tr:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}._spreadsheet_xa7lc_289 tbody tr:nth-child(2n){background:#00000005}._spreadsheet_xa7lc_289 tbody tr:nth-child(2n):hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}._runningTotalCell_xa7lc_357{padding:0rem!important;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;font-size:.875rem;color:var(--text-primary);text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.animating-total-up{color:#ef4444;font-weight:700;transform:scale(1.05)}.animating-total-down,.animating-total-up-income{color:#10b981;font-weight:700;transform:scale(1.05)}.animating-total-down-income{color:#ef4444;font-weight:700;transform:scale(1.05)}@keyframes _fadeInUp_xa7lc_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._spreadsheet_xa7lc_289 tbody tr{animation:_fadeInUp_xa7lc_1 .6s ease-out forwards;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}._spreadsheet_xa7lc_289 tbody tr:nth-child(1){animation-delay:.1s}._spreadsheet_xa7lc_289 tbody tr:nth-child(2){animation-delay:.15s}._spreadsheet_xa7lc_289 tbody tr:nth-child(3){animation-delay:.2s}._spreadsheet_xa7lc_289 tbody tr:nth-child(4){animation-delay:.25s}._spreadsheet_xa7lc_289 tbody tr:nth-child(5){animation-delay:.3s}._spreadsheet_xa7lc_289 tbody tr:nth-child(6){animation-delay:.35s}._spreadsheet_xa7lc_289 tbody tr:nth-child(7){animation-delay:.4s}._spreadsheet_xa7lc_289 tbody tr:nth-child(8){animation-delay:.45s}._spreadsheet_xa7lc_289 tbody tr:nth-child(9){animation-delay:.5s}._spreadsheet_xa7lc_289 tbody tr:nth-child(10){animation-delay:.55s}._spreadsheet_xa7lc_289 tbody tr:nth-child(11){animation-delay:.6s}._spreadsheet_xa7lc_289 tbody tr:nth-child(12){animation-delay:.65s}._spreadsheet_xa7lc_289 tbody tr:nth-child(13){animation-delay:.7s}._spreadsheet_xa7lc_289 tbody tr:nth-child(14){animation-delay:.75s}._spreadsheet_xa7lc_289 tbody tr:nth-child(15){animation-delay:.8s}._spreadsheet_xa7lc_289 tbody tr:nth-child(16){animation-delay:.85s}._spreadsheet_xa7lc_289 tbody tr:nth-child(17){animation-delay:.9s}._spreadsheet_xa7lc_289 tbody tr:nth-child(18){animation-delay:.95s}._spreadsheet_xa7lc_289 tbody tr:nth-child(19){animation-delay:1s}._spreadsheet_xa7lc_289 tbody tr:nth-child(20){animation-delay:1.05s}._spreadsheet_xa7lc_289 tbody tr:nth-child(n+21){animation-delay:1.1s}@keyframes _autoFillHighlight_xa7lc_1{0%{background:var(--accent);color:#fff}to{background:transparent;color:var(--text-primary)}}.auto-filled{animation:_autoFillHighlight_xa7lc_1 1.5s ease-out}._cellInput_xa7lc_458{width:100%;padding:.5rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;outline:none;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:0;line-height:1.2;min-height:2.5rem;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;border:1px solid transparent;cursor:pointer}._cellInput_xa7lc_458::-webkit-outer-spin-button,._cellInput_xa7lc_458::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._cellInput_xa7lc_458::-moz-outer-spin-button,._cellInput_xa7lc_458::-moz-inner-spin-button{-moz-appearance:none;margin:0}._cellInput_xa7lc_458::placeholder{color:var(--text-tertiary);opacity:.6;font-weight:400}._cellInput_xa7lc_458:hover{background:var(--calendar-highlight-bg);border-radius:4px}._cellInput_xa7lc_458:focus{background:var(--calendar-highlight-bg);color:var(--text-primary);border-radius:4px;border:1px solid var(--calendar-highlight-bg);position:relative;z-index:1;caret-color:var(--accent)}._cellInput_xa7lc_458[type=number]{text-align:center}select._cellInput_xa7lc_458{cursor:pointer;text-align:center;text-align-last:center}._deleteButton_xa7lc_525{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:2.5rem;padding:.5rem;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}._deleteButton_xa7lc_525:hover{background:#e74c3c1a;color:#e74c3c}._emptyState_xa7lc_545{padding:40px;text-align:center;color:var(--text-secondary)}._totalRow_xa7lc_551{background:var(--bg-primary);font-weight:700;position:sticky;bottom:0;z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 -2px 8px #00000026}._totalRow_xa7lc_551 td{padding:.75rem 1rem;font-size:1rem;letter-spacing:.5px;background:var(--bg-primary)}._loadingContainer_xa7lc_568,._errorContainer_xa7lc_569{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}._spinner_xa7lc_578{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:_spin_xa7lc_578 .8s linear infinite}@keyframes _spin_xa7lc_578{to{transform:rotate(360deg)}}._errorContainer_xa7lc_569 button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer}._spreadsheet_xa7lc_289 .F-select-control{min-height:40px;max-height:40px;height:40px;padding:.5rem}._spreadsheet_xa7lc_289 .F-select-container{height:40px}.animating-up{animation:_countUp_xa7lc_1 .6s ease-out;color:#10b981!important}.animating-down{animation:_countDown_xa7lc_1 .6s ease-out;color:#ef4444!important}@keyframes _countUp_xa7lc_1{0%{transform:translateY(10px);opacity:.7}50%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes _countDown_xa7lc_1{0%{transform:translateY(-10px);opacity:.7}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}._viewReportContainer_i1uxx_1{padding:2rem;height:100%;display:flex;flex-direction:column;overflow:hidden;max-width:100%}._header_i1uxx_10{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}._backButton_i1uxx_19{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:.875rem;white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._backButton_i1uxx_19:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}._headerInfo_i1uxx_42{flex:1}._headerInfo_i1uxx_42 h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}._reportType_i1uxx_54{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}._headerActions_i1uxx_67{display:flex;gap:.75rem;flex-wrap:wrap}._actionButton_i1uxx_73{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._actionButton_i1uxx_73:hover{background:var(--hover-bg);border-color:var(--accent);transform:translateY(-1px)}._actionButton_i1uxx_73:first-child{background:linear-gradient(135deg,var(--accent) 0%,var(--accent) 100%);color:#fff;border:none;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}._actionButton_i1uxx_73:first-child:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb),.4)}._summaryBar_i1uxx_109{display:flex;gap:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:6px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d;animation:_fadeInUp_i1uxx_1 .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._summaryItem_i1uxx_121{display:flex;gap:.75rem;align-items:center;padding:.5rem 1rem;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color)}._summaryLabel_i1uxx_131{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.3px}._summaryValue_i1uxx_138{color:var(--text-primary);font-size:1.25rem;font-weight:500;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}._notesSection_i1uxx_145{padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:6px;margin-bottom:1.5rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._notesSection_i1uxx_145 h3{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._notesSection_i1uxx_145 p{margin:0;color:var(--text-primary);line-height:1.6}._tableContainer_i1uxx_169{flex:1;overflow:auto;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._reportTable_i1uxx_179{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}._reportTable_i1uxx_179 thead{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--bg-primary);box-shadow:0 2px 8px #00000026}._reportTable_i1uxx_179 th{padding:.75rem 1rem;text-align:left;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;background:var(--bg-primary)}._reportTable_i1uxx_179 td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-primary)}._reportTable_i1uxx_179 td:last-child{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:600!important;text-align:center;background:rgba(var(--accent-rgb),.05)}._reportTable_i1uxx_179 tbody tr:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}._reportTable_i1uxx_179 tbody tr:hover td:last-child{background:rgba(var(--accent-rgb),.1)}._reportTable_i1uxx_179 tbody tr:nth-child(2n){background:#00000005}._reportTable_i1uxx_179 tbody tr:nth-child(2n):hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}._totalRow_i1uxx_241{background:var(--bg-secondary);font-weight:700;font-size:1rem}._totalRow_i1uxx_241 td{padding:1rem;background:var(--bg-secondary)}._emptyState_i1uxx_252{padding:40px;text-align:center;color:var(--text-secondary)}._loadingContainer_i1uxx_258,._errorContainer_i1uxx_259{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}._spinner_i1uxx_268{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:_spin_i1uxx_268 .8s linear infinite}@keyframes _spin_i1uxx_268{to{transform:rotate(360deg)}}@keyframes _fadeInUp_i1uxx_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{._header_i1uxx_10{page-break-after:avoid}._backButton_i1uxx_19,._actionButton_i1uxx_73{display:none}._tableContainer_i1uxx_169{overflow:visible;box-shadow:none;border:1px solid #000}._reportTable_i1uxx_179{page-break-inside:auto}._reportTable_i1uxx_179 tr{page-break-inside:avoid;page-break-after:auto}._reportTable_i1uxx_179 thead{display:table-header-group}._reportTable_i1uxx_179 tfoot{display:table-footer-group}}.settings-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.settings-page-header{display:flex;align-items:center;padding:2rem 2rem 1rem;background:transparent;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.settings-page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.settings-page-content{flex:1;min-height:0;overflow:hidden}.settings-page .settings-container{max-height:none;height:100%;box-shadow:none;border:none;border-radius:0;background:transparent;display:flex;flex-direction:row}.settings-page .settings-main{padding:2rem;background:transparent;flex:1;overflow-y:auto}.settings-page .settings-sidebar{border-right:1px solid var(--border-color);background-color:transparent;flex-shrink:0;min-height:100%;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}@media (max-width: 768px){.settings-page-header{padding:1rem;flex-wrap:wrap}.settings-page-title{font-size:1.5rem}.settings-page .settings-main{padding:1rem}}.settings-page{animation:fadeInUp .3s ease-out}.oig-page{display:flex;flex-direction:column;height:100%}.oig-page-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.oig-back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.oig-back-button:hover{background:var(--hover-bg);border-color:var(--info-color)}.oig-page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.oig-page-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.oig-left-panel,.oig-right-panel{display:flex;flex-direction:column}.oig-panel-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:24px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.oig-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.oig-results-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oig-panel-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.oig-sort-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.oig-sort-button:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.oig-print-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.oig-print-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.oig-print-button:hover:before{left:100%}.oig-results-stats{display:flex;align-items:center;gap:16px}.oig-stat-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:4px 10px;border-radius:4px}.oig-stat-success{color:var(--success-color);background:#28a7451a}.oig-stat-failed{color:var(--error-color);background:#dc35451a}.oig-retry-all-button{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--info-color);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.oig-retry-all-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.oig-retry-all-button:hover:before{left:100%}.oig-clear-all-button{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.oig-clear-all-button:hover{background:#c82333;transform:translateY(-1px)}.oig-clear-all-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.oig-info-section{margin-bottom:20px}.oig-description{font-size:14px;color:var(--text-primary);margin:0 0 12px;line-height:1.6}.oig-note{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.oig-note-success{color:var(--success-color);font-weight:500;margin-top:12px}.oig-options-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px}.oig-option-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oig-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.oig-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.oig-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.oig-option-count{font-size:13px;color:var(--text-secondary);margin-left:auto}.oig-select-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.oig-select-label{font-size:13px;font-weight:500;color:var(--text-primary)}.oig-employee-select{width:100%}.oig-check-summary{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-primary);text-align:center}.oig-check-summary strong{color:var(--primary-color);font-weight:600}.oig-progress-section{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:8px;margin-bottom:24px;animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.oig-progress-loader{display:flex;justify-content:center;align-items:center;width:100%;height:120px;margin:0 auto;position:relative}.oig-success-animation{opacity:0;transform:scale(.8);transition:opacity .6s ease-out,transform .6s ease-out}.oig-success-animation--show{opacity:1;transform:scale(1)}.oig-success-svg{filter:drop-shadow(0 4px 12px rgba(76,175,80,.3))}.oig-success-circle{stroke-dasharray:314;stroke-dashoffset:314;animation:drawCircle .8s ease-out forwards;animation-delay:.2s}.oig-success-check{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .6s ease-out forwards;animation-delay:.8s}@keyframes drawCircle{0%{stroke-dashoffset:314}to{stroke-dashoffset:0}}@keyframes drawCheck{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.oig-progress-info{text-align:center}.oig-progress-text{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.oig-progress-text strong{color:var(--text-primary);font-weight:600}.oig-progress-count{font-size:13px;color:var(--text-secondary)}.oig-progress-bar-container{margin-top:8px}.oig-progress-bar-header{display:flex;justify-content:flex-end;margin-bottom:8px}.oig-progress-percentage{font-size:13px;font-weight:600;color:var(--info-color)}.oig-progress-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;position:relative}.oig-progress-fill{height:100%;background:var(--info-color);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.oig-progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent 0%,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%,transparent 100%);animation:oigProgressGlide 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes oigProgressGlide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.oig-actions{margin-top:auto}.oig-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 24px;font-size:14px;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.oig-button:disabled{opacity:.5;cursor:not-allowed}.oig-button-primary{background:var(--info-color);color:#fff;position:relative;overflow:hidden}.oig-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.oig-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.oig-button-primary:hover:not(:disabled):before{left:100%}.oig-button-danger{background:#dc3545;color:#fff;position:relative;overflow:hidden}.oig-button-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.oig-table-container{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 300px);border-radius:6px;border:1px solid var(--border-color)}.oig-table-container::-webkit-scrollbar{width:8px;height:8px}.oig-table-container::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.oig-table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.oig-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.oig-results-table{width:100%;border-collapse:collapse;background:var(--bg-primary);font-size:14px}.oig-table-thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000000d}.oig-table-header-row{border-bottom:2px solid var(--border-color)}.oig-table-th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;color:var(--text-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.oig-table-th-name{min-width:200px}.oig-table-th-status{min-width:180px}.oig-table-th-date{min-width:150px}.oig-table-th-actions{min-width:150px;text-align:right}.oig-table-tbody{background:var(--bg-primary)}.oig-table-row{border-bottom:1px solid var(--border-color);transition:all .2s ease}.oig-table-row:hover{background:var(--hover-bg)}.oig-table-row:last-child{border-bottom:none}.oig-table-row-new{animation:fadeInUp .3s ease-out;background:rgba(var(--accent-rgb, 59, 130, 246),.05)}.oig-table-td{padding:16px 20px;vertical-align:middle;color:var(--text-primary)}.oig-table-td-name{font-weight:500}.oig-table-name-cell{display:flex;align-items:center;gap:12px}.oig-table-td-status{font-size:13px}.oig-table-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;white-space:nowrap}.oig-table-status-success{background:#28a7451a;color:var(--success-color);border:1px solid rgba(40,167,69,.2)}.oig-table-status-warning{background:#ffc1071a;color:var(--warning-color);border:1px solid rgba(255,193,7,.2)}.oig-table-status-failed{background:#dc35451a;color:var(--error-color);border:1px solid rgba(220,53,69,.2)}.oig-table-td-date{color:var(--text-secondary);font-size:13px}.oig-table-date-cell{white-space:nowrap}.oig-table-td-actions{text-align:right}.oig-table-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:8px}.oig-table-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;background:var(--bg-secondary);color:var(--text-primary)}.oig-table-action-btn:hover{border-color:var(--accent);background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.oig-table-rerun-btn{color:var(--warning-color);border-color:var(--warning-color)}.oig-table-rerun-btn:hover{background:#ffc1071a;border-color:var(--warning-color)}.oig-table-view-btn{color:var(--info-color);border-color:var(--border-color)}.oig-table-view-btn:hover{background:#3b82f61a;border-color:var(--info-color)}.oig-retry-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.oig-retry-button:hover:before{left:100%}.oig-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);height:100%}.oig-loading-state p{margin:16px 0 0;font-size:14px}.oig-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);height:100%}.oig-empty-state svg{margin-bottom:16px;opacity:.5}.oig-empty-state p{margin:0 0 8px;font-size:14px}.oig-empty-hint{font-size:13px;color:var(--text-tertiary)}.oig-option-hint{font-size:12px;color:var(--text-tertiary);margin-left:8px}.oig-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.oig-modal{background:var(--bg-secondary);border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.oig-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.oig-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.oig-modal-icon-warning{color:var(--warning-color);flex-shrink:0}.oig-modal-body{margin-bottom:24px;color:var(--text-secondary)}.oig-modal-body p{margin:0 0 12px;line-height:1.5;font-size:14px}.oig-modal-body p:last-child{margin-bottom:0}.oig-modal-question{font-weight:600;color:var(--text-primary);margin-top:16px!important}.oig-modal-actions{display:flex;gap:12px;justify-content:flex-end}.oig-modal-button{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.oig-modal-button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.oig-modal-button-secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.oig-modal-button-primary{background:var(--primary-color);color:#fff;position:relative;overflow:hidden}.oig-modal-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.oig-modal-button-primary:hover:before{left:100%}@media (max-width: 1200px){.oig-page-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.oig-left-panel{height:auto}.oig-right-panel{height:100%}.oig-table-th,.oig-table-td{padding:12px 16px}}@media (max-width: 768px){.oig-page-header{padding:16px}.oig-page-title{font-size:20px}.oig-table-th,.oig-table-td{padding:10px 12px;font-size:12px}.oig-table-th{font-size:11px}.oig-table-th-name,.oig-table-th-status,.oig-table-th-date,.oig-table-th-actions{min-width:unset}.oig-table-status-badge{padding:4px 8px;font-size:11px}.oig-table-action-btn{padding:6px 10px;font-size:11px}.oig-table-actions-cell{flex-direction:column;gap:6px}.oig-page-content{padding:16px;gap:16px}.oig-panel-card{padding:16px}}.page-content{padding:32px;height:100%;overflow-y:auto}.page-content h1{margin:0 0 24px;font-size:var(--font-size-heading2);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.hr-dashboard{display:flex;flex-direction:column;gap:24px}.hr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:24px;text-align:center;transition:all .15s ease;box-shadow:0 1px 3px var(--shadow)}.stat-card:hover{border-color:var(--text-tertiary);box-shadow:0 2px 8px var(--shadow-hover);transform:translateY(-2px)}.stat-card h3{margin:0 0 12px;font-size:var(--font-size-body);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.hr-dashboard .stat-card:nth-child(1) .stat-number{color:#3b82f6}.hr-dashboard .stat-card:nth-child(2) .stat-number{color:#10b981}.hr-dashboard .stat-card:nth-child(3) .stat-number{color:#f59e0b}.page-content p{margin:12px 0;color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.6}@media (max-width: 768px){.page-content{padding:20px}.hr-stats{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-number{font-size:2rem}.page-content h1{font-size:var(--font-size-heading3)}}.detached-tab-window{background:var(--bg-primary);height:100vh;display:flex;flex-direction:column}.detached-tab-window .app-layout{display:flex;flex:1;overflow:hidden}.detached-tab-window .main-content{flex:1;transition:margin-left .3s ease;overflow:hidden}.detached-tab-window .main-content.with-sidebar{margin-left:var(--sidebar-width)}.detached-window .titlebar-custom{background:linear-gradient(135deg,var(--accent),var(--info-color));color:#fff;border-bottom:2px solid rgba(255,255,255,.2)}.detached-window .titlebar-title{color:#fff;font-weight:600}.detached-window .titlebar-title:after{content:" (Detached)";font-size:.9em;opacity:.8}.detached-window .titlebar-button{color:#ffffffe6}.detached-window .titlebar-button:hover{background-color:#ffffff1a;color:#fff}.detached-window .titlebar-button.close-btn:hover{background-color:#fff3}.detached-window .tab{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.detached-window .tab.active{background:#fff3;border-bottom:2px solid white}.detached-window .tab-title{color:#fff}.detached-window .sidebar-toggle-btn,.detached-window .nav-btn{color:#ffffffe6}.detached-window .sidebar-toggle-btn:hover,.detached-window .nav-btn:hover:not(.disabled){background-color:#ffffff1a;color:#fff}.detached-window .tab-reattach-zone.active{background:linear-gradient(to right,rgba(255,255,255,.3),transparent);animation:reattachGlow 1s ease-in-out infinite alternate}@keyframes reattachGlow{0%{background:linear-gradient(to right,rgba(255,255,255,.2),transparent)}to{background:linear-gradient(to right,rgba(255,255,255,.4),transparent)}}.env-indicator{position:fixed;bottom:10px;right:10px;z-index:9999;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-align:center;min-width:50px;box-shadow:0 2px 4px #0003;cursor:help;-webkit-user-select:none;user-select:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.env-indicator.dev{background-color:#4caf50;color:#fff}.env-indicator.staging{background-color:#ff9800;color:#fff}.env-indicator.production{background-color:#f44336;color:#fff}.env-indicator.unknown{background-color:#9e9e9e;color:#fff}.env-indicator:hover{transform:scale(1.05);transition:transform .2s ease}@media (max-width: 768px){.env-indicator{font-size:8px;padding:2px 4px;min-width:30px}}.setup-logout-button{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1000;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .3s ease-out;max-width:117px}.setup-logout-button:hover{background:var(--hover-bg);border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.setup-logout-button:active{transform:translateY(0)}.setup-logout-button svg{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .setup-logout-button{background:#1e1e1ef2;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .setup-logout-button:hover{background:#282828f2;border-color:#fff3;box-shadow:0 4px 12px #0006}@media (max-width: 768px){.setup-logout-button{bottom:16px;left:16px;padding:8px 14px}}.email-verification-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background-color);animation:fadeIn .6s ease-out}.email-verification-content{max-width:600px;width:100%;background:var(--secondary-background);border-radius:12px;padding:48px;box-shadow:0 4px 24px #0000001a;text-align:center;animation:fadeInUp .6s ease-out}.verification-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:50%;color:#000}@media (prefers-color-scheme: dark){.verification-icon{color:#fff}}.email-verification-content h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.verification-message{font-size:16px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.verification-message strong{color:var(--primary-color);font-weight:600}.verification-instructions{font-size:14px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.verification-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.verification-success{display:flex;align-items:center;justify-content:center;gap:8px;background:#34c7591a;border:1px solid rgba(52,199,89,.3);color:#34c759;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.verification-actions{display:flex;gap:12px;margin-bottom:32px}.btn-check-status,.btn-resend{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-check-status{background:var(--accent);color:#fff;position:relative;overflow:hidden}.btn-check-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:0}.btn-check-status:hover:not(:disabled):before{left:100%}.btn-check-status:hover:not(:disabled){background:var(--accent);filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-check-status:disabled{background:#9ca3af;opacity:1;cursor:not-allowed}.btn-check-status:disabled:hover{transform:none;box-shadow:none}.btn-check-status span,.btn-check-status svg{position:relative;z-index:1}.btn-resend{background:var(--secondary-background);color:var(--text-primary);border:1px solid var(--border-color)}.btn-resend:hover:not(:disabled){background:var(--hover-background);border-color:var(--primary-color);transform:translateY(-2px)}.btn-resend:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-footer{padding-top:24px;border-top:1px solid var(--border-color);margin-bottom:24px}.wrong-email{font-size:14px;color:var(--text-secondary);margin:0}.btn-logout-link{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;transition:opacity .2s ease}.btn-logout-link:hover{opacity:.8}.verification-help{background:var(--background-color);border-radius:8px;padding:24px;text-align:left}.verification-help h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.verification-help ul{margin:0;padding-left:20px;list-style-type:disc}.verification-help li{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.verification-help li:last-child{margin-bottom:0}@media (prefers-color-scheme: dark){.email-verification-content{box-shadow:0 4px 24px #0000004d}}@media (max-width: 768px){.email-verification-content{padding:32px 24px}.verification-icon{width:100px;height:100px}.verification-icon svg{width:48px;height:48px}.email-verification-content h1{font-size:24px}.verification-actions{flex-direction:column}.btn-check-status,.btn-resend{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.upload-toast{position:fixed;bottom:32px;right:32px;z-index:10000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:16px 20px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;min-width:320px;max-width:400px}.upload-toast.fade-out{animation:fadeOut .3s ease-out forwards}.upload-toast.success{border-color:var(--success-color, #22c55e);background:var(--bg-primary)}.upload-toast.error{border-color:var(--error-color, #ef4444);background:var(--bg-primary)}.upload-toast.uploading{border-color:var(--accent);background:var(--bg-primary)}.upload-toast-content{display:flex;align-items:center;justify-content:center;gap:12px}.upload-toast-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.upload-toast-text{flex:1;min-width:0;cursor:pointer}.upload-toast-text:hover{background:#ffffff1a;border-radius:4px}.upload-expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.upload-expand-button:hover{background:#ffffff1a;color:var(--text-primary)}.upload-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.upload-close-button:hover{background:#ffffff1a;color:var(--text-primary)}.upload-close-button svg{width:16px;height:16px}.upload-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);max-height:120px;overflow-y:auto}.upload-detail-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:13px}.upload-detail-item.error{background:#ef44441a;border-radius:4px;padding:8px;margin:2px 0;border-left:3px solid var(--error-color, #ef4444)}.upload-file-info{flex:1;min-width:0}.upload-file-name{color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:500}.upload-file-status{color:var(--text-primary);font-weight:500;flex-shrink:0;display:flex;align-items:center;min-width:40px;justify-content:flex-end}.upload-file-progress-bar{width:100%;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.upload-file-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease-out}.upload-file-error{color:var(--error-color, #ef4444);font-size:12px;margin-top:4px;background:#ef44441a;padding:4px 6px;border-radius:4px;border:1px solid rgba(239,68,68,.2)}.upload-success-icon{width:24px;height:24px;position:relative}.upload-error-icon{width:24px;height:24px;color:var(--error-color, #ef4444)}.upload-error-icon svg{width:24px;height:24px;animation:errorPulse .4s ease-out}@media (max-width: 768px){.upload-toast{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none}}.upload-details::-webkit-scrollbar{width:4px}.upload-details::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.upload-details::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.upload-details::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.download-toast{position:fixed;bottom:32px;right:32px;z-index:9999;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:16px 20px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;min-width:320px;max-width:400px}.download-toast.fade-out{animation:fadeOut .3s ease-out forwards}.download-toast.success{border-color:var(--success-color, #22c55e);background:var(--bg-primary)}.download-toast.error{border-color:var(--error-color, #ef4444);background:var(--bg-primary)}.download-toast.downloading{border-color:var(--accent);background:var(--bg-primary)}.download-toast-content{display:flex;align-items:center;justify-content:center;gap:12px}.download-toast-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.download-toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:2px}.download-toast-text{flex:1;min-width:0;cursor:pointer}.download-toast-text:hover{background:#ffffff1a;border-radius:4px}.download-toast-message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4;display:block}.download-progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;margin-top:8px;overflow:hidden}.download-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease-out}.download-expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.download-expand-button:hover{background:#ffffff1a;color:var(--text-primary)}.expand-icon{width:16px;height:16px;transition:transform .2s ease}.expand-icon.rotated{transform:rotate(180deg)}.download-view-button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.download-view-button:hover{background:var(--accent-hover, var(--accent));filter:brightness(1.1)}.download-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.download-close-button:hover{background:#ffffff1a;color:var(--text-primary)}.download-close-button svg{width:16px;height:16px}.download-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);max-height:200px;overflow-y:auto}.download-detail-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px;gap:8px}.download-detail-item.error{background:#ef44441a;border-radius:4px;padding:8px;margin:2px 0;border-left:3px solid var(--error-color, #ef4444)}.download-file-info{flex:1;min-width:0}.download-file-name{color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:500}.download-file-error{color:var(--error-color, #ef4444);font-size:12px;margin-top:4px;background:#ef44441a;padding:4px 6px;border-radius:4px;border:1px solid rgba(239,68,68,.2)}.download-file-status{color:var(--text-primary);font-weight:500;flex-shrink:0;display:flex;align-items:center;min-width:40px;justify-content:flex-end}.status-text{color:var(--text-secondary);font-size:12px}.status-percent{color:var(--accent);font-size:12px;font-weight:600;min-width:35px;text-align:right}.status-icon{width:16px;height:16px}.status-icon.success{color:var(--success-color, #22c55e)}.status-icon.error{color:var(--error-color, #ef4444)}.download-success-icon{width:24px;height:24px;position:relative}.checkmark{width:24px;height:24px;color:var(--success-color, #22c55e)}.success-circle{stroke-dasharray:62.83;stroke-dashoffset:62.83;animation:drawCircle .6s ease-out forwards;fill:none}.checkmark-path{stroke-dasharray:10;stroke-dashoffset:10;animation:drawCheck .4s ease-out .6s forwards;stroke-linecap:round;stroke-linejoin:round}.download-error-icon{width:24px;height:24px;color:var(--error-color, #ef4444)}.download-error-icon svg{width:24px;height:24px;animation:errorPulse .4s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.download-toast{bottom:16px;right:16px;left:16px;min-width:auto;max-width:none}}.download-toast.with-upload-toast{bottom:140px}@media (max-width: 768px){.download-toast.with-upload-toast{bottom:120px}}.download-details::-webkit-scrollbar{width:4px}.download-details::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:2px}.download-details::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.download-details::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.progress-toast{position:fixed;bottom:24px;right:24px;width:400px;max-width:calc(100vw - 48px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 24px #00000026,0 4px 8px #0000001a,0 0 0 1px var(--border-color);z-index:10002;animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-toast.progress-toast-complete{border-left:4px solid var(--success-color)}.progress-toast.progress-toast-error{border-left:4px solid var(--error-color)}.progress-toast.progress-toast-processing{border-left:4px solid var(--accent)}.progress-toast-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.progress-toast-title-section{display:flex;align-items:center;gap:10px;flex:1}.progress-toast-status-icon{flex-shrink:0}.progress-toast-status-icon.success{color:var(--success-color)}.progress-toast-status-icon.error{color:var(--error-color)}.progress-toast-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.progress-toast-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.progress-toast-close:hover{background:var(--hover-bg);color:var(--text-secondary)}.progress-toast-content{padding:16px}.progress-toast-text{margin:0 0 12px;font-size:13px;color:var(--text-secondary)}.progress-toast-bar-container{display:flex;align-items:center;gap:12px}.progress-toast-bar{flex:1;height:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-toast-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,color-mix(in srgb,var(--accent),#fff 15%) 50%,var(--accent) 100%);transition:width .3s ease;position:relative;border-radius:5px;overflow:hidden}.progress-toast-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:toastShine 1.5s infinite}@keyframes toastShine{0%{left:-100%}to{left:200%}}.progress-toast-percentage{font-size:13px;font-weight:700;color:var(--accent);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.progress-toast-summary{display:flex;flex-direction:column;gap:8px}.progress-toast-success{margin:0;font-size:14px;color:var(--success-color);font-weight:500;display:flex;align-items:center;gap:6px}.progress-toast-failed{margin:0;font-size:14px;color:var(--warning-color);font-weight:500;display:flex;align-items:center;gap:6px}.progress-toast-error-message{margin:0;font-size:14px;color:var(--error-color);font-weight:500}.progress-toast-errors{margin-top:8px;padding:8px 12px;background:color-mix(in srgb,var(--error-color),transparent 95%);border:1px solid color-mix(in srgb,var(--error-color),transparent 85%);border-radius:6px}.progress-toast-errors summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.progress-toast-errors summary::-webkit-details-marker{display:none}.progress-toast-errors summary:after{content:"▼";font-size:10px;color:var(--text-tertiary);transition:transform .2s ease}.progress-toast-errors[open] summary:after{transform:rotate(-180deg)}.progress-toast-error-list{margin:8px 0 0;padding:0 0 0 16px;list-style:disc;font-size:12px;color:var(--text-secondary);max-height:120px;overflow-y:auto}.progress-toast-error-list li{margin-bottom:4px;line-height:1.4}.progress-toast-more{font-style:italic;color:var(--text-tertiary)}.progress-toast-errors-section{margin-top:12px;display:flex;flex-direction:column;gap:8px}.error-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.error-content{flex:1}.error-item.error-type-validation,.error-item.error-type-duplicate_email{color:var(--warning-color)}.resolve-errors-button{padding:8px 14px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;justify-content:center;box-shadow:0 2px 4px #0000001a}.resolve-errors-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.resolve-errors-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 640px){.progress-toast{bottom:16px;right:16px;left:16px;width:auto;max-width:none}}.progress-toast.progress-toast-complete .progress-toast-header,.progress-toast.progress-toast-error .progress-toast-header{animation:headerPulse .5s ease}@keyframes headerPulse{0%,to{background:var(--bg-primary)}50%{background:var(--bg-secondary)}}.resolve-errors-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10003;animation:fadeIn .2s ease}.resolve-errors-modal{background:var(--bg-primary);border-radius:8px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0000004d;animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1)}.resolve-errors-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.resolve-errors-title-section{display:flex;align-items:center;gap:12px}.resolve-errors-icon{color:var(--warning-color)}.resolve-errors-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.resolve-errors-close{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.resolve-errors-close:hover{background:var(--hover-bg);color:var(--text-primary)}.resolve-errors-content{flex:1;overflow-y:auto;padding:24px}.resolve-errors-description{margin:0 0 20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.resolve-errors-list{display:flex;flex-direction:column;gap:16px}.resolve-error-item{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;animation:fadeInUp .3s ease backwards}.resolve-error-item:nth-child(1){animation-delay:.05s}.resolve-error-item:nth-child(2){animation-delay:.1s}.resolve-error-item:nth-child(3){animation-delay:.15s}.resolve-error-item:nth-child(4){animation-delay:.2s}.resolve-error-item:nth-child(5){animation-delay:.25s}.resolve-error-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.resolve-error-title{display:flex;align-items:center;gap:8px;flex:1}.resolve-error-header strong{color:var(--text-primary);font-size:15px}.clear-error-button{padding:6px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clear-error-button:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.clear-error-button:disabled{opacity:.3;cursor:not-allowed}.resolve-error-type{padding:3px 8px;background:color-mix(in srgb,var(--warning-color),transparent 85%);color:var(--warning-color);border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.resolve-error-message{margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.resolve-error-cleared{margin:0;font-size:13px;color:var(--text-tertiary);font-style:italic}.resolve-error-item.cleared{opacity:.5;background:var(--bg-primary);border-style:dashed}.resolve-error-fields{display:flex;flex-direction:column;gap:12px}.resolve-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.resolve-field{display:flex;flex-direction:column;gap:6px}.resolve-field label{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.resolve-field input{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.resolve-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 85%)}.field-help{margin:0;font-size:12px;color:var(--text-tertiary);font-style:italic}.resolve-errors-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.resolve-footer-actions{display:flex;align-items:center;gap:12px}.resolve-clear-all-button{padding:10px 16px;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.resolve-clear-all-button:hover:not(:disabled){background:var(--error-color);color:#fff}.resolve-clear-all-button:disabled{opacity:.4;cursor:not-allowed}.resolve-cancel-button{padding:10px 20px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.resolve-cancel-button:hover{background:var(--hover-bg)}.resolve-retry-button{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.resolve-retry-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.resolve-retry-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.resolve-retry-button:disabled{opacity:.5;cursor:not-allowed}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.resolve-fields-row{grid-template-columns:1fr}.resolve-errors-modal{width:95%;max-height:90vh}.resolve-errors-footer{flex-direction:column;align-items:stretch}.resolve-footer-actions{width:100%}.resolve-clear-all-button,.resolve-cancel-button,.resolve-retry-button{flex:1}}.agency-invitation-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:10000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:16px 20px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInUp .3s ease-out;min-width:320px;max-width:480px}.agency-invitation-toast.fade-out{animation:fadeOut .3s ease-out forwards}.agency-toast-content{display:flex;align-items:center;gap:12px}.agency-toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.invitation-icon{width:24px;height:24px;color:var(--warning-color, #f59e0b)}.invitation-icon svg{width:24px;height:24px;animation:invitationPulse 2s ease-in-out infinite}.agency-toast-message{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4;flex:1}.agency-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.agency-toast-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.agency-toast-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.agency-toast-btn-view{background:var(--accent);color:#fff}.agency-toast-btn-view:hover{background:var(--accent-hover);transform:translateY(-1px)}.agency-toast-btn-close{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.agency-toast-btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color-hover)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(0)}}@keyframes invitationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 768px){.agency-invitation-toast{bottom:20px;left:16px;right:16px;transform:none;min-width:auto;max-width:none}.agency-toast-content{flex-wrap:wrap}.agency-toast-actions{margin-top:8px;width:100%;justify-content:flex-end}}[data-theme=dark] .agency-invitation-toast{box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}@media (prefers-reduced-motion: reduce){.agency-invitation-toast{animation:none}.invitation-icon svg{animation:none}.agency-toast-btn:hover{transform:none}}@media (prefers-contrast: high){.agency-invitation-toast{border-width:2px;box-shadow:none}.agency-toast-btn-view{border:1px solid var(--accent)}}.update-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.update-notification-modal{background:var(--background-primary, #ffffff);border-radius:6px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideIn .3s ease-out;border:1px solid var(--border-color, #e0e0e0)}.update-notification-header{display:flex;align-items:flex-start;padding:24px 24px 16px;gap:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.update-icon{font-size:32px;flex-shrink:0;margin-top:4px}.update-title{flex:1}.update-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.update-title p{margin:0;font-size:14px;color:var(--text-secondary, #666666)}.update-close-btn{background:none;border:none;font-size:16px;color:var(--text-secondary, #666666);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.update-close-btn:hover:not(:disabled){background:var(--hover-bg, #f5f5f5);color:var(--text-primary, #1a1a1a)}.update-close-btn:disabled{opacity:.5;cursor:not-allowed}.update-notification-body{padding:20px 24px}.version-info{margin-bottom:20px}.version-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-label{font-size:14px;color:var(--text-secondary, #666666)}.version-number{font-size:14px;font-weight:500;color:var(--text-primary, #1a1a1a);background:var(--background-secondary, #f8f9fa);padding:4px 8px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.version-number.new{background:var(--accent-bg, #e3f2fd);color:var(--accent, #2383e2)}.download-progress{margin:20px 0}.progress-bar{width:100%;height:8px;background:var(--background-secondary, #f8f9fa);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent, #2383e2),var(--accent-light, #4dabf7));border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:var(--text-secondary, #666666);text-align:center;display:block}.release-notes{margin:20px 0}.release-notes h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a)}.release-notes-content{max-height:200px;overflow-y:auto;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;padding:12px;background:var(--background-secondary, #f8f9fa)}.release-note{font-size:13px;line-height:1.5;color:var(--text-primary, #1a1a1a);margin-bottom:8px}.release-note:last-child{margin-bottom:0}.update-error{display:flex;align-items:center;gap:8px;padding:12px;background:var(--error-bg, #fef2f2);color:var(--error-text, #dc2626);border:1px solid var(--error-border, #fecaca);border-radius:4px;font-size:14px;margin:16px 0}.error-icon{flex-shrink:0}.update-notification-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color, #e0e0e0)}.update-notification-footer .btn-secondary{background:var(--background-secondary, #f8f9fa);color:var(--text-primary, #1a1a1a);border:1px solid var(--border-color, #e0e0e0);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.update-notification-footer .btn-secondary:hover{background:var(--hover-bg, #f5f5f5)}.update-notification-footer .btn-primary{background:var(--accent, #2383e2);color:#fff;border:1px solid var(--accent, #2383e2);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.update-notification-footer .btn-primary:hover:not(:disabled){background:var(--accent-dark, #1976d2);border-color:var(--accent-dark, #1976d2);transform:translateY(-1px)}.update-notification-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.downloading-status{color:var(--text-secondary, #666666);font-size:14px;display:flex;align-items:center;gap:8px}.downloading-status:before{content:"";width:16px;height:16px;border:1px solid var(--accent, #2383e2);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.name-completion-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.name-completion-modal{background:var(--bg-primary);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px var(--shadow-hover);animation:slideUp .3s ease-out}.name-completion-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-color);text-align:center}.name-completion-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1rem}.name-completion-header h2{font-size:var(--font-size-heading3);font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.name-completion-header p{color:var(--text-secondary);margin:0;font-size:var(--font-size-body)}.name-completion-form{display:flex;flex-direction:column}.name-completion-body{padding:2rem}.name-completion-body .form-group{margin-bottom:1.5rem}.name-completion-body .form-group:last-of-type{margin-bottom:0}.name-completion-body label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:var(--font-size-label)}.name-completion-body input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-input);transition:all .2s ease;box-sizing:border-box}.name-completion-body input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.name-completion-body input.error{border-color:var(--error-color)}.name-completion-body input:disabled{opacity:.6;cursor:not-allowed}.name-completion-body .error-message{display:block;color:var(--error-color);font-size:var(--font-size-caption);margin-top:.5rem}.name-completion-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);font-size:var(--font-size-caption);margin-top:1.5rem}.name-completion-info svg{flex-shrink:0;color:var(--accent)}.name-completion-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.name-completion-footer .btn-primary{padding:12px 32px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.name-completion-footer .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.name-completion-footer .btn-primary:active:not(:disabled){transform:translateY(0)}.name-completion-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topology-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:var(--bg-primary)}.topology-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.topology-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.topology-text-container{text-align:center;animation:fadeIn .8s ease-out forwards}.topology-title{font-size:3rem;font-weight:700;color:var(--text-primary, #000);margin-bottom:1rem}.topology-subtitle{font-size:1.25rem;font-weight:500;color:var(--text-secondary, #333);display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.topology-title{font-size:4rem}.topology-subtitle{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.topology-text-container{animation:none}}.darkmode-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}.darkmode-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover}.darkmode-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:0;pointer-events:none}@supports not (object-fit: cover){.darkmode-video{position:absolute;top:0;left:0;width:100%;height:100%}}@media (max-width: 768px){.darkmode-video-overlay{background:#0000004d}}@media (prefers-reduced-motion: reduce){.darkmode-video{display:none}.darkmode-background{background:linear-gradient(135deg,#0c0c0c,#1a1a1a,#0f0f0f,#1c1c1c,#0a0a0a)}}.clouds-bg-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:var(--bg-primary)}.clouds-bg-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;transition:opacity .5s ease-in-out;pointer-events:none}.clouds-bg-video.active{opacity:1}.clouds-bg-video.inactive{opacity:0}.datagrid-bg-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:var(--bg-primary)}.datagrid-bg-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;transition:opacity .5s ease-in-out;pointer-events:none}.datagrid-bg-video.active{opacity:1}.datagrid-bg-video.inactive{opacity:0}.ripples-bg-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:var(--bg-primary)}.ripples-bg-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;transition:opacity .5s ease-in-out;pointer-events:none}.ripples-bg-video.active{opacity:1}.ripples-bg-video.inactive{opacity:0}.background-renderer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:var(--bg-renderer);overflow:hidden;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.fade-in-bg{opacity:1!important}.bg-blur-effect{filter:blur(4px);transition:filter 1.5s cubic-bezier(.4,0,.2,1);transform:scale(1.04);margin:-.1%}.background-renderer:not(.bg-blur-effect){filter:blur(0px);transition:filter 1.5s cubic-bezier(.4,0,.2,1)}.background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;background-color:transparent;transition:background-color .3s ease;overflow:hidden}.static-bg-fade-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.static-bg-fade{position:absolute;left:0;right:0;bottom:0;height:30vh;z-index:2;pointer-events:none;background:linear-gradient(to top,#181820b3,#18182033 60%,#18182000);transition:background .3s}.static-background-image{width:100vw;height:100vh;object-fit:cover;position:absolute;top:0;left:0;z-index:1;pointer-events:none}