.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width .3s ease;z-index:100;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:var(--header-height);border-bottom:1px solid var(--gray-200)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;overflow:hidden}.logo-icon{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.logo-icon-img{background:transparent!important;border-radius:0;padding:0}.logo-text{font-weight:700;font-size:1.125rem;color:var(--gray-900);white-space:nowrap}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--gray-500);transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--gray-600);font-size:.875rem;font-weight:500;transition:all .15s;white-space:nowrap}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary)}.nav-item.active .nav-icon{color:var(--primary)}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-group{display:flex;flex-direction:column}.nav-parent{cursor:pointer;width:100%}.nav-chevron{margin-left:auto;font-size:1rem;transition:transform .2s;color:var(--gray-400)}.nav-chevron.open{transform:rotate(180deg)}.nav-children{display:flex;flex-direction:column;gap:1px;padding-left:.5rem}.nav-child{padding-left:1.75rem!important;font-size:.8125rem!important}.nav-child .nav-icon{font-size:1.0625rem}.chat-unread-badge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:auto;line-height:1}.sidebar.collapsed .chat-unread-badge{position:absolute;top:6px;right:6px;min-width:8px;height:8px;padding:0;font-size:0}.nav-separator{padding:.75rem 1rem .35rem;margin-top:.25rem;border-top:1px solid var(--gray-200)}.nav-separator-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400)}.nav-separator-line{height:1px;background:var(--gray-200);margin:.5rem .75rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-200)}.sidebar-version{font-size:.75rem;color:var(--gray-400);text-align:center}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0);box-shadow:var(--shadow-lg)}}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:50;transition:left .3s ease}.sidebar-collapsed .header{left:72px}.header-left{display:flex;align-items:center;gap:1rem}.header-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);font-size:1.25rem;color:var(--gray-600)}.header-menu-btn:hover{background:var(--gray-100)}.header-search{position:relative;width:320px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:var(--gray-50);outline:none;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-100)}.search-input::placeholder{color:var(--gray-400)}.header-right{display:flex;align-items:center;gap:.5rem}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);font-size:1.25rem;color:var(--gray-600);transition:all .2s}.header-icon-btn:hover{background:var(--gray-100);color:var(--gray-800)}.notification-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--danger);color:#fff;font-size:.625rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-profile{position:relative;margin-left:.5rem}.profile-btn{display:flex;align-items:center;gap:.75rem;padding:.375rem .5rem;border-radius:var(--border-radius);transition:background .2s}.profile-btn:hover{background:var(--gray-100)}.profile-avatar{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:.875rem;font-weight:600;color:var(--gray-800)}.profile-role{font-size:.75rem;color:var(--gray-500)}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:200px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:.375rem;z-index:200}.dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;color:var(--gray-700);transition:all .15s}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-light)}.dropdown-divider{border:none;border-top:1px solid var(--gray-200);margin:.25rem 0}.emp-header-greeting{font-size:.9375rem;font-weight:500;color:var(--gray-600)}.emp-avatar,.emp-logo-icon{background:var(--primary)!important}.emp-sidebar .nav-item.active{background:var(--primary-50);color:var(--primary)}.emp-sidebar .nav-item.active .nav-icon{color:var(--primary)}@media(max-width:768px){.header{left:0}.header-menu-btn{display:flex}.header-search,.emp-header-greeting,.profile-info{display:none}}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;min-width:0;overflow-x:hidden}.layout.sidebar-collapsed .layout-main{margin-left:72px}.layout-content{padding:1.5rem;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));overflow-x:hidden}@media(max-width:768px){.layout-main,.layout.sidebar-collapsed .layout-main{margin-left:0}}.stats-card{background:#fff;border-radius:var(--border-radius);padding:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid var(--gray-200);transition:box-shadow .2s}.stats-card:hover{box-shadow:var(--shadow-md)}.stats-card-content{display:flex;flex-direction:column;gap:.25rem}.stats-card-title{font-size:.875rem;color:var(--gray-500);font-weight:500}.stats-card-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.stats-card-change{font-size:.8125rem;font-weight:500}.stats-card-change.positive{color:var(--success)}.stats-card-change.negative{color:var(--danger)}.change-label{color:var(--gray-400);font-weight:400}.stats-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stats-card--primary .stats-card-icon{background:var(--primary-50);color:var(--primary)}.stats-card--success .stats-card-icon{background:var(--success-light);color:var(--success)}.stats-card--warning .stats-card-icon{background:var(--warning-light);color:var(--warning)}.stats-card--danger .stats-card-icon{background:var(--danger-light);color:var(--danger)}.stats-card--info .stats-card-icon{background:var(--info-light);color:var(--info)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.page-subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.page-header-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;transition:all .15s;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.dashboard-loading{padding:2rem;text-align:center;color:var(--gray-500)}.dashboard-error{padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:.875rem}.dashboard-empty{color:var(--gray-500);font-size:.875rem;margin:1rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.activity-card,.birthday-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem}.card-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.success{background:var(--success)}.activity-dot.info{background:var(--info)}.activity-dot.warning{background:var(--warning)}.activity-dot.danger{background:var(--danger)}.activity-action{font-size:.875rem;color:var(--gray-800);font-weight:500}.activity-meta{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.activity-meta strong{color:var(--gray-600)}.birthday-list{display:flex;flex-direction:column;gap:.75rem}.birthday-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--border-radius);transition:background .15s}.birthday-item:hover{background:var(--gray-50)}.birthday-avatar{width:36px;height:36px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.birthday-info{flex:1}.birthday-name{font-size:.875rem;font-weight:500;color:var(--gray-800)}.birthday-dept{font-size:.75rem;color:var(--gray-500)}.birthday-date{font-size:.8125rem;color:var(--primary);font-weight:500}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts,.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.data-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:var(--gray-50)}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--gray-600);font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--gray-200);white-space:nowrap}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:2rem 1rem!important;color:var(--gray-400)}.actions-cell{display:flex;align-items:center;gap:.5rem}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:1rem;transition:all .15s;color:var(--gray-500)}.btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.btn-action.edit:hover{background:var(--primary-50);color:var(--primary)}.btn-action.delete:hover{background:var(--danger-light);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:1000;overflow-y:auto;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-container{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);width:100%;margin-top:2vh;animation:slideUp .2s ease}.modal-sm{max-width:440px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--gray-500);font-size:1.25rem;transition:all .15s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:1.5rem}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.photo-upload-area{display:flex;align-items:center;gap:1.25rem}.photo-preview-wrapper{position:relative;flex-shrink:0}.photo-preview-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-100)}.photo-placeholder{width:88px;height:88px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border:3px dashed var(--gray-300)}.photo-camera-btn{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;border:2px solid white;box-shadow:var(--shadow);transition:background .15s}.photo-camera-btn:hover{background:var(--primary-dark)}.photo-upload-info{display:flex;flex-direction:column;gap:.25rem}.photo-upload-text{font-size:.875rem;font-weight:500;color:var(--gray-700)}.photo-upload-hint{font-size:.75rem;color:var(--gray-400)}.photo-upload-actions{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.photo-remove-btn{color:var(--danger)}.photo-remove-btn:hover{background:var(--danger-light)}.add-employee-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{border:1px solid var(--gray-100);border-radius:var(--border-radius);padding:1.25rem;background:var(--gray-50)}.form-section-title{font-size:.9375rem;font-weight:600;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-100)}.form-hint{font-size:.8125rem;color:var(--gray-500);margin:-.5rem 0 1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-single{grid-template-columns:1fr}.form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.required{color:var(--danger)}.form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:#fff;outline:none;transition:all .2s}.form-input:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.form-input.input-error{border-color:var(--danger)}.form-input.input-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.form-textarea{resize:vertical;min-height:60px}.error-text{font-size:.75rem;color:var(--danger)}.helper-text{font-size:.75rem;color:var(--gray-400)}.same-address-check{margin:.75rem 0;font-size:.8125rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);cursor:pointer}.checkbox-label input{accent-color:var(--primary);width:15px;height:15px}.doc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.doc-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.doc-card-title{font-size:.875rem;font-weight:600;color:var(--gray-800);padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.25rem 1rem;border:2px dashed var(--gray-300);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:all .2s}.file-dropzone:hover{border-color:var(--primary-light);background:var(--primary-50)}.file-dropzone.drag-over{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.dropzone-icon{font-size:1.5rem;color:var(--gray-400)}.file-dropzone:hover .dropzone-icon,.file-dropzone.drag-over .dropzone-icon{color:var(--primary)}.dropzone-text{font-size:.8125rem;font-weight:500;color:var(--gray-600)}.dropzone-hint{font-size:.6875rem;color:var(--gray-400)}.file-input-hidden{display:none}.file-preview{display:flex;align-items:center;gap:.75rem;padding:.625rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.file-preview-image{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--gray-200);flex-shrink:0}.file-preview-doc{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:var(--info-light);border-radius:6px;flex-shrink:0}.file-doc-icon{font-size:1.5rem;color:var(--info)}.file-doc-link{font-size:.875rem;color:var(--primary);font-weight:500;text-decoration:none;background:none;border:none;cursor:pointer;padding:0}.file-doc-link:hover{text-decoration:underline}.file-preview-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:.875rem}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:.8125rem;font-weight:500;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--gray-400);font-size:1.125rem;flex-shrink:0;transition:all .15s}.file-remove-btn:hover{background:var(--danger-light);color:var(--danger)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.form-actions-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.btn-end-services{margin-right:auto}.employee-view{display:flex;flex-direction:column;gap:1.25rem}.view-hero{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--primary-50) 0%,white 100%);border:1px solid var(--primary-100);border-radius:var(--border-radius);position:relative}.view-avatar{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.view-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-100);flex-shrink:0}.view-hero-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.view-hero-name{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.view-hero-role{font-size:.875rem;color:var(--gray-500)}.view-hero .badge{margin-top:.25rem;width:fit-content}.view-edit-btn{position:absolute;top:1.25rem;right:1.25rem}.view-section{border:1px solid var(--gray-100);border-radius:var(--border-radius);padding:1.25rem;background:var(--gray-50)}.view-section-title{font-size:.9375rem;font-weight:600;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-100)}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.view-payroll-loading,.view-payroll-empty{font-size:.875rem;color:var(--gray-500);margin:0}.view-payroll-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.view-payroll-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--gray-50);border-radius:var(--border-radius)}.view-payroll-label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.025em}.view-payroll-value{font-size:1rem;font-weight:600;color:var(--gray-900)}.display-field{display:flex;flex-direction:column;gap:.25rem}.display-field-full{grid-column:1 / -1}.display-label{font-size:.75rem;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.025em}.display-value{font-size:.9375rem;color:var(--gray-800);font-weight:500;line-height:1.4}.display-skills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.125rem}.skill-tag{display:inline-flex;align-items:center;padding:.1875rem .625rem;background:var(--primary-50);color:var(--primary);border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid var(--primary-100)}.view-doc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.view-doc-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.no-doc-text{font-size:.8125rem;color:var(--gray-400);font-style:italic;padding:.75rem 0}.archived-banner{background:var(--danger-light);border:1px solid #fecaca;border-radius:var(--border-radius);padding:.875rem 1.25rem}.archived-banner-content{display:flex;flex-direction:column;gap:.25rem}.archived-banner-label{font-size:.8125rem;font-weight:600;color:#991b1b;text-transform:uppercase;letter-spacing:.03em}.archived-banner-detail{font-size:.8125rem;color:var(--gray-600)}.view-hero-archived{background:linear-gradient(135deg,var(--gray-100) 0%,white 100%);border-color:var(--gray-200)}.view-avatar-archived{background:var(--gray-400);opacity:.7}.archived-photo{opacity:.7;filter:grayscale(30%)}.view-section-archived{border-color:#fecaca;background:#fff5f5}.view-section-title-archived{color:#991b1b;border-bottom-color:#fecaca}.skill-select-wrapper{display:flex;flex-wrap:wrap;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:.375rem .5rem;min-height:42px;transition:border-color .15s,box-shadow .15s;background:#fff;cursor:text}.skill-select-focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.skill-tags-row{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;width:100%}.skill-tag-selected{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--primary-50);color:var(--primary);border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.skill-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.625rem;color:var(--primary);transition:all .15s;background:none;border:none;cursor:pointer;padding:0}.skill-tag-remove:hover{background:var(--primary);color:#fff}.skill-search-input{flex:1;min-width:100px;border:none;outline:none;font-size:.875rem;color:var(--gray-800);padding:.125rem 0;background:transparent}.skill-search-input::placeholder{color:var(--gray-400)}.skill-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;margin-top:.25rem}.skill-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;font-size:.8125rem;color:var(--gray-700);transition:background .1s;border:none;background:none;cursor:pointer;text-align:left}.skill-dropdown-item:hover{background:var(--primary-50);color:var(--primary)}.skill-dropdown-cat{font-size:.6875rem;color:var(--gray-400);font-weight:500}.skill-dropdown-empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--gray-400)}.skill-picker-group{position:relative}@media(max-width:640px){.form-grid,.view-grid,.doc-cards,.view-doc-cards{grid-template-columns:1fr}.view-hero{flex-direction:column;text-align:center}.view-hero .badge{align-self:center}.view-edit-btn{position:static;align-self:center}}.image-crop-modal .image-crop-wrap{margin-bottom:1rem;min-height:200px}.image-crop-modal .ReactCrop{max-width:100%}.image-crop-modal .image-crop-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.emp-view-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1rem}.emp-view-tab{border:none;background:transparent;padding:.6rem 1rem;font-size:.9rem;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:6px;transition:color .15s,border-color .15s;font-weight:500}.emp-view-tab:hover{color:#374151}.emp-view-tab.active{color:#1e40af;border-bottom-color:#2563eb;font-weight:600}.feedback-history{min-height:200px}.feedback-add-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:20px}.feedback-add-top{display:flex;gap:8px;align-items:center;margin-bottom:10px}.feedback-type-select{max-width:160px;font-size:.85rem}.feedback-textarea{font-size:.9rem;line-height:1.5;resize:vertical;min-height:70px}.feedback-attachment-preview{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#3b82f6;margin-top:6px;padding:4px 8px;background:#eff6ff;border-radius:6px;width:fit-content}.feedback-attachment-preview button{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem}.feedback-add-actions{display:flex;justify-content:flex-end;margin-top:10px}.feedback-notes-list{display:flex;flex-direction:column;gap:12px}.feedback-note-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;transition:box-shadow .15s}.feedback-note-item:hover{box-shadow:0 2px 8px #0000000a}.feedback-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feedback-note-header-left{display:flex;align-items:center;gap:8px}.feedback-note-type-badge{padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600;border:1px solid;text-transform:capitalize}.feedback-note-author{font-size:.82rem;font-weight:600;color:#334155}.feedback-note-header-right{display:flex;align-items:center;gap:8px}.feedback-note-time{font-size:.75rem;color:#94a3b8}.feedback-note-delete{background:none;border:none;cursor:pointer;color:#cbd5e1;font-size:1.2rem;line-height:1;padding:0 2px}.feedback-note-delete:hover{color:#dc2626}.feedback-note-body{font-size:.9rem;color:#334155;line-height:1.6;white-space:pre-wrap}.feedback-note-attachment{margin-top:8px}.feedback-note-attachment a{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:#3b82f6;text-decoration:none;padding:3px 10px;background:#eff6ff;border-radius:6px}.feedback-note-attachment a:hover{background:#dbeafe}.emp-stepper{display:flex;align-items:stretch;gap:0;padding:1rem .5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--gray-100, #f3f4f6);overflow-x:auto}.emp-stepper-item{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 .25rem;background:none;border:none;cursor:pointer;position:relative;text-align:center;transition:opacity .15s}.emp-stepper-item:disabled{cursor:not-allowed;opacity:.6}.emp-stepper-item:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--gray-200, #e5e7eb);z-index:0}.emp-stepper-item.is-complete:not(:last-child):after{background:var(--primary, #dc2626)}.emp-stepper-bubble{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid var(--gray-200, #e5e7eb);font-size:.8125rem;font-weight:700;color:var(--gray-500, #6b7280);transition:all .2s}.emp-stepper-item.is-active .emp-stepper-bubble{background:var(--primary, #dc2626);border-color:var(--primary, #dc2626);color:#fff;box-shadow:0 0 0 4px var(--primary-100, #fee2e2)}.emp-stepper-item.is-complete .emp-stepper-bubble{background:var(--primary, #dc2626);border-color:var(--primary, #dc2626);color:#fff}.emp-stepper-item.is-complete .emp-stepper-bubble svg{font-size:1rem}.emp-stepper-label{font-size:.75rem;font-weight:600;color:var(--gray-500, #6b7280);line-height:1.2;max-width:130px}.emp-stepper-item.is-active .emp-stepper-label{color:var(--primary-dark, #b91c1c)}.emp-stepper-item.is-complete .emp-stepper-label{color:var(--gray-700, #374151)}.emp-step-pane{display:flex;flex-direction:column;gap:1.25rem}.emp-step-header{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0 .5rem}.emp-step-header-title{font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827)}.emp-step-header-hint{font-size:.8125rem;color:var(--gray-500, #6b7280)}.emp-repeater{display:flex;flex-direction:column;gap:.875rem}.emp-repeater-item{position:relative;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1rem 1.125rem 1.125rem}.emp-repeater-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.emp-repeater-item-title{font-size:.8125rem;font-weight:700;color:var(--gray-700, #374151);text-transform:uppercase;letter-spacing:.05em}.emp-repeater-remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--gray-200, #e5e7eb);background:#fff;color:var(--gray-400, #9ca3af);cursor:pointer;transition:all .15s}.emp-repeater-remove:hover{border-color:#fecaca;background:#fef2f2;color:#dc2626}.emp-repeater-add{display:inline-flex;align-self:flex-start;align-items:center;gap:.4rem;padding:.5rem .875rem;border:1px dashed var(--gray-300, #d1d5db);background:#fff;border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.emp-repeater-add:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2)}.emp-repeater-empty{padding:1.25rem;text-align:center;font-size:.8125rem;color:var(--gray-400, #9ca3af);background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-200, #e5e7eb);border-radius:10px}.emp-stepper-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100, #f3f4f6)}.emp-stepper-nav-left,.emp-stepper-nav-right{display:flex;gap:.625rem;align-items:center}.emp-step-count{font-size:.8125rem;color:var(--gray-500, #6b7280);font-weight:500}@media(max-width:720px){.emp-stepper-label{display:none}.emp-stepper-item{min-width:50px}.emp-stepper-item:not(:last-child):after{top:16px;left:calc(50% + 18px);right:calc(-50% + 18px)}}.end-services-content{display:flex;flex-direction:column;gap:1.25rem}.end-services-warning{display:flex;gap:.75rem;padding:1rem;background:var(--danger-light);border-radius:var(--border-radius);border:1px solid #fecaca}.warning-icon-wrapper{width:36px;height:36px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.warning-title{font-size:.875rem;color:var(--gray-800);line-height:1.4}.warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.end-services-form{display:flex;flex-direction:column;gap:.75rem}.end-services-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.delete-modal-content{display:flex;flex-direction:column;gap:1.25rem}.delete-warning-box{display:flex;gap:.75rem;padding:1rem;background:var(--danger-light);border-radius:var(--border-radius);border:1px solid #fecaca}.delete-warning-icon{width:36px;height:36px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.delete-warning-title{font-size:.9375rem;color:var(--gray-800);line-height:1.4}.delete-warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;line-height:1.4}.delete-otp-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--info-light);border:1px solid #bfdbfe;border-radius:var(--border-radius)}.otp-notice-icon{font-size:1.25rem;color:var(--info);flex-shrink:0;margin-top:.125rem}.delete-otp-notice p{font-size:.8125rem;color:var(--gray-600);line-height:1.5}.otp-email{color:var(--gray-800);font-weight:600}.otp-header{text-align:center;padding:.5rem 0}.otp-header-icon{width:48px;height:48px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.otp-header-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.otp-header-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem;line-height:1.4}.otp-input-group{display:flex;justify-content:center;gap:.5rem}.otp-input{width:46px;height:52px;text-align:center;font-size:1.25rem;font-weight:700;color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--border-radius);outline:none;transition:all .15s;background:#fff}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.otp-input-filled{border-color:var(--primary-light);background:var(--primary-50)}.otp-input-error{border-color:var(--danger)}.otp-input-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.otp-error{text-align:center;font-size:.8125rem;color:var(--danger);font-weight:500}.otp-resend{text-align:center}.resend-timer{font-size:.8125rem;color:var(--gray-400)}.resend-btn{font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer;padding:0}.resend-btn:hover{text-decoration:underline}.resend-btn:disabled{color:var(--gray-400);cursor:not-allowed}.otp-dev-hint{text-align:center;font-size:.6875rem;color:var(--gray-400);background:var(--gray-50);padding:.375rem .75rem;border-radius:6px;border:1px dashed var(--gray-200)}.delete-success{text-align:center;padding:1.5rem 0}.delete-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.delete-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.delete-success p{font-size:.875rem;color:var(--gray-500)}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.delete-modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.table-search{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;width:280px;outline:none;transition:border-color .2s}.table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.table-filters{display:flex;gap:.5rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:#fff;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--primary)}.employee-cell{display:flex;align-items:center;gap:.75rem}.employee-avatar{width:36px;height:36px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.employee-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-100);flex-shrink:0}.archive-avatar{opacity:.6;filter:grayscale(40%)}.employee-name{font-weight:500;color:var(--gray-800)}.employee-email{font-size:.8125rem;color:var(--gray-500)}.empty-archive{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);text-align:center}.empty-archive-icon{font-size:3rem;margin-bottom:1rem}.empty-archive h3{font-size:1.125rem;color:var(--gray-700);margin-bottom:.375rem}.empty-archive p{font-size:.875rem;color:var(--gray-400)}.employees-error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#b91c1c;font-size:.875rem}.employees-loading{padding:2rem;text-align:center;color:var(--gray-500);font-size:.875rem}@media(max-width:640px){.table-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%}}.rem-page{max-width:1400px}.rem-today-strip{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;margin-bottom:20px}.rem-today-title{font-weight:700;font-size:.85rem;color:#92400e;text-transform:uppercase;letter-spacing:.04em}.rem-today-item{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:20px;background:#ffffffb3}.rem-today-birthday{color:#ec4899}.rem-today-anniversary{color:#8b5cf6}.rem-today-appraisal{color:#059669}.rem-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.rem-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px}.rem-tab{border:none;background:transparent;padding:7px 16px;font-size:.82rem;font-weight:500;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.rem-tab:hover{background:#e2e8f0}.rem-tab.active{background:#fff;color:#1e293b;font-weight:600;box-shadow:0 1px 3px #0000001a}.rem-tab-count{font-size:.72rem;background:#e2e8f0;color:#475569;padding:1px 7px;border-radius:10px;font-weight:600}.rem-tab.active .rem-tab-count{background:#2563eb;color:#fff}.rem-controls-right{display:flex;align-items:center;gap:10px}.rem-search-wrap{position:relative}.rem-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.rem-search-input{padding:7px 12px 7px 32px;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;width:220px;outline:none;transition:border-color .2s}.rem-search-input:focus{border-color:#2563eb}.rem-range-select{padding:7px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;outline:none;background:#fff;cursor:pointer}.rem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.rem-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.rem-card-header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #f1f5f9}.rem-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.rem-icon-birthday{background:#fce7f3;color:#ec4899}.rem-icon-anniversary{background:#ede9fe;color:#8b5cf6}.rem-icon-appraisal{background:#d1fae5;color:#059669}.rem-card-title-group{flex:1}.rem-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 2px}.rem-card-counts{display:flex;align-items:center;gap:8px}.rem-card-total{font-size:.78rem;color:#94a3b8}.rem-card-body{max-height:480px;overflow-y:auto}.rem-list{padding:4px 0}.rem-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f8fafc;transition:background .15s}.rem-item:last-child{border-bottom:none}.rem-item:hover{background:#f8fafc}.rem-item-today{background:#fefce8}.rem-item-today:hover{background:#fef9c3}.rem-item-overdue{background:#fef2f2}.rem-item-overdue:hover{background:#fee2e2}.rem-avatar{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.rem-avatar-img{object-fit:cover}.rem-item-info{flex:1;min-width:0}.rem-item-name{font-weight:600;font-size:.88rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rem-item-meta{font-size:.75rem;color:#94a3b8;margin-top:1px}.rem-item-detail{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b;margin-top:3px}.rem-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.rem-badge-today{background:#fef3c7;color:#92400e}.rem-badge-soon{background:#dbeafe;color:#1e40af}.rem-badge-upcoming{background:#f1f5f9;color:#475569}.rem-badge-overdue{background:#fee2e2;color:#991b1b}.rem-empty{padding:40px 20px;text-align:center;color:#94a3b8;font-size:.85rem}.rem-loading{text-align:center;padding:60px 20px;color:#64748b;font-size:.9rem}.rem-error{text-align:center;padding:40px 20px;color:#dc2626;font-size:.9rem}@media(max-width:768px){.rem-grid{grid-template-columns:1fr}.rem-controls{flex-direction:column;align-items:stretch}.rem-tabs{overflow-x:auto}.rem-controls-right{flex-wrap:wrap}.rem-search-input{width:100%}}.ovm-content{display:flex;flex-direction:column;gap:1.25rem}.ovm-warning-box{display:flex;gap:.75rem;padding:1rem;border-radius:var(--border-radius)}.ovm-warning-danger{background:var(--danger-light);border:1px solid #fecaca}.ovm-warning-primary{background:var(--primary-50);border:1px solid var(--primary-100)}.ovm-warning-icon{width:36px;height:36px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.ovm-icon-danger{background:var(--danger)}.ovm-icon-primary{background:var(--primary)}.ovm-warning-title{font-size:.9375rem;font-weight:600;color:var(--gray-800);line-height:1.4}.ovm-warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;line-height:1.4}.ovm-otp-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--info-light);border:1px solid #bfdbfe;border-radius:var(--border-radius)}.ovm-notice-icon{font-size:1.25rem;color:var(--info);flex-shrink:0;margin-top:.125rem}.ovm-otp-notice p{font-size:.8125rem;color:var(--gray-600);line-height:1.5}.ovm-email{color:var(--gray-800);font-weight:600}.ovm-otp-header{text-align:center;padding:.5rem 0}.ovm-otp-header-icon{width:48px;height:48px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.ovm-otp-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.ovm-otp-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem;line-height:1.4}.ovm-otp-group{display:flex;justify-content:center;gap:.5rem}.ovm-otp-input{width:46px;height:52px;text-align:center;font-size:1.25rem;font-weight:700;color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--border-radius);outline:none;transition:all .15s;background:#fff}.ovm-otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.ovm-otp-filled{border-color:var(--primary-light);background:var(--primary-50)}.ovm-otp-error{border-color:var(--danger)}.ovm-otp-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.ovm-error{text-align:center;font-size:.8125rem;color:var(--danger);font-weight:500}.ovm-resend{text-align:center}.ovm-resend-timer{font-size:.8125rem;color:var(--gray-400)}.ovm-resend-btn{font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer;padding:0}.ovm-resend-btn:hover{text-decoration:underline}.ovm-resend-btn:disabled{color:var(--gray-400);cursor:not-allowed}.ovm-dev-hint{text-align:center;font-size:.6875rem;color:var(--gray-400);background:var(--gray-50);padding:.375rem .75rem;border-radius:6px;border:1px dashed var(--gray-200)}.ovm-success{text-align:center;padding:1.5rem 0}.ovm-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.ovm-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.ovm-success p{font-size:.875rem;color:var(--gray-500)}.ovm-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.ovm-actions .btn:disabled{opacity:.6;cursor:not-allowed}.roles-page{display:flex;flex-direction:column;gap:1.5rem}.roles-toolbar{display:flex;gap:.75rem;align-items:center}.roles-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.roles-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.role-card{display:flex;flex-direction:column;gap:.75rem;padding:1.125rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.role-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.role-card-header{display:flex;align-items:center;justify-content:space-between}.role-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.role-card-actions{display:flex;gap:.25rem}.role-card-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.role-card-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.role-card-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.role-card-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.role-card-body{display:flex;flex-direction:column;gap:.375rem}.role-card-name{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.role-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-card-desc{font-size:.8125rem;color:var(--gray-500);line-height:1.4}.role-card-assigned{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-400);font-weight:500}.role-assigned-icon{font-size:.875rem}.roles-header-actions{display:flex;gap:.5rem}.role-card-perms{display:flex;flex-wrap:wrap;gap:.3rem;padding-top:.625rem;border-top:1px solid var(--gray-100)}.perm-badge{font-size:.625rem;font-weight:500;padding:.125rem .4375rem;border-radius:999px;background:var(--gray-100);color:var(--gray-600);white-space:nowrap}.perm-badge-full{background:var(--success-light);color:#065f46}.perm-badge-none{background:var(--danger-light);color:#991b1b}.roles-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--gray-400)}.roles-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.roles-empty p{font-size:.9375rem}.roles-form{display:flex;flex-direction:column;gap:1rem}.roles-form .form-group{display:flex;flex-direction:column;gap:.375rem}.roles-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.roles-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.roles-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.roles-form .form-textarea{resize:vertical;min-height:60px}.roles-form .input-error{border-color:var(--danger)}.roles-form .error-text{font-size:.75rem;color:var(--danger)}.roles-form .required{color:var(--danger)}.color-picker-row{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch-active{border-color:var(--gray-800);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gray-400)}.perm-section-header{display:flex;align-items:center;justify-content:space-between}.perm-toggle-all{font-size:.75rem;font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.perm-toggle-all:hover{text-decoration:underline}.perm-menu-list{display:flex;flex-direction:column;gap:.25rem;max-height:280px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:.5rem}.perm-menu-item-wrap{display:flex;flex-direction:column}.perm-menu-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:6px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.perm-menu-item:hover{background:var(--gray-50)}.perm-menu-active{background:var(--primary-50)}.perm-menu-active:hover{background:var(--primary-100)}.perm-checkbox{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.perm-menu-icon{font-size:1.125rem;color:var(--gray-500);flex-shrink:0}.perm-menu-active .perm-menu-icon{color:var(--primary)}.perm-menu-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.perm-menu-active .perm-menu-label{color:var(--primary-dark)}.perm-children{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem 0 .375rem 2.75rem}.perm-child-tag{font-size:.625rem;font-weight:500;padding:.0625rem .4375rem;border-radius:999px;background:var(--primary-50);color:var(--primary)}.perm-helper{font-size:.75rem;color:var(--gray-400)}.roles-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.assign-section{display:flex;flex-direction:column;gap:.75rem}.assign-section-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.assign-table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.assign-table{width:100%;border-collapse:collapse;font-size:.8125rem}.assign-table th{background:var(--gray-50);color:var(--gray-500);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.4px;padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.assign-table td{padding:.625rem .75rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.assign-table tr:last-child td{border-bottom:none}.assign-table tr:hover td{background:var(--gray-50)}.assign-emp-cell{display:flex;align-items:center;gap:.625rem;font-weight:500;color:var(--gray-800)}.assign-emp-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.assign-code{font-family:monospace;font-size:.75rem;color:var(--gray-500)}.assign-role-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.assign-emp-select{position:relative}.assign-selected-emp{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:1px solid var(--primary);border-radius:var(--border-radius);background:var(--primary-50)}.assign-emp-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.assign-selected-info{flex:1;display:flex;flex-direction:column;min-width:0}.assign-selected-name{font-size:.875rem;font-weight:600;color:var(--gray-800)}.assign-selected-meta{font-size:.6875rem;color:var(--gray-500)}.assign-clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gray-400);border:none;background:none;cursor:pointer;transition:all .15s}.assign-clear-btn:hover{background:var(--gray-200);color:var(--gray-700)}.assign-emp-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto}.assign-emp-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .1s}.assign-emp-option:hover{background:var(--primary-50)}.assign-emp-option-info{flex:1;display:flex;flex-direction:column;min-width:0}.assign-emp-option-name{font-size:.8125rem;font-weight:500;color:var(--gray-800)}.assign-emp-option-meta{font-size:.6875rem;color:var(--gray-400)}.assign-emp-current-role{font-size:.625rem;font-weight:500;padding:.0625rem .375rem;border-radius:999px;background:var(--gray-100);color:var(--gray-500);flex-shrink:0}.assign-emp-dropdown-empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--gray-400)}.assign-role-options{display:flex;flex-direction:column;gap:.375rem}.assign-role-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.assign-role-option:hover{background:var(--gray-50)}.assign-role-option-active{border-width:2px}.assign-role-radio{accent-color:var(--primary);cursor:pointer}.assign-role-option-name{font-size:.8125rem;font-weight:500;color:var(--gray-700)}@media(max-width:640px){.roles-grid{grid-template-columns:1fr}.roles-toolbar{flex-direction:column;align-items:stretch}.roles-toolbar .table-search{max-width:100%}}.roles-page .employees-error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#b91c1c;font-size:.875rem}.roles-page .employees-loading{padding:2rem;text-align:center;color:var(--gray-500);font-size:.875rem}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.dept-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem;transition:box-shadow .2s}.dept-card:hover{box-shadow:var(--shadow-md)}.dept-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.dept-name{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.dept-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dept-info-row{display:flex;justify-content:space-between;align-items:center}.dept-label{font-size:.8125rem;color:var(--gray-500)}.dept-value{font-size:.875rem;font-weight:500;color:var(--gray-800)}.dept-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--gray-100)}.others-page{display:flex;flex-direction:column;gap:1.5rem}.others-toolbar{display:flex;gap:.75rem;align-items:center}.others-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.others-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.others-toolbar .filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-600);outline:none;background:#fff;cursor:pointer}.others-toolbar .filter-select:focus{border-color:var(--primary)}.others-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem}.others-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.others-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.others-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.designation-icon{background:var(--primary-50);color:var(--primary)}.skill-icon{background:#fef3c7;color:#d97706}.others-card-body{flex:1;min-width:0}.others-card-title{font-size:.9375rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.others-card-badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:999px;background:var(--primary-50);color:var(--primary)}.badge-skill{background:#fef3c7;color:#92400e}.others-card-actions{display:flex;gap:.25rem;flex-shrink:0}.others-card-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.others-card-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.others-card-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.others-card-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.others-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--gray-400)}.others-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.others-empty p{font-size:.9375rem}.others-form{display:flex;flex-direction:column;gap:1rem}.others-form .form-group{display:flex;flex-direction:column;gap:.375rem}.others-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.others-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.others-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.others-form .input-error{border-color:var(--danger)}.others-form .error-text{font-size:.75rem;color:var(--danger)}.others-form .required{color:var(--danger)}.others-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}@media(max-width:640px){.others-grid{grid-template-columns:1fr}.others-toolbar{flex-direction:column;align-items:stretch}.others-toolbar .table-search{max-width:100%}}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.attendance-search-filter{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.attendance-search-wrap{position:relative;display:flex;align-items:center}.attendance-search-icon{position:absolute;left:.625rem;width:1.125rem;height:1.125rem;color:var(--gray-400);pointer-events:none}.attendance-search-input{padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;min-width:200px;outline:none}.attendance-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.attendance-status-filter{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;background:#fff;cursor:pointer;outline:none}.attendance-status-filter:focus{border-color:var(--primary)}.attendance-filter-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;font-size:.8125rem;color:var(--gray-600)}.attendance-clear-filters{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;text-decoration:underline;padding:0}.attendance-clear-filters:hover{color:var(--primary-dark, #059669)}.date-picker{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);outline:none}.date-picker:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.attendance-summary{display:flex;gap:1.25rem}.summary-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-600)}.summary-dot{width:8px;height:8px;border-radius:50%}.summary-dot.present{background:var(--success)}.summary-dot.late{background:var(--warning)}.summary-dot.absent{background:var(--danger)}.summary-dot.on-leave{background:var(--info)}.summary-dot.na{background:#2563eb}.summary-dot.half-day{background:#ea580c}.badge-na{background:#dbeafe;color:#1d4ed8}.att-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}@media(max-width:900px){.att-kpi-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.att-kpi-strip{grid-template-columns:repeat(2,1fr)}}.att-kpi-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0f172a0a;border-top:3px solid var(--kpi-accent, var(--gray-300, #d1d5db))}.att-kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:1.25rem;background:var(--kpi-bg, var(--gray-100, #f3f4f6));color:var(--kpi-accent, var(--gray-500, #6b7280));flex-shrink:0}.att-kpi-body{display:flex;flex-direction:column;min-width:0}.att-kpi-value{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums}.att-kpi-label{font-size:.75rem;font-weight:500;color:var(--gray-500, #6b7280);line-height:1.25}.att-kpi-slate{--kpi-accent: #475569;--kpi-bg: #f1f5f9}.att-kpi-green{--kpi-accent: #059669;--kpi-bg: #dcfce7}.att-kpi-blue{--kpi-accent: #2563eb;--kpi-bg: #dbeafe}.att-kpi-amber{--kpi-accent: #d97706;--kpi-bg: #fef3c7}.att-kpi-red{--kpi-accent: #dc2626;--kpi-bg: #fee2e2}.att-kpi-violet{--kpi-accent: #7c3aed;--kpi-bg: #ede9fe}.att-kpi-orange{--kpi-accent: #ea580c;--kpi-bg: #ffedd5}.attendance-page .page-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.attendance-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:.875rem}.attendance-loading{padding:2rem;text-align:center;color:var(--gray-500)}.attendance-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.attendance-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:420px;overflow:hidden;max-height:92vh;display:flex;flex-direction:column}.attendance-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);flex-shrink:0}.attendance-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.attendance-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;border-radius:6px;line-height:1}.attendance-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.attendance-modal-form{padding:1.25rem;overflow-y:auto;flex:1 1 auto;min-height:0}.attendance-form-group{margin-bottom:1rem}.attendance-form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:.375rem}.attendance-form-group .required{color:var(--danger)}.attendance-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.attendance-break-section{margin-top:.75rem;color:var(--gray-600);font-size:.8125rem!important}.attendance-form-error{padding:.5rem 0;font-size:.8125rem;color:var(--danger)}.attendance-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--gray-200);margin:.75rem -1.25rem -1.25rem;padding:.75rem 1.25rem}.attendance-force-warning{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;margin-bottom:1rem;background:var(--primary-50, #fef2f2);border:1px solid var(--primary-100, #fee2e2);border-radius:8px;font-size:.8125rem;line-height:1.5;color:var(--gray-700, #374151)}.attendance-force-warning svg{flex-shrink:0;width:18px;height:18px;color:var(--primary, #dc2626);margin-top:1px}.attendance-force-warning strong{color:var(--primary-dark, #b91c1c)}.attendance-sync-result{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--border-radius);color:#16a34a;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.attendance-remark-input{resize:vertical;min-height:60px;font-size:.875rem}.attendance-remark-cell{display:inline-block;max-width:260px;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.4;cursor:default}.attendance-row-actions{display:inline-flex;gap:6px;align-items:center}.attendance-action-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:15px;color:#64748b;transition:all .15s ease}.attendance-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.attendance-action-edit:hover{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.attendance-action-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.attendance-modal-sm{max-width:460px}.attendance-delete-msg{margin:0 0 8px;font-size:.95rem;color:#1e293b;line-height:1.5}.attendance-delete-warning{margin:0 0 16px;font-size:.8rem;color:#dc2626;font-weight:500}.btn.btn-danger{background:#dc2626;color:#fff;border:none}.btn.btn-danger:hover:not(:disabled){background:#b91c1c}.btn.btn-danger:disabled{opacity:.6;cursor:not-allowed}.form-hint{display:block;margin-top:4px;font-size:.75rem;color:#64748b}.payroll-page .page-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-success{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;background:#16a34a;color:#fff;transition:background .15s}.btn-success:hover{background:#15803d}.btn-success:disabled{opacity:.6;cursor:not-allowed}.payroll-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.payroll-toolbar{margin-bottom:1rem}.payroll-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:.875rem}.payroll-loading{padding:2rem;text-align:center;color:var(--gray-500)}.payroll-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.payroll-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:720px;overflow:hidden;margin:auto}.payroll-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200)}.payroll-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.payroll-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;border-radius:6px;line-height:1}.payroll-modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.payroll-modal-form{padding:1.25rem}.payroll-form-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.payroll-form-section:last-of-type{border-bottom:none}.payroll-form-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--gray-700)}.payroll-form-info{padding-top:0}.payroll-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:.75rem}.payroll-form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:.375rem}.payroll-form-group .required{color:var(--danger)}.payroll-form-calc{margin-top:.5rem;font-size:.875rem;color:var(--gray-700)}.payroll-form-calc span{font-weight:600;margin-left:.5rem}.payroll-form-fixed{margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--gray-200)}.payroll-form-net{margin-top:.75rem;padding-top:.5rem;border-top:2px solid var(--gray-300);font-size:1rem}.payroll-form-net span{color:var(--primary)}.payroll-form-error{padding:.5rem 0;font-size:.8125rem;color:var(--danger)}.payroll-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--gray-200);margin-top:.5rem}.payroll-row-actions{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.payroll-row-actions .btn-ghost{padding:.35rem .5rem;background:transparent;border:none;color:var(--gray-600);border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1}.payroll-row-actions .btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.payroll-row-actions .btn-ghost.btn-danger-ghost:hover{background:#fef2f2;color:#dc2626}.payroll-modal.payroll-modal-sm{max-width:400px}.payroll-modal.payroll-modal-sm .payroll-modal-actions{padding:1rem 1.25rem}.payroll-delete-message{padding:0 1.25rem 1rem;margin:0;font-size:.875rem;color:var(--gray-600)}.payroll-view-body{padding:1.25rem;min-height:80px}.payroll-view-value{font-size:.9375rem;color:var(--gray-900);padding:.375rem 0}.payroll-vs-modal{max-width:880px}.payroll-vs-body{padding:0;max-height:80vh;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#fff 120px)}.payroll-vs-profile{display:flex;align-items:center;gap:16px;padding:20px 24px 16px}.payroll-vs-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;letter-spacing:.02em;flex-shrink:0;box-shadow:0 2px 8px #3b82f640}.payroll-vs-profile-text{min-width:0;flex:1}.payroll-vs-name{font-size:1.25rem;font-weight:700;color:var(--gray-900);line-height:1.2;margin-bottom:6px}.payroll-vs-meta{display:flex;gap:8px;flex-wrap:wrap}.payroll-vs-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#fff;border:1px solid var(--gray-200);font-size:.78rem;font-weight:500;color:var(--gray-700);white-space:nowrap}.payroll-vs-chip svg{width:13px;height:13px;color:var(--gray-500)}.payroll-vs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px 18px}.payroll-vs-kpi{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--gray-200);position:relative;overflow:hidden}.payroll-vs-kpi:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.payroll-vs-kpi-gross:before{background:#3b82f6}.payroll-vs-kpi-fixed:before{background:#ef4444}.payroll-vs-kpi-net:before{background:#10b981}.payroll-vs-kpi-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:6px}.payroll-vs-kpi-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1.1;margin-bottom:4px}.payroll-vs-kpi-net .payroll-vs-kpi-value{color:#047857}.payroll-vs-kpi-fixed .payroll-vs-kpi-value{color:#b91c1c}.payroll-vs-kpi-gross .payroll-vs-kpi-value{color:#1d4ed8}.payroll-vs-kpi-hint{font-size:.7rem;color:var(--gray-500)}.payroll-vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 24px 14px}.payroll-vs-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.payroll-vs-card-head{padding:12px 16px;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200)}.payroll-vs-card-head h4{margin:0;font-size:.82rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em}.payroll-vs-list{list-style:none;margin:0;padding:8px 0}.payroll-vs-list li{display:flex;align-items:baseline;justify-content:space-between;padding:8px 16px;gap:12px;font-size:.875rem}.payroll-vs-list li>span{color:var(--gray-600)}.payroll-vs-list li>strong{color:var(--gray-900);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.payroll-vs-list-3col{display:grid;grid-template-columns:repeat(3,1fr);padding:14px;gap:4px 24px}.payroll-vs-list-3col li{flex-direction:column;align-items:flex-start;padding:4px 0}.payroll-vs-list-3col li>span{font-size:.75rem}.payroll-vs-list-3col li>strong{font-size:1rem}.payroll-vs-total{display:flex;justify-content:space-between;align-items:baseline;padding:10px 16px;gap:12px;font-size:.92rem;border-top:2px solid var(--gray-100)}.payroll-vs-total>span{font-weight:600;color:var(--gray-700)}.payroll-vs-total>strong{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.payroll-vs-total-earn{background:#eff6ff;color:#1d4ed8}.payroll-vs-total-earn>strong{color:#1d4ed8}.payroll-vs-total-retirals{background:#fef2f2;color:#b91c1c}.payroll-vs-total-retirals>strong{color:#b91c1c}.payroll-vs-total-deduct{background:#fef2f2;color:#b91c1c}.payroll-vs-total-deduct>strong{color:#b91c1c}.payroll-vs-card-deductions{margin:0 24px 14px}.payroll-vs-card-deductions .payroll-vs-card-head{background:#fef2f2;border-bottom-color:#fecaca}.payroll-vs-card-deductions .payroll-vs-card-head h4{color:#991b1b}.payroll-vs-takehome{display:flex;justify-content:space-between;align-items:center;margin:0 24px 18px;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px}.payroll-vs-takehome-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#047857;margin-bottom:4px}.payroll-vs-takehome-formula{font-size:.78rem;color:#047857;opacity:.8}.payroll-vs-takehome-value{font-size:1.75rem;font-weight:800;color:#064e3b;font-variant-numeric:tabular-nums}.payroll-vs-name-badge{display:inline-flex;vertical-align:middle;margin-left:8px}.payroll-vs-microline{display:flex;justify-content:space-between;align-items:baseline;margin:0 24px 14px;padding:10px 14px;background:#f1f5f9;border-radius:8px;font-size:.85rem;color:var(--gray-700)}.payroll-vs-microline em{color:var(--gray-500);font-style:normal;font-size:.78rem;margin-left:4px}.payroll-vs-microline strong{font-weight:700;color:var(--gray-900);font-variant-numeric:tabular-nums}.payroll-vs-absent{margin:8px 16px 4px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.85rem}.payroll-vs-absent-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.payroll-vs-absent-row+.payroll-vs-absent-row{margin-top:4px}.payroll-vs-absent-row>span{color:#991b1b}.payroll-vs-absent-row>strong{color:#7f1d1d;font-weight:700;font-variant-numeric:tabular-nums}.payroll-vs-absent-amount{color:#dc2626!important}.payroll-vs-absent-breakdown{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.payroll-vs-absent-pill{padding:2px 8px;background:#fff;border:1px solid #fecaca;border-radius:10px;font-size:.72rem;color:#991b1b;text-transform:capitalize}.payroll-vs-card-attendance .payroll-vs-card-head{background:#f0f9ff;border-bottom-color:#bae6fd}.payroll-vs-card-attendance .payroll-vs-card-head h4{color:#075985}.payroll-vs-attendance-summary{padding:0 24px 18px}.payroll-vs-attendance-summary h4{margin:0 0 8px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.payroll-vs-attendance-pills{display:flex;flex-wrap:wrap;gap:8px}.payroll-vs-att-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.78rem;text-transform:capitalize;border:1px solid transparent}.payroll-vs-att-pill>strong{font-weight:700;font-variant-numeric:tabular-nums}.payroll-vs-att-red{background:#fef2f2;color:#991b1b;border-color:#fecaca}.payroll-vs-att-blue{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.payroll-vs-att-green{background:#f0fdf4;color:#166534;border-color:#bbf7d0}@media(max-width:720px){.payroll-vs-kpis,.payroll-vs-grid,.payroll-vs-list-3col{grid-template-columns:1fr}.payroll-vs-name{font-size:1.1rem}.payroll-vs-takehome-value{font-size:1.4rem}}.apr-modal{max-width:920px}.apr-details-modal{max-width:860px}.apr-step-indicator{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px}.apr-step-dot{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--gray-200);color:var(--gray-500);border:2px solid transparent}.apr-step-dot.done{background:#10b981;color:#fff}.apr-step-dot.active{border-color:#1d4ed8}.apr-step-bar{width:26px;height:2px;background:var(--gray-200)}.apr-body{padding:18px 22px;max-height:75vh;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#fff 120px)}.apr-step{display:flex;flex-direction:column;gap:16px}.apr-step-intro{margin:0;padding:10px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;color:#1e3a8a;line-height:1.5}.apr-profile{display:flex;align-items:center;gap:14px}.apr-name{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:4px}.apr-meta{display:flex;flex-wrap:wrap;gap:6px}.apr-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;background:#fff;border:1px solid var(--gray-200);font-size:.75rem;font-weight:500;color:var(--gray-700)}.apr-chip svg{width:12px;height:12px;color:var(--gray-500)}.apr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.apr-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden}.apr-card-head{padding:10px 14px;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--gray-600);display:flex;align-items:center;gap:6px}.apr-card-head svg{width:14px;height:14px;color:var(--gray-500)}.apr-card-body{padding:12px 14px}.apr-card-foot{margin-top:8px;padding-top:8px;border-top:1px dashed var(--gray-200);font-size:.72rem;color:var(--gray-500)}.apr-card-empty{padding:18px 14px;text-align:center;font-size:.85rem;color:var(--gray-500)}.apr-card-new .apr-card-head{background:#eff6ff;border-bottom-color:#bfdbfe;color:#1e40af}.apr-kv{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:.85rem;gap:10px}.apr-kv>span{color:var(--gray-600)}.apr-kv>strong{font-variant-numeric:tabular-nums;color:var(--gray-900)}.apr-kv-net{padding-top:8px;border-top:1px dashed var(--gray-200);margin-top:4px}.apr-kv-net>strong{color:#047857}.apr-kv-total{padding-top:8px;border-top:2px solid var(--gray-200);margin-top:4px}.apr-kv-total>strong{font-size:1rem;color:var(--gray-900)}.apr-kv-total-new>strong{color:#1d4ed8}.apr-kv-editable{gap:8px;padding:6px 0}.apr-kv-editable input[type=number]{width:110px;padding:4px 8px;text-align:right;border:1px solid var(--gray-300);border-radius:6px;font-size:.85rem;font-variant-numeric:tabular-nums;background:#fff}.apr-rating{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.apr-rating-value{font-size:1.6rem;font-weight:800;color:#ca8a04}.apr-rating-label{font-size:.8rem;color:var(--gray-500)}.apr-rating-cycle{font-size:.78rem;color:var(--gray-500);margin-bottom:4px}.apr-rating-comment{margin-top:8px;padding:8px 10px;background:#fffbeb;border-left:3px solid #fbbf24;border-radius:4px;font-size:.82rem;font-style:italic;color:#78350f}.apr-history h4{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);font-weight:700}.apr-history-empty{padding:12px;text-align:center;font-size:.85rem;color:var(--gray-500);background:#fff;border:1px dashed var(--gray-200);border-radius:8px}.apr-history-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.apr-history-table th{padding:8px 12px;background:var(--gray-50, #f9fafb);text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600);font-weight:700;border-bottom:1px solid var(--gray-200)}.apr-history-table th.num,.apr-history-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.apr-history-table td{padding:8px 12px;border-bottom:1px solid var(--gray-100)}.apr-history-table tr:last-child td{border-bottom:none}.apr-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:capitalize}.apr-status-draft{background:#fef3c7;color:#92400e}.apr-status-approved{background:#dcfce7;color:#166534}.apr-status-cancelled{background:var(--gray-200);color:var(--gray-600)}.apr-key-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.apr-key-dates>div{display:flex;flex-direction:column;gap:2px}.apr-key-dates span{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500);font-weight:600}.apr-key-dates strong{font-size:.92rem;color:var(--gray-900)}.apr-form-section{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px}.apr-form-section h4{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700);font-weight:700}.apr-section-hint{margin:0 0 12px;font-size:.78rem;color:var(--gray-500);line-height:1.5}.apr-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:10px}.apr-form-row:last-child{margin-bottom:0}.apr-form-group{display:flex;flex-direction:column;gap:4px}.apr-form-group-full{grid-column:1 / -1}.apr-form-group label{font-size:.78rem;font-weight:600;color:var(--gray-700)}.apr-form-group .required{color:var(--danger, #dc2626)}.apr-readonly{padding:8px 12px;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200);border-radius:6px;font-size:.92rem;color:var(--gray-900);font-weight:600;font-variant-numeric:tabular-nums}.apr-delta-display .apr-readonly{background:#fff}.apr-readonly-emphasis{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;font-size:1rem!important}.apr-hint{font-size:.72rem;color:var(--gray-500);margin-top:2px}.apr-hint code{padding:1px 5px;background:var(--gray-100);border-radius:4px;font-size:.95em;color:var(--gray-700)}.apr-delta{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:10px;font-size:.75rem;font-weight:600;white-space:nowrap}.apr-delta svg{width:12px;height:12px}.apr-delta-up{background:#dcfce7;color:#15803d}.apr-delta-down{background:#fee2e2;color:#b91c1c}.apr-delta-flat{background:#f3f4f6;color:#6b7280}.apr-summary{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:10px;padding:12px 16px}.apr-summary-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.92rem}.apr-summary-row+.apr-summary-row{border-top:1px dashed #a7f3d0}.apr-summary-row>span{color:#065f46;font-weight:600}.apr-summary-row>strong{color:#064e3b;font-variant-numeric:tabular-nums}.apr-footer{display:flex;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid var(--gray-200);background:#fff}.apr-footer-spacer{flex:1}.apr-confirm-text{font-size:.78rem;color:var(--gray-700);margin-right:6px}.apr-row-btn-draft{background:#fef3c7!important;color:#92400e!important;font-weight:600!important;padding:.35rem .7rem!important;gap:4px}.apr-row-btn-draft:hover{background:#fde68a!important}.apr-details-subtitle{margin:2px 0 0;font-size:.8rem;color:var(--gray-500)}.apr-headline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.apr-headline-item{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:12px 14px}.apr-headline-item>span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);font-weight:600;margin-bottom:4px}.apr-headline-item>strong{font-size:1.15rem;font-weight:700;color:var(--gray-900);font-variant-numeric:tabular-nums}.apr-headline-delta strong{display:none}.apr-diff-section h4{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700);font-weight:700}.apr-diff-table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.apr-diff-table th{padding:8px 12px;background:var(--gray-50, #f9fafb);text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600);font-weight:700;border-bottom:1px solid var(--gray-200)}.apr-diff-table th.num,.apr-diff-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.apr-diff-table td{padding:8px 12px;border-bottom:1px solid var(--gray-100)}.apr-diff-table tr:last-child td{border-bottom:none}.apr-arrears-card{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 14px}.apr-arrears-amount{font-size:1.4rem;font-weight:800;color:#b45309;font-variant-numeric:tabular-nums;margin-bottom:4px}.apr-arrears-period,.apr-arrears-pay{font-size:.82rem;color:#92400e;margin-top:2px}.apr-notes-box{padding:10px 14px;background:#fafbfc;border:1px solid var(--gray-200);border-radius:8px;font-size:.88rem;color:var(--gray-800);white-space:pre-wrap}.apr-approved-banner{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#dcfce7;border:1px solid #86efac;border-radius:8px;font-size:.88rem;color:#166534}.apr-approved-banner svg{width:20px;height:20px;flex-shrink:0}@media(max-width:720px){.apr-grid-2,.apr-headline{grid-template-columns:1fr}}.payroll-history-modal{max-width:920px}.payroll-history-subtitle{margin:2px 0 0;font-size:.8125rem;color:var(--gray-500)}.payroll-history-body{padding:1.25rem;max-height:70vh;overflow-y:auto}.payroll-history-hint{margin:0 0 .75rem;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.8125rem;color:#1e40af;line-height:1.4}.payroll-history-table-wrap{border:1px solid var(--gray-200);border-radius:8px;overflow:hidden}.payroll-history-table{width:100%;border-collapse:collapse;font-size:.85rem}.payroll-history-table thead{background:var(--gray-50, #f9fafb)}.payroll-history-table th{padding:8px 12px;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--gray-600);letter-spacing:.04em;border-bottom:1px solid var(--gray-200)}.payroll-history-table th.num,.payroll-history-table td.num{text-align:right;white-space:nowrap}.payroll-history-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle}.payroll-history-table tr:last-child td{border-bottom:none}.payroll-history-current td{background:#f0fdf4}.payroll-history-current-badge{display:inline-block;margin-top:2px;padding:1px 6px;background:#16a34a;color:#fff;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.04em}.payroll-history-date{font-weight:600;color:var(--gray-900)}.payroll-history-delta{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.payroll-history-delta svg{width:13px;height:13px}.payroll-history-delta-up{background:#dcfce7;color:#15803d}.payroll-history-delta-down{background:#fee2e2;color:#b91c1c}.payroll-history-delta-flat{background:#f3f4f6;color:#6b7280}.payroll-history-delta-initial{background:#e0f2fe;color:#075985;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.payroll-history-delta-pct{opacity:.85;font-weight:500}.payroll-history-empty{padding:2rem 1rem;text-align:center;color:var(--gray-500)}.payroll-history-empty svg{width:36px;height:36px;color:var(--gray-300);margin-bottom:.5rem}.payroll-history-empty-hint{font-size:.8125rem;color:var(--gray-500);margin-top:.5rem;max-width:480px;margin-left:auto;margin-right:auto}.payroll-archive-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:.25rem .75rem;max-width:360px}.payroll-archive-search svg{width:18px;height:18px;color:var(--gray-400);flex-shrink:0}.payroll-archive-search input.form-input{border:none;padding:.5rem 0;background:transparent;flex:1;font-size:.875rem}.payroll-archive-search input.form-input:focus{outline:none;box-shadow:none}.payroll-archive-no-struct{font-size:.75rem;color:var(--gray-500);font-style:italic}.payroll-archive-no-struct-banner{margin:0 0 1rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.8125rem}.payroll-archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--gray-500);background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-200);border-radius:12px}.payroll-archive-empty-icon{width:48px;height:48px;color:var(--gray-300);margin-bottom:.75rem}.payroll-archive-empty h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--gray-700)}.payroll-archive-empty p{margin:0;font-size:.875rem;max-width:420px}@media(max-width:1024px){.payroll-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.payroll-stats,.payroll-form-row{grid-template-columns:1fr}}.salary-slip-modal .payroll-modal-header{display:flex;justify-content:space-between;align-items:center}.ss{max-width:780px;margin:0 auto;font-family:Calibri,Segoe UI,Arial,sans-serif;font-size:13px;color:#000}.ss-header{text-align:left;margin-bottom:8px}.ss-company-name{font-size:20px;font-weight:700}.ss-company-addr{font-size:12px;color:#333;line-height:1.4}.ss-title{text-align:center;font-size:18px;font-weight:700;margin:16px 0 4px}.ss-period{text-align:center;font-size:13px;color:#555;margin-bottom:16px}.ss-info{margin-bottom:16px;border-bottom:1px solid #ccc;padding-bottom:12px}.ss-info-row{display:flex;margin-bottom:4px}.ss-info-left,.ss-info-right{flex:1;display:flex}.ss-info-label{width:130px;font-weight:600;color:#333;flex-shrink:0}.ss-info-sep{width:16px;text-align:center;flex-shrink:0}.ss-info-val{color:#000}.ss-table{width:100%;border-collapse:collapse;margin-bottom:14px}.ss-table th,.ss-table td{border:1px solid #999;padding:6px 10px;font-size:13px}.ss-th-earning,.ss-th-deduction{background:#da9694;color:#000;text-align:center;font-size:14px;font-weight:700;padding:8px}.ss-subhead th{background:#f2dcdb;font-weight:700;font-size:13px}.ss-amt{text-align:right;width:100px}.ss-cell-label{font-weight:600}.ss-cell-amt{text-align:right;font-variant-numeric:tabular-nums}.ss-highlight{color:#dc2626;font-weight:600}.ss-total-row{background:#f2dcdb}.ss-total-row td{border-top:2px solid #999}.ss-net-row td{border-top:none}.ss-net-val{font-size:15px;color:#1e40af}.ss-words{font-size:12px;margin-bottom:20px;padding:8px 0;border-top:1px solid #ccc;color:#333}.ss-footer{text-align:center;font-size:11px;color:#888;font-style:italic;margin-top:30px;padding-top:16px;border-top:1px solid #ddd}.payroll-modal.psf-modal{max-width:880px;display:flex;flex-direction:column;max-height:92vh}.psf-modal .payroll-modal-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 55%,#2563eb 100%);border-bottom:none;padding:1rem 1.25rem}.psf-modal-title{display:flex;align-items:center;gap:.75rem;color:#fff}.psf-modal-title-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;color:#fff;font-size:1.125rem;flex-shrink:0}.psf-modal-title-text{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.psf-modal-title-text h3{margin:0;font-size:1.0625rem;font-weight:700;color:#fff}.psf-modal-title-text p{margin:0;font-size:.75rem;color:#ffffffd9}.psf-modal .payroll-modal-close{color:#ffffffd9}.psf-modal .payroll-modal-close:hover{background:#ffffff29;color:#fff}.psf-form{flex:1;overflow-y:auto;padding:1.25rem;background:linear-gradient(180deg,#f8fafc,#fff 200px);display:flex;flex-direction:column;gap:1rem}.psf-form>*{flex-shrink:0}.psf-card{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.psf-card-head{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-100, #f3f4f6);background:var(--gray-50, #f9fafb)}.psf-card-head-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.875rem;flex-shrink:0}.psf-card-head h4{margin:0;font-size:.875rem;font-weight:700;color:var(--gray-800, #1f2937);letter-spacing:.01em}.psf-card-head-sub{margin-left:auto;font-size:.75rem;color:var(--gray-500, #6b7280);font-weight:500}.psf-card-identity .psf-card-head-icon{background:#fee2e2;color:#b91c1c}.psf-card-earnings .psf-card-head-icon{background:#dcfce7;color:#047857}.psf-card-retirals .psf-card-head-icon{background:#dbeafe;color:#1d4ed8}.psf-card-deductions .psf-card-head-icon{background:#fee2e2;color:#dc2626}.psf-card-body{padding:1rem}.psf-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem}.psf-field{display:flex;flex-direction:column;gap:.375rem}.psf-field-full{grid-column:1 / -1}.psf-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563);letter-spacing:.01em}.psf-label-required:after{content:" *";color:var(--danger, #dc2626);font-weight:700}.psf-input,.psf-select{width:100%;padding:.55rem .75rem;font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.psf-input:hover:not(:disabled):not(:read-only),.psf-select:hover:not(:disabled){border-color:var(--gray-300, #d1d5db)}.psf-input:focus,.psf-select:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.psf-input:read-only,.psf-input:disabled,.psf-select:disabled{background:var(--gray-50, #f9fafb);color:var(--gray-500, #6b7280);cursor:not-allowed}.psf-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.psf-currency-wrap{position:relative;display:flex;align-items:center}.psf-currency-prefix{position:absolute;left:.625rem;font-size:.875rem;font-weight:700;color:var(--gray-400, #9ca3af);pointer-events:none;z-index:1}.psf-currency-wrap .psf-input{padding-left:1.75rem;font-variant-numeric:tabular-nums;font-weight:600}.psf-input[type=number]::-webkit-outer-spin-button,.psf-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.psf-input[type=number]{-moz-appearance:textfield}.psf-currency-wrap:focus-within .psf-currency-prefix{color:var(--primary, #dc2626)}.psf-section-total{display:flex;align-items:center;justify-content:space-between;margin-top:.875rem;padding:.625rem .875rem;background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-200, #e5e7eb);border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563)}.psf-section-total-value{font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-900, #111827)}.psf-section-total-fixed{margin-top:.5rem;background:linear-gradient(135deg,var(--primary-50, #fef2f2),#eff6ff);border:1px solid var(--primary-100, #fee2e2);border-style:solid;color:var(--primary-dark, #b91c1c)}.psf-section-total-fixed .psf-section-total-value{color:var(--primary-dark, #b91c1c);font-size:1.0625rem}.psf-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.25rem}@media(max-width:640px){.psf-summary{grid-template-columns:1fr}}.psf-kpi{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);background:#fff}.psf-kpi-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, #6b7280)}.psf-kpi-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-900, #111827);line-height:1.1}.psf-kpi-hint{font-size:.6875rem;color:var(--gray-400, #9ca3af)}.psf-kpi-gross{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.psf-kpi-gross .psf-kpi-label{color:#047857}.psf-kpi-gross .psf-kpi-value{color:#065f46}.psf-kpi-gross .psf-kpi-hint{color:#059669}.psf-kpi-fixed{background:linear-gradient(135deg,var(--primary-50, #fef2f2),#fee2e2);border-color:var(--primary-100, #fee2e2)}.psf-kpi-fixed .psf-kpi-label,.psf-kpi-fixed .psf-kpi-value{color:var(--primary-dark, #b91c1c)}.psf-kpi-fixed .psf-kpi-hint{color:var(--primary, #dc2626)}.psf-kpi-net{background:linear-gradient(135deg,var(--primary-dark, #b91c1c),var(--primary, #dc2626) 55%,#2563eb);border-color:transparent;color:#fff;box-shadow:0 6px 18px #dc26262e}.psf-kpi-net .psf-kpi-label{color:#ffffffd9}.psf-kpi-net .psf-kpi-value{color:#fff}.psf-kpi-net .psf-kpi-hint{color:#ffffffbf}.psf-form-error{margin:0;padding:.625rem .875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.8125rem;font-weight:500}.psf-modal .payroll-modal-actions{background:#fff;border-top:1px solid var(--gray-200, #e5e7eb);padding:.875rem 1.25rem;margin-top:0}.leave-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--gray-100);padding:.25rem;border-radius:var(--border-radius);width:fit-content}.leave-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--gray-600);transition:all .15s}.leave-tab:hover{color:var(--gray-800)}.leave-tab.active{background:#fff;color:var(--gray-900);box-shadow:var(--shadow-sm)}.tab-count{background:var(--warning);color:#fff;font-size:.6875rem;font-weight:600;padding:.0625rem .375rem;border-radius:9999px;min-width:18px;text-align:center}.leave-balance-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.leave-balance-year-label{font-size:.875rem;font-weight:500;color:var(--gray-600)}.leave-balance-num{font-weight:600;color:var(--gray-800)}.leave-balance-taken{font-weight:600;color:var(--warning)}.leave-balance-balance{font-weight:700;color:var(--success)}.leave-balance-balance.low-balance{color:var(--danger)}.leave-hd-tag{display:inline-block;margin-left:.25rem;font-size:.6875rem;font-weight:500;padding:.1rem .375rem;background:var(--primary-50, #eff6ff);color:var(--primary, #3b82f6);border-radius:4px;white-space:nowrap}.leave-emp-left-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#fef3c7;color:#92400e;border:1px solid #fde68a;white-space:nowrap;cursor:help}.leave-dec-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.leave-dec-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 40px #00000026;overflow:hidden}.leave-dec-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;color:#fff}.leave-dec-head-approve{background:linear-gradient(135deg,#047857,#10b981)}.leave-dec-head-reject{background:linear-gradient(135deg,var(--primary-dark, #b91c1c),var(--primary, #dc2626))}.leave-dec-head-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;font-size:1.25rem;flex-shrink:0}.leave-dec-head-text{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.leave-dec-head-text h4{margin:0;font-size:1.0625rem;font-weight:700}.leave-dec-head-text p{margin:0;font-size:.75rem;color:#ffffffd9}.leave-dec-close{margin-left:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1f;color:#fff;border-radius:8px;cursor:pointer;font-size:1.1rem;line-height:1}.leave-dec-close:hover{background:#fff3}.leave-dec-body{padding:1rem 1.25rem}.leave-dec-summary{display:grid;grid-template-columns:1fr 1fr;gap:.625rem 1rem;padding:.75rem .875rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;margin-bottom:1rem;font-size:.8125rem}.leave-dec-summary>div{display:flex;flex-direction:column}.leave-dec-summary-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500, #6b7280)}.leave-dec-summary-value{font-weight:600;color:var(--gray-800, #1f2937)}.leave-dec-reason{margin:-.25rem 0 1rem;padding:.625rem .875rem;background:var(--gray-50, #f9fafb);border-left:3px solid var(--gray-300, #d1d5db);border-radius:6px;font-size:.8125rem;color:var(--gray-700, #374151)}.leave-dec-reason-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500, #6b7280);margin-bottom:.25rem}.leave-dec-note-label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.375rem}.leave-dec-note-required{color:var(--danger, #dc2626)}.leave-dec-textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;font-family:inherit;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;resize:vertical;min-height:88px;transition:border-color .15s,box-shadow .15s}.leave-dec-textarea:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.leave-dec-textarea::placeholder{color:var(--gray-400, #9ca3af)}.leave-dec-hint{margin:.375rem 0 0;font-size:.75rem;color:var(--gray-500, #6b7280)}.leave-dec-error{margin:.5rem 0 0;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:.8125rem;color:#b91c1c}.leave-dec-actions{display:flex;justify-content:flex-end;gap:.625rem;padding:.875rem 1.25rem;border-top:1px solid var(--gray-100, #f3f4f6);background:var(--gray-50, #f9fafb)}.leave-note-block{margin-top:.375rem;padding:.5rem .625rem;background:var(--gray-50, #f9fafb);border-left:3px solid var(--gray-300, #d1d5db);border-radius:6px;font-size:.75rem;color:var(--gray-700, #374151);line-height:1.4}.lv-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}@media(max-width:600px){.lv-kpi-strip{grid-template-columns:repeat(2,1fr)}}.lv-kpi-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0f172a0a;border-top:3px solid var(--kpi-accent, var(--gray-300, #d1d5db))}.lv-kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:1.25rem;background:var(--kpi-bg, var(--gray-100, #f3f4f6));color:var(--kpi-accent, var(--gray-500, #6b7280));flex-shrink:0}.lv-kpi-body{display:flex;flex-direction:column;min-width:0}.lv-kpi-value{font-size:1.5rem;font-weight:700;line-height:1.1;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums}.lv-kpi-label{font-size:.75rem;font-weight:500;color:var(--gray-500, #6b7280);line-height:1.25}.lv-kpi-slate{--kpi-accent: #475569;--kpi-bg: #f1f5f9}.lv-kpi-green{--kpi-accent: #059669;--kpi-bg: #dcfce7}.lv-kpi-amber{--kpi-accent: #d97706;--kpi-bg: #fef3c7}.lv-kpi-red{--kpi-accent: #dc2626;--kpi-bg: #fee2e2}.lv-kpi-violet{--kpi-accent: #7c3aed;--kpi-bg: #ede9fe}.leave-calendar-page{display:flex;flex-direction:column;gap:1rem}.lc-error{color:var(--danger);font-size:.875rem;margin:0}.lc-loading{font-size:.875rem;color:var(--gray-500);padding:1rem 0}.lc-holidays-section{padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:var(--border-radius)}.lc-holidays-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#92400e;margin:0 0 .75rem}.lc-holidays-list{display:flex;flex-wrap:wrap;gap:.5rem}.lc-holiday-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#fff;border-radius:6px;border:1px solid #fcd34d;font-size:.8125rem;box-shadow:0 1px 2px #0000000d}.lc-holiday-date{font-weight:700;color:#b45309;min-width:1.5rem}.lc-holiday-name{font-weight:600;color:var(--gray-800)}.lc-holiday-day{color:var(--gray-500);font-size:.75rem}.lc-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.lc-month-nav{display:flex;align-items:center;gap:.5rem}.lc-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.125rem;color:var(--gray-600);border:1px solid var(--gray-200);background:#fff;cursor:pointer;transition:all .15s}.lc-nav-btn:hover{background:var(--gray-100);color:var(--gray-900)}.lc-month-label{font-size:1rem;font-weight:600;color:var(--gray-800);min-width:140px;text-align:center}.lc-legend{display:flex;flex-wrap:wrap;gap:.75rem}.lc-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--gray-600);font-weight:500}.lc-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.dot-leave{background:#ef4444}.dot-absent{background:#f97316}.dot-halfleave{background:#8b5cf6}.dot-halfabsent{background:#ec4899}.dot-hda{background:#a855f7}.dot-halfday{background:#3b82f6}.dot-wfh{background:#22c55e}.dot-weekend{background:#fee2e2;border:1px solid #fca5a5}.dot-holiday{background:#fbbf24;border:1px solid #f59e0b}.lc-table-wrapper{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.lc-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.75rem}.lc-table th,.lc-table td{border:1px solid var(--gray-200);text-align:center;white-space:nowrap}.lc-header-month th{background:var(--gray-800);color:#fff;font-weight:600;font-size:.8125rem;padding:.5rem}.lc-th-sno{width:40px;min-width:40px;position:sticky;left:0;z-index:3;background:var(--gray-800)!important}.lc-th-name{min-width:150px;max-width:150px;text-align:left!important;padding-left:.625rem!important;position:sticky;left:40px;z-index:3;background:var(--gray-800)!important}.lc-th-month{background:#3b82f6!important;letter-spacing:.5px}.lc-th-summary{background:#059669!important;letter-spacing:.5px}.lc-header-days th{background:var(--gray-100);color:var(--gray-700);font-weight:600;padding:.375rem 0;font-size:.6875rem}.lc-th-day{width:30px;min-width:30px}.lc-th-day.th-weekend{background:#fee2e2!important;color:#dc2626!important}.lc-th-day.th-holiday{background:#fef3c7!important;color:#92400e!important}.lc-th-day.th-today{background:#fde047!important;color:#1e3a8a!important;font-weight:700!important}.lc-th-stat{font-size:.625rem;min-width:48px;padding:.375rem .25rem;text-transform:uppercase;letter-spacing:.3px}.stat-leave{background:#fef2f2!important;color:#dc2626!important}.stat-absent{background:#fff7ed!important;color:#ea580c!important}.stat-halfleave{background:#f5f3ff!important;color:#7c3aed!important}.stat-halfabsent{background:#fdf2f8!important;color:#db2777!important}.stat-hda{background:#faf5ff!important;color:#9333ea!important}.stat-halfday{background:#eff6ff!important;color:#2563eb!important}.stat-totaloff{background:#fef2f2!important;color:#991b1b!important}.stat-present{background:#f0fdf4!important;color:#166534!important}.lc-row-even td{background:#fff}.lc-row-odd td{background:var(--gray-50)}.lc-td-sno{font-weight:500;color:var(--gray-500);padding:.375rem .25rem;position:sticky;left:0;z-index:2}.lc-row-even .lc-td-sno{background:#fff}.lc-row-odd .lc-td-sno{background:var(--gray-50)}.lc-td-name{text-align:left!important;padding:.375rem .625rem;font-weight:500;color:var(--gray-800);position:sticky;left:40px;z-index:2;max-width:150px;overflow:hidden;text-overflow:ellipsis}.lc-row-even .lc-td-name{background:#fff}.lc-row-odd .lc-td-name{background:var(--gray-50)}.lc-td-day{padding:.375rem 0;font-weight:600;font-size:.6875rem;cursor:default;transition:background .1s}.lc-td-day:hover{outline:2px solid var(--primary);outline-offset:-2px;z-index:1;position:relative}.cell-weekend{background:#fee2e2!important}.cell-holiday{background:#fef3c7!important}.cell-leave{background:#ef4444!important;color:#fff!important}.cell-absent{background:#f97316!important;color:#fff!important}.cell-halfleave{background:#8b5cf6!important;color:#fff!important}.cell-halfabsent{background:#ec4899!important;color:#fff!important}.cell-hda{background:#a855f7!important;color:#fff!important}.cell-halfday{background:#3b82f6!important;color:#fff!important}.cell-wfh{background:#22c55e!important;color:#fff!important}.td-today-col{box-shadow:inset 0 0 0 1.5px #facc15}.lc-td-stat{padding:.375rem .25rem;font-weight:600;color:var(--gray-700);font-size:.75rem}.lc-td-totaloff{color:#dc2626;background:#fef2f2!important}.lc-td-present{color:#166534;background:#f0fdf4!important;font-weight:700}.lc-td-name:after,.lc-th-name:after{content:"";position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);pointer-events:none}.lc-td-name,.lc-th-name{position:sticky;left:40px}@media(max-width:768px){.lc-controls{flex-direction:column;align-items:flex-start}.lc-legend{gap:.5rem}}.holidays-page{display:flex;flex-direction:column;gap:1.25rem}.holidays-toolbar{display:flex;gap:.75rem;align-items:center}.holidays-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.holidays-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.holidays-toolbar .filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-600);outline:none;background:#fff;cursor:pointer}.holidays-month-group{display:flex;flex-direction:column;gap:.5rem}.holidays-month-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;padding-bottom:.25rem;border-bottom:1px solid var(--gray-100)}.holidays-list{display:flex;flex-direction:column;gap:.5rem}.holiday-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.holiday-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.holiday-card.holiday-past{opacity:.6}.holiday-date-badge{width:48px;height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fecaca;flex-shrink:0}.holiday-date-day{font-size:1.125rem;font-weight:700;color:#dc2626;line-height:1.1}.holiday-date-month{font-size:.5625rem;font-weight:600;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.holiday-info{flex:1;min-width:0}.holiday-name{font-size:.9375rem;font-weight:600;color:var(--gray-800)}.holiday-day-label{font-size:.75rem;color:var(--gray-400);font-weight:500}.holiday-past-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:999px;background:var(--gray-100);color:var(--gray-500);flex-shrink:0}.holiday-actions{display:flex;gap:.25rem;flex-shrink:0}.holiday-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.holiday-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.holiday-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.holiday-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.holidays-empty{text-align:center;padding:3rem 1rem;color:var(--gray-400)}.holidays-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.holidays-form{display:flex;flex-direction:column;gap:1rem}.holidays-form .form-group{display:flex;flex-direction:column;gap:.375rem}.holidays-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.holidays-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.holidays-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.holidays-form .input-error{border-color:var(--danger)}.holidays-form .error-text{font-size:.75rem;color:var(--danger)}.holidays-form .required{color:var(--danger)}.holidays-form .helper-text{font-size:.75rem;color:var(--gray-400)}.holidays-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}@media(max-width:640px){.holidays-toolbar{flex-direction:column;align-items:stretch}.holidays-toolbar .table-search{max-width:100%}}.pms-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.pms-search-wrap{position:relative;width:320px}.pms-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem}.pms-search{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);outline:none}.pms-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.pms-filter-tabs{display:flex;gap:.375rem}.pms-filter-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s}.pms-filter-btn:hover{border-color:var(--gray-300);color:var(--gray-700)}.pms-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pms-table-wrap{overflow-x:auto}.pms-table-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm)}.pms-table{width:100%;border-collapse:collapse;font-size:.875rem}.pms-table th{text-align:left;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.pms-table td{padding:.75rem 1.25rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.pms-td-name{font-weight:600;color:var(--gray-800)}.pms-td-client{color:var(--gray-500)}.pms-td-date{font-size:.8125rem;color:var(--gray-500);white-space:nowrap}.pms-table-empty{text-align:center;color:var(--gray-400);padding:2rem 1rem!important}.pms-row-actions{display:flex;gap:.25rem}.pms-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--gray-400)}.pms-empty-icon{font-size:2.5rem;margin-bottom:.75rem}.pms-form{display:flex;flex-direction:column;gap:1rem}.pms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pms-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--gray-200)}.pms-dashboard{display:flex;flex-direction:column;gap:1.5rem}.pms-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pms-stat-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.pms-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.pms-stat-info{display:flex;flex-direction:column}.pms-stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.pms-stat-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin-top:.25rem}.pms-health-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:.75rem}.pms-health-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--gray-800)}.pms-health-chips{display:flex;gap:.625rem}.pms-health-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600}.pms-health-badge,.pms-status-badge{display:inline-flex;padding:.1875rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.pms-progress-wrap{display:flex;align-items:center;gap:.5rem}.pms-progress-bar{width:80px;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.pms-progress-fill{height:100%;border-radius:3px;transition:width .3s}.pms-progress-text{font-size:.75rem;font-weight:600;color:var(--gray-500);min-width:32px}.pms-team-count{display:inline-flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--gray-500)}.pms-dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.pms-dash-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.pms-dash-card-title{font-size:1rem;font-weight:600;color:var(--gray-800);padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--gray-100);margin-bottom:0}.pms-activity-list{padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.875rem}.pms-activity-item{display:flex;gap:.75rem;align-items:flex-start}.pms-activity-dot{width:8px;height:8px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.pms-dot-success{background:var(--success)}.pms-dot-warning{background:var(--warning)}.pms-dot-info{background:var(--info)}.pms-activity-content{display:flex;flex-direction:column}.pms-activity-text{font-size:.8125rem;color:var(--gray-700);line-height:1.4}.pms-activity-time{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.pms-clients-page{display:flex;flex-direction:column;gap:1.25rem}.pms-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.pms-client-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s;position:relative}.pms-client-card:hover{box-shadow:var(--shadow-md)}.pms-client-inactive{opacity:.65}.pms-client-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.pms-client-avatar{width:44px;height:44px;border-radius:10px;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.pms-client-actions{display:flex;gap:.25rem}.pms-client-body{display:flex;flex-direction:column;gap:.5rem}.pms-client-name{font-size:1rem;font-weight:600;color:var(--gray-900)}.pms-client-industry{display:inline-flex;align-self:flex-start;padding:.125rem .5rem;background:var(--gray-100);color:var(--gray-500);font-size:.75rem;font-weight:500;border-radius:4px}.pms-client-details{display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}.pms-client-detail{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-500)}.pms-detail-icon{font-size:.875rem;color:var(--gray-400);flex-shrink:0}.pms-client-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;border-top:1px solid var(--gray-100);margin-top:.375rem}.pms-client-contact{font-size:.8125rem;color:var(--gray-600);font-weight:500}.pms-client-proj-count{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--primary);font-weight:600}.pms-client-status{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:20px;white-space:nowrap}.pms-status-active{background:#ecfdf5;color:#059669}.pms-status-inactive{background:var(--gray-100);color:var(--gray-500)}.pms-projects-page{display:flex;flex-direction:column;gap:1.25rem}.pms-tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.pms-tech-tag{display:inline-flex;padding:.125rem .5rem;background:var(--primary-50);color:var(--primary);font-size:.6875rem;font-weight:600;border-radius:4px}.pms-tech-more{display:inline-flex;padding:.125rem .375rem;background:var(--gray-100);color:var(--gray-500);font-size:.6875rem;font-weight:600;border-radius:4px}.pms-dev-avatars{display:flex;gap:0}.pms-dev-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:2px solid white;margin-left:-6px;flex-shrink:0}.pms-dev-avatar:first-child{margin-left:0}.pms-dev-more{background:var(--gray-200);color:var(--gray-600)}.pms-view-project{display:flex;flex-direction:column;gap:1.25rem}.pms-view-desc{font-size:.875rem;color:var(--gray-600);line-height:1.6;padding:.75rem 1rem;background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-100)}.pms-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.pms-view-field{display:flex;flex-direction:column;gap:.25rem}.pms-view-label{font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.pms-view-value{font-size:.9375rem;color:var(--gray-800)}.pms-view-section{display:flex;flex-direction:column;gap:.5rem}.pms-view-dev-list{display:flex;flex-direction:column;gap:.375rem}.pms-view-dev-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.pms-view-dev-item .pms-dev-avatar{margin-left:0}.pms-picker-selected{display:flex;flex-wrap:wrap;gap:.375rem;min-height:0}.pms-picker-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.8125rem;font-weight:500}.pms-picker-tag button{display:flex;font-size:.75rem;background:none;border:none;cursor:pointer;opacity:.6;padding:0}.pms-picker-tag button:hover{opacity:1}.pms-tag-tech{background:var(--primary-50);color:var(--primary)}.pms-tag-dev{background:#ecfdf5;color:#059669}.pms-picker-options{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);margin-top:.25rem}.pms-picker-option{padding:.25rem .625rem;font-size:.8125rem;color:var(--gray-600);background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s}.pms-picker-option:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.pms-form-grid-3{grid-template-columns:1fr 1fr 1fr}.pms-form-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.pms-cost-badge{display:inline-flex;padding:.125rem .5rem;background:#eff6ff;color:#2563eb;font-size:.6875rem;font-weight:600;border-radius:4px}.pms-cost-type-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.pms-cost-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--gray-500);background:#fff;border:1.5px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .15s}.pms-cost-tab:hover{border-color:var(--gray-300);color:var(--gray-700)}.pms-cost-tab.active{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.pms-cost-sub-field{display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.pms-milestones-section{padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.pms-milestones-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.pms-milestones-title{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.pms-milestones-list{display:flex;flex-direction:column;gap:.5rem}.pms-milestone-row{display:flex;gap:.5rem;align-items:center}.pms-milestone-row .form-input{flex:1}.pms-ms-amount{max-width:120px!important;flex:0 0 120px!important}.pms-ms-date{max-width:160px!important;flex:0 0 160px!important}.pms-milestones-empty{font-size:.8125rem;color:var(--gray-400);text-align:center;padding:.75rem 0;margin:0}.pms-milestone-view-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.pms-milestone-view-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;font-size:.8125rem}.pms-milestone-name{flex:1;font-weight:600;color:var(--gray-800)}.pms-milestone-amount{font-weight:600;color:#059669}.pms-milestone-due{color:var(--gray-500);font-size:.75rem}.pms-view-cost-info{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.pms-multiselect{position:relative}.pms-multiselect-trigger{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:.375rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:all .15s}.pms-multiselect-trigger:hover{border-color:var(--gray-300)}.pms-multiselect-placeholder{color:var(--gray-400);font-size:.875rem}.pms-multiselect-arrow{color:var(--gray-400);font-size:1rem;flex-shrink:0;margin-left:.5rem;transition:transform .15s}.pms-multiselect-tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.pms-multiselect-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.pms-multiselect-search{width:100%;padding:.5rem .75rem;border:none;border-bottom:1px solid var(--gray-200);font-size:.875rem;outline:none;color:var(--gray-700)}.pms-multiselect-options{max-height:200px;overflow-y:auto}.pms-multiselect-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.8125rem;color:var(--gray-700);transition:background .1s}.pms-multiselect-option:hover{background:var(--gray-50)}.pms-multiselect-option.selected{background:#ecfdf5}.pms-multiselect-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.pms-multiselect-company{margin-left:auto;font-size:.75rem;color:var(--gray-400)}.pms-multiselect-empty{padding:1rem;text-align:center;color:var(--gray-400);font-size:.8125rem}.kb-page{display:flex;flex-direction:column;gap:1.25rem;height:100%}.kb-project-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.kb-project-selector{display:flex;align-items:center;gap:.625rem}.kb-project-label{font-size:.75rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.kb-project-select{padding:.4375rem 2rem .4375rem .75rem;font-size:.875rem;font-weight:600;color:var(--gray-800);border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-width:220px}.kb-project-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.kb-project-info{display:flex;align-items:center;gap:.5rem}.kb-project-client{font-size:.8125rem;font-weight:500;color:var(--gray-500);padding:.25rem .75rem;background:var(--gray-100);border-radius:20px}.kb-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;flex:1;min-height:0;align-items:flex-start}.kb-column{min-width:290px;max-width:320px;width:100%;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0}.kb-col-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .625rem}.kb-col-title-wrap{display:flex;align-items:center;gap:.5rem}.kb-col-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kb-col-title{font-size:.875rem;font-weight:700;color:var(--gray-800)}.kb-col-count{font-size:.6875rem;font-weight:700;color:var(--gray-400);background:var(--gray-200);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.kb-add-btn{width:26px;height:26px;border-radius:6px;border:1px dashed var(--gray-300);background:transparent;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s}.kb-add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.kb-task-list{display:flex;flex-direction:column;gap:.5rem;padding:0 .625rem .75rem;min-height:60px}.kb-empty-col{display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--gray-300);font-size:.8125rem;border:2px dashed var(--gray-200);border-radius:8px;margin:0 .25rem}.kb-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:.875rem;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a;transition:box-shadow .15s,transform .15s}.kb-card:hover{box-shadow:var(--shadow-md)}.kb-card:active{cursor:grabbing;transform:rotate(2deg);box-shadow:var(--shadow-lg)}.kb-card-labels{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.kb-label{display:inline-flex;padding:.0625rem .5rem;border-radius:20px;font-size:.6875rem;font-weight:600}.kb-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.kb-card-title{font-size:.875rem;font-weight:600;color:var(--gray-800);line-height:1.35}.kb-card-menu-wrap{position:relative;flex-shrink:0}.kb-menu-trigger{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .15s}.kb-menu-trigger:hover{background:var(--gray-100);color:var(--gray-600)}.kb-menu-dropdown{position:absolute;right:0;top:100%;z-index:50;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-lg);padding:.25rem;min-width:120px}.kb-menu-dropdown button{display:flex;align-items:center;gap:.375rem;width:100%;padding:.4375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--gray-700);background:none;border:none;border-radius:5px;cursor:pointer;transition:background .1s}.kb-menu-dropdown button:hover{background:var(--gray-50)}.kb-menu-danger{color:#dc2626!important}.kb-menu-danger:hover{background:#fef2f2!important}.kb-card-desc{font-size:.8125rem;color:var(--gray-500);line-height:1.4;margin-top:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--gray-100)}.kb-priority{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:20px;font-size:.6875rem;font-weight:600}.kb-due{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--gray-400);font-weight:500}.kb-assignees{display:flex;margin-left:auto}.kb-avatar{width:24px;height:24px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;border:2px solid white;margin-left:-5px;flex-shrink:0}.kb-avatar:first-child{margin-left:0}.kb-label-picker{display:flex;flex-wrap:wrap;gap:.375rem}.kb-label-option{padding:.25rem .75rem;font-size:.8125rem;font-weight:500;color:var(--lbl-clr);background:#fff;border:1.5px solid var(--lbl-clr);border-radius:20px;cursor:pointer;transition:all .15s;opacity:.55}.kb-label-option:hover{opacity:.85}.kb-label-option.selected{opacity:1;background:color-mix(in srgb,var(--lbl-clr) 10%,white);font-weight:600}.kb-subtask-bar{display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.kb-subtask-icon{font-size:.8125rem;color:var(--gray-400);flex-shrink:0}.kb-subtask-track{flex:1;height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden}.kb-subtask-fill{height:100%;background:#059669;border-radius:2px;transition:width .3s ease}.kb-subtask-count{font-size:.6875rem;font-weight:600;color:var(--gray-400);min-width:24px;text-align:right}.kb-subtask-section{margin-top:.5rem}.kb-subtask-section .kb-subtask-bar{margin-top:0}.kb-subtask-list{margin-top:.375rem;display:flex;flex-direction:column;gap:2px}.kb-subtask-item{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;font-size:.78rem;color:var(--gray-600);line-height:1.3}.kb-subtask-item:hover{background:var(--gray-50)}.kb-subtask-check{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--gray-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.kb-subtask-done .kb-subtask-check{background:#059669;border-color:#059669;color:#fff}.kb-subtask-unchecked{display:block;width:6px;height:6px}.kb-subtask-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-subtask-done .kb-subtask-title{text-decoration:line-through;color:var(--gray-400)}.kb-attach-count{display:inline-flex;align-items:center;gap:.2rem;font-size:.6875rem;color:var(--gray-400);font-weight:500}.kb-att-list{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.kb-att-item{display:flex;align-items:center;gap:.5rem;padding:.4375rem .625rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.kb-att-file-icon{font-size:1rem;color:var(--primary);flex-shrink:0}.kb-att-name{font-size:.8125rem;font-weight:500;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.kb-att-size{font-size:.6875rem;color:var(--gray-400);white-space:nowrap}.kb-att-remove{width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s;flex-shrink:0}.kb-att-remove:hover{background:#fef2f2;color:#dc2626}.kb-att-upload-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:#fff;border:1px dashed var(--gray-300);border-radius:8px;cursor:pointer;transition:all .15s}.kb-att-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.kb-st-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.kb-st-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:6px;transition:background .1s}.kb-st-item:hover{background:var(--gray-50)}.kb-st-check{width:20px;height:20px;border-radius:4px;border:1.5px solid var(--gray-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;cursor:pointer;transition:all .15s;flex-shrink:0}.kb-st-done .kb-st-check{background:#059669;border-color:#059669;color:#fff}.kb-st-unchecked{display:block;width:10px;height:10px}.kb-st-title{flex:1;font-size:.8125rem;color:var(--gray-700)}.kb-st-done .kb-st-title{text-decoration:line-through;color:var(--gray-400)}.kb-st-remove{width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--gray-300);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6875rem;transition:all .15s;flex-shrink:0;opacity:0}.kb-st-item:hover .kb-st-remove{opacity:1}.kb-st-remove:hover{background:#fef2f2;color:#dc2626}.kb-st-add-row{display:flex;gap:.5rem}.kb-st-add-row .form-input{flex:1}.kb-st-add-btn{flex-shrink:0;padding:.375rem .625rem!important}.kb-st-add-btn:disabled{opacity:.4;cursor:not-allowed}.kd-detail{display:flex;flex-direction:column;gap:1.25rem}.kd-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.kd-header-left{display:flex;align-items:center;gap:.5rem}.kd-id{font-size:.75rem;font-weight:700;color:var(--gray-400);letter-spacing:.04em}.kd-status{padding:.1875rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kd-header-actions{display:flex;gap:.5rem}.btn-sm{padding:.3125rem .625rem!important;font-size:.8125rem!important;gap:.25rem}.kd-delete-btn{color:#dc2626!important;border-color:#fecaca!important}.kd-delete-btn:hover{background:#fef2f2!important}.kd-title{font-size:1.375rem;font-weight:700;color:var(--gray-900);line-height:1.3;margin:0}.kd-labels{display:flex;flex-wrap:wrap;gap:.375rem}.kd-labels .kb-label{padding:.1875rem .625rem;font-size:.75rem}.kd-body{display:grid;grid-template-columns:1fr 240px;gap:1.5rem;align-items:start}.kd-main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.kd-section{display:flex;flex-direction:column;gap:.625rem}.kd-section-header{display:flex;align-items:center;justify-content:space-between}.kd-section-title{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em;margin:0}.kd-desc{font-size:.9375rem;color:var(--gray-600);line-height:1.65;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:10px;margin:0;white-space:pre-wrap}.kd-desc-empty{color:var(--gray-400);font-style:italic}.kd-empty-hint{font-size:.8125rem;color:var(--gray-400);margin:0;padding:.5rem 0}.kd-st-progress-text{font-size:.75rem;font-weight:600;color:var(--gray-400)}.kd-st-progress-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.kd-st-progress-fill{height:100%;background:#059669;border-radius:3px;transition:width .3s ease}.kd-st-list{display:flex;flex-direction:column;gap:.125rem}.kd-st-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:8px;transition:background .1s}.kd-st-item:hover{background:var(--gray-50)}.kd-st-checkbox{cursor:pointer}.kd-st-text{cursor:pointer;flex:1}.kd-st-checkbox{width:22px;height:22px;border-radius:5px;border:2px solid var(--gray-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;flex-shrink:0;transition:all .15s}.kd-st-done .kd-st-checkbox{background:#059669;border-color:#059669;color:#fff}.kd-st-unchecked{display:block;width:10px;height:10px}.kd-st-text{font-size:.875rem;color:var(--gray-700);line-height:1.35}.kd-st-done .kd-st-text{text-decoration:line-through;color:var(--gray-400)}.kd-st-actions{display:flex;gap:2px;margin-left:auto;opacity:0;transition:opacity .15s}.kd-st-item:hover .kd-st-actions{opacity:1}.kd-st-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:var(--gray-400);border-radius:4px;cursor:pointer;transition:all .15s;font-size:.8rem}.kd-st-action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.kd-st-delete:hover{background:#fef2f2;color:#dc2626}.kd-st-save{color:#059669}.kd-st-save:hover{background:#ecfdf5;color:#047857}.kd-st-cancel:hover{background:#fef2f2;color:#dc2626}.kd-st-edit-row{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.kd-st-edit-input{flex:1;min-width:0;padding:4px 8px;font-size:.85rem;border:1px solid var(--primary);border-radius:4px;outline:none;background:#fff}.kd-st-add-row{display:flex;gap:6px;margin-top:8px}.kd-st-add-input{flex:1;padding:6px 10px;font-size:.85rem;border:1px solid var(--gray-200);border-radius:6px;outline:none;transition:border-color .15s}.kd-st-add-input:focus{border-color:var(--primary)}.kd-st-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--gray-200);background:#fff;border-radius:6px;cursor:pointer;color:var(--gray-500);transition:all .15s}.kd-st-add-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#eff6ff}.kd-st-add-btn:disabled{opacity:.4;cursor:default}.kd-att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.kd-att-card{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;transition:border-color .15s}.kd-att-card:hover{border-color:var(--primary)}.kd-att-icon-wrap{width:36px;height:36px;border-radius:8px;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.kd-att-info{display:flex;flex-direction:column;min-width:0}.kd-att-name{font-size:.8125rem;font-weight:600;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-att-size{font-size:.6875rem;color:var(--gray-400)}.kd-sidebar{display:flex;flex-direction:column;gap:0;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:.25rem 0;overflow:hidden}.kd-field{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-100)}.kd-field:last-child{border-bottom:none}.kd-field-label{font-size:.6875rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.kd-field-value{font-size:.8125rem;color:var(--gray-700);font-weight:500;display:flex;align-items:center}.kd-status-pill{display:inline-flex;padding:.1875rem .5rem;border-radius:20px;font-size:.6875rem;font-weight:700;align-self:flex-start;text-transform:uppercase;letter-spacing:.03em}.kd-assignees{display:flex;flex-wrap:wrap;gap:.375rem}.kd-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700}.kd-sidebar-labels{display:flex;flex-wrap:wrap;gap:.25rem}.kd-reporter-row{display:flex;align-items:center;gap:.375rem}.kd-tabs{display:flex;gap:0;border-bottom:2px solid var(--gray-200)}.kd-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--gray-400);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .15s}.kd-tab:hover{color:var(--gray-600)}.kd-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.kd-comments{display:flex;flex-direction:column;gap:1rem;padding-top:.75rem}.kd-comment-input-wrap{display:flex;gap:.625rem;align-items:flex-start}.kd-comment-input-box{flex:1;display:flex;flex-direction:column;gap:.5rem}.kd-comment-textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;color:var(--gray-700);border:1px solid var(--gray-200);border-radius:10px;resize:vertical;outline:none;font-family:inherit;line-height:1.5;min-height:48px}.kd-comment-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.kd-comment-send{align-self:flex-end}.kd-comment-send:disabled{opacity:.4;cursor:not-allowed}.kd-comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.kd-comment-list{display:flex;flex-direction:column;gap:.875rem}.kd-comment-item{display:flex;gap:.625rem;align-items:flex-start}.kd-comment-body{flex:1;min-width:0}.kd-comment-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.1875rem}.kd-comment-author{font-size:.8125rem;font-weight:700;color:var(--gray-800)}.kd-comment-time{font-size:.6875rem;color:var(--gray-400)}.kd-comment-text{font-size:.875rem;color:var(--gray-600);line-height:1.55;margin:0;white-space:pre-wrap}.kd-history{padding-top:.75rem}.kd-history-list{display:flex;flex-direction:column;gap:0;position:relative}.kd-history-item{display:flex;gap:.75rem;align-items:flex-start;padding:.5rem 0 .5rem 1.5rem;position:relative}.kd-history-dot{position:absolute;left:0;top:.6875rem;width:10px;height:10px;border-radius:50%;background:var(--gray-300);border:2px solid white;z-index:1}.kd-history-line{position:absolute;left:4px;top:1.25rem;bottom:-.5rem;width:2px;background:var(--gray-200)}.kd-history-item:last-child .kd-history-line{display:none}.kd-history-content{display:flex;flex-direction:column;gap:.125rem}.kd-history-row{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.kd-history-user{font-size:.8125rem;font-weight:700;color:var(--gray-700)}.kd-history-action{font-size:.8125rem;color:var(--gray-500)}.kd-history-time{font-size:.6875rem;color:var(--gray-400)}@media(max-width:1024px){.pms-stats-grid{grid-template-columns:repeat(2,1fr)}.pms-dash-grid{grid-template-columns:1fr}}@media(max-width:1024px){.pms-form-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:768px){.pms-stats-grid{grid-template-columns:1fr}.pms-toolbar{flex-direction:column;align-items:stretch}.pms-search-wrap{width:100%}.pms-filter-tabs{flex-wrap:wrap}.pms-clients-grid,.pms-form-grid,.pms-form-grid-3,.pms-form-grid-4,.pms-view-grid{grid-template-columns:1fr}.pms-health-bar{flex-direction:column;align-items:flex-start}.pms-milestone-row{flex-wrap:wrap}.pms-ms-amount,.pms-ms-date{max-width:100%!important;flex:1 1 100%!important}.kd-body{grid-template-columns:1fr}.kd-sidebar{order:-1}.kd-att-grid{grid-template-columns:1fr}.kd-header{flex-direction:column;align-items:flex-start}}.pms-multi-select{display:flex;flex-wrap:wrap;gap:.35rem;padding:6px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;max-height:150px;overflow-y:auto}.pms-multi-option{display:inline-flex;align-items:center;gap:.35rem;padding:4px 10px;border-radius:6px;font-size:.8rem;cursor:pointer;border:1px solid var(--gray-200);background:var(--gray-50);transition:all .15s ease;-webkit-user-select:none;user-select:none}.pms-multi-option:hover{background:var(--gray-100)}.pms-multi-option.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.pms-multi-option input[type=checkbox]{display:none}.pms-multi-empty{font-size:.8rem;color:var(--gray-400);padding:4px}.pms-reports-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.pms-reports-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border:1px solid var(--gray-200);border-radius:8px;background:#fff;color:var(--gray-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pms-reports-tab:hover{background:var(--gray-50);color:var(--gray-700)}.pms-reports-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pms-reports-filters{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.pms-reports-filter-group{display:flex;flex-direction:column;gap:.25rem}.pms-reports-filter-group .form-input{max-width:200px}.pms-reports-summary{display:flex;gap:1rem;margin-bottom:1.25rem}.pms-reports-summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:1rem 1.5rem;min-width:140px;text-align:center}.pms-reports-summary-value{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.pms-reports-summary-label{font-size:.75rem;color:var(--gray-500);margin-top:.15rem}.pms-monthly-report{background:#fff;border:1px solid var(--gray-200);border-radius:10px;overflow:hidden;margin-top:.5rem}.pms-monthly-title{padding:14px 18px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-bottom:1px solid var(--gray-200);font-size:.95rem;font-weight:700;color:var(--gray-800);letter-spacing:.01em}.pms-monthly-title-row{display:flex;align-items:stretch;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.pms-monthly-title-row .pms-monthly-title{border-bottom:none;background:transparent;flex:1}.pms-monthly-title-row .btn{align-self:center;margin-right:14px;white-space:nowrap}@media(max-width:640px){.pms-monthly-title-row{flex-direction:column;align-items:stretch}.pms-monthly-title-row .btn{margin:0 14px 12px;align-self:flex-start}}.pms-monthly-empty{padding:2rem 1rem;text-align:center;color:var(--gray-500);font-size:.9rem}.pms-monthly-table{width:100%;border-collapse:collapse;font-size:.875rem}.pms-monthly-table thead{background:var(--gray-50, #f9fafb)}.pms-monthly-table th{padding:10px 14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);text-align:left;border-bottom:1px solid var(--gray-200);border-right:1px solid var(--gray-100)}.pms-monthly-table th:last-child{border-right:none}.pms-monthly-table td{padding:10px 14px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle}.pms-monthly-table td:last-child{border-right:none}.pms-monthly-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pms-monthly-cell-merge{background:#fafbfc;font-weight:600;color:var(--gray-900);vertical-align:top;padding-top:12px}.pms-monthly-projname{font-weight:600;color:var(--gray-900)}.pms-monthly-last-cat td{border-bottom:2px solid var(--gray-200)}.pms-monthly-total{font-weight:700;color:#1d4ed8;background:#eff6ff}.pms-monthly-total-empty{background:#fafbfc}.pms-monthly-grand-row td{background:#f0f9ff;border-top:2px solid var(--gray-300);border-bottom:none;font-weight:700;color:var(--gray-900);padding-top:12px;padding-bottom:12px}.pms-monthly-grand-label{text-align:right;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;color:var(--gray-700)}.pms-monthly-grand-value{font-size:1rem;color:#1d4ed8}.pms-reports-active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.pms-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;border-radius:20px;font-size:.8rem;font-weight:500}.pms-filter-chip button{display:inline-flex;align-items:center;background:none;border:none;color:#1e40af;cursor:pointer;padding:0;font-size:.85rem}.pms-filter-chip button:hover{color:#dc2626}@media(max-width:768px){.pms-reports-tabs,.pms-reports-filters{flex-direction:column}.pms-reports-filter-group .form-input{max-width:100%}.pms-reports-summary{flex-direction:column}}.tfa-card{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0f172a0a}.tfa-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tfa-card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;font-size:1.35rem;flex-shrink:0}.tfa-card-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827)}.tfa-card-sub{margin:.125rem 0 0;font-size:.8125rem;color:var(--gray-500, #6b7280)}.tfa-loading{padding:1rem;color:var(--gray-500, #6b7280);font-size:.875rem}.tfa-error{margin:.5rem 0;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.8125rem}.tfa-warning{margin-bottom:.875rem;padding:.625rem .875rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.8125rem}.tfa-method{display:flex;align-items:center;gap:.875rem;padding:.875rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;margin-top:.75rem}.tfa-method.is-on{border-color:var(--primary-100, #fee2e2);background:var(--primary-50, #fef2f2)}.tfa-method-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:1.2rem;flex-shrink:0}.tfa-method-icon-totp{background:#ede9fe;color:#6d28d9}.tfa-method-icon-email{background:#dbeafe;color:#1d4ed8}.tfa-method-text{flex:1;min-width:0}.tfa-method-name{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--gray-900, #111827)}.tfa-method-desc{font-size:.8125rem;color:var(--gray-500, #6b7280);margin-top:2px}.tfa-method-meta{font-size:.75rem;color:var(--primary-dark, #b91c1c);font-weight:600;margin-top:3px}.tfa-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 7px;border-radius:999px}.tfa-badge-on{background:#dcfce7;color:#047857}.tfa-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.tfa-switch input{position:absolute;opacity:0;width:0;height:0}.tfa-switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:var(--gray-300, #d1d5db);border-radius:999px;transition:background .2s}.tfa-switch-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0003}.tfa-switch input:checked+.tfa-switch-slider{background:var(--primary, #dc2626)}.tfa-switch input:checked+.tfa-switch-slider:before{transform:translate(18px)}.tfa-switch input:disabled+.tfa-switch-slider{opacity:.6;cursor:not-allowed}.tfa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.tfa-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;box-shadow:0 20px 40px #0000002e;overflow:hidden;max-height:92vh;display:flex;flex-direction:column}.tfa-modal-sm{max-width:400px}.tfa-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200, #e5e7eb)}.tfa-modal-head h4{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827)}.tfa-modal-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--gray-500, #6b7280);cursor:pointer;font-size:1.1rem}.tfa-modal-close:hover{background:var(--gray-100, #f3f4f6);color:var(--gray-800, #1f2937)}.tfa-modal-body{padding:1.25rem;overflow-y:auto}.tfa-steps{margin:0 0 1rem;padding-left:1.1rem;font-size:.8125rem;color:var(--gray-600, #4b5563);line-height:1.6}.tfa-qr-wrap{display:flex;align-items:center;justify-content:center;padding:.875rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;margin-bottom:.875rem}.tfa-qr{width:180px;height:180px;display:block}.tfa-qr-loading{width:180px;height:180px;display:flex;align-items:center;justify-content:center;color:var(--gray-400, #9ca3af);font-size:.8125rem}.tfa-secret{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;margin-bottom:1rem}.tfa-secret-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500, #6b7280);flex-shrink:0}.tfa-secret-value{flex:1;min-width:0;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;color:var(--gray-800, #1f2937);letter-spacing:.04em;overflow-wrap:anywhere}.tfa-secret-copy{border:none;background:none;color:var(--gray-500, #6b7280);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;flex-shrink:0}.tfa-secret-copy:hover{background:var(--gray-100, #f3f4f6);color:var(--primary, #dc2626)}.tfa-verify-label{display:block;font-size:.8125rem;font-weight:600;color:var(--gray-700, #374151);margin-bottom:.375rem}.tfa-verify-input{width:100%;padding:.625rem .75rem;font-size:1.125rem;font-weight:600;letter-spacing:.15em;text-align:center;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s}.tfa-modal-sm .tfa-verify-input{letter-spacing:normal;text-align:left;font-size:.9375rem;font-weight:500}.tfa-verify-input:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.tfa-modal-actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:1rem}.tfa-codes-note{font-size:.8125rem;color:var(--gray-600, #4b5563);line-height:1.5;margin:0 0 .875rem}.tfa-codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.875rem;background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-300, #d1d5db);border-radius:10px;margin-bottom:.875rem}.tfa-code{font-family:SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:600;color:var(--gray-800, #1f2937);text-align:center;letter-spacing:.04em}.tfa-codes-actions{display:flex;gap:.5rem}.my-profile-page{display:flex;flex-direction:column;gap:1.5rem}.mp-toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--success-light);color:#065f46;border:1px solid #a7f3d0;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;animation:mpSlideIn .3s ease}@keyframes mpSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mp-header-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.mp-cover{height:120px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,#818cf8 100%);position:relative}.mp-header-body{display:flex;align-items:flex-start;gap:1.5rem;padding:0 2rem 1.5rem;margin-top:-48px;position:relative}.mp-avatar-wrap{position:relative;flex-shrink:0}.mp-avatar-img,.mp-avatar-fallback{width:96px;height:96px;border-radius:50%;border:4px solid white;box-shadow:var(--shadow-md)}.mp-avatar-img{object-fit:cover}.mp-avatar-fallback{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.mp-avatar-edit{position:absolute;bottom:2px;right:2px;width:30px;height:30px;background:#fff;border:2px solid var(--gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--gray-600);cursor:pointer;transition:all .15s}.mp-avatar-edit:hover{background:var(--gray-100);color:var(--primary);border-color:var(--primary-100)}.mp-header-info{flex:1;padding-top:52px}.mp-name{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.mp-meta-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:.625rem}.mp-role-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:var(--primary-50);color:var(--primary);border-radius:20px;font-size:.8125rem;font-weight:600}.mp-dept-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:var(--gray-100);color:var(--gray-600);border-radius:20px;font-size:.8125rem;font-weight:500}.mp-code-badge{padding:.25rem .625rem;background:var(--gray-100);color:var(--gray-500);border-radius:6px;font-size:.75rem;font-weight:600;font-family:SF Mono,Fira Code,monospace}.mp-bio{font-size:.875rem;color:var(--gray-500);line-height:1.5;max-width:560px}.mp-header-actions{display:flex;gap:.625rem;padding-top:56px;flex-shrink:0}.mp-header-actions .btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--border-radius);transition:all .15s;white-space:nowrap}.mp-header-actions .btn-primary{background:var(--primary);color:#fff}.mp-header-actions .btn-primary:hover{background:var(--primary-dark)}.mp-header-actions .btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.mp-header-actions .btn-secondary:hover{background:var(--gray-50)}.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.mp-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.mp-card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.mp-card-icon{font-size:1.125rem;color:var(--primary)}.mp-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mp-field{display:flex;flex-direction:column;gap:.3rem}.mp-field-full{grid-column:1 / -1}.mp-field-label{font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.mp-field-value{font-size:.9375rem;color:var(--gray-800);line-height:1.5}.mp-field-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary)}.mp-field-mono{font-family:SF Mono,Fira Code,monospace;font-size:.875rem;letter-spacing:.02em}.mp-inline-icon{font-size:.9375rem;opacity:.7;flex-shrink:0}.mp-textarea{resize:vertical;min-height:48px}.mp-field .form-input{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:all .15s;width:100%}.mp-field .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.mp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;animation:mpFadeIn .2s ease}@keyframes mpFadeIn{0%{opacity:0}to{opacity:1}}.mp-modal{background:#fff;border-radius:12px;width:420px;max-width:95vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:mpModalIn .25s ease}@keyframes mpModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.mp-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.mp-modal-close{font-size:1.5rem;color:var(--gray-400);cursor:pointer;background:none;border:none;line-height:1;padding:.25rem;border-radius:4px;transition:all .15s}.mp-modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.mp-pw-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mp-pw-field{display:flex;flex-direction:column;gap:.375rem}.mp-pw-field label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.mp-pw-input-wrap{position:relative}.mp-pw-input-wrap .form-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:all .15s}.mp-pw-input-wrap .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.mp-pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem;cursor:pointer;background:none;border:none;padding:.25rem;display:flex}.mp-pw-toggle:hover{color:var(--gray-600)}.mp-pw-error{font-size:.8125rem;color:var(--danger);font-weight:500}.mp-pw-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-100)}.mp-pw-actions .btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--border-radius);transition:all .15s}.mp-pw-actions .btn-primary{background:var(--primary);color:#fff}.mp-pw-actions .btn-primary:hover{background:var(--primary-dark)}.mp-pw-actions .btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.mp-pw-actions .btn-secondary:hover{background:var(--gray-50)}.mp-pw-success{text-align:center;padding:2rem 1.5rem}.mp-pw-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.mp-pw-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.mp-pw-success p{font-size:.875rem;color:var(--gray-500)}@media(max-width:900px){.mp-grid{grid-template-columns:1fr}}@media(max-width:768px){.mp-header-body{flex-direction:column;align-items:center;text-align:center;padding:0 1.25rem 1.25rem;margin-top:-40px}.mp-header-info{padding-top:.5rem}.mp-meta-row{justify-content:center}.mp-bio{max-width:100%}.mp-header-actions{padding-top:0;justify-content:center}.mp-fields{grid-template-columns:1fr}.mp-avatar-img,.mp-avatar-fallback{width:80px;height:80px;font-size:1.5rem}}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem}.section-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group-full{grid-column:1 / -1}.form-hint{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.toggle-list{display:flex;flex-direction:column;gap:.25rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.toggle-item:last-child{border-bottom:none}.toggle-label{font-size:.875rem;font-weight:500;color:var(--gray-800)}.toggle-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:9999px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.settings-actions{display:flex;gap:.75rem;justify-content:flex-end}.handbook-upload{display:flex;flex-direction:column;gap:.5rem}.handbook-upload-current{display:flex;align-items:center;gap:.75rem}.handbook-filename{font-size:.875rem;color:var(--gray-700);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.handbook-upload-empty{display:flex;align-items:center;gap:.75rem}.handbook-file-input{position:absolute;opacity:0;width:0;height:0}.handbook-formats{font-size:.8125rem;color:var(--gray-500)}.handbook-error{font-size:.8125rem;color:var(--danger, #dc2626)}.handbook-confirm-text{margin:0 0 1.25rem;font-size:.9375rem;color:var(--gray-700)}.handbook-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}}.settings-section-desc{margin:-4px 0 12px;font-size:.85rem;color:var(--gray-600, #475569);line-height:1.5}.settings-link-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease,transform .1s ease}.settings-link-card:hover{background:#fff;border-color:var(--primary, #2563eb);transform:translateY(-1px);box-shadow:0 1px 3px #0000000a}.settings-link-card-icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;background:#eff6ff;color:var(--primary, #2563eb);flex-shrink:0}.settings-link-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.settings-link-card-title{font-weight:600;font-size:.95rem;color:var(--gray-900, #0f172a)}.settings-link-card-sub{font-size:.78rem;color:var(--gray-600, #64748b)}.settings-link-card-chev{font-size:1.2rem;color:var(--gray-500, #9ca3af);flex-shrink:0}.documents-page .doc-actions{display:flex;gap:8px;flex-wrap:wrap}.doc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.25rem}.doc-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.doc-search{flex:1 1 280px;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:0 12px}.doc-search svg{width:18px;height:18px;color:var(--gray-400);flex-shrink:0}.doc-search input.form-input{border:none;padding:8px 0;background:transparent;flex:1;font-size:.875rem}.doc-search input.form-input:focus{outline:none;box-shadow:none}.doc-filter{display:flex;flex-direction:column;gap:4px;min-width:180px}.doc-filter>label{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600)}.doc-filter>label svg{width:12px;height:12px}.doc-file-cell{display:flex;align-items:flex-start;gap:8px}.doc-file-cell>svg{width:28px;height:28px;padding:4px;background:#eff6ff;color:#1d4ed8;border-radius:6px;flex-shrink:0}.doc-filename{font-weight:500;color:var(--gray-900);font-size:.85rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-filesize{font-size:.7rem;color:var(--gray-500)}.doc-emp-name{font-weight:600;color:var(--gray-900);font-size:.875rem}.doc-emp-code{font-size:.72rem;color:var(--gray-500)}.doc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--gray-500);background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-200);border-radius:12px}.doc-empty-icon{width:48px;height:48px;color:var(--gray-300);margin-bottom:.75rem}.doc-empty h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--gray-700)}.doc-empty p{margin:0;font-size:.875rem;max-width:460px}.doc-gen-modal{max-width:720px}.doc-gen-form{padding:18px 22px;max-height:75vh;overflow-y:auto}.doc-gen-section{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:14px 16px;margin-bottom:14px}.doc-gen-section h4{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700);font-weight:700}.doc-gen-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:10px}.doc-gen-row:last-child{margin-bottom:0}.doc-gen-group{display:flex;flex-direction:column;gap:4px}.doc-gen-group-full{grid-column:1 / -1}.doc-gen-group label{font-size:.78rem;font-weight:600;color:var(--gray-700)}.doc-gen-group .required{color:var(--danger, #dc2626)}.doc-gen-hint{font-size:.72rem;color:var(--gray-500);margin-top:2px}@media(max-width:720px){.doc-stats{grid-template-columns:1fr}.doc-toolbar{flex-direction:column;align-items:stretch}.doc-search,.doc-filter{width:100%}}.exclusions-page{display:flex;flex-direction:column;gap:1rem}.exclusions-loading,.exclusions-empty{text-align:center;padding:24px;color:#94a3b8;font-size:.9rem}.exclusions-error{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:.85rem}.exclusions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.exclusions-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.exclusions-card-head{padding:16px 18px;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exclusions-card-title{display:flex;gap:12px;align-items:flex-start;flex:1}.exclusions-card-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.exclusions-card-title h3{margin:0;font-size:1rem;color:#0f172a;display:flex;align-items:center;gap:8px}.exclusions-count{background:#f1f5f9;color:#475569;font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:10px}.exclusions-card-title p{margin:4px 0 0;font-size:.8rem;color:#64748b;line-height:1.4}.exclusions-list{padding:8px;display:flex;flex-direction:column;gap:6px;max-height:480px;overflow-y:auto}.exclusions-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #f1f5f9}.exclusions-row-emp{display:flex;gap:10px;flex:1;min-width:0;align-items:flex-start}.exclusions-row-avatar,.exclusions-emp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#ef4444);color:#fff;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.exclusions-row-info,.exclusions-emp-info{flex:1;min-width:0}.exclusions-row-name,.exclusions-emp-name{font-weight:600;font-size:.88rem;color:#0f172a}.exclusions-row-meta,.exclusions-emp-meta{font-size:.72rem;color:#64748b;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.exclusions-row-meta span,.exclusions-emp-meta span{position:relative}.exclusions-row-meta span:not(:first-child):before,.exclusions-emp-meta span:not(:first-child):before{content:"·";margin-right:8px;color:#cbd5e1}.exclusions-row-reason{font-size:.75rem;color:#475569;margin-top:4px;font-style:italic}.exclusions-row-remove{background:none;border:1px solid #fecaca;color:#b91c1c;border-radius:6px;padding:5px 7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease}.exclusions-row-remove:hover{background:#fef2f2}.exclusions-modal{display:flex;flex-direction:column;gap:14px}.exclusions-emp-search{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;color:#64748b}.exclusions-emp-search input{flex:1;border:none;background:none;outline:none;font-size:.9rem;color:#0f172a}.exclusions-emp-search button{background:none;border:none;cursor:pointer;color:#94a3b8;display:inline-flex;align-items:center}.exclusions-emp-list{max-height:360px;overflow-y:auto;border:1px solid #f1f5f9;border-radius:8px;display:flex;flex-direction:column}.exclusions-emp-select-all{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:1}.exclusions-emp-select-all label{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#475569;cursor:pointer}.exclusions-emp-selected-count{font-size:.75rem;color:#2563eb;font-weight:600}.exclusions-emp-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .15s ease}.exclusions-emp-row:last-child{border-bottom:none}.exclusions-emp-row:hover{background:#f8fafc}.exclusions-emp-row.selected{background:#eff6ff}.exclusions-modal-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:14px}.exclusions-confirm p{margin:0 0 8px;font-size:.9rem;color:#0f172a}.exclusions-confirm-hint{color:#64748b!important;font-size:.8rem!important}@media(max-width:768px){.exclusions-grid{grid-template-columns:1fr}}.ann-page{max-width:1200px;margin:0 auto}.ann-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:12px}.ann-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.ann-btn-new{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:10px;border:none;cursor:pointer;background:#dc2626;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #dc262640;transition:background .15s}.ann-btn-new:hover{background:#b91c1c}.ann-type-badge{display:inline-block;padding:3px 12px;border-radius:14px;font-size:.75rem;font-weight:600;border:1.5px solid}.ann-type-notice{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.ann-type-offer{background:#fefce8;color:#a16207;border-color:#fde047}.ann-type-event{background:#f0fdf4;color:#15803d;border-color:#86efac}.ann-type-holiday{background:#fdf4ff;color:#a21caf;border-color:#e879f9}.ann-type-update{background:#f0fdfa;color:#0d9488;border-color:#5eead4}.ann-type-urgent{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.ann-priority-badge{display:inline-block;padding:3px 12px;border-radius:14px;font-size:.75rem;font-weight:600;border:1.5px solid}.ann-priority-low{background:#f1f5f9;color:#64748b;border-color:#cbd5e1}.ann-priority-normal{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.ann-priority-high{background:#fff7ed;color:#ea580c;border-color:#fdba74}.ann-priority-urgent{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.ann-status-badge{display:inline-block;padding:3px 12px;border-radius:14px;font-size:.75rem;font-weight:600}.ann-status-active{background:#dcfce7;color:#15803d}.ann-status-expired{background:#f1f5f9;color:#64748b}.ann-status-draft{background:#fefce8;color:#a16207}.ann-table-title-cell{display:flex;align-items:center;gap:12px}.ann-table-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.ann-table-thumb-placeholder{width:56px;height:56px;border-radius:8px;background:#f1f5f9;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1.2rem}.ann-table-title{font-weight:600;color:#1e293b;font-size:.9rem}.ann-table-desc{font-size:.78rem;color:#64748b;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann-row-actions{display:flex;gap:4px;align-items:center}.ann-row-actions .btn-ghost{padding:6px 8px;background:transparent;border:none;color:var(--gray-500);border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;gap:4px}.ann-row-actions .btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.ann-row-actions .btn-ghost.btn-edit{color:#2563eb;font-size:.82rem;font-weight:600}.ann-row-actions .btn-ghost.btn-edit:hover{background:#eff6ff}.ann-row-actions .btn-ghost.btn-del{color:#dc2626}.ann-row-actions .btn-ghost.btn-del:hover{background:#fef2f2}.ann-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.ann-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;box-shadow:0 20px 60px #0000002e;margin:auto}.ann-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #e2e8f0}.ann-modal-header-icon{width:40px;height:40px;border-radius:10px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.ann-modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#1e293b;flex:1}.ann-modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1;padding:4px}.ann-modal-close:hover{color:#475569}.ann-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.ann-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0}.ann-field-label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:6px}.ann-field-label .required{color:#dc2626;margin-left:2px}.ann-banner-upload{border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;position:relative}.ann-banner-upload:hover{border-color:#94a3b8;background:#fafbfc}.ann-banner-upload.has-image{padding:0;border-style:solid;overflow:hidden}.ann-banner-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ann-banner-icon{font-size:2rem;color:#cbd5e1;margin-bottom:6px}.ann-banner-text{font-size:.85rem;color:#2563eb;font-weight:500}.ann-banner-hint{font-size:.75rem;color:#94a3b8;margin-top:2px}.ann-banner-preview{width:100%;max-height:200px;object-fit:cover;display:block}.ann-banner-remove{position:absolute;top:8px;right:8px;padding:4px 12px;background:#0009;color:#fff;border:none;border-radius:6px;font-size:.75rem;cursor:pointer}.ann-banner-remove:hover{background:#000c}.ann-chips-row{display:flex;flex-wrap:wrap;gap:8px}.ann-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:.82rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.ann-chip:hover{border-color:#94a3b8}.ann-chip.selected{border-color:#2563eb;background:#eff6ff;color:#2563eb;font-weight:600}.ann-chip-type.selected.type-notice{border-color:#f59e0b;background:#fefce8;color:#92400e}.ann-chip-type.selected.type-offer{border-color:#a16207;background:#fefce8;color:#a16207}.ann-chip-type.selected.type-event{border-color:#15803d;background:#f0fdf4;color:#15803d}.ann-chip-type.selected.type-holiday{border-color:#a21caf;background:#fdf4ff;color:#a21caf}.ann-chip-type.selected.type-update{border-color:#0d9488;background:#f0fdfa;color:#0d9488}.ann-chip-type.selected.type-urgent{border-color:#dc2626;background:#fef2f2;color:#dc2626}.ann-chip-priority.selected.pri-low{border-color:#64748b;background:#f1f5f9;color:#475569}.ann-chip-priority.selected.pri-normal{border-color:#2563eb;background:#eff6ff;color:#2563eb}.ann-chip-priority.selected.pri-high{border-color:#ea580c;background:#fff7ed;color:#ea580c}.ann-chip-priority.selected.pri-urgent{border-color:#dc2626;background:#fef2f2;color:#dc2626}.ann-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:#fff;transition:border-color .15s;box-sizing:border-box}.ann-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.ann-input.invalid{border-color:#dc2626}textarea.ann-input{min-height:100px;resize:vertical;font-family:inherit}.ann-date-hint{font-size:.75rem;color:#94a3b8;margin-top:4px}.ann-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ann-view-banner{width:100%;max-height:240px;object-fit:cover;border-radius:8px}.ann-view-row{display:flex;gap:10px;font-size:.9rem;align-items:flex-start}.ann-view-label{font-weight:600;color:#64748b;min-width:100px;flex-shrink:0}.ann-view-desc{color:#334155;line-height:1.6;white-space:pre-wrap}.emp-announcements{margin-bottom:1.5rem}.emp-announcements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.emp-announcements-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:800;color:#475569;letter-spacing:.5px;text-transform:uppercase;margin:0}.emp-announcements-title svg{color:#dc2626;font-size:1.1rem}.emp-ann-featured{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 8px #00000012;border:1px solid #e2e8f0;cursor:pointer;transition:box-shadow .2s,transform .2s}.emp-ann-featured:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-1px)}.emp-ann-featured-banner{position:relative;width:100%}.emp-ann-featured-img{width:100%;height:220px;object-fit:cover;display:block}.emp-ann-featured-nobanner{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);position:relative}.emp-ann-featured-emoji{font-size:3rem}.emp-ann-featured-badge{position:absolute;bottom:12px;left:16px}.emp-ann-featured-badge .ann-type-badge{font-size:.75rem;padding:4px 12px}.emp-ann-featured-body{padding:16px 20px}.emp-ann-featured-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:4px}.emp-ann-featured-desc{font-size:.85rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.emp-ann-featured-meta{margin-top:8px;font-size:.78rem;color:#94a3b8}.emp-ann-all-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e;margin:auto}.emp-ann-all-list{overflow-y:auto;padding:8px 0}.emp-ann-list-item{display:flex;gap:14px;padding:14px 20px;cursor:pointer;transition:background .12s;align-items:center}.emp-ann-list-item:hover{background:#f8fafc}.emp-ann-list-item+.emp-ann-list-item{border-top:1px solid #f1f5f9}.emp-ann-list-thumb{width:72px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f1f5f9}.emp-ann-list-thumb-placeholder{width:72px;height:52px;border-radius:8px;flex-shrink:0;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.emp-ann-list-info{flex:1;min-width:0}.emp-ann-list-title{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-ann-list-desc{font-size:.78rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-ann-list-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.72rem;color:#94a3b8}.emp-ann-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e;overflow:hidden;margin:auto}.emp-ann-detail-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e2e8f0}.emp-ann-detail-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.emp-ann-detail-banner{width:100%;max-height:260px;object-fit:cover;display:block}.emp-ann-detail-body{padding:20px 22px;overflow-y:auto}.emp-ann-detail-badges{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.emp-ann-detail-desc{font-size:.9rem;color:#334155;line-height:1.7;white-space:pre-wrap}.emp-ann-detail-meta{margin-top:16px;font-size:.78rem;color:#94a3b8;padding-top:12px;border-top:1px solid #f1f5f9}@media(max-width:640px){.ann-form-row{grid-template-columns:1fr}.emp-ann-featured-img{height:160px}}.emp-dashboard{display:flex;flex-direction:column;gap:1.5rem}.emp-loading{padding:2rem;text-align:center;color:var(--gray-500)}.emp-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:.875rem}.emp-dash-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#dc2626,#ef4444 55%,#2563eb);padding:1.5rem 2rem;border-radius:12px;color:#fff;box-shadow:0 6px 18px #dc26262e}.emp-dash-title{font-size:1.5rem;font-weight:700}.emp-dash-subtitle{font-size:.875rem;opacity:.85;margin-top:.25rem}.emp-dash-date{font-size:.875rem;opacity:.9;font-weight:500}.emp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.emp-stat-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.emp-stat-info{display:flex;flex-direction:column}.emp-stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.emp-stat-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);margin-top:.25rem}.emp-stat-sub{font-size:.75rem;color:var(--gray-400)}.emp-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.emp-dash-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.emp-dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.emp-dash-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.emp-dash-link{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer}.emp-dash-link:hover{text-decoration:underline}.emp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.emp-info-item{display:flex;flex-direction:column;gap:.125rem}.emp-info-label{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.emp-info-value{font-size:.9375rem;color:var(--gray-800)}.emp-info-mono{font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.emp-activity-list{display:flex;flex-direction:column;gap:.75rem}.emp-activity-item{display:flex;align-items:flex-start;gap:.75rem}.emp-activity-dot{width:8px;height:8px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.dot-success{background:var(--success)}.dot-info{background:var(--info)}.dot-pending{background:var(--warning)}.emp-activity-content{display:flex;flex-direction:column}.emp-activity-text{font-size:.875rem;color:var(--gray-700)}.emp-activity-time{font-size:.75rem;color:var(--gray-400)}.emp-upcoming-list{display:flex;flex-direction:column;gap:.5rem}.emp-upcoming-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--gray-100)}.emp-upcoming-item:last-child{border-bottom:none}.emp-upcoming-date{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-upcoming-info{display:flex;align-items:center;gap:.5rem}.emp-upcoming-type{font-size:.8125rem;color:var(--gray-500)}.emp-upcoming-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:20px}.status-approved{background:var(--success-light);color:#065f46}.status-holiday{background:var(--info-light);color:#1e40af}.emp-today-att{display:flex;flex-direction:column;gap:.625rem}.emp-att-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.emp-att-row:last-child{border-bottom:none}.emp-att-label{font-size:.875rem;color:var(--gray-500)}.emp-att-value{font-size:.875rem;font-weight:600;color:var(--gray-800)}.emp-att-green{color:#059669}.emp-att-muted{color:var(--gray-400)}.emp-empty-text{font-size:.875rem;color:var(--gray-400);text-align:center;padding:1rem 0}.emp-att-page{display:flex;flex-direction:column;gap:1.25rem}.emp-att-loading{padding:2rem;text-align:center;color:var(--gray-500);font-size:.9375rem}.emp-att-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.emp-att-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.emp-att-nav{display:flex;align-items:center;gap:.625rem}.emp-att-nav-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;font-size:1rem;transition:all .15s}.emp-att-nav-btn:hover{background:var(--gray-100);color:var(--gray-800)}.emp-att-month{font-size:1rem;font-weight:600;color:var(--gray-800);min-width:160px;text-align:center}.emp-att-view-toggle{display:flex;background:var(--gray-100);border-radius:6px;padding:.1875rem}.emp-att-view-btn{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.emp-att-view-btn.active{background:#fff;color:var(--gray-800);box-shadow:var(--shadow-sm)}.emp-att-summary-bar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius)}.emp-att-sum-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-600)}.emp-att-sum-dot{width:8px;height:8px;border-radius:50%}.emp-att-cal{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-att-cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.emp-att-cal-hd{text-align:center;font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;padding:.5rem 0}.emp-att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.emp-att-cal-cell{min-height:80px;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.125rem;border:1px solid var(--gray-100);transition:all .15s;position:relative}.emp-att-cal-empty{border:none;background:transparent}.emp-att-cal-day{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-att-cal-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.emp-att-cal-time{font-size:.6rem;color:var(--gray-500);font-weight:500}.emp-att-cal-time-out{color:var(--gray-400)}.emp-att-weekend{background:var(--gray-50);border-color:var(--gray-100)}.emp-att-weekend .emp-att-cal-day{color:var(--gray-400)}.emp-att-present{background:#f0fdf4;border-color:#bbf7d0}.emp-att-present .emp-att-cal-status{color:#059669}.emp-att-late{background:#fffbeb;border-color:#fde68a}.emp-att-late .emp-att-cal-status{color:#d97706}.emp-att-absent{background:#fef2f2;border-color:#fecaca}.emp-att-absent .emp-att-cal-status{color:#dc2626}.emp-att-leave{background:#eff6ff;border-color:#bfdbfe}.emp-att-leave .emp-att-cal-status{color:#2563eb}.emp-att-today{box-shadow:0 0 0 2px var(--primary)}.emp-break-section{margin-bottom:.25rem}.emp-break-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1rem 1.5rem;box-shadow:var(--shadow-sm)}.emp-break-left{display:flex;align-items:center;gap:1.25rem}.emp-break-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.emp-break-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:8px;border:none;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.emp-break-btn:disabled{opacity:.5;cursor:not-allowed}.emp-break-btn-start{background:var(--primary);color:#fff}.emp-break-btn-start:hover:not(:disabled){background:var(--primary-dark)}.emp-break-btn-stop{background:#dc2626;color:#fff;animation:emp-break-pulse 2s infinite}.emp-break-btn-stop:hover:not(:disabled){background:#b91c1c}.emp-break-icon{font-size:.75rem}.emp-break-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mp-spin .7s linear infinite}.emp-break-timer{display:flex;flex-direction:column;align-items:center;gap:.125rem}.emp-break-timer-label{font-size:.6875rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.emp-break-timer-value{font-size:1.5rem;font-weight:700;color:#dc2626;font-family:SF Mono,Fira Code,monospace;line-height:1}.emp-break-timer-max{font-size:.6875rem;color:var(--gray-400)}.emp-break-info{font-size:.8125rem;color:var(--gray-500)}.emp-break-history{font-size:.8125rem;color:var(--gray-600);font-weight:500}.emp-break-error{margin-top:.5rem;padding:.5rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8125rem}@keyframes emp-break-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.emp-att-list-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}.emp-att-list-table{width:100%;border-collapse:collapse;font-size:.875rem}.emp-att-list-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.emp-att-list-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.emp-att-list-date{font-weight:600}.badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-info{background:var(--info-light);color:#1e40af}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.emp-leave-page{display:flex;flex-direction:column;gap:1.25rem}.emp-leave-balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.emp-leave-balance-single{max-width:400px}.emp-leave-balance-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.emp-lb-type{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-lb-remaining{font-size:.875rem;font-weight:700;color:#059669}.emp-lb-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.emp-lb-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.emp-lb-details{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:var(--gray-400)}.emp-lb-pending{color:var(--warning);font-weight:500}.emp-leave-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.emp-leave-history-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.emp-leave-filters{display:flex;gap:.375rem}.emp-leave-filter-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s}.emp-leave-filter-btn:hover{border-color:var(--gray-300);color:var(--gray-700)}.emp-leave-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.emp-leave-table-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}.emp-leave-table{width:100%;border-collapse:collapse;font-size:.875rem}.emp-leave-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.emp-leave-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.emp-leave-type-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.emp-leave-type-icon{color:var(--primary);font-size:1rem}.emp-leave-reason{max-width:260px}.emp-leave-reason>div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-note-block{margin-top:.375rem;padding:.5rem .625rem;background:var(--gray-50, #f9fafb);border-left:3px solid var(--gray-300, #d1d5db);border-radius:6px;font-size:.75rem;color:var(--gray-700, #374151);line-height:1.4;white-space:normal}.leave-note-block-approved{border-left-color:#10b981;background:#ecfdf5;color:#065f46}.leave-note-block-rejected{border-left-color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2);color:var(--primary-dark, #b91c1c)}.leave-note-block-author{display:block;font-size:.6875rem;font-weight:600;opacity:.75;margin-top:2px}.leave-note-block-label{display:inline-block;margin-right:4px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;opacity:.85}.emp-leave-empty{text-align:center;color:var(--gray-400);padding:2rem 1rem!important}.emp-leave-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:none;border:1px solid var(--gray-200);color:var(--gray-400);cursor:pointer;transition:all .15s}.emp-leave-cancel-btn:hover{background:var(--danger-light);border-color:#fecaca;color:var(--danger)}.emp-leave-form{display:flex;flex-direction:column;gap:1rem}.emp-leave-date-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.emp-leave-days-badge{display:inline-flex;align-self:flex-start;padding:.25rem .75rem;background:var(--primary-50);color:var(--primary);font-size:.8125rem;font-weight:600;border-radius:20px}.emp-leave-halfday-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--gray-700);-webkit-user-select:none;user-select:none}.emp-leave-halfday-label input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.emp-leave-halfday-options{display:flex;gap:1rem;margin-top:.5rem;padding-left:.25rem}.emp-leave-halfday-radio{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.8125rem;color:var(--gray-700);-webkit-user-select:none;user-select:none;padding:.375rem .75rem;border:1px solid var(--gray-300);border-radius:6px;transition:all .15s}.emp-leave-halfday-radio:has(input:checked){border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.emp-leave-halfday-radio input[type=radio]{accent-color:var(--primary);width:14px;height:14px;cursor:pointer}.emp-leave-hd-tag{display:inline-block;margin-left:.25rem;font-size:.6875rem;font-weight:500;padding:.1rem .375rem;background:var(--primary-50);color:var(--primary);border-radius:4px;white-space:nowrap}.emp-leave-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--gray-200)}.emp-profile-page{display:flex;flex-direction:column;gap:1.5rem}.mp-loading{padding:2rem;text-align:center;color:var(--gray-500);font-size:.9375rem}.mp-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem}.mp-toast{padding:.75rem 1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.mp-toast-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.emp-skill-tags{display:flex;flex-wrap:wrap;gap:.375rem}.emp-skill-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:var(--primary-50);color:var(--primary-dark);font-size:.75rem;font-weight:600;border-radius:20px}.mp-avatar-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:mp-spin .7s linear infinite}.mp-avatar-edit:disabled{opacity:.7;cursor:not-allowed}.mp-avatar-edit:disabled:hover{background:#fff;color:var(--gray-600);border-color:var(--gray-200)}@keyframes mp-spin{to{transform:rotate(360deg)}}.emp-payroll-page{display:flex;flex-direction:column;gap:1.5rem}.ep-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ep-summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.ep-card-net{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,#2563eb 100%);border:none;color:#fff;box-shadow:0 8px 20px #dc26262e}.ep-card-net .ep-sum-label{color:#fffc}.ep-card-net .ep-sum-value{color:#fff}.ep-card-net .ep-sum-sub{color:#ffffffb3}.ep-sum-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin-bottom:.25rem}.ep-sum-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.1}.ep-sum-sub{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.ep-sum-red{color:#dc2626}.ep-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ep-breakdown-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.ep-breakdown-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .15s}.ep-breakdown-header:hover{background:var(--gray-50)}.ep-breakdown-header h3{font-size:1rem;font-weight:600;color:var(--gray-800)}.ep-breakdown-header svg{font-size:1.125rem;color:var(--gray-400)}.ep-breakdown-body{padding:.25rem 0}.ep-break-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;font-size:.875rem;color:var(--gray-600)}.ep-break-row:not(:last-child){border-bottom:1px solid var(--gray-50)}.ep-break-amt{font-weight:600;color:var(--gray-800);font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.ep-break-red{color:#dc2626}.ep-break-total{background:var(--gray-50);font-weight:600;color:var(--gray-800);border-top:1px solid var(--gray-200)!important;margin-top:.25rem;padding:.75rem 1.25rem}.ep-slips-section{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.ep-slips-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.ep-slips-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.ep-year-filter{padding:.375rem .75rem;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem;color:var(--gray-700);outline:none;cursor:pointer}.ep-year-filter:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-100)}.ep-slips-table-wrap{overflow-x:auto}.ep-slips-table{width:100%;border-collapse:collapse;font-size:.875rem}.ep-slips-table th{text-align:left;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.ep-slips-table td{padding:.75rem 1.25rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.ep-empty-slips{text-align:center;color:var(--gray-500);padding:1.5rem!important}.ep-slip-month{font-weight:600;color:var(--gray-800)}.ep-slip-ded{color:#dc2626}.ep-slip-net{font-weight:700;color:var(--primary-dark)}.ep-slip-actions{display:flex;gap:.375rem}.ep-slip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);cursor:pointer;font-size:1rem;transition:all .15s}.ep-slip-btn:hover{background:var(--gray-100);color:var(--gray-700)}.ep-slip-download:hover{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}.ep-slip-modal{display:flex;flex-direction:column;gap:1.25rem}.ep-slip-modal-header{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-100)}.ep-slip-modal-header h4{font-size:1rem;font-weight:700;color:var(--gray-900)}.ep-slip-modal-header p{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.ep-slip-modal-emp{text-align:right}.ep-slip-modal-emp p{font-size:.8125rem;color:var(--gray-600)}.ep-slip-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ep-slip-modal-section-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:2px solid}.ep-color-green{color:#2563eb;border-color:#bfdbfe}.ep-color-red{color:#dc2626;border-color:#fecaca}.ep-slip-modal-rows{display:flex;flex-direction:column}.ep-slip-modal-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.8125rem;color:var(--gray-600)}.ep-slip-modal-row span:last-child{font-weight:600;color:var(--gray-800);font-family:SF Mono,Fira Code,monospace}.ep-slip-modal-total{font-weight:700;border-top:1px solid var(--gray-200);margin-top:.375rem;padding-top:.5rem;color:var(--gray-800)}.ep-slip-modal-total span:last-child{color:var(--gray-900)}.ep-slip-modal-net{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary),#2563eb);border-radius:var(--border-radius);color:#fff;font-size:1.125rem;font-weight:700}.ep-slip-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--gray-200)}.emp-settings-page,.emp-settings-sections{display:flex;flex-direction:column;gap:1.5rem}.emp-settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem}.emp-settings-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.emp-handbook-page{display:flex;flex-direction:column;gap:1.5rem}.emp-handbook-viewer{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);overflow:hidden;min-height:60vh;box-shadow:var(--shadow-sm)}.emp-handbook-iframe{width:100%;height:75vh;min-height:500px;border:none;display:block}.emp-handbook-empty{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;color:var(--gray-600)}.emp-handbook-empty p{margin:.5rem 0}.emp-handbook-empty-hint{font-size:.875rem;color:var(--gray-500)}@media(max-width:1024px){.emp-stats-grid,.emp-leave-balance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.emp-dash-welcome{flex-direction:column;gap:.5rem;text-align:center}.emp-stats-grid,.emp-dash-grid,.emp-leave-balance-grid{grid-template-columns:1fr}.emp-break-card{flex-direction:column;align-items:stretch}.emp-break-left{flex-wrap:wrap}.emp-break-right{align-items:flex-start}.emp-att-cal-cell{min-height:60px;padding:.25rem}.emp-att-cal-time{display:none}.emp-leave-date-row,.ep-summary-row,.ep-breakdown-grid,.ep-slip-modal-grid{grid-template-columns:1fr}.ep-slip-modal-header{flex-direction:column;gap:.5rem}.ep-slip-modal-emp{text-align:left}}.emp-timesheet-page{display:flex;flex-direction:column;gap:1.5rem}.emp-ts-dashboard{width:100%;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000f}.emp-ts-dash-header{margin-bottom:1rem}.emp-ts-dash-heading{display:flex;align-items:flex-start;gap:.875rem}.emp-ts-dash-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;font-size:1.35rem;flex-shrink:0}.emp-ts-dash-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827);line-height:1.3}.emp-ts-dash-sub{margin:.35rem 0 0;font-size:.875rem;color:var(--gray-500, #6b7280);line-height:1.4}.emp-ts-dash-sub strong{color:var(--gray-800, #1f2937);font-weight:700}.emp-ts-dash-error{margin:.75rem 0 0;font-size:.8125rem;color:#b91c1c}.emp-ts-dash-loading{padding:2.5rem 1rem;text-align:center;color:var(--gray-500, #6b7280);font-size:.9375rem}.emp-ts-dash-charts{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}@media(max-width:960px){.emp-ts-dash-charts{grid-template-columns:1fr}}.emp-ts-dash-chart-box{display:flex;flex-direction:column;min-width:0;padding:1rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-100, #f3f4f6);border-radius:10px}.emp-ts-dash-chart-title{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--gray-800, #1f2937)}.emp-ts-dash-chart-inner{flex:1;min-height:320px}.emp-ts-dash-pie-wrap{display:flex;align-items:center;justify-content:center}.emp-ts-dash-empty{margin:0;padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--gray-400, #9ca3af)}.emp-ts-filters{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:0;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:border-color .15s,box-shadow .15s}.emp-ts-filters.has-active{border-color:var(--primary-100);box-shadow:0 2px 10px #dc26260f}.emp-ts-filters-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:linear-gradient(to right,var(--primary-50),white 70%);border-bottom:1px solid var(--gray-100)}.emp-ts-filters-title{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--gray-800);margin-bottom:0}.emp-ts-filters-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--primary);color:#fff;font-size:.85rem}.emp-ts-filters-icon svg{width:14px;height:14px}.emp-ts-filters-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;margin-left:4px}.emp-ts-filters-clear-link{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--primary);border-radius:6px;transition:background .15s}.emp-ts-filters-clear-link:hover{background:var(--primary-50)}.emp-ts-filters-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.emp-ts-filter-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.emp-ts-filter-row-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);min-width:50px}.emp-ts-filter-row-inline{gap:.75rem;padding-left:64px}.emp-ts-filter-row-selects{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding-top:.5rem;border-top:1px dashed var(--gray-100)}.emp-ts-time-pills{display:inline-flex;gap:4px;padding:4px;background:var(--gray-100);border-radius:10px;flex-wrap:wrap}.emp-ts-time-pill{padding:6px 14px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-size:.825rem;font-weight:600;color:var(--gray-600);transition:all .15s}.emp-ts-time-pill:hover:not(.is-active){color:var(--gray-900);background:#ffffff80}.emp-ts-time-pill.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0f172a1a}.emp-ts-select-field{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;transition:border-color .15s,background .15s}.emp-ts-select-field.is-active{border-color:var(--primary-100);background:var(--primary-50)}.emp-ts-select-field .emp-ts-filter-label{display:inline-flex;align-items:center;gap:4px;font-size:.68rem}.emp-ts-select-field .emp-ts-filter-label svg{width:12px;height:12px;color:var(--primary)}.emp-ts-select-field .emp-ts-filter-control{padding:4px 0;border:none;background:transparent;font-weight:600;font-size:.875rem}.emp-ts-select-field .emp-ts-filter-control:focus{box-shadow:none;border:none}.emp-ts-filter-inline{display:flex;flex-direction:column;gap:4px;min-width:160px}.emp-ts-filter-inline .emp-ts-filter-label{font-size:.68rem}.emp-ts-filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:.75rem 1.25rem;background:var(--gray-50);border-top:1px solid var(--gray-100)}.emp-ts-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:#fff;border:1px solid var(--primary-100);border-radius:14px;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--gray-800);transition:all .15s}.emp-ts-filter-chip:hover{background:var(--primary-50);border-color:var(--primary)}.emp-ts-filter-chip-icon{display:inline-flex;color:var(--primary)}.emp-ts-filter-chip-icon svg{width:12px;height:12px}.emp-ts-filter-chip-label{white-space:nowrap}.emp-ts-filter-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;background:var(--gray-100);border-radius:50%;font-size:.85rem;line-height:1;font-weight:700;color:var(--gray-600);transition:all .15s}.emp-ts-filter-chip:hover .emp-ts-filter-chip-x{background:var(--primary);color:#fff}.emp-ts-filters-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.875rem 1.25rem}.emp-ts-filter-field{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.emp-ts-filter-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500, #6b7280)}.emp-ts-filter-hint{display:block;margin-top:-.1rem;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--gray-500, #6b7280);line-height:1.35;max-width:320px}.emp-ts-filter-week-readout{margin-top:.35rem}.emp-ts-filter-week-dates{display:block;margin-bottom:.35rem;font-size:.8125rem;font-weight:700;color:var(--gray-800, #1f2937)}.emp-ts-filter-week-explainer{font-size:.75rem;color:var(--gray-500, #6b7280);line-height:1.45}.emp-ts-filter-week-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem;font-weight:600;color:var(--gray-700, #374151);background:var(--gray-100, #f3f4f6);padding:.1rem .35rem;border-radius:4px}.emp-ts-filter-field--week{flex-basis:100%;min-width:min(100%,320px)}.emp-ts-week-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;margin-bottom:.35rem}.emp-ts-week-preset{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);cursor:pointer}.emp-ts-week-preset input{accent-color:var(--primary, #ef4444)}.emp-ts-week-calendar{max-width:220px;margin-top:.25rem}.emp-ts-filter-control{padding:.5rem .75rem;font-size:.875rem;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s}.emp-ts-filter-control:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f11f}.emp-ts-filter-actions{display:flex;align-items:flex-end;margin-left:auto}@media(max-width:640px){.emp-ts-filter-actions{margin-left:0;width:100%}.emp-ts-filter-actions .btn{width:100%}}.emp-timesheet-table-wrap{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000f}.emp-timesheet-table{width:100%;border-collapse:collapse;font-size:.95rem}.emp-timesheet-table th{text-align:left;padding:.85rem 1rem;background:var(--gray-50, #f9fafb);font-weight:600;color:var(--gray-600, #4b5563);border-bottom:1px solid var(--gray-200, #e5e7eb);white-space:nowrap}.emp-timesheet-table td{padding:.85rem 1rem;border-bottom:1px solid var(--gray-100, #f3f4f6);color:var(--gray-700, #374151)}.emp-timesheet-table tbody tr:hover{background:var(--gray-50, #f9fafb)}.emp-ts-row{cursor:pointer;transition:background .12s}.emp-ts-row:hover{background:var(--primary-50)!important}.emp-ts-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.emp-ts-desc{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-ts-details{display:flex;flex-direction:column;gap:1rem}.emp-ts-details-hero{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50, #eff6ff) 100%);border:1px solid var(--primary-100);border-radius:10px}.emp-ts-details-hero-left{display:flex;flex-direction:column;gap:4px}.emp-ts-details-date{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em}.emp-ts-details-date svg{width:14px;height:14px;color:var(--primary)}.emp-ts-details-hours{font-size:1.65rem;font-weight:800;color:var(--gray-900);font-variant-numeric:tabular-nums;line-height:1}.emp-ts-details-cat{align-self:flex-start}.emp-ts-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.emp-ts-details-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px}.emp-ts-details-row-full{grid-column:1 / -1}.emp-ts-details-row dt{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--gray-500)}.emp-ts-details-row dt svg{width:13px;height:13px}.emp-ts-details-row dd{margin:0;font-size:.9rem;color:var(--gray-900);font-weight:500}.emp-ts-details-description{font-weight:400!important;line-height:1.55;white-space:pre-wrap;word-break:break-word}.emp-ts-details-muted{color:var(--gray-500);font-weight:400}.emp-ts-details-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--gray-200)}.emp-ts-details-locked{flex:1;font-size:.78rem;color:var(--gray-500);display:inline-flex;align-items:center}@media(max-width:640px){.emp-ts-details-grid{grid-template-columns:1fr}.emp-ts-details-hero{flex-direction:column;align-items:flex-start}}.emp-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--gray-500, #6b7280);background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px}.emp-error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.emp-loading{text-align:center;padding:3rem 1.5rem;color:var(--gray-500, #6b7280)}.btn-icon{background:none;border:none;cursor:pointer;padding:.35rem;border-radius:6px;color:var(--gray-500, #6b7280);transition:all .15s}.btn-icon:hover{background:var(--gray-100, #f3f4f6);color:var(--gray-900, #111827)}.form-error{color:#dc2626;font-size:.85rem;margin:0}.emp-breaks-page{display:flex;flex-direction:column;gap:1.5rem}.emp-breaks-dashboard{width:100%;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000f}.emp-breaks-dash-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.emp-breaks-dash-heading{display:flex;align-items:flex-start;gap:.875rem}.emp-breaks-dash-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;font-size:1.35rem;flex-shrink:0}.emp-breaks-dash-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827)}.emp-breaks-dash-sub{margin:.35rem 0 0;font-size:.875rem;color:var(--gray-500, #6b7280);line-height:1.4}.emp-breaks-dash-period{display:flex;flex-direction:column;gap:.35rem;min-width:160px}.emp-breaks-dash-period-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500, #6b7280)}.emp-breaks-dash-period-select{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.emp-breaks-dash-period-select:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f11f}.emp-breaks-dash-body{display:block}.emp-breaks-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.emp-breaks-stat-cards{grid-template-columns:1fr}}.emp-breaks-stat-card{display:flex;align-items:flex-start;gap:.875rem;padding:1.1rem 1.15rem;border-radius:10px;border:1px solid var(--gray-100, #f3f4f6);background:var(--gray-50, #f9fafb);text-align:left;transition:transform .15s ease,box-shadow .15s ease}.emp-breaks-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.emp-breaks-stat-total{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0}.emp-breaks-stat-lunch{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd}.emp-breaks-stat-evening{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff}.emp-breaks-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;color:var(--gray-600, #4b5563);font-size:1.35rem;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.emp-breaks-stat-lunch .emp-breaks-stat-icon{color:#0284c7}.emp-breaks-stat-evening .emp-breaks-stat-icon{color:#7c3aed}.emp-breaks-stat-total .emp-breaks-stat-icon{color:#475569}.emp-breaks-stat-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.emp-breaks-stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500, #6b7280)}.emp-breaks-stat-value{font-size:1.5rem;font-weight:800;color:var(--gray-900, #111827);line-height:1.15;font-variant-numeric:tabular-nums}.emp-breaks-stat-hint{font-size:.75rem;color:var(--gray-400, #9ca3af);line-height:1.3}.emp-breaks-history-title{margin:0;font-size:1rem;font-weight:600;color:var(--gray-800, #1f2937)}.emp-breaks-empty-card{text-align:center;padding:3rem 1.5rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000000f}.emp-breaks-empty-icon{font-size:2.5rem;color:#94a3b8;margin-bottom:.75rem}.emp-breaks-empty-title{margin:0 0 .5rem;color:#334155;font-size:1.1rem;font-weight:600}.emp-breaks-empty-desc{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}.payroll-gate{display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem}.payroll-gate-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center}.payroll-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:1.75rem;margin-bottom:1.25rem}.payroll-gate-title{font-size:1.35rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.payroll-gate-desc{font-size:.9rem;color:#64748b;margin:0 0 1.5rem;line-height:1.5}.payroll-gate-form{display:flex;flex-direction:column;gap:.75rem}.payroll-gate-input-wrap{position:relative;display:flex;align-items:center}.payroll-gate-input-icon{position:absolute;left:14px;font-size:1.1rem;color:#94a3b8;pointer-events:none}.payroll-gate-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:border-color .2s;outline:none}.payroll-gate-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #6366f11a}.payroll-gate-error{background:#fef2f2;color:#dc2626;font-size:.85rem;padding:.5rem .75rem;border-radius:8px;text-align:left}.payroll-gate-btn{padding:.75rem;font-size:.95rem;border-radius:10px;font-weight:600}.payroll-gate-btn-back{padding:.6rem;font-size:.85rem;border-radius:10px}.payroll-gate-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.payroll-gate-step{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#94a3b8;font-weight:500}.payroll-gate-step.active{color:#ef4444;font-weight:600}.payroll-gate-step.done{color:#22c55e;font-weight:600}.payroll-gate-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f1f5f9;font-size:.7rem;font-weight:700}.payroll-gate-step.active .payroll-gate-step-num{background:#ef4444;color:#fff}.payroll-gate-step.done .payroll-gate-step-num{background:#22c55e;color:#fff}.payroll-gate-step-line{width:40px;height:2px;background:#e2e8f0;border-radius:2px}@media(max-width:480px){.payroll-gate-card{padding:2rem 1.25rem}}.emp-wh-page{display:flex;flex-direction:column;gap:1rem}.emp-wh-error{padding:.625rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.85rem}.emp-wh-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:.625rem .875rem;box-shadow:var(--shadow-sm)}.emp-wh-toggle{display:inline-flex;background:var(--gray-100);border-radius:8px;padding:3px;gap:2px}.emp-wh-toggle-btn{padding:.4rem 1rem;border:none;background:transparent;font-size:.8125rem;font-weight:600;color:var(--gray-500);border-radius:6px;cursor:pointer;transition:all .15s}.emp-wh-toggle-btn:hover:not(.is-active){color:var(--gray-700)}.emp-wh-toggle-btn.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #00000014}.emp-wh-nav{display:inline-flex;align-items:center;gap:.5rem}.emp-wh-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--gray-200);background:#fff;border-radius:8px;color:var(--gray-600);cursor:pointer;transition:all .15s}.emp-wh-nav-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.emp-wh-nav-label{font-weight:600;font-size:.9375rem;color:var(--gray-800);min-width:200px;text-align:center}.emp-wh-today-btn{padding:.4rem .875rem;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);font-size:.8125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .15s}.emp-wh-today-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.emp-wh-progress-card{background:linear-gradient(135deg,white 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:12px;padding:1.125rem 1.25rem;box-shadow:var(--shadow-sm)}.emp-wh-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.625rem}.emp-wh-progress-title{font-size:.9375rem;font-weight:700;color:var(--gray-800)}.emp-wh-progress-figure{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.emp-wh-progress-figure-met{color:#047857}.emp-wh-progress-figure-short{color:#b45309}.emp-wh-progress-bar{height:10px;background:var(--gray-100);border-radius:999px;overflow:hidden}.emp-wh-progress-fill{height:100%;border-radius:999px;transition:width .45s ease}.emp-wh-progress-fill-100{background:linear-gradient(90deg,#059669,#10b981)}.emp-wh-progress-fill-75{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.emp-wh-progress-fill-50{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.emp-wh-progress-fill-low{background:linear-gradient(90deg,#dc2626,#ef4444)}.emp-wh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:720px){.emp-wh-stats{grid-template-columns:repeat(2,1fr)}}.emp-wh-stat{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);overflow:hidden}.emp-wh-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--stat-color, var(--primary))}.emp-wh-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:1.125rem;background:var(--stat-bg, var(--primary-50));color:var(--stat-color, var(--primary));flex-shrink:0}.emp-wh-stat-body{display:flex;flex-direction:column;min-width:0}.emp-wh-stat-value{font-size:1.25rem;font-weight:700;color:var(--gray-900);line-height:1.1;font-variant-numeric:tabular-nums}.emp-wh-stat-label{font-size:.6875rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-top:.125rem}.emp-wh-cal-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}.emp-wh-cal-head{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.emp-wh-cal-head-cell{font-size:.6875rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:6px 0}.emp-wh-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.emp-wh-cal-pad{aspect-ratio:1 / 1;min-height:78px;background:transparent}.emp-wh-cal-cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1 / 1;min-height:78px;padding:6px 8px 8px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;transition:transform .15s,box-shadow .15s,border-color .15s;cursor:default;overflow:hidden}.emp-wh-cal-cell:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000f;border-color:var(--gray-300);z-index:2}.emp-wh-cal-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.emp-wh-cal-day{font-size:.75rem;font-weight:600;color:var(--gray-600);line-height:1}.emp-wh-cal-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.emp-wh-cal-dot-present{background:#10b981}.emp-wh-cal-dot-late{background:#f59e0b}.emp-wh-cal-dot-leave{background:#2563eb}.emp-wh-cal-dot-absent{background:#ef4444}.emp-wh-cal-hrs{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--gray-900)}.emp-wh-cal-hrs-unit{font-size:.625rem;font-weight:600;color:var(--gray-400);margin-left:2px}.emp-wh-cal-bar{height:3px;background:var(--gray-100);border-radius:2px;overflow:hidden;margin-top:4px}.emp-wh-cal-bar-fill{height:100%;border-radius:2px}.emp-wh-cal-bar-fill-full{background:#10b981}.emp-wh-cal-bar-fill-mid{background:#f59e0b}.emp-wh-cal-bar-fill-low{background:#ef4444}.emp-wh-cal-status-text{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.emp-wh-cal-status-leave{color:#2563eb}.emp-wh-cal-status-absent{color:#dc2626}.emp-wh-cal-status-weekend{color:var(--gray-400)}.emp-wh-cal-cell-weekend{background:var(--gray-50);border-color:var(--gray-100)}.emp-wh-cal-cell-weekend .emp-wh-cal-day{color:var(--gray-400)}.emp-wh-cal-cell-full{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.emp-wh-cal-cell-mid{background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#fde68a}.emp-wh-cal-cell-low{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.emp-wh-cal-cell-leave{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.emp-wh-cal-cell-absent{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.emp-wh-cal-cell-today{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.emp-wh-cal-cell-today .emp-wh-cal-day{color:var(--primary);font-weight:700}.emp-wh-cal-today-pill{position:absolute;top:-1px;right:-1px;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--primary);color:#fff;padding:1px 6px;border-bottom-left-radius:8px;border-top-right-radius:8px}.emp-wh-cal-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.875rem;margin-top:.875rem;padding-top:.875rem;border-top:1px dashed var(--gray-200);font-size:.75rem;color:var(--gray-500)}.emp-wh-cal-legend-item{display:inline-flex;align-items:center;gap:.375rem}.emp-wh-cal-legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.05)}.emp-wh-cal-legend-swatch-full{background:linear-gradient(135deg,#f0fdf4,#bbf7d0)}.emp-wh-cal-legend-swatch-mid{background:linear-gradient(135deg,#fffbeb,#fde68a)}.emp-wh-cal-legend-swatch-low{background:linear-gradient(135deg,#fef2f2,#fecaca)}.emp-wh-cal-legend-swatch-leave{background:linear-gradient(135deg,#eff6ff,#bfdbfe)}.emp-wh-cal-legend-swatch-weekend{background:var(--gray-50);border-color:var(--gray-200)}.emp-wh-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm)}@media(max-width:720px){.emp-wh-week{grid-template-columns:repeat(7,minmax(96px,1fr));overflow-x:auto}}.emp-wh-week-cell{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .625rem;border:1px solid var(--gray-200);border-radius:10px;background:#fff;min-height:130px}.emp-wh-week-cell-today{border:2px solid var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.emp-wh-week-dayname{font-size:.6875rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.emp-wh-week-daynum{font-size:1.25rem;font-weight:700;color:var(--gray-900);line-height:1}.emp-wh-week-cell-today .emp-wh-week-daynum,.emp-wh-week-cell-today .emp-wh-week-dayname{color:var(--primary)}.emp-wh-week-hrs{margin-top:auto;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-800)}.emp-wh-week-hrs-unit{font-size:.625rem;font-weight:600;color:var(--gray-400)}.emp-wh-table-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.emp-wh-table{width:100%;border-collapse:collapse;font-size:.875rem}.emp-wh-table th{padding:.625rem .875rem;text-align:left;font-size:.6875rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.emp-wh-table td{padding:.625rem .875rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.8125rem}.emp-wh-table tr:last-child td{border-bottom:none}.emp-wh-table tr.is-weekend td{background:var(--gray-50);color:var(--gray-400)}.emp-wh-loading{padding:2.5rem;text-align:center;color:var(--gray-500);font-size:.9375rem}.mp-security-section{margin-top:1.5rem}@keyframes ts-modal-spin{to{transform:rotate(360deg)}}.emp-ts-modal{display:flex;flex-direction:column;gap:1.125rem}.emp-ts-date-strip{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50, #eff6ff) 100%);border:1px solid var(--primary-100);border-radius:10px}.emp-ts-date-strip-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary);color:#fff;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 10px #dc262640}.emp-ts-date-strip-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.emp-ts-date-strip-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark)}.emp-ts-date-strip-value{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.emp-ts-strip-sep{font-weight:500;opacity:.75}.emp-ts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem 1rem}@media(max-width:560px){.emp-ts-grid{grid-template-columns:1fr}}.emp-ts-field{display:flex;flex-direction:column;gap:.375rem}.emp-ts-field-full{grid-column:1 / -1}.emp-ts-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--gray-700, #374151)}.emp-ts-label svg{font-size:1.05rem;color:var(--gray-400, #9ca3af)}.emp-ts-label-inline{margin:0}.emp-ts-hint{margin:0;font-size:.75rem;color:var(--gray-400, #9ca3af);line-height:1.35}.emp-ts-readonly{padding:.625rem .875rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.875rem;color:var(--gray-700, #374151)}.emp-ts-select-wrap{position:relative}.emp-ts-select-wrap:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--gray-500, #6b7280);pointer-events:none}.emp-ts-select-wrap--date:after{display:none}.emp-ts-select{width:100%;padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}.emp-ts-select:hover:not(:disabled){border-color:var(--gray-300, #d1d5db)}.emp-ts-select:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f126}.emp-ts-select:disabled,.emp-ts-select-muted{background:var(--gray-50, #f9fafb);color:var(--gray-400, #9ca3af);cursor:not-allowed}.emp-ts-input-date{width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.emp-ts-input-date:hover{border-color:var(--gray-300, #d1d5db)}.emp-ts-input-date:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f126}.emp-ts-time-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.emp-ts-total-pill{font-size:.8125rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280);transition:background .2s,color .2s}.emp-ts-total-pill-active{background:#dbeafe;color:#1d4ed8}.emp-ts-presets{display:flex;flex-wrap:wrap;gap:.375rem}.emp-ts-preset{padding:.35rem .75rem;font-size:.8125rem;font-weight:600;border-radius:8px;border:1px solid var(--gray-200, #e5e7eb);background:#fff;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.emp-ts-preset:hover{border-color:var(--primary, #ef4444);color:var(--primary, #ef4444);background:#6366f10f}.emp-ts-preset-active{border-color:var(--primary, #ef4444);background:var(--primary, #ef4444);color:#fff}.emp-ts-preset-active:hover{background:#dc2626;border-color:#dc2626;color:#fff}.emp-ts-preset-ghost{border-style:dashed;color:var(--gray-400, #9ca3af)}.emp-ts-preset-ghost:hover{border-color:var(--gray-400, #9ca3af);color:var(--gray-600, #4b5563)}.emp-ts-time-inputs{display:flex;align-items:stretch;gap:.5rem;padding:.75rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:10px}.emp-ts-time-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:0}.emp-ts-time-num{width:100%;max-width:120px;padding:.5rem;text-align:center;font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gray-900, #111827);border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.emp-ts-time-num:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f11f}.emp-ts-time-num::-webkit-outer-spin-button,.emp-ts-time-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.emp-ts-time-num{-moz-appearance:textfield}.emp-ts-time-unit{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500, #6b7280)}.emp-ts-time-sep{align-self:center;font-size:1.25rem;font-weight:700;color:var(--gray-300, #d1d5db);padding-top:.25rem}.emp-ts-textarea{width:100%;padding:.75rem .875rem;font-size:.875rem;line-height:1.45;color:var(--gray-800, #1f2937);border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;resize:vertical;min-height:88px;transition:border-color .15s,box-shadow .15s}.emp-ts-textarea:focus{outline:none;border-color:var(--primary, #ef4444);box-shadow:0 0 0 3px #6366f11f}.emp-ts-textarea::placeholder{color:var(--gray-400, #9ca3af)}.emp-ts-error{padding:.625rem .875rem;font-size:.8125rem;font-weight:500;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.emp-ts-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.25rem;margin-top:.25rem;border-top:1px solid var(--gray-100, #f3f4f6)}.emp-ts-submit{display:inline-flex;align-items:center;gap:.5rem}.emp-ts-submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ts-modal-spin .65s linear infinite}.timesheet-page{display:flex;flex-direction:column;gap:1.5rem}.ts-admin-dashboard{padding:1.15rem 1.25rem;background:linear-gradient(135deg,#fafafa,#f4f4f5);border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 2px #0000000a}.ts-admin-dash-header{margin-bottom:1rem}.ts-admin-dash-heading{display:flex;align-items:flex-start;gap:.75rem}.ts-admin-dash-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;color:#dc2626;font-size:1.25rem;flex-shrink:0;box-shadow:0 1px 2px #0000000f}.ts-admin-dash-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--gray-900, #111827);letter-spacing:-.02em}.ts-admin-dash-sub{margin:.2rem 0 0;font-size:.8125rem;color:var(--gray-500, #6b7280);line-height:1.4}.ts-admin-dash-loading{padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--gray-500, #6b7280)}.ts-admin-dash-total-card{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.15rem;margin-bottom:1.25rem;background:#fff;border:1px solid var(--gray-100, #f3f4f6);border-radius:10px;box-shadow:0 1px 2px #0000000a}.ts-admin-dash-total-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, #6b7280)}.ts-admin-dash-total-value{font-size:1.75rem;font-weight:800;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums;line-height:1.15}.ts-admin-dash-total-meta{font-size:.8125rem;color:var(--gray-400, #9ca3af)}.ts-admin-dash-charts{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:960px){.ts-admin-dash-charts{grid-template-columns:1fr}}.ts-admin-dash-chart-box{padding:.85rem 1rem;background:#fff;border:1px solid var(--gray-100, #f3f4f6);border-radius:10px;min-width:0}.ts-admin-dash-chart-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--gray-800, #1f2937)}.ts-admin-dash-chart-inner{min-height:200px}.ts-admin-dash-empty{margin:0;padding:2rem 1rem;text-align:center;font-size:.875rem;color:var(--gray-400, #9ca3af)}.timesheet-filters-card{padding:1rem 1.15rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:10px}.timesheet-filters-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);margin-bottom:.875rem}.timesheet-filters-title svg{font-size:1rem;color:var(--gray-500, #6b7280)}.timesheet-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.875rem 1rem;align-items:end}.timesheet-filter-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.timesheet-filter-label{font-size:.75rem;font-weight:600;color:var(--gray-500, #6b7280);text-transform:uppercase;letter-spacing:.03em}.timesheet-filter-hint{display:block;margin-top:.25rem;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--gray-500, #6b7280);line-height:1.35;max-width:320px}.timesheet-filter-week-readout{margin:.35rem 0 0}.timesheet-filter-week-dates{display:block;margin-bottom:.35rem;font-size:.8125rem;font-weight:700;color:var(--gray-800, #1f2937)}.timesheet-filter-week-explainer{font-size:.75rem;color:var(--gray-500, #6b7280);line-height:1.45}.timesheet-filter-week-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem;font-weight:600;color:var(--gray-700, #374151);background:var(--gray-100, #f3f4f6);padding:.1rem .35rem;border-radius:4px}.timesheet-filter-field--week{grid-column:1 / -1;max-width:100%}.timesheet-week-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;margin-bottom:.35rem}.timesheet-week-preset{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151);cursor:pointer}.timesheet-week-preset input{accent-color:var(--primary, #ef4444)}.timesheet-week-calendar{max-width:220px;margin-top:.25rem}.timesheet-filter-actions{display:flex;align-items:flex-end;grid-column:1 / -1}@media(min-width:900px){.timesheet-filter-actions{grid-column:auto;justify-content:flex-end}}.filter-select{min-width:0;padding:.5rem .75rem;border:1px solid var(--gray-300, #d1d5db);border-radius:8px;font-size:.9rem;background:#fff;color:var(--gray-700, #374151)}.filter-select-full{width:100%}.timesheet-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.timesheet-loading{text-align:center;padding:3rem 1.5rem;color:var(--gray-500, #6b7280)}.ts-desc-cell{display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-pagination-select{height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;background:#fff;color:#374151;cursor:pointer}.crm-pagination-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;outline:none}.crm-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.85rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.crm-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.ts-row-actions{display:inline-flex;align-items:center;gap:.25rem}.ts-row-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:6px;color:var(--gray-500, #6b7280);cursor:pointer;font-size:1.05rem;transition:all .15s}.ts-row-actions .btn-icon:hover{background:var(--primary-50, #fef2f2);border-color:var(--primary-100, #fee2e2);color:var(--primary, #dc2626)}.ts-row-actions .btn-icon.text-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ts-details{display:flex;flex-direction:column;gap:1rem}.ts-details-hero{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-50, #fef2f2) 0%,#eff6ff 100%);border:1px solid var(--primary-100, #fee2e2);border-radius:10px}.ts-details-hero-left{display:flex;flex-direction:column;gap:4px}.ts-details-date{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);text-transform:uppercase;letter-spacing:.03em}.ts-details-date svg{width:14px;height:14px;color:var(--primary, #dc2626)}.ts-details-hours{font-size:1.65rem;font-weight:800;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums;line-height:1}.ts-details-cat{align-self:flex-start}.ts-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.ts-details-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-200, #e5e7eb);border-radius:8px}.ts-details-row-full{grid-column:1 / -1}.ts-details-row dt{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--gray-500, #6b7280)}.ts-details-row dt svg{width:13px;height:13px}.ts-details-row dd{margin:0;font-size:.9rem;color:var(--gray-900, #111827);font-weight:500}.ts-details-description{font-weight:400!important;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ts-details-muted{color:var(--gray-500, #6b7280);font-weight:400}.ts-details-meta{flex-direction:row!important;flex-wrap:wrap;gap:.5rem!important;align-items:center;font-size:.75rem;color:var(--gray-500, #6b7280);background:transparent;border:none;padding:0 4px}.ts-details-meta svg{width:12px;height:12px;vertical-align:-2px;margin-right:3px}.ts-details-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--gray-200, #e5e7eb)}@media(max-width:640px){.ts-details-grid{grid-template-columns:1fr}}.ml-page{padding:1.5rem}.ml-header-actions{display:flex;gap:.5rem}.ml-toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ml-search{flex:1;position:relative}.ml-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af}.ml-search .table-search{padding-left:2.25rem}.ml-table-wrap{background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0f172a14;padding:1rem}.ml-table{width:100%;border-collapse:collapse}.ml-table th,.ml-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.875rem}.ml-table th{font-weight:600;color:#6b7280;background:#f9fafb}.ml-table tbody tr:hover{background:#f9fafb}.ml-row-clickable{cursor:pointer}.ml-cell-main{display:flex;align-items:center;gap:.75rem}.ml-avatar{width:32px;height:32px;border-radius:999px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.ml-name{font-weight:600;color:#111827}.ml-desc{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}.ml-count-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:20px;background:#eff6ff;color:#1d4ed8;font-size:.8125rem;font-weight:600}.ml-cell-date{color:#6b7280;font-size:.8125rem}.ml-cell-num{color:#9ca3af;font-size:.8125rem;width:40px}.ml-email-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;background:#f3f4f6;font-size:.8125rem;color:#4b5563}.ml-actions{display:flex;gap:.25rem}.ml-actions .btn-icon{border:none;background:transparent;color:#4b5563;cursor:pointer;padding:.15rem}.ml-actions .btn-icon.danger{color:#dc2626}.ml-loading,.ml-empty{padding:1.5rem;text-align:center;color:#6b7280}.ml-error-banner{margin-bottom:.75rem;padding:.5rem .75rem;border-radius:.5rem;background:#fef2f2;color:#b91c1c;font-size:.875rem}.ml-detail-stats{display:flex;gap:1rem;margin-bottom:1rem}.ml-stat{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--gray-700, #374151)}.ml-stat svg{color:#1d4ed8}.ml-form{display:flex;flex-direction:column;gap:1rem}.ml-form-error{color:#b91c1c;font-size:.875rem;margin:0}.ml-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.ml-email-textarea{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;resize:vertical;min-height:120px}.ml-emp-picker,.ml-emp-search-wrap{position:relative}.ml-emp-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af;font-size:.875rem;pointer-events:none}.ml-emp-search-input{padding-left:2.25rem!important}.ml-emp-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0f172a1f;margin-top:4px;overflow:hidden}.ml-emp-dropdown-actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;background:#f9fafb}.ml-emp-select-all{background:none;border:none;color:#2563eb;font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.ml-emp-select-all:hover{text-decoration:underline}.ml-emp-selected-count{font-size:.75rem;color:#6b7280}.ml-emp-dropdown-list{max-height:240px;overflow-y:auto}.ml-emp-dropdown-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.8125rem}.ml-emp-option{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;cursor:pointer;transition:background .1s}.ml-emp-option:hover{background:#f9fafb}.ml-emp-option.selected{background:#eff6ff}.ml-emp-checkbox{width:16px;height:16px;accent-color:#2563eb;flex-shrink:0;pointer-events:none}.ml-emp-option-info{display:flex;flex-direction:column;min-width:0;flex:1}.ml-emp-option-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-emp-option-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-emp-option-code{font-size:.6875rem;color:#9ca3af;background:#f3f4f6;padding:.125rem .375rem;border-radius:4px;flex-shrink:0}.ml-selected-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.ml-emp-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:500;border-radius:20px;border:1px solid #bfdbfe}.ml-chip-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#1d4ed8;cursor:pointer;padding:0;font-size:.75rem;line-height:1;opacity:.6;transition:opacity .15s}.ml-chip-remove:hover{opacity:1}.ml-clear-all{background:none;border:none;color:#dc2626;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .375rem}.ml-clear-all:hover{text-decoration:underline}.ml-form-hint{font-size:.75rem;color:#9ca3af;margin:0}.ml-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ml-toggle input{display:none}.ml-toggle-slider{position:relative;width:36px;height:20px;background:#d1d5db;border-radius:20px;transition:background .2s;flex-shrink:0}.ml-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.ml-toggle input:checked+.ml-toggle-slider{background:#059669}.ml-toggle input:checked+.ml-toggle-slider:after{transform:translate(16px)}.ml-toggle-label{font-size:.75rem;font-weight:600;min-width:20px}.ml-toggle input:checked~.ml-toggle-label{color:#059669}.ml-toggle input:not(:checked)~.ml-toggle-label{color:#9ca3af}.ml-row-inactive{opacity:.55}.ml-row-inactive:hover{opacity:.75}.ml-avatar-inactive{background:#f3f4f6;color:#9ca3af}@media(max-width:768px){.ml-header-actions{flex-wrap:wrap}.ml-desc{max-width:150px}}.crm-page{padding:1.5rem;overflow-x:hidden}.crm-toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.crm-search{flex:1;position:relative}.crm-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af}.crm-search .table-search{padding-left:2.25rem}.crm-search-box{position:relative;display:flex;align-items:center;flex:1;max-width:360px}.crm-search-box .crm-search-icon{position:absolute;left:.75rem;color:var(--gray-400, #9ca3af);font-size:1rem;pointer-events:none}.crm-search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s}.crm-search-box input::placeholder{color:var(--gray-400, #9ca3af)}.crm-search-box input:hover{border-color:var(--gray-300, #d1d5db)}.crm-search-box input:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-search-box:focus-within .crm-search-icon{color:var(--primary, #dc2626)}.crm-filters{display:flex;gap:.5rem;align-items:center}.crm-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:0 4px 16px #0000000f}.crm-filter-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.crm-filter-panel-title{font-weight:600;font-size:.9rem;color:#1e293b}.crm-filter-logic-toggle{display:flex;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.crm-filter-logic-btn{padding:4px 12px;font-size:.75rem;font-weight:600;border:none;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.crm-filter-logic-btn.active{background:#2563eb;color:#fff}.crm-filter-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.crm-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-filter-logic-label{font-size:.72rem;font-weight:700;color:#2563eb;text-transform:uppercase;min-width:32px;text-align:center}.crm-filter-select,.crm-filter-input{height:34px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.82rem;color:#374151;background:#fff;outline:none}.crm-filter-select:focus,.crm-filter-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.crm-filter-field,.crm-filter-operator{min-width:140px}.crm-filter-value,.crm-filter-input{flex:1;min-width:120px}.crm-filter-date-range{display:flex;align-items:center;gap:6px;flex:1}.crm-filter-date-range span{font-size:.8rem;color:#6b7280}.crm-filter-date-range .crm-filter-input,.crm-filter-no-value{flex:1}.crm-filter-panel-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:12px}.crm-filter-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.crm-filter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;font-size:.78rem;color:#1e40af}.crm-filter-tag strong{font-weight:600}.crm-filter-tag em{font-style:normal;color:#2563eb}.crm-filter-tag-logic{font-size:.68rem;font-weight:700;text-transform:uppercase;color:#6b7280;margin-right:2px}.crm-filter-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:#93c5fd;cursor:pointer;padding:0;margin-left:2px;border-radius:50%;transition:all .15s}.crm-filter-tag-remove:hover{background:#dbeafe;color:#1e40af}.crm-table-wrap{background:#fff;border-radius:12px;border:1px solid var(--gray-200, #e5e7eb);box-shadow:0 1px 3px #0f172a0a;padding:0;overflow:hidden;max-width:100%}.crm-table{width:100%;border-collapse:collapse}.crm-table th,.crm-table td{padding:.75rem .875rem;text-align:left;border-bottom:1px solid var(--gray-100, #f3f4f6);font-size:.875rem;vertical-align:middle}.crm-table th{font-weight:700;color:var(--gray-500, #6b7280);background:var(--gray-50, #f9fafb);font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding-top:.625rem;padding-bottom:.625rem;border-bottom:1px solid var(--gray-200, #e5e7eb);position:sticky;top:0}.crm-table tbody tr{transition:background .12s}.crm-table tbody tr:last-child td{border-bottom:none}.crm-table tbody tr:hover{background:var(--primary-50, #fef2f2)}.crm-row-clickable{cursor:pointer}.crm-cell-main{display:flex;align-items:center;gap:.75rem;min-width:0}.crm-cell-main-text{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.02em;flex-shrink:0;box-shadow:0 1px 3px #dc262626}.crm-avatar.company{background:linear-gradient(135deg,#6d28d9,#2563eb);box-shadow:0 1px 3px #6d28d92e}.crm-name{font-weight:600;color:var(--gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.crm-name-sub{font-size:.75rem;color:var(--gray-500, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.crm-meta{font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:999px;background:var(--gray-100, #f3f4f6);font-size:.75rem;color:var(--gray-700, #374151);font-weight:500;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-pill svg{flex-shrink:0;width:13px;height:13px}.crm-pill-email{background:#eff6ff;color:#1d4ed8}.crm-pill-email svg{color:#2563eb}.crm-pill-phone{background:#ecfdf3;color:#047857;font-variant-numeric:tabular-nums}.crm-pill-phone svg{color:#10b981}.crm-pill-loc{background:#fef3c7;color:#92400e}.crm-pill-loc svg{color:#b45309}.crm-pill-website{background:#eff6ff;color:#1d4ed8;text-decoration:none;transition:background .15s}.crm-pill-website:hover{background:#dbeafe}.crm-pill-website svg{color:#2563eb}.crm-pill-industry{background:#ede9fe;color:#6d28d9}.crm-pill-industry svg{color:#7c3aed}.crm-pill-size{background:#ccfbf1;color:#0d9488;font-variant-numeric:tabular-nums}.crm-pill-size svg{color:#14b8a6}.crm-co-status-filter{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;font-weight:500;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .15s,box-shadow .15s}.crm-co-status-filter:hover{border-color:var(--gray-300, #d1d5db)}.crm-co-status-filter:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-cell-empty{display:inline-block;color:var(--gray-300, #d1d5db);font-weight:600}.crm-cell-company{display:inline-flex;align-items:center;gap:.4rem;color:var(--gray-700, #374151);font-weight:500}.crm-cell-company svg{width:14px;height:14px;color:var(--gray-400, #9ca3af);flex-shrink:0}.crm-actions{display:flex;gap:.125rem;align-items:center}.crm-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;background:transparent;color:var(--gray-500, #6b7280);cursor:pointer;padding:0;border-radius:6px;font-size:1rem;transition:all .15s}.crm-actions .btn-icon:hover{background:var(--primary-50, #fef2f2);border-color:var(--primary-100, #fee2e2);color:var(--primary, #dc2626)}.crm-actions .btn-icon.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.crm-table .badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.crm-table .badge-success{background:#dcfce7;color:#047857}.crm-table .badge-secondary{background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280)}.crm-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.crm-table-scroll .crm-table{min-width:1100px}.crm-table-scroll .crm-table th:first-child,.crm-table-scroll .crm-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;width:40px;min-width:40px;max-width:40px}.crm-table-scroll .crm-table th:nth-child(2),.crm-table-scroll .crm-table td:nth-child(2){position:sticky;left:40px;z-index:2;background:#fff}.crm-table-scroll .crm-table th:first-child,.crm-table-scroll .crm-table th:nth-child(2){background:#f9fafb;z-index:3}.crm-table-scroll .crm-table th:nth-child(2):after,.crm-table-scroll .crm-table td:nth-child(2):after{content:"";position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,.06),transparent);pointer-events:none}.crm-table-scroll .crm-table tbody tr:hover td:first-child,.crm-table-scroll .crm-table tbody tr:hover td:nth-child(2){background:var(--primary-50, #fef2f2)}.crm-row-selected td{background:var(--primary-50, #fef2f2)!important}.crm-table-scroll .crm-row-selected td:first-child,.crm-table-scroll .crm-row-selected td:nth-child(2){background:var(--primary-50, #fef2f2)!important}.crm-bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:10px}.crm-bulk-bar-count{font-size:.85rem;font-weight:600;color:#1e40af}.btn-danger{background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-danger:hover{background:#b91c1c}.crm-pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem .25rem .25rem;gap:1rem;flex-wrap:wrap}.crm-pagination-info{font-size:.8rem;color:#6b7280;white-space:nowrap}.crm-pagination-controls{display:flex;align-items:center;gap:.5rem}.crm-pagination-select{height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#374151;background:#fff;cursor:pointer;outline:none}.crm-pagination-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.crm-pagination-of{font-size:.8rem;color:#6b7280;white-space:nowrap}.crm-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .4rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#374151;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.crm-pagination-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#d1d5db}.crm-pagination-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}.crm-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.crm-pagination-dots{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:.8rem;color:#9ca3af;-webkit-user-select:none;user-select:none}@media(max-width:640px){.crm-pagination{flex-direction:column;align-items:flex-start}}.crm-loading,.crm-empty{padding:1.5rem;text-align:center;color:#6b7280}.crm-error-banner{margin-bottom:.75rem;padding:.5rem .75rem;border-radius:.5rem;background:#fef2f2;color:#b91c1c;font-size:.875rem}.crm-form{display:flex;flex-direction:column;gap:1rem}.crm-form .form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:768px){.crm-form .form-grid{grid-template-columns:minmax(0,1fr)}}.crm-error{color:#b91c1c;font-size:.875rem}.crm-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.crm-placeholder{margin-top:1rem;padding:1rem;border-radius:.75rem;background:#f9fafb;color:#4b5563;font-size:.9rem}.crm-view{display:flex;flex-direction:column;gap:1rem}.crm-view-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.crm-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:.5rem}.crm-tab{border:none;background:transparent;padding:.4rem .75rem;font-size:.85rem;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.crm-tab.active{color:#111827;border-bottom-color:#2563eb;font-weight:600}.crm-view-section{padding-top:.5rem}.crm-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}@media(max-width:768px){.crm-details-grid{grid-template-columns:minmax(0,1fr)}}.crm-list-tags{padding-left:1rem;margin:0}.crm-list-tags li{list-style:disc;margin-bottom:.25rem}.crm-note-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:.625rem;border:1px solid #e5e7eb;margin-bottom:1rem}.crm-note-form-row{display:flex;gap:.5rem}.crm-note-type-select{max-width:140px}.crm-note-textarea{resize:vertical;min-height:60px;font-size:.875rem}.crm-note-form-actions{display:flex;justify-content:flex-end}.crm-note-attachment-row{display:flex;align-items:center;gap:8px;margin-top:4px;margin-bottom:4px}.crm-note-attachment-preview{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--gray-100);border-radius:6px;font-size:.82rem;color:var(--gray-700)}.crm-note-attachment-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-note-attachment-display{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;font-size:.82rem}.crm-note-attachment-link{color:var(--primary-600);text-decoration:none;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-note-attachment-link:hover{text-decoration:underline}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.crm-notes-list{display:flex;flex-direction:column;gap:.625rem}.crm-note-item{padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;transition:border-color .15s}.crm-note-item:hover{border-color:#d1d5db}.crm-note-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.crm-note-header-left,.crm-note-header-right{display:flex;align-items:center;gap:.5rem}.crm-note-type-badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize;background:#e5e7eb;color:#374151}.crm-note-type-note{background:#eff6ff;color:#1d4ed8}.crm-note-type-call{background:#ecfdf5;color:#059669}.crm-note-type-email{background:#fef3c7;color:#b45309}.crm-note-type-meeting{background:#f3e8ff;color:#7c3aed}.crm-note-type-follow-up{background:#fce7f3;color:#db2777}.crm-note-author{font-weight:600;font-size:.8rem;color:#111827}.crm-note-time{font-size:.72rem;color:#9ca3af;white-space:nowrap}.crm-note-body{font-size:.85rem;color:#374151;white-space:pre-wrap;line-height:1.5}.crm-kanban-toolbar{display:flex;justify-content:flex-start;margin:.5rem 0 1rem}.crm-kanban-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.crm-kanban{display:grid;grid-template-columns:repeat(7,minmax(240px,1fr));gap:.9rem;align-items:start}.crm-kanban-column{background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #0f172a0d;border:1px solid #eef2f7;overflow:hidden}.crm-kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem .9rem;background:#f9fafb;border-bottom:1px solid #eef2f7}.crm-kanban-column-title{font-weight:700;font-size:.95rem;color:#111827}.crm-kanban-column-count{font-weight:700;font-size:.85rem;color:#2563eb;background:#eff6ff;padding:.1rem .5rem;border-radius:999px}.crm-kanban-column-body{padding:.8rem;min-height:12rem}.crm-kanban-empty{color:#6b7280;font-size:.875rem;padding:.75rem;text-align:center;background:#f9fafb;border-radius:.5rem}.crm-deal-card{background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:.75rem;margin-bottom:.75rem;cursor:pointer}.crm-deal-card:hover{border-color:#93c5fd;box-shadow:0 10px 20px #2563eb0f}.crm-deal-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.crm-deal-title{font-weight:700;font-size:.9rem;color:#111827;line-height:1.25;word-break:break-word}.crm-deal-amount{font-weight:800;font-size:.85rem;color:#059669;white-space:nowrap}.crm-deal-meta{margin-top:.5rem;display:grid;gap:.3rem}.crm-deal-meta-row{display:flex;align-items:center;gap:.45rem;color:#6b7280;font-size:.78rem}.crm-deal-meta-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-deal-meta-icon{color:#9ca3af}.crm-deal-card-actions{margin-top:.6rem}.crm-deal-stage-select{width:100%}.crm-contact-search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto;margin-top:4px}.crm-contact-search-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .1s}.crm-contact-search-item:last-child{border-bottom:none}.crm-contact-search-item:hover,.crm-contact-search-item.selected{background:#eff6ff}.crm-contact-search-name{font-weight:600;font-size:.85rem;color:#111827}.crm-contact-search-meta{display:flex;gap:12px;font-size:.75rem;color:#6b7280;margin-top:2px}@media(max-width:1200px){.crm-kanban{grid-template-columns:repeat(7,minmax(220px,1fr));overflow-x:auto}}.crm-deal-detail{display:grid;gap:.75rem}.crm-deal-detail-row{display:grid;grid-template-columns:180px 1fr;gap:.75rem;align-items:start;padding:.5rem 0;border-bottom:1px dashed #e5e7eb}.crm-deal-detail-row:last-child{border-bottom:none}.crm-deal-detail-label{font-weight:700;color:#6b7280;font-size:.85rem}.crm-deal-detail-value{color:#111827;font-size:.9rem}.crm-deal-detail-actions .btn{min-width:120px}@media(max-width:768px){.crm-deal-detail-row{grid-template-columns:minmax(0,1fr)}}.crm-deal-jira{display:flex;flex-direction:column;gap:.75rem}.crm-deal-jira-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid #eef2f7}.crm-deal-jira-header-left{display:flex;align-items:center;gap:.75rem}.crm-deal-jira-id{font-weight:800;color:#6b7280;font-size:.85rem}.crm-deal-jira-status{font-weight:800;padding:.25rem .6rem;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.85rem}.crm-deal-jira-header-actions{display:flex;gap:.5rem}.crm-deal-jira-title{margin:0;font-size:1.35rem;font-weight:900;color:#111827}.crm-deal-jira-body{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}.crm-deal-jira-main{background:#fff;border:1px solid #eef2f7;border-radius:.75rem;padding:.75rem;min-height:320px}.crm-deal-jira-sidebar{background:#fff;border:1px solid #eef2f7;border-radius:.75rem;padding:.75rem}.crm-deal-jira-tabs{display:flex;gap:.5rem;border-bottom:1px solid #eef2f7;padding-bottom:.75rem;margin-bottom:.75rem}.crm-deal-jira-tab{border:none;background:transparent;cursor:pointer;padding:.35rem .6rem;border-radius:.5rem;color:#6b7280;font-weight:700;display:inline-flex;align-items:center;gap:.4rem}.crm-deal-jira-tab.active{color:#111827;background:#eff6ff}.crm-deal-jira-comment-box{display:flex;flex-direction:column;gap:.6rem}.crm-deal-jira-comment-input{width:100%;resize:vertical}.crm-deal-jira-comment-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.crm-deal-jira-comment-item{border:1px solid #eef2f7;border-radius:.65rem;padding:.65rem;background:#fafafa}.crm-deal-jira-comment-author{font-weight:900;color:#111827;font-size:.9rem}.crm-deal-jira-comment-time{color:#6b7280;font-size:.78rem;margin-top:.15rem}.crm-deal-jira-comment-text{margin-top:.4rem;color:#111827;white-space:pre-wrap}.crm-deal-jira-history-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.2rem}.crm-deal-jira-history-item{border:1px solid #eef2f7;border-radius:.65rem;padding:.65rem;background:#fafafa}.crm-deal-jira-history-row{display:flex;justify-content:space-between;gap:.75rem}.crm-deal-jira-history-by{font-weight:900;color:#111827}.crm-deal-jira-history-time{color:#6b7280;font-size:.78rem}.crm-deal-jira-history-text{margin-top:.4rem;color:#111827;font-weight:700}.crm-deal-jira-empty{padding:1rem .25rem;color:#6b7280;text-align:center}.crm-deal-jira-sidebar-section{padding:.65rem 0;border-bottom:1px dashed #e5e7eb}.crm-deal-jira-sidebar-section:last-child{border-bottom:none}.crm-deal-jira-sidebar-label{font-weight:900;color:#6b7280;font-size:.85rem;margin-bottom:.35rem}.crm-deal-jira-sidebar-value{color:#111827;font-weight:700;font-size:.95rem;white-space:pre-wrap}@media(max-width:980px){.crm-deal-jira-body{grid-template-columns:minmax(0,1fr)}}.crm-switch-row{display:flex;align-items:center;gap:.75rem}.crm-switch{position:relative;display:inline-block;width:44px;height:24px}.crm-switch input{opacity:0;width:0;height:0}.crm-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.2s;border-radius:999px}.crm-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.crm-switch input:checked+.crm-switch-slider{background-color:#2563eb}.crm-switch input:checked+.crm-switch-slider:before{transform:translate(20px)}.crm-switch-slider-high{background-color:#e5e7eb}.crm-switch input:checked+.crm-switch-slider-high{background-color:#dc2626}.crm-switch-label{font-weight:700;color:#111827;font-size:.85rem}.crm-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.crm-lists-list{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.crm-lists-list-head{display:grid;grid-template-columns:minmax(260px,1fr) 120px 160px 56px;align-items:center;gap:16px;padding:.625rem 1rem .625rem 1.125rem;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200, #e5e7eb);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, #6b7280)}.crm-list-row{display:grid;grid-template-columns:minmax(260px,1fr) 120px 160px 56px;align-items:center;gap:16px;padding:.75rem 1rem .75rem 1.125rem;border-bottom:1px solid var(--gray-100, #f3f4f6);cursor:pointer;transition:background .12s;position:relative}.crm-list-row:last-child{border-bottom:none}.crm-list-row:hover{background:var(--primary-50, #fef2f2)}.crm-lists-list-foot{padding:.5rem 1.125rem;background:var(--gray-50, #f9fafb);border-top:1px solid var(--gray-100, #f3f4f6);font-size:.75rem;color:var(--gray-500, #6b7280);font-weight:500}.crm-list-row-main{display:flex;align-items:center;gap:.875rem;min-width:0}.crm-list-row-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;font-size:1.05rem;flex-shrink:0;box-shadow:0 1px 3px #dc262626}.crm-list-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-list-row-name{margin:0;font-size:.9375rem;font-weight:700;color:var(--gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-list-row-desc{margin:0;font-size:.8125rem;color:var(--gray-500, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.crm-list-row-desc-empty{color:var(--gray-400, #9ca3af);font-style:italic}.crm-list-row-count{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;background:var(--primary-50, #fef2f2);color:var(--primary-dark, #b91c1c);border-radius:999px;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;width:max-content;line-height:1.4}.crm-list-row-count svg{width:12px;height:12px}.crm-list-row-count-zero{background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280)}.crm-list-row-date{font-size:.8125rem;color:var(--gray-500, #6b7280);display:inline-flex;align-items:center;gap:.375rem}.crm-list-row-date svg{width:13px;height:13px;color:var(--gray-400, #9ca3af)}.crm-list-row-actions{display:inline-flex;justify-content:flex-end;position:relative}.crm-list-row-menu{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;color:var(--gray-500, #6b7280);cursor:pointer;font-size:1.1rem;transition:all .15s}.crm-list-row:hover .crm-list-row-menu{border-color:var(--gray-300, #d1d5db)}.crm-list-row-menu:hover{background:var(--primary-50, #fef2f2)!important;border-color:var(--primary, #dc2626)!important;color:var(--primary, #dc2626)}.crm-list-row-dropdown{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:20;min-width:150px;overflow:hidden;padding:.25rem}.crm-list-row-dropdown button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:var(--gray-700, #374151);text-align:left;border-radius:6px;transition:background .12s}.crm-list-row-dropdown button:hover{background:var(--gray-100, #f3f4f6)}.crm-list-row-dropdown button.crm-danger-btn{color:var(--danger, #dc2626)}.crm-list-row-dropdown button.crm-danger-btn:hover{background:#fef2f2}@media(max-width:720px){.crm-lists-list-head{display:none}.crm-list-row{grid-template-columns:1fr 40px;grid-template-areas:"main     actions" "count    actions" "date     actions";row-gap:6px}.crm-list-row-main{grid-area:main}.crm-list-row-count{grid-area:count}.crm-list-row-date{grid-area:date}.crm-list-row-actions{grid-area:actions;align-self:start}}.crm-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;cursor:pointer;transition:box-shadow .2s,border-color .2s,transform .15s}.crm-list-card:hover{box-shadow:0 4px 16px #00000014;border-color:#3b82f6;transform:translateY(-2px)}.crm-list-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.crm-list-card-icon{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.crm-list-card-menu-wrap{position:relative}.crm-list-card-menu{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;font-size:1.1rem}.crm-list-card-menu:hover{background:#f1f5f9;color:#475569}.crm-list-card-dropdown{position:absolute;right:0;top:28px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:20;min-width:130px;overflow:hidden}.crm-list-card-dropdown button{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;border:none;background:none;cursor:pointer;font-size:.85rem;color:#334155;text-align:left}.crm-list-card-dropdown button:hover{background:#f8fafc}.crm-list-card-dropdown .crm-danger-btn{color:#dc2626}.crm-list-card-dropdown .crm-danger-btn:hover{background:#fef2f2}.crm-list-card-name{margin:0 0 4px;font-size:1rem;font-weight:700;color:#1e293b}.crm-list-card-desc{margin:0 0 10px;font-size:.82rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.crm-list-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9}.crm-list-card-count{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:#3b82f6}.crm-list-card-date{font-size:.75rem;color:#94a3b8}.crm-lists-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.crm-lists-detail-info{flex:1}.crm-lists-detail-info h2{margin:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.crm-lists-detail-desc{margin:4px 0 0;font-size:.85rem;color:#64748b}.crm-lists-detail-count{font-size:.8rem;color:#94a3b8;font-weight:500}.crm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.crm-modal{background:#fff;border-radius:14px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.crm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.crm-modal-header h3{margin:0;font-size:1.05rem}.crm-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;line-height:1}.crm-modal-close:hover{color:#475569}.tmpl-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid #e5e7eb;padding-bottom:0}.tmpl-tab{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:.875rem;color:#6b7280;border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem;transition:all .15s}.tmpl-tab:hover{color:#1e293b}.tmpl-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.tmpl-tab-count{background:#f1f5f9;color:#64748b;font-size:.7rem;padding:.1rem .4rem;border-radius:8px;font-weight:600}.tmpl-tab.active .tmpl-tab-count{background:#dbeafe;color:#3b82f6}.tmpl-empty{text-align:center;padding:4rem 1rem;color:#9ca3af}.tmpl-empty-icon{font-size:3rem;margin-bottom:1rem}.tmpl-empty h3{color:#374151;margin-bottom:.5rem}.tmpl-empty p{margin-bottom:1.5rem}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.tmpl-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.tmpl-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tmpl-card-preview{position:relative;height:180px;overflow:hidden;background:#f8fafc;border-bottom:1px solid #e5e7eb;cursor:pointer}.tmpl-card-iframe{width:200%;height:450px;transform:scale(.5);transform-origin:top left;border:none;pointer-events:none}.tmpl-card-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#cbd5e1;font-size:.875rem}.tmpl-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#00000080;color:#fff;opacity:0;transition:opacity .2s}.tmpl-card-preview:hover .tmpl-card-overlay{opacity:1}.tmpl-card-body{padding:.75rem 1rem}.tmpl-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.tmpl-card-name{font-size:.9rem;font-weight:600;color:#1e293b;margin:0;line-height:1.3}.tmpl-card-subject{font-size:.8rem;color:#64748b;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-card-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tmpl-card-date{font-size:.75rem;color:#9ca3af;margin-left:auto}.tmpl-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tmpl-badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;text-transform:capitalize}.tmpl-tag{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;color:#64748b;background:#f1f5f9;padding:.1rem .4rem;border-radius:4px}.tmpl-card-actions{position:relative}.tmpl-action-menu{position:absolute;right:0;top:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:20;min-width:140px;overflow:hidden}.tmpl-action-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;font-size:.8rem;color:#374151;text-align:left}.tmpl-action-menu button:hover{background:#f1f5f9}.tmpl-action-menu button.danger{color:#ef4444}.tmpl-action-menu button.danger:hover{background:#fef2f2}.tmpl-list{overflow-x:auto}.tmpl-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000002e}.tmpl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.tmpl-modal-header h2{margin:0;font-size:1.1rem}.tmpl-modal-header-branded{background:linear-gradient(135deg,var(--primary-dark, #b91c1c) 0%,var(--primary, #dc2626) 55%,#2563eb 100%);border-bottom:none;color:#fff;padding:1rem 1.25rem}.tmpl-modal-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.tmpl-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;color:#fff;font-size:1.125rem;flex-shrink:0}.tmpl-modal-title-text{display:flex;flex-direction:column;gap:2px;line-height:1.2;min-width:0}.tmpl-modal-title-text h2{margin:0;font-size:1.0625rem;font-weight:700;color:#fff}.tmpl-modal-title-text p{margin:0;font-size:.75rem;color:#ffffffd9}.tmpl-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1f;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;flex-shrink:0;transition:all .15s}.tmpl-modal-close:hover{background:#ffffff38;color:#fff}.tmpl-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.875rem;background:linear-gradient(180deg,#f8fafc,#fff 160px)}.tmpl-modal-body>*{flex-shrink:0}.tmpl-modal-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:.875rem 1.25rem;border-top:1px solid #e5e7eb;background:#fff}.tmpl-form-row{display:flex;gap:.75rem;margin-bottom:.75rem}.tmpl-form-group{display:flex;flex-direction:column;gap:.25rem}.tmpl-form-group label{font-size:.8rem;font-weight:600;color:#374151}.tmpl-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.tmpl-rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:.4rem;background:var(--gray-50, #f9fafb);border:1.5px solid var(--gray-200, #e5e7eb);border-bottom:none;border-radius:8px 8px 0 0}.tmpl-rte-toolbar .rte-btn{padding:.35rem .55rem;border:none;background:none;cursor:pointer;border-radius:6px;font-size:.8rem;color:var(--gray-600, #4b5563);line-height:1;transition:all .12s}.tmpl-rte-toolbar .rte-btn:hover{background:var(--primary-50, #fef2f2);color:var(--primary, #dc2626)}.tmpl-rte-toolbar .rte-sep{width:1px;height:1.2rem;background:#e2e8f0;margin:0 2px}.tmpl-rte-toolbar .rte-select{border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .3rem;font-size:.75rem;background:#fff;cursor:pointer}.tmpl-rte-toolbar .rte-color{width:1.4rem;height:1.4rem;border:1px solid #e2e8f0;border-radius:4px;padding:0;cursor:pointer}.tmpl-var-select{min-width:120px}.tmpl-visual-editor{border:1.5px solid var(--gray-200, #e5e7eb);border-top:none;border-radius:0 0 8px 8px;min-height:280px;max-height:400px;overflow-y:auto;padding:1rem;font-size:.9rem;line-height:1.6;outline:none;background:#fff;transition:border-color .15s}.tmpl-visual-editor:focus{border-color:var(--primary, #dc2626)}.tmpl-visual-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.tmpl-html-editor{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;line-height:1.5;resize:vertical;min-height:300px}.tmpl-variables-hint{margin-top:.875rem;padding:.625rem .75rem;background:var(--gray-50, #f9fafb);border:1px dashed var(--gray-200, #e5e7eb);border-radius:8px}.tmpl-variables-hint-head{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563);margin-bottom:.4rem}.tmpl-variables-hint-head svg{width:14px;height:14px;color:var(--primary, #dc2626)}.tmpl-variables-hint-chips{display:flex;flex-wrap:wrap;gap:.3rem}.tmpl-var-chip{display:inline-block;background:#fff;color:var(--primary-dark, #b91c1c);border:1px solid var(--primary-100, #fee2e2);padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-family:SF Mono,Monaco,Menlo,monospace;cursor:pointer;transition:all .15s}.tmpl-var-chip:hover{background:var(--primary, #dc2626);color:#fff;border-color:var(--primary, #dc2626)}.tmpl-mode-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:6px;font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.tmpl-mode-toggle:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626)}.tmpl-mode-toggle.is-html{background:var(--gray-900, #111827);border-color:var(--gray-900, #111827);color:#fff}.tmpl-mode-toggle.is-html:hover{background:var(--gray-800, #1f2937);border-color:var(--gray-800, #1f2937)}.tmpl-preview-modal{background:#fff;border-radius:12px;width:90vw;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.tmpl-preview-body{padding:1.5rem;overflow-y:auto;flex:1}.tmpl-preview-iframe{display:block;width:100%;height:min(75vh,820px);min-height:400px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}@media(max-width:768px){.tmpl-grid{grid-template-columns:1fr}.tmpl-form-row{flex-direction:column}.tmpl-modal{width:95vw}}.crm-campaigns-page{display:flex;flex-direction:column;gap:1rem}.crm-campaigns-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.crm-campaigns-tabs{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:8px}.crm-campaigns-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-600);border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .15s}.crm-campaigns-tab:hover{color:var(--gray-800)}.crm-campaigns-tab.active{background:#fff;color:var(--gray-900);box-shadow:0 1px 2px #0000000f}.crm-campaigns-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px;min-width:280px}.crm-campaigns-search svg{color:var(--gray-400);flex-shrink:0}.crm-campaigns-search input{border:none;outline:none;flex:1;font-size:.875rem;background:transparent}.crm-campaigns-list{display:flex;flex-direction:column;gap:.75rem}.crm-campaign-card{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.125rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;cursor:pointer;transition:all .15s}.crm-campaign-card:hover{border-color:var(--primary-100, #fee2e2);background:var(--primary-50, #fef2f2);box-shadow:0 2px 8px #dc262614}.crm-campaign-card-left{flex:1;min-width:240px;display:flex;align-items:center;gap:.875rem}.crm-campaign-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;font-size:1.15rem;flex-shrink:0;box-shadow:0 1px 3px #dc26262e}.crm-campaign-text{display:flex;flex-direction:column;gap:4px;min-width:0}.crm-campaign-name-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.crm-campaign-name{font-size:.9375rem;font-weight:700;color:var(--gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.crm-campaign-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem .125rem .4rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;border:1px solid transparent;flex-shrink:0}.crm-campaign-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.crm-campaign-status-sent{background:#dcfce7;color:#047857;border-color:#bbf7d0}.crm-campaign-status-draft{background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-color:var(--gray-200, #e5e7eb)}.crm-campaign-status-scheduled{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.crm-campaign-status-sending{background:#fef3c7;color:#b45309;border-color:#fde68a}.crm-campaign-status-sending .crm-campaign-status-dot{animation:crm-camp-pulse 1.2s infinite}.crm-campaign-status-failed{background:#fee2e2;color:#b91c1c;border-color:#fecaca}@keyframes crm-camp-pulse{0%,to{opacity:1}50%{opacity:.35}}.crm-campaign-meta{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-campaign-meta-id{font-weight:600;color:var(--gray-600, #4b5563);font-variant-numeric:tabular-nums}.crm-campaign-meta-dot{color:var(--gray-300, #d1d5db);font-weight:700}.crm-campaign-tag{display:inline-flex;padding:.05rem .4rem;background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-radius:4px;font-size:.6875rem;font-weight:600}.crm-campaign-card-metrics{display:flex;gap:.5rem;align-items:stretch;flex-shrink:0}.crm-campaign-metric{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:78px;padding:.5rem .625rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-100, #f3f4f6);border-radius:8px;border-top:2px solid var(--metric-accent, var(--gray-200, #e5e7eb));transition:all .15s}.crm-campaign-card:hover .crm-campaign-metric{background:#fff;border-color:var(--gray-200, #e5e7eb)}.crm-campaign-metric-label{font-size:.625rem;color:var(--gray-500, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-bottom:.25rem}.crm-campaign-metric-value{font-size:1.125rem;font-weight:700;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums;line-height:1.1}.crm-campaign-metric-pct{font-size:.6875rem;color:var(--metric-accent, var(--gray-500, #6b7280));font-weight:600;margin-top:.125rem;font-variant-numeric:tabular-nums}.crm-campaign-metric-pct-muted{color:var(--gray-400, #9ca3af);font-weight:500}.crm-campaign-metric-neutral{--metric-accent: var(--gray-400, #9ca3af)}.crm-campaign-metric-blue{--metric-accent: #2563eb}.crm-campaign-metric-blue .crm-campaign-metric-value{color:#1d4ed8}.crm-campaign-metric-purple{--metric-accent: #7c3aed}.crm-campaign-metric-purple .crm-campaign-metric-value{color:#6d28d9}.crm-campaign-metric-amber{--metric-accent: #d97706}.crm-campaign-metric-amber .crm-campaign-metric-value{color:#b45309}.crm-campaign-metric-green{--metric-accent: #10b981}.crm-campaign-metric-green .crm-campaign-metric-value{color:#047857}.crm-campaign-card-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.crm-campaign-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--gray-500, #6b7280);cursor:pointer;font-size:1.05rem;transition:all .15s}.crm-campaign-icon-btn:hover{background:#fff;border-color:var(--gray-200, #e5e7eb);color:var(--primary, #dc2626)}.crm-campaign-menu-wrap{position:relative}.crm-campaign-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:160px;padding:.25rem;z-index:50;display:flex;flex-direction:column}.crm-campaign-menu button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:none;font-size:.8125rem;color:var(--gray-700);text-align:left;cursor:pointer;border-radius:6px}.crm-campaign-menu button:hover{background:var(--gray-100)}.crm-campaign-menu button.danger{color:#dc2626}.crm-campaign-menu button.danger:hover{background:#fef2f2}.crm-campaigns-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:4rem 1rem;background:#fff;border:1px dashed var(--gray-300);border-radius:12px;color:var(--gray-500)}.crm-campaigns-empty svg{color:var(--gray-300)}.crm-campaigns-empty h3{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin:.5rem 0 0}.crm-campaigns-empty p{margin:0 0 1rem;font-size:.875rem}.crm-campaign-form{display:flex;flex-direction:column;gap:1rem}.crm-campaign-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.crm-campaign-recipient-types{display:flex;gap:.5rem}.crm-campaign-recipient-type{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--gray-300);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--gray-700);transition:all .15s;flex:1}.crm-campaign-recipient-type:hover{border-color:var(--gray-400)}.crm-campaign-recipient-type.active{border-color:#ef4444;background:#fef2f2;color:#b91c1c}.crm-campaign-recipient-type input{accent-color:#ef4444}.crm-campaign-lists-picker{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto;padding:.5rem;border:1px solid var(--gray-200);border-radius:8px}.crm-campaign-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--gray-700);transition:background .1s}.crm-campaign-list-item:hover{background:var(--gray-100)}.crm-campaign-list-item.active{background:#fef2f2;color:#b91c1c}.crm-campaign-list-item input{accent-color:#ef4444}.crm-campaign-list-item span{flex:1}.crm-campaign-list-count{flex:0 0 auto!important;font-size:.75rem;color:var(--gray-500);background:var(--gray-100);padding:.125rem .5rem;border-radius:999px}.crm-campaign-no-lists{font-size:.8125rem;color:var(--gray-500);padding:.5rem .75rem}@media(max-width:1100px){.crm-campaign-card{flex-wrap:wrap}.crm-campaign-card-metrics{gap:.5rem;width:100%;order:3;flex-wrap:wrap;justify-content:flex-start}.crm-campaign-card-metrics .crm-campaign-metric{flex:1 0 100px}.crm-campaign-card-actions{order:2;margin-left:auto}}@media(max-width:640px){.crm-campaigns-toolbar{flex-direction:column;align-items:stretch}.crm-campaigns-search{min-width:0}.crm-campaign-form .form-row{grid-template-columns:1fr}}.crm-settings-page{display:flex;flex-direction:column;gap:1rem}.crm-settings-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500}.crm-settings-banner.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.crm-settings-banner.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.crm-settings-banner svg{flex-shrink:0;font-size:1.125rem}.crm-settings-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.crm-settings-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:0;transition:all .15s;overflow:hidden}.crm-settings-card.active{border-color:#ef4444;box-shadow:0 0 0 3px #6366f114}.crm-settings-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--gray-100)}.crm-settings-card-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--gray-900)}.crm-settings-card-header p{margin:.125rem 0 0;font-size:.8125rem;color:var(--gray-500)}.crm-settings-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fef2f2;color:#ef4444;border-radius:10px;font-size:1.25rem;flex-shrink:0}.crm-settings-provider-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.8125rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .15s}.crm-settings-provider-toggle:hover{border-color:var(--gray-400)}.crm-settings-card.active .crm-settings-provider-toggle{border-color:#ef4444;background:#fef2f2;color:#b91c1c}.crm-settings-provider-toggle input{accent-color:#ef4444}.crm-settings-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.crm-settings-card-body .form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.crm-settings-hint{font-size:.75rem;font-weight:400;color:var(--gray-500);margin-left:.375rem}.crm-settings-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);cursor:pointer}.crm-settings-checkbox input{accent-color:#ef4444;width:16px;height:16px}.crm-settings-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 -2px 12px #0000000a;flex-wrap:wrap}.crm-settings-test{display:flex;align-items:center;gap:.5rem;flex:1;min-width:300px}.crm-settings-test .form-input{max-width:260px}@media(min-width:1200px){.crm-settings-grid{grid-template-columns:repeat(2,1fr)}.crm-settings-grid>.crm-settings-card:first-child{grid-column:1 / -1}.crm-settings-actions{grid-column:1 / -1}}@media(max-width:640px){.crm-settings-card-header{flex-wrap:wrap}.crm-settings-provider-toggle{margin-left:0;width:100%;justify-content:center}.crm-settings-card-body .form-row{grid-template-columns:1fr}.crm-settings-actions{flex-direction:column;align-items:stretch}.crm-settings-test{flex-direction:column;min-width:0}.crm-settings-test .form-input{max-width:none}}@keyframes crm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crm-campaigns-page .btn .spin{animation:crm-spin 1s linear infinite}.crm-campaign-name-link{cursor:pointer;transition:color .15s}.crm-campaign-name-link:hover{color:#ef4444}.crm-campaign-stats-page{display:flex;flex-direction:column;gap:1.25rem}.crm-stats-back{margin-bottom:-.5rem}.crm-stats-back-btn{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:none;cursor:pointer;color:var(--gray-600);font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:6px}.crm-stats-back-btn:hover{color:var(--gray-900);background:var(--gray-100)}.crm-stats-meta-row{display:flex;gap:2rem;flex-wrap:wrap;padding:1rem 1.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px}.crm-stats-meta-item{display:flex;flex-direction:column;min-width:120px}.crm-stats-meta-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--gray-500);letter-spacing:.03em;margin-bottom:.25rem}.crm-stats-meta-value{font-size:.875rem;font-weight:600;color:var(--gray-900)}.crm-stats-meta-sub{font-weight:400;color:var(--gray-500)}.crm-stats-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.crm-stat-tile{display:flex;align-items:flex-start;gap:.75rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.125rem 1.25rem;transition:all .15s}.crm-stat-tile:hover{border-color:var(--gray-300);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.crm-stat-tile-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.25rem;flex-shrink:0}.crm-stat-tile-body{flex:1;min-width:0}.crm-stat-tile-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.crm-stat-tile-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.1}.crm-stat-tile-hint{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.crm-stat-tile-blue .crm-stat-tile-icon{background:#eff6ff;color:#3b82f6}.crm-stat-tile-green .crm-stat-tile-icon{background:#f0fdf4;color:#10b981}.crm-stat-tile-purple .crm-stat-tile-icon{background:#f5f3ff;color:#8b5cf6}.crm-stat-tile-orange .crm-stat-tile-icon{background:#fff7ed;color:#f59e0b}.crm-stat-tile-red .crm-stat-tile-icon{background:#fef2f2;color:#ef4444}.crm-stat-tile-gray .crm-stat-tile-icon{background:var(--gray-100);color:var(--gray-500)}.crm-stats-rates{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.125rem}.crm-stats-section-title{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.crm-rate-bar{display:flex;flex-direction:column;gap:.5rem}.crm-rate-bar-header{display:flex;align-items:baseline;justify-content:space-between;font-size:.875rem}.crm-rate-bar-label{color:var(--gray-700);font-weight:500}.crm-rate-bar-value{color:var(--gray-900);font-weight:700}.crm-rate-bar-count{color:var(--gray-500);font-weight:400;font-size:.75rem;margin-left:.25rem}.crm-rate-bar-track{height:8px;background:var(--gray-100);border-radius:999px;overflow:hidden}.crm-rate-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.crm-stats-recipients{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem}.crm-stats-recipients-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.crm-stats-recipients-controls .form-input{min-width:260px}.crm-stats-recipients-tabs{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:8px;margin-bottom:1rem;width:fit-content}.crm-stats-tab{padding:.4rem .875rem;font-size:.8125rem;font-weight:500;color:var(--gray-600);border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .15s}.crm-stats-tab:hover{color:var(--gray-800)}.crm-stats-tab.active{background:#fff;color:var(--gray-900);box-shadow:0 1px 2px #0000000f}.crm-stats-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--gray-500)}.crm-stats-table-wrap{overflow-x:auto;border:1px solid var(--gray-100);border-radius:8px}.crm-stats-table{width:100%;border-collapse:collapse;font-size:.875rem}.crm-stats-table th{text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--gray-500);padding:.75rem 1rem;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-200)}.crm-stats-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.crm-stats-table tr:last-child td{border-bottom:none}.crm-stats-table tr:hover td{background:var(--gray-50, #f9fafb)}.crm-stats-email{font-weight:500;color:var(--gray-900)}.crm-stats-status-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.crm-stats-status-badge.status-pending{background:var(--gray-100);color:var(--gray-600)}.crm-stats-status-badge.status-sent{background:#f0fdf4;color:#16a34a}.crm-stats-status-badge.status-opened{background:#f5f3ff;color:#7c3aed}.crm-stats-status-badge.status-clicked{background:#fff7ed;color:#d97706}.crm-stats-status-badge.status-unsubscribed{background:#fef2f2;color:#dc2626}.crm-stats-status-badge.status-failed{background:#fef2f2;color:#991b1b}.crm-campaign-stats-page .btn .spin{animation:crm-spin 1s linear infinite}@media(max-width:1280px){.crm-stats-tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.crm-stats-tiles{grid-template-columns:repeat(2,1fr)}.crm-stats-meta-row{gap:1rem;padding:.875rem 1rem}.crm-stats-recipients-controls .form-input{min-width:0;width:100%}}@media(max-width:480px){.crm-stats-tiles{grid-template-columns:1fr}}.crm-stats-hourly,.crm-stats-distribution{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:20px}.crm-stats-hourly-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.crm-stats-hourly-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crm-stats-hourly-title .crm-stats-section-title{margin:0}.crm-stats-hourly-note{color:#9ca3af;font-size:13px}.crm-stats-metric-pills{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.crm-stats-metric-pill{background:transparent;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.crm-stats-metric-pill:hover{color:#374151}.crm-stats-metric-pill.active{background:#fff;color:#dc2626;box-shadow:0 1px 3px #00000014}.crm-stats-view-toggle{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:3px;gap:2px}.crm-stats-view-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.crm-stats-view-btn svg{width:16px;height:16px}.crm-stats-view-btn:hover{color:#374151}.crm-stats-view-btn.active{background:#fff;color:#dc2626;box-shadow:0 1px 3px #00000014}.crm-hour-chart{padding:16px 0 8px}.crm-hour-chart-plot{display:flex;align-items:stretch;height:260px}.crm-hour-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:12px;padding-bottom:28px;width:36px;font-size:12px;color:#9ca3af;text-align:right}.crm-hour-chart-y-tick{line-height:1}.crm-hour-chart-bars{flex:1;display:flex;align-items:stretch;gap:4px;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding-left:4px;position:relative}.crm-hour-chart-col{flex:1;display:flex;flex-direction:column;min-width:0}.crm-hour-chart-bar-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:0 2px}.crm-hour-chart-bar{width:100%;max-width:16px;background:#ef4444;border-radius:2px 2px 0 0;min-height:0;transition:background .15s}.crm-hour-chart-bar:hover{background:#dc2626}.crm-hour-chart-label{height:24px;padding-top:6px;font-size:10px;color:#9ca3af;text-align:center;white-space:nowrap;overflow:hidden}@media(max-width:900px){.crm-hour-chart-label{font-size:9px}.crm-hour-chart-plot{height:200px}}.crm-settings-card-wide{grid-column:1 / -1}.crm-settings-radio-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-settings-radio-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s;background:#fff}.crm-settings-radio-card:hover{border-color:#c7d2fe;background:#f9fafb}.crm-settings-radio-card input[type=radio]{margin-top:3px;accent-color:#dc2626}.crm-settings-radio-card:has(input:checked){border-color:#dc2626;background:#fef2f2}.crm-settings-radio-title{font-weight:600;color:#111827;font-size:14px}.crm-settings-radio-desc{font-size:12px;color:#6b7280;margin-top:2px}.crm-settings-hint code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:11px;color:#dc2626}@media(max-width:700px){.crm-settings-radio-row{grid-template-columns:1fr}}.crm-settings-card-link{cursor:pointer;transition:all .15s}.crm-settings-card-link:hover{border-color:#c7d2fe;background:#f9fafb}.crm-unsub-pages .crm-unsub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}.crm-unsub-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .15s}.crm-unsub-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#c7d2fe}.crm-unsub-card-preview{background:#f3f4f6;padding:24px;display:flex;align-items:center;justify-content:center;min-height:160px;border-bottom:1px solid #e5e7eb}.crm-unsub-mini{background:#fff;padding:20px;border-radius:8px;width:100%;max-width:260px;text-align:left;box-shadow:0 2px 6px #0000000a}.crm-unsub-mini-title{font-size:16px;font-weight:800;color:#111827;margin-bottom:8px}.crm-unsub-mini-text{font-size:10px;color:#4b5563;line-height:1.4;margin-bottom:12px}.crm-unsub-mini-btn{background:#000;color:#fff;font-size:10px;font-weight:700;padding:6px 14px;border-radius:999px;display:inline-block}.crm-unsub-card-body{padding:16px 20px}.crm-unsub-card-title{font-size:15px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;margin-bottom:4px}.crm-unsub-default-badge{display:inline-flex;align-items:center;gap:2px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.crm-unsub-card-meta{font-size:12px;color:#6b7280;margin-bottom:12px}.crm-unsub-card-actions{display:flex;flex-wrap:wrap;gap:6px}.crm-unsub-card-actions .btn-sm{padding:6px 10px;font-size:12px}.crm-unsub-empty{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:60px 24px;text-align:center;color:#6b7280}.crm-unsub-empty h3{margin:12px 0 6px;color:#111827}.crm-unsub-empty .btn{margin-top:16px}.crm-unsub-editor{padding-bottom:80px}.crm-unsub-editor-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.crm-unsub-editor-title{font-size:20px;font-weight:700;color:#111827}.crm-unsub-editor-name{color:#6b7280;font-weight:400}.crm-unsub-stepper{display:flex;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;margin-bottom:20px;flex-wrap:wrap}.crm-unsub-step{display:flex;align-items:center;gap:10px;background:transparent;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .15s}.crm-unsub-step:hover{background:#f9fafb;color:#374151}.crm-unsub-step.active{color:#dc2626;background:#fef2f2}.crm-unsub-step.done{color:#059669}.crm-unsub-step-num{width:24px;height:24px;border-radius:999px;background:#e5e7eb;color:#6b7280;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.crm-unsub-step.active .crm-unsub-step-num{background:#dc2626;color:#fff}.crm-unsub-step.done .crm-unsub-step-num{background:#10b981;color:#fff}.crm-unsub-step-label{font-size:13px;font-weight:600}.crm-unsub-step-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.crm-unsub-step-content h2{margin:0 0 8px;color:#111827}.crm-unsub-step-desc{color:#6b7280;margin-bottom:24px}.crm-unsub-hint{color:#6b7280;font-size:12px;margin-bottom:6px}.crm-unsub-reasons{color:#374151;font-size:14px;padding-left:20px;line-height:1.9}.crm-unsub-confirmation{display:flex;flex-direction:column;gap:12px;margin-top:12px}.crm-unsub-conf-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s}.crm-unsub-conf-option:has(input:checked){border-color:#dc2626;background:#fef2f2}.crm-unsub-conf-option input[type=radio]{margin-top:4px;accent-color:#dc2626}.crm-unsub-conf-title{font-weight:600;color:#111827;font-size:14px}.crm-unsub-conf-desc{color:#6b7280;font-size:12px;margin-top:2px}.crm-unsub-design-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.crm-unsub-design-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e5e7eb}.crm-unsub-device-toggle{display:inline-flex;background:#f3f4f6;border-radius:999px;padding:3px}.crm-unsub-device-toggle button{background:transparent;border:none;width:36px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;font-size:16px}.crm-unsub-device-toggle button.active{background:#fff;color:#dc2626;box-shadow:0 1px 3px #0000001a}.crm-unsub-reset-btn{background:transparent;border:none;color:#dc2626;font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.crm-unsub-design-grid{display:grid;grid-template-columns:280px 1fr;min-height:560px}.crm-unsub-design-left{border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.crm-unsub-design-tabs{display:flex;border-bottom:1px solid #e5e7eb}.crm-unsub-design-tabs button{flex:1;background:transparent;border:none;padding:14px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent}.crm-unsub-design-tabs button.active{color:#dc2626;border-bottom-color:#dc2626}.crm-unsub-design-panel{padding:16px;overflow-y:auto;flex:1}.crm-unsub-panel-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:4px 0 10px}.crm-unsub-block-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;color:#374151;margin-bottom:8px;transition:all .15s}.crm-unsub-block-btn:hover{border-color:#dc2626;background:#fef2f2}.crm-unsub-block-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;font-family:Georgia,serif;font-weight:700;font-size:14px;color:#dc2626}.crm-unsub-block-editor{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.crm-unsub-ds{border-bottom:1px solid #e5e7eb}.crm-unsub-ds-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:12px 0;font-size:13px;font-weight:600;color:#374151;cursor:pointer}.crm-unsub-ds-body{padding:4px 0 14px}.crm-unsub-ds-body label{display:block;font-size:11px;color:#6b7280;margin:8px 0 4px}.crm-unsub-ds-body input[type=color]{width:40px;height:28px;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;padding:0}.crm-unsub-ds-body input[type=range]{width:100%}.crm-unsub-preview-wrap{display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.crm-unsub-preview-wrap.device-mobile .crm-unsub-preview{max-width:360px}.crm-unsub-preview{max-width:560px;width:100%;border-radius:12px;box-shadow:0 1px 3px #0000000d;min-height:300px}.crm-unsub-pv-block{display:block;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:border-color .15s}.crm-unsub-pv-block:hover{border-color:#c7d2fe}.crm-unsub-pv-block.selected{border-color:#dc2626}.crm-unsub-pv-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;background:#f9fafb;color:#9ca3af;border:1px dashed #d1d5db;border-radius:8px}.crm-unsub-finalize{text-align:center;padding:40px 20px}.crm-unsub-finalize-icon{width:72px;height:72px;border-radius:999px;background:#d1fae5;color:#059669;margin:0 auto 20px;display:inline-flex;align-items:center;justify-content:center;font-size:36px}.crm-unsub-finalize-summary{max-width:500px;margin:24px auto 0;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.crm-unsub-finalize-row{display:flex;align-items:center;gap:8px;color:#374151;font-size:14px;padding:8px 0}.crm-unsub-finalize-row span{color:#6b7280}.crm-unsub-footer{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;margin:24px -24px -24px;z-index:10}@media(max-width:900px){.crm-unsub-design-grid{grid-template-columns:1fr}.crm-unsub-design-left{border-right:none;border-bottom:1px solid #e5e7eb}}.crm-campaign-subscription{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fafafa}.crm-campaign-subscription-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.crm-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.crm-toggle-switch input{opacity:0;width:0;height:0}.crm-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:999px;transition:background .2s}.crm-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.crm-toggle-switch input:checked+.crm-toggle-slider{background:#dc2626}.crm-toggle-switch input:checked+.crm-toggle-slider:before{transform:translate(20px)}.btn-link-inline{background:none;border:none;color:#dc2626;text-decoration:underline;cursor:pointer;padding:0;font-size:13px}.crm-public-unsub-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f4f6}.crm-public-unsub-card{width:100%;max-width:560px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:40px;text-align:center}.crm-automation-page{padding:0}.crm-automation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.crm-automation-header h2{margin:0;font-size:22px;font-weight:700}.crm-automation-subtitle{margin:4px 0 0;color:#6b7280;font-size:14px}.crm-automation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.crm-automation-tabs{display:flex;gap:4px}.crm-automation-tab{padding:7px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#374151;display:flex;align-items:center;gap:6px;transition:all .15s}.crm-automation-tab:hover{border-color:#c7d2fe;background:#f5f3ff}.crm-automation-tab.active{background:#dc2626;color:#fff;border-color:#dc2626}.crm-automation-tab.active .crm-automation-tab-count{background:#ffffff40;color:#fff}.crm-automation-tab-count{background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px}.crm-automation-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;min-width:220px}.crm-automation-search svg{color:#9ca3af;font-size:16px;flex-shrink:0}.crm-automation-search input{border:none;outline:none;background:none;font-size:13px;width:100%}.crm-automation-loading{padding:60px 0;text-align:center;color:#9ca3af}.crm-automation-empty{text-align:center;padding:80px 20px;color:#6b7280}.crm-automation-empty-icon{font-size:48px;color:#d1d5db;margin-bottom:16px}.crm-automation-empty h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.crm-automation-empty p{font-size:14px;margin:0 0 20px}.crm-automation-list{display:flex;flex-direction:column;gap:10px}.crm-automation-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;transition:box-shadow .15s}.crm-automation-card:hover{box-shadow:0 2px 8px #0000000f}.crm-automation-card-left{display:flex;align-items:center;gap:14px;min-width:0}.crm-automation-card-icon{width:40px;height:40px;border-radius:10px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.crm-automation-card-info{min-width:0}.crm-automation-card-name{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px}.crm-automation-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;flex-wrap:wrap}.crm-automation-status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.crm-automation-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.crm-automation-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.crm-automation-card-actions .btn-sm{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:15px}.btn-danger-outline{color:#ef4444!important;border-color:#fecaca!important}.btn-danger-outline:hover{background:#fef2f2!important}.crm-automation-editor{max-width:920px;margin:0 auto;padding:0 0 100px;display:flex;flex-direction:column;gap:1rem}.crm-automation-editor-back{align-self:flex-start;display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.crm-automation-editor-back:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2)}.crm-automation-editor-hero{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--primary-dark, #b91c1c) 0%,var(--primary, #dc2626) 55%,#2563eb 100%);color:#fff;border-radius:12px;box-shadow:0 6px 18px #dc262626}.crm-automation-editor-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#ffffff2e;color:#fff;font-size:1.4rem;flex-shrink:0}.crm-automation-editor-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.crm-automation-editor-hero-text h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff;line-height:1.2}.crm-automation-editor-hero-text p{margin:0;font-size:.8125rem;color:#ffffffd9}.crm-automation-name-row{display:flex;flex-direction:column;gap:.375rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:.875rem 1rem;box-shadow:0 1px 3px #0f172a08}.crm-automation-name-row .form-label{margin:0;font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563)}.crm-automation-name-row .form-input{width:100%;max-width:none;padding:.55rem .75rem;font-size:.9375rem;font-weight:500;color:var(--gray-900, #111827);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s}.crm-automation-name-row .form-input:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-automation-name-row .form-input::placeholder{color:var(--gray-400, #9ca3af)}.crm-automation-stepper{display:flex;align-items:center;justify-content:center;gap:0;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0f172a08}.crm-automation-step{display:flex;align-items:center;gap:.625rem;cursor:default;position:relative}.crm-automation-step.done{cursor:pointer}.crm-automation-step-num{width:34px;height:34px;border-radius:50%;background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280);border:2px solid var(--gray-200, #e5e7eb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0;transition:all .2s}.crm-automation-step.active .crm-automation-step-num{background:var(--primary, #dc2626);border-color:var(--primary, #dc2626);color:#fff;box-shadow:0 0 0 4px var(--primary-100, #fee2e2)}.crm-automation-step.done .crm-automation-step-num{background:var(--primary, #dc2626);border-color:var(--primary, #dc2626);color:#fff}.crm-automation-step-label{font-size:.875rem;font-weight:600;color:var(--gray-500, #6b7280);white-space:nowrap}.crm-automation-step.active .crm-automation-step-label{color:var(--primary-dark, #b91c1c);font-weight:700}.crm-automation-step.done .crm-automation-step-label{color:var(--gray-700, #374151)}.crm-automation-step-line{width:56px;height:2px;background:var(--gray-200, #e5e7eb);margin:0 1rem;flex-shrink:0}.crm-automation-step.done+.crm-automation-step .crm-automation-step-line,.crm-automation-step.done .crm-automation-step-line{background:var(--primary, #dc2626)}.crm-automation-step-content{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1.25rem 1.375rem;box-shadow:0 1px 3px #0f172a08}.crm-automation-step-content h3{font-size:1.0625rem;font-weight:700;margin:0 0 .25rem;color:var(--gray-900, #111827)}.crm-automation-step-desc{color:var(--gray-500, #6b7280);font-size:.8125rem;margin:0 0 1.125rem}.crm-automation-trigger-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.crm-automation-trigger-card{position:relative;display:flex;flex-direction:column;gap:.625rem;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1rem 1.125rem;cursor:pointer;background:#fff;transition:all .15s}.crm-automation-trigger-card:hover{border-color:var(--gray-300, #d1d5db);background:var(--gray-50, #f9fafb)}.crm-automation-trigger-card.selected{border-color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-automation-trigger-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary-50, #fef2f2);color:var(--primary, #dc2626);font-size:1.25rem;transition:all .15s}.crm-automation-trigger-card.selected .crm-automation-trigger-card-icon{background:var(--primary, #dc2626);color:#fff;box-shadow:0 2px 6px #dc262640}.crm-automation-trigger-card-label{font-weight:700;font-size:.9375rem;color:var(--gray-900, #111827);margin:0}.crm-automation-trigger-card-desc{font-size:.8125rem;color:var(--gray-500, #6b7280);line-height:1.45;margin:0}.crm-automation-trigger-check{position:absolute;top:.625rem;right:.625rem;width:22px;height:22px;border-radius:50%;background:var(--primary, #dc2626);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 1px 3px #dc262640}.crm-automation-editor-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 -2px 8px #0f172a0f;margin-top:.5rem;z-index:5}.crm-automation-actions-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.crm-automation-action-item{border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden}.crm-automation-action-item-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border-bottom:1px solid #f3f4f6}.crm-automation-action-item-left{display:flex;align-items:center;gap:10px}.crm-automation-action-num{width:24px;height:24px;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.crm-automation-action-icon{font-size:18px;color:#dc2626}.crm-automation-action-label{font-weight:600;font-size:13px;color:#111827}.crm-automation-action-item-btns{display:flex;gap:2px}.crm-automation-action-item-btns .btn-sm{padding:4px;font-size:14px}.btn-ghost{background:none;border:none;cursor:pointer;color:#6b7280;border-radius:6px}.btn-ghost:hover{background:#f3f4f6}.btn-danger-text{color:#ef4444!important}.btn-danger-text:hover{background:#fef2f2!important}.crm-automation-action-config{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.crm-automation-action-config .form-label{font-size:12px;font-weight:600;margin-bottom:2px;display:block}.crm-automation-action-config .form-input{font-size:13px;width:100%;display:block;box-sizing:border-box}.crm-automation-action-note{font-size:12px;color:#6b7280;font-style:italic}.crm-auto-send-email-config{display:flex;flex-direction:column;gap:16px}.crm-auto-field-group{display:flex;flex-direction:column;gap:6px}.crm-auto-field-group .form-label{font-size:13px;font-weight:600;color:#374151;margin:0}.crm-auto-required{color:#ef4444}.crm-auto-hint{font-size:12px;color:#6b7280;background:#f9fafb;border-radius:6px;padding:8px 12px;border:1px dashed #e5e7eb}.crm-auto-recipient-tabs,.crm-auto-body-tabs{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:3px;margin-bottom:4px}.crm-auto-recipient-tab,.crm-auto-body-tab{flex:1;padding:6px 10px;border:none;background:none;border-radius:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;white-space:nowrap}.crm-auto-recipient-tab:hover,.crm-auto-body-tab:hover{color:#374151}.crm-auto-recipient-tab.active,.crm-auto-body-tab.active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #00000014}.crm-auto-rte-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.crm-auto-rte-wrap .tmpl-rte-toolbar{border-radius:0;border:none;border-bottom:1px solid #e5e7eb;background:#f9fafb}.crm-auto-rte-editor{min-height:160px;max-height:360px;overflow-y:auto;padding:14px 16px;font-size:13px;line-height:1.6;color:#111827;outline:none;cursor:text}.crm-auto-rte-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.crm-auto-rte-editor:focus{box-shadow:inset 0 0 0 2px #c7d2fe}.crm-auto-rte-editor a{color:#dc2626;text-decoration:underline}.crm-auto-rte-editor ul,.crm-auto-rte-editor ol{margin:8px 0;padding-left:24px}.crm-auto-rte-editor li{margin-bottom:4px}.crm-automation-add-action{margin-top:4px}.crm-automation-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.crm-automation-picker-modal{width:100%;max-width:540px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;overflow:hidden;display:flex;flex-direction:column;max-height:80vh}.crm-automation-picker-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e5e7eb}.crm-automation-picker-header h3{margin:0;font-size:17px;font-weight:700}.crm-automation-picker-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;line-height:1;padding:0 4px}.crm-automation-picker-close:hover{color:#111827}.crm-automation-confirm-modal{width:100%;max-width:420px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;padding:28px;text-align:center}.crm-automation-confirm-modal h3{margin:0 0 10px;font-size:17px;font-weight:700}.crm-automation-confirm-modal p{margin:0 0 24px;font-size:14px;color:#6b7280;line-height:1.5}.crm-automation-confirm-actions{display:flex;align-items:center;justify-content:center;gap:10px}.crm-automation-picker-body{overflow-y:auto;flex:1}.crm-automation-action-cat{padding:0}.crm-automation-action-cat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;padding:14px 20px 6px;background:#fafafa;border-top:1px solid #f3f4f6;position:sticky;top:0;z-index:1}.crm-automation-action-cat:first-child .crm-automation-action-cat-label{border-top:none}.crm-automation-action-pick-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background .1s}.crm-automation-action-pick-item:hover{background:#fef2f2}.crm-automation-action-pick-icon{font-size:20px;color:#dc2626;flex-shrink:0;margin-top:1px}.crm-automation-action-pick-label{font-weight:600;font-size:13px;color:#111827}.crm-automation-action-pick-desc{font-size:12px;color:#6b7280;margin-top:1px}.crm-automation-rules-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.crm-automation-rule-item{display:flex;align-items:center;gap:14px;border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fff}.crm-automation-rule-icon{width:40px;height:40px;border-radius:10px;background:#fef3c7;color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.crm-automation-rule-fields{flex:1}.crm-automation-rule-fields .form-label{font-size:12px;margin-bottom:6px}.crm-automation-rule-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-automation-rule-after{font-size:13px;color:#6b7280}.crm-automation-editor-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;z-index:50}@media(max-width:640px){.crm-automation-toolbar{flex-direction:column;align-items:stretch}.crm-automation-tabs{overflow-x:auto}.crm-automation-card{flex-direction:column;align-items:flex-start;gap:12px}.crm-automation-card-actions{align-self:flex-end}.crm-automation-trigger-grid{grid-template-columns:1fr}.crm-automation-stepper{gap:0;overflow-x:auto}.crm-automation-step-line{width:24px;margin:0 6px}}.crm-task-detail-modal{width:100%;max-width:560px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;overflow:hidden;max-height:85vh;display:flex;flex-direction:column}.crm-task-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.crm-task-detail-header h3{margin:0;font-size:17px;font-weight:700}.crm-task-detail-body{padding:20px 24px;overflow-y:auto;flex:1}.crm-task-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.crm-task-detail-field{display:flex;flex-direction:column;gap:4px}.crm-task-detail-label{font-size:12px;font-weight:600;color:#6b7280;display:flex;align-items:center;gap:5px}.crm-task-detail-value{font-size:14px;color:#111827}.crm-task-detail-section{margin-bottom:20px}.crm-task-detail-section h4{font-size:13px;font-weight:700;color:#374151;margin:0 0 10px;text-transform:uppercase;letter-spacing:.03em}.crm-task-detail-section p{font-size:14px;color:#374151;margin:0;line-height:1.6;white-space:pre-wrap}.crm-task-detail-assoc{display:flex;flex-direction:column;gap:10px}.crm-task-detail-assoc-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6}.crm-task-detail-assoc-icon{font-size:18px;color:#dc2626;flex-shrink:0}.crm-task-detail-assoc-label{font-size:12px;color:#6b7280;font-weight:600;min-width:60px}.crm-task-detail-assoc-value{font-size:14px;color:#111827}.crm-task-row:hover{background:#f9fafb}.crm-contact-tasks-list{display:flex;flex-direction:column;gap:10px}.crm-contact-task-card{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#fff;transition:box-shadow .15s}.crm-contact-task-card:hover{box-shadow:0 2px 8px #0000000f}.crm-contact-task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.crm-contact-task-title{font-weight:600;font-size:14px;color:#111827}.crm-contact-task-meta{display:flex;align-items:center;font-size:12px;color:#6b7280;flex-wrap:wrap;gap:4px}.crm-contact-task-note{font-size:13px;color:#6b7280;margin-top:8px;line-height:1.5;white-space:pre-wrap}.crm-contact-task-assoc{display:flex;align-items:center;gap:16px;margin-top:8px;font-size:12px;color:#6b7280}.sa-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;margin-bottom:24px}.sa-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.sa-section-title{margin:0;font-size:18px;font-weight:700;color:#111827}.sa-section-desc{margin:4px 0 0;font-size:13px;color:#6b7280}.sa-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:#9ca3af;text-align:center}.sa-empty p{margin:0;font-size:14px}.sa-list{display:flex;flex-direction:column;gap:8px}.sa-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:all .15s}.sa-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.sa-card.default{border-color:#c7d2fe;background:#faf5ff08}.sa-card.inactive{opacity:.6}.sa-card-main{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.sa-card-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;flex-shrink:0}.sa-card.default .sa-card-icon{background:#ede9fe;color:#7c3aed}.sa-card-info{min-width:0}.sa-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-card-name{margin:0;font-size:14px;font-weight:600;color:#111827}.sa-default-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 8px;background:#fef3c7;color:#b45309;border-radius:10px;font-size:11px;font-weight:600}.sa-provider-badge{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.5px}.sa-provider-badge.smtp{background:#dbeafe;color:#2563eb}.sa-provider-badge.mailgun{background:#fce7f3;color:#db2777}.sa-inactive-badge{padding:1px 8px;background:#f3f4f6;color:#9ca3af;border-radius:10px;font-size:11px;font-weight:500}.sa-card-email{margin:2px 0 0;font-size:13px;color:#374151}.sa-card-detail{margin:1px 0 0;font-size:12px;color:#9ca3af}.sa-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:12px}.sa-action-btn{background:none;border:none;padding:6px;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;display:flex;align-items:center;transition:all .15s}.sa-action-btn:hover{background:#f3f4f6;color:#111827}.sa-action-btn.danger:hover{background:#fef2f2;color:#dc2626}.sa-action-btn.default-btn:hover{background:#fef3c7;color:#b45309}.sa-modal{padding:0}.sa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-form-group{display:flex;flex-direction:column;gap:5px}.sa-form-full{grid-column:1 / -1}.sa-provider-tabs{display:flex;gap:8px}.sa-ptab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.sa-ptab:hover{border-color:#d1d5db}.sa-ptab.active{border-color:#ef4444;color:#ef4444;background:#fef2f2}.sa-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.sa-checkbox-label input{accent-color:#ef4444;width:16px;height:16px}.sa-provider-section{margin-top:20px;padding:16px;border:1px solid #f3f4f6;border-radius:10px;background:#fafafa}.sa-provider-section-title{margin:0 0 14px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.sa-test-panel{margin-top:20px;padding:16px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.sa-test-panel-title{margin:0;font-size:15px;font-weight:600;color:#111827;display:flex;align-items:center;gap:6px}.sa-test-panel-desc{margin:4px 0 16px;font-size:12px;color:#9ca3af}.sa-test-block{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;margin-bottom:12px}.sa-test-block:last-child{margin-bottom:0}.sa-test-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-test-block-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151}.sa-test-block-label svg{font-size:18px;color:#6b7280}.sa-test-send-row{display:flex;gap:8px;align-items:center;margin-top:12px}.sa-test-send-row .form-input{flex:1}.sa-test-result{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:8px;animation:saFadeIn .25s ease}@keyframes saFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sa-test-result.success{background:#ecfdf5;border:1px solid #a7f3d0}.sa-test-result.error{background:#fef2f2;border:1px solid #fecaca}.sa-test-result-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}.sa-test-result.success .sa-test-result-icon{background:#d1fae5;color:#059669}.sa-test-result.error .sa-test-result-icon{background:#fee2e2;color:#dc2626}.sa-test-result-body{flex:1;min-width:0}.sa-test-result-status{display:block;font-size:13px;font-weight:600}.sa-test-result.success .sa-test-result-status{color:#059669}.sa-test-result.error .sa-test-result-status{color:#dc2626}.sa-test-result-details{margin-top:6px}.sa-test-result-details p{margin:0 0 8px;font-size:12px;color:#374151;line-height:1.5}.sa-test-result-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#6b7280}.sa-test-result-meta strong{color:#374151}.sa-test-result-error{margin:4px 0 0;font-size:12px;color:#dc2626;line-height:1.5;word-break:break-word}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-spin{animation:saSpin 1s linear infinite}.sa-test-section{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.sa-test-row{display:flex;gap:8px;align-items:center}.sa-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6}.sa-incoming-section{margin-top:16px}.sa-incoming-header{margin-bottom:12px}.sa-incoming-desc{margin:2px 0 0;font-size:12px;color:#9ca3af}.sa-incoming-protocol-tabs{display:flex;gap:8px}.sa-card-incoming{color:#6b7280}@media(max-width:640px){.sa-section-header{flex-direction:column}.sa-form-grid{grid-template-columns:1fr}.sa-card{flex-direction:column;align-items:flex-start;gap:12px}.sa-card-actions{margin-left:0}.sa-test-row,.sa-test-send-row{flex-direction:column}.sa-test-block-header{flex-direction:column;align-items:flex-start}.sa-test-result-meta{flex-direction:column;gap:2px}.sa-incoming-protocol-tabs,.sa-oauth-tabs{flex-direction:column}}.sa-oauth-block{margin-bottom:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.sa-oauth-tabs{display:flex;gap:6px;margin-bottom:12px}.sa-oauth-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.sa-oauth-status{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:#475569;margin-bottom:10px;line-height:1.45}.sa-oauth-status>svg{font-size:1.1rem;flex-shrink:0;margin-top:1px;color:#f59e0b}.sa-oauth-status.connected{color:#166534}.sa-oauth-status.connected>svg{color:#16a34a}.sa-oauth-actions{display:flex;gap:8px;flex-wrap:wrap}.sa-oauth-hint{margin:8px 0 0;font-size:.74rem;color:#94a3b8;font-style:italic}.sa-oauth-inline-status{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:.82rem;font-weight:500}.sa-oauth-inline-status>svg{font-size:1rem}.crm-signatures-page .crm-sig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}.crm-sig-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .15s}.crm-sig-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#c7d2fe}.crm-sig-card-header{padding:14px 18px 10px;border-bottom:1px solid #f3f4f6}.crm-sig-card-title{font-size:15px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-sig-card-meta{margin-top:4px;font-size:12px;color:#6b7280}.crm-sig-card-preview{background:#f9fafb;padding:18px;font-size:13px;color:#374151;line-height:1.5;min-height:100px;max-height:180px;overflow:hidden;position:relative}.crm-sig-card-preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(to bottom,#f9fafb00,#f9fafb);pointer-events:none}.crm-sig-card-preview p{margin:0 0 6px}.crm-sig-card-preview a{color:#dc2626}.crm-sig-card-preview img{max-width:100%;height:auto}.crm-sig-card-actions{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 14px;border-top:1px solid #f3f4f6;margin-top:auto}.crm-sig-modal{padding:4px 2px}.ce-sig-picker{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:6px}.ce-sig-picker-btn{display:inline-flex;align-items:center;gap:6px;background:#fef2f2;color:#dc2626;border:1px solid #c7d2fe;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.ce-sig-picker-btn:hover{background:#fee2e2}.ce-sig-picker-btn:disabled{opacity:.5;cursor:not-allowed}.ce-sig-picker-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #00000014;min-width:240px;max-height:280px;overflow:auto;padding:6px}.ce-sig-picker-item{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:transparent;border-radius:6px;font-size:13px;color:#111827;cursor:pointer}.ce-sig-picker-item:hover{background:#f3f4f6}.ce-sig-picker-item-meta{display:block;font-size:11px;color:#6b7280;margin-top:2px}.ce-sig-picker-remove{color:#dc2626!important;border-top:1px solid #f3f4f6;margin-top:6px;padding-top:10px;border-radius:0 0 6px 6px}.ce-sig-picker-empty{padding:12px;font-size:12px;color:#6b7280;text-align:center}.crm-contact-form{display:flex;flex-direction:column;gap:.875rem}.crm-cf-section{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.crm-cf-head{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-100, #f3f4f6)}.crm-cf-head-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.95rem;flex-shrink:0}.crm-cf-head h4{margin:0;font-size:.875rem;font-weight:700;color:var(--gray-800, #1f2937);letter-spacing:.01em}.crm-cf-head-sub{margin-left:auto;font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-cf-section-person .crm-cf-head-icon{background:#fee2e2;color:#b91c1c}.crm-cf-section-contact .crm-cf-head-icon{background:#dbeafe;color:#1d4ed8}.crm-cf-section-company .crm-cf-head-icon{background:#ede9fe;color:#6d28d9}.crm-cf-section-location .crm-cf-head-icon{background:#ccfbf1;color:#0d9488}.crm-cf-section-organize .crm-cf-head-icon{background:#fef3c7;color:#b45309}.crm-cf-section-note .crm-cf-head-icon{background:#f3f4f6;color:#4b5563}.crm-cf-body{padding:.875rem 1rem}.crm-cf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem .875rem}.crm-cf-field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.crm-cf-field-full{grid-column:1 / -1}.crm-cf-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563)}.crm-cf-label-required:after{content:" *";color:var(--danger, #dc2626);font-weight:700}.crm-cf-input,.crm-cf-select,.crm-cf-textarea{width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.crm-cf-input:hover:not(:disabled),.crm-cf-select:hover:not(:disabled),.crm-cf-textarea:hover:not(:disabled){border-color:var(--gray-300, #d1d5db)}.crm-cf-input:focus,.crm-cf-select:focus,.crm-cf-textarea:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-cf-input::placeholder,.crm-cf-textarea::placeholder{color:var(--gray-400, #9ca3af)}.crm-cf-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.crm-cf-textarea{resize:vertical;min-height:80px;line-height:1.45}.crm-cf-select-multi{min-height:96px;padding:.375rem .5rem;background-image:none;cursor:default}.crm-cf-select-multi option{padding:.25rem .5rem;border-radius:4px}.crm-cf-select-multi option:checked{background:var(--primary-50, #fef2f2) linear-gradient(0deg,var(--primary-50, #fef2f2),var(--primary-50, #fef2f2));color:var(--primary-dark, #b91c1c);font-weight:600}.crm-cf-hint{margin:0;font-size:.6875rem;color:var(--gray-400, #9ca3af)}.crm-cf-input-wrap{position:relative;display:flex;align-items:center}.crm-cf-input-wrap .crm-cf-input-icon{position:absolute;left:.625rem;display:inline-flex;align-items:center;color:var(--gray-400, #9ca3af);font-size:.95rem;pointer-events:none}.crm-cf-input-wrap .crm-cf-input{padding-left:2rem}.crm-cf-input-wrap:focus-within .crm-cf-input-icon{color:var(--primary, #dc2626)}.crm-cf-error{margin:0;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.8125rem}.crm-cf-actions{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.5rem;border-top:1px solid var(--gray-100, #f3f4f6);margin-top:.25rem}.crm-seg-summary{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;margin-bottom:1rem;box-shadow:0 1px 3px #0f172a08}.crm-seg-summary-label{flex-shrink:0;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500, #6b7280);padding-top:5px}.crm-seg-summary-chips{display:flex;flex-wrap:wrap;gap:.375rem}.crm-seg-summary-empty{font-size:.8125rem;color:var(--gray-500, #6b7280);font-style:italic}.crm-seg-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:999px;background:var(--primary-50, #fef2f2);color:var(--primary-dark, #b91c1c);border:1px solid var(--primary-100, #fee2e2);font-size:.75rem;font-weight:600}.crm-seg-chip-join{display:inline-block;padding:0 .375rem;margin-right:.25rem;background:#fff;color:var(--gray-500, #6b7280);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:4px}.crm-modal.crm-seg-modal{max-width:760px;width:100%;display:flex;flex-direction:column;max-height:92vh}.crm-seg-modal-header{background:linear-gradient(135deg,var(--primary-dark, #b91c1c) 0%,var(--primary, #dc2626) 55%,#2563eb 100%);border-bottom:none!important;padding:1rem 1.25rem!important;color:#fff}.crm-seg-modal-title{display:flex;align-items:center;gap:.75rem;flex:1}.crm-seg-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;color:#fff;font-size:1.125rem;flex-shrink:0}.crm-seg-modal-title h3{margin:0;font-size:1.0625rem;font-weight:700;color:#fff!important}.crm-seg-modal-title p{margin:0;font-size:.75rem;color:#ffffffd9}.crm-seg-modal .crm-modal-close{color:#ffffffe6}.crm-seg-modal .crm-modal-close:hover{background:#ffffff29;color:#fff}.crm-seg-modal-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.crm-seg-modal-body>*{flex-shrink:0}.crm-seg-section{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1rem;box-shadow:0 1px 3px #00000008}.crm-seg-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.875rem}.crm-seg-section-head h4{margin:0;font-size:.9375rem;font-weight:700;color:var(--gray-800, #1f2937)}.crm-seg-section-head p{margin:0;font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-seg-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}@media(max-width:600px){.crm-seg-field-grid{grid-template-columns:1fr}}.crm-seg-field{display:flex;flex-direction:column;gap:.375rem}.crm-seg-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563)}.crm-seg-label-required:after{content:" *";color:var(--danger, #dc2626);font-weight:700}.crm-seg-input{width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}.crm-seg-input:hover{border-color:var(--gray-300, #d1d5db)}.crm-seg-input:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}select.crm-seg-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.crm-seg-logic-toggle{display:inline-flex;background:var(--gray-100, #f3f4f6);border-radius:8px;padding:3px;gap:2px}.crm-seg-logic-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:700;border:none;background:transparent;color:var(--gray-500, #6b7280);border-radius:6px;cursor:pointer;letter-spacing:.04em}.crm-seg-logic-btn.is-active{background:#fff;color:var(--primary, #dc2626);box-shadow:0 1px 3px #00000014}.crm-seg-rows{display:flex;flex-direction:column;gap:.5rem}.crm-seg-row{display:grid;grid-template-columns:64px 1fr 1fr 1.2fr 32px;align-items:center;gap:.5rem}.crm-seg-row-join{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary, #dc2626);text-align:center;background:var(--primary-50, #fef2f2);border:1px solid var(--primary-100, #fee2e2);border-radius:6px;padding:.3rem 0}.crm-seg-row-join.is-first{background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280);border-color:var(--gray-200, #e5e7eb)}.crm-seg-row-val .crm-seg-input{width:100%}.crm-seg-row-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--gray-400, #9ca3af);cursor:pointer;transition:all .15s}.crm-seg-row-remove:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}@media(max-width:700px){.crm-seg-row{grid-template-columns:1fr 1fr;grid-template-areas:"join join" "field field" "op op" "val val" "rem rem";gap:.375rem}.crm-seg-row-join{grid-area:join;text-align:left}.crm-seg-row-field{grid-area:field}.crm-seg-row-op{grid-area:op}.crm-seg-row-val{grid-area:val}.crm-seg-row-remove{grid-area:rem;justify-self:end}}.crm-seg-add-row{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.4rem .75rem;background:#fff;border:1px dashed var(--gray-300, #d1d5db);border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.crm-seg-add-row:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2)}.crm-seg-preview{background:linear-gradient(135deg,var(--primary-50, #fef2f2) 0%,#eff6ff 100%);border-color:var(--primary-100, #fee2e2)}.crm-seg-preview-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.crm-seg-preview-stat{display:flex;flex-direction:column;gap:2px}.crm-seg-preview-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-dark, #b91c1c)}.crm-seg-preview-num{font-size:1.75rem;font-weight:800;color:var(--gray-900, #111827);font-variant-numeric:tabular-nums;line-height:1}.crm-seg-preview-hint{font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-seg-spin{animation:crm-seg-spin .65s linear infinite;color:var(--primary, #dc2626)}@keyframes crm-seg-spin{to{transform:rotate(360deg)}}.crm-seg-preview-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:600px){.crm-seg-preview-list{grid-template-columns:1fr}}.crm-seg-preview-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;min-width:0}.crm-seg-preview-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;font-size:.6875rem;font-weight:700;flex-shrink:0}.crm-seg-preview-item-text{display:flex;flex-direction:column;min-width:0}.crm-seg-preview-item-name{font-size:.8125rem;font-weight:600;color:var(--gray-800, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-seg-preview-item-sub{font-size:.6875rem;color:var(--gray-500, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-seg-preview-more{grid-column:1 / -1;text-align:center;font-size:.75rem;font-weight:600;color:var(--gray-500, #6b7280);padding:.375rem 0}.crm-seg-error{margin:0;padding:.5rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.8125rem}.crm-seg-actions{display:flex;justify-content:flex-end;gap:.625rem;padding-top:.25rem}.crm-task-form{display:flex;flex-direction:column;gap:.875rem}.crm-task-choice{display:inline-flex;gap:.375rem;background:var(--gray-100, #f3f4f6);padding:4px;border-radius:8px}.crm-task-choice-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem .875rem;background:transparent;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.crm-task-choice-btn svg{width:14px;height:14px}.crm-task-choice-btn:hover{color:var(--gray-800, #1f2937)}.crm-task-choice-btn.is-active{background:#fff;color:var(--gray-800, #1f2937);box-shadow:0 1px 3px #00000014}.crm-task-choice-btn.crm-task-choice-btn-high.is-active{background:#fef2f2;color:#b91c1c;box-shadow:0 1px 3px #dc262626}.crm-task-choice-btn.crm-task-choice-btn-high.is-active svg{color:#dc2626}.crm-task-reminder{display:flex;align-items:center;gap:.875rem;padding:.75rem .875rem;background:var(--gray-50, #f9fafb);border:1.5px solid var(--gray-200, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s}.crm-task-reminder:hover{border-color:var(--gray-300, #d1d5db)}.crm-task-reminder input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.crm-task-reminder-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);color:var(--gray-400, #9ca3af);font-size:1.125rem;transition:all .15s;flex-shrink:0}.crm-task-reminder:has(input:checked){background:var(--primary-50, #fef2f2);border-color:var(--primary, #dc2626)}.crm-task-reminder:has(input:checked) .crm-task-reminder-mark{background:var(--primary, #dc2626);border-color:var(--primary, #dc2626);color:#fff}.crm-task-reminder-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.crm-task-reminder-text strong{font-size:.875rem;font-weight:600;color:var(--gray-800, #1f2937)}.crm-task-reminder-text span{font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-task-reminder:has(input:checked) .crm-task-reminder-text strong{color:var(--primary-dark, #b91c1c)}.crm-campaign-form{display:flex;flex-direction:column;gap:.875rem}.crm-camp-rec-types{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}@media(max-width:600px){.crm-camp-rec-types{grid-template-columns:1fr}}.crm-camp-rec-type{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s}.crm-camp-rec-type input[type=radio]{position:absolute;opacity:0;pointer-events:none}.crm-camp-rec-type:hover{border-color:var(--gray-300, #d1d5db)}.crm-camp-rec-type.is-active{border-color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.crm-camp-rec-type-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280);font-size:1.1rem;flex-shrink:0;transition:all .15s}.crm-camp-rec-type.is-active .crm-camp-rec-type-icon{background:var(--primary, #dc2626);color:#fff}.crm-camp-rec-type-text{display:flex;flex-direction:column;gap:2px;min-width:0}.crm-camp-rec-type-text strong{font-size:.875rem;font-weight:600;color:var(--gray-800, #1f2937)}.crm-camp-rec-type-text span{font-size:.75rem;color:var(--gray-500, #6b7280)}.crm-camp-rec-type.is-active .crm-camp-rec-type-text strong{color:var(--primary-dark, #b91c1c)}.crm-camp-lists-wrap{margin-top:.875rem;padding-top:.875rem;border-top:1px dashed var(--gray-200, #e5e7eb)}.crm-camp-lists-wrap .crm-cf-label{display:block;margin-bottom:.5rem}.crm-camp-sig-picker{margin-left:auto;position:relative}.crm-camp-sig-picker .ce-sig-picker-btn{padding:.3rem .625rem;font-size:.75rem;font-weight:600;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:6px;color:var(--gray-600, #4b5563);display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;transition:all .15s}.crm-camp-sig-picker .ce-sig-picker-btn:hover:not(:disabled){border-color:var(--primary, #dc2626);color:var(--primary, #dc2626)}.crm-camp-sig-picker .ce-sig-picker-btn:disabled{opacity:.5;cursor:not-allowed}.crm-camp-html-editor{font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem;line-height:1.55;min-height:220px;resize:vertical}.crm-camp-unsub-warn{padding:.5rem .75rem;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.8125rem;color:#92400e}.crm-camp-unsub-warn .btn-link-inline{background:none;border:none;color:var(--primary, #dc2626);font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.portfolio-page{padding:1.5rem;overflow-x:hidden}.portfolio-toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;align-items:center}.portfolio-search{flex:1;position:relative;max-width:400px}.portfolio-search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#9ca3af}.portfolio-search .table-search{padding-left:2.25rem}.portfolio-filter-btn{position:relative}.portfolio-filter-btn.active{border-color:#2563eb;color:#2563eb}.filter-badge{background:#2563eb;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.portfolio-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.portfolio-filters select{padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;color:#374151;min-width:150px}.portfolio-empty{text-align:center;padding:4rem 2rem;color:#9ca3af}.portfolio-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.portfolio-empty p{font-size:1rem;margin-bottom:1.5rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.portfolio-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.portfolio-card:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #2563eb14;transform:translateY(-2px)}.portfolio-card-thumb{position:relative;height:200px;background:linear-gradient(135deg,#f0f4ff,#e8ecf4);overflow:hidden}.portfolio-card-img{width:100%;height:100%;object-fit:cover}.portfolio-card-img-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c7d2fe;font-size:3rem}.portfolio-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-card-thumb .portfolio-type-badge{position:absolute;top:10px;right:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.type-web{background:#2563eb26;color:#2563eb}.portfolio-card-thumb .type-web{background:#2563ebd9;color:#fff}.type-mobile{background:#10b98126;color:#059669}.portfolio-card-thumb .type-mobile{background:#10b981d9;color:#fff}.type-desktop{background:#8b5cf626;color:#7c3aed}.portfolio-card-thumb .type-desktop{background:#8b5cf6d9;color:#fff}.portfolio-card-body{padding:16px;flex:1}.portfolio-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.3}.portfolio-industry-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500;background:#fef3c7;color:#92400e;margin-bottom:8px}.portfolio-card-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.portfolio-skill-chip{display:inline-flex;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}.portfolio-skill-chip.more{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.portfolio-card-actions{display:flex;gap:4px;padding:8px 16px 16px;justify-content:flex-end}.portfolio-card-actions .btn-action{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;transition:all .15s}.portfolio-card-actions .btn-action:hover{background:#f9fafb}.portfolio-card-actions .btn-action.view:hover{color:#2563eb;border-color:#93c5fd}.portfolio-card-actions .btn-action.edit:hover{color:#f59e0b;border-color:#fcd34d}.portfolio-card-actions .btn-action.delete:hover{color:#ef4444;border-color:#fca5a5}.portfolio-form{padding:4px}.portfolio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portfolio-form-grid .form-group-full{grid-column:1 / -1}.portfolio-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.portfolio-error{color:#ef4444;font-size:13px;margin-top:12px;padding:8px 12px;background:#fef2f2;border-radius:8px}.portfolio-type-chips{display:flex;gap:8px}.portfolio-type-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:#6b7280;transition:all .15s}.portfolio-type-chip:hover{border-color:#c7d2fe;color:#dc2626}.portfolio-type-chip.active{border-color:#dc2626;background:#fef2f2;color:#dc2626}.portfolio-multi-select{position:relative}.portfolio-multi-input{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;min-height:38px;align-items:center;cursor:text}.portfolio-multi-input:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #4f46e51a}.portfolio-multi-input input{border:none;outline:none;flex:1;min-width:80px;font-size:13px;padding:2px 4px}.portfolio-skill-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500;background:#eff6ff;color:#3b82f6;border:1px solid #dbeafe}.portfolio-skill-tag button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:#93c5fd;font-size:12px}.portfolio-skill-tag button:hover{color:#ef4444}.portfolio-multi-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:200px;overflow-y:auto;margin-top:4px}.portfolio-multi-option{padding:8px 12px;font-size:13px;cursor:pointer;color:#374151}.portfolio-multi-option:hover{background:#eff6ff;color:#2563eb}.portfolio-rte-wrap{border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#fff}.portfolio-rte-toolbar{display:flex;gap:2px;padding:6px 8px;background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.portfolio-rte-toolbar button{padding:4px 8px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:12px;color:#4b5563}.portfolio-rte-toolbar button:hover{background:#e5e7eb;color:#111827}.portfolio-rte-sep{width:1px;background:#d1d5db;margin:2px 4px}.portfolio-rte-editor{min-height:150px;padding:12px;font-size:14px;line-height:1.6;color:#1e293b;outline:none}.portfolio-rte-editor:empty:before{content:attr(data-placeholder);color:#9ca3af}.portfolio-rte-editor:focus{box-shadow:inset 0 0 0 1px #4f46e533}.portfolio-rte-editor h3{font-size:1rem;margin:4px 0}.portfolio-rte-editor blockquote{border-left:3px solid #c7d2fe;padding-left:12px;margin:4px 0;color:#6b7280}.portfolio-rte-editor ul,.portfolio-rte-editor ol{margin:4px 0;padding-left:20px}.portfolio-screenshots-upload{display:flex;flex-wrap:wrap;gap:10px}.portfolio-screenshot-thumb{position:relative;width:100px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.portfolio-screenshot-thumb .screenshot-img{width:100%;height:100%;object-fit:cover}.screenshot-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .15s}.portfolio-screenshot-thumb:hover .screenshot-remove{opacity:1}.portfolio-screenshot-add{width:100px;height:80px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#9ca3af;font-size:12px;transition:all .15s}.portfolio-screenshot-add:hover{border-color:#dc2626;color:#dc2626;background:#f5f3ff}.portfolio-screenshot-add svg{font-size:20px}.upload-spinner{font-size:11px;color:#6b7280}.portfolio-img-placeholder{display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#cbd5e1;font-size:2rem;width:100%;height:100%}.portfolio-view{padding:4px}.portfolio-view-header{margin:16px 0}.portfolio-view-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 10px}.portfolio-view-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.portfolio-view-skills{margin:16px 0}.portfolio-view-skills h4{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.portfolio-view-desc{margin:16px 0}.portfolio-view-desc h4{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.portfolio-view-desc-content{font-size:14px;line-height:1.7;color:#334155}.portfolio-view-desc-content h3{font-size:1rem;font-weight:600;margin:12px 0 4px}.portfolio-view-desc-content ul,.portfolio-view-desc-content ol{padding-left:20px;margin:8px 0}.portfolio-view-desc-content blockquote{border-left:3px solid #c7d2fe;padding-left:12px;color:#6b7280;margin:8px 0}.portfolio-view-actions{display:flex;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9}.portfolio-carousel{border-radius:12px;overflow:hidden;background:#0f172a}.portfolio-carousel-main{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:420px}.carousel-image{width:100%;max-height:420px;object-fit:contain;cursor:pointer}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#1e293b;z-index:2;box-shadow:0 2px 8px #00000026;transition:all .15s}.carousel-nav:hover{background:#fff;box-shadow:0 4px 12px #0003}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{display:flex;justify-content:center;gap:6px;padding:10px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:all .15s}.carousel-dot.active{background:#fff;transform:scale(1.2)}.carousel-dot:hover{background:#ffffffb3}@media(max-width:768px){.portfolio-grid,.portfolio-form-grid{grid-template-columns:1fr}.portfolio-toolbar{flex-direction:column;align-items:stretch}.portfolio-search{max-width:none}.portfolio-type-chips{flex-wrap:wrap}.portfolio-carousel-main{min-height:200px}}.ce-page{padding:0}.ce-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ce-tabs{display:flex;gap:4px;background:#f3f4f6;border-radius:8px;padding:3px}.ce-tab{padding:6px 16px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.ce-tab:hover{color:#374151;background:#e5e7eb}.ce-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px #00000014}.ce-search{position:relative;min-width:220px}.ce-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.ce-search .table-search{padding-left:32px}.ce-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;text-align:center}.ce-empty p{margin:0 0 16px;font-size:14px}.ce-list{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.ce-list-card{display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--gray-100, #f3f4f6);border-radius:0;padding:0;transition:background .12s}.ce-list-card:last-child{border-bottom:none}.ce-list-card:hover{background:var(--primary-50, #fef2f2)}.ce-list-card-main{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem .875rem 1.125rem;cursor:pointer;gap:1rem}.ce-list-card-left{display:flex;align-items:center;gap:.875rem;min-width:0;flex:1}.ce-list-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #dc2626) 0%,#2563eb 100%);color:#fff;font-size:1.15rem;flex-shrink:0;box-shadow:0 1px 3px #dc26262e}.ce-list-card-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ce-list-card-name-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.ce-list-card-name{margin:0;font-size:.9375rem;font-weight:700;color:var(--gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.ce-list-card-meta{margin:0;font-size:.75rem;color:var(--gray-500, #6b7280);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ce-purpose-badge{background:#ede9fe;color:#6d28d9;padding:.05rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600}.ce-list-card-stat{display:inline-flex;align-items:center;gap:.3rem;padding:.05rem .45rem;background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-radius:4px;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.ce-list-card-stat svg{width:11px;height:11px;color:var(--gray-400, #9ca3af)}.ce-list-card-right{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.ce-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.15rem .55rem .15rem .45rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.ce-status-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.ce-status-badge.status-draft{background:var(--gray-100, #f3f4f6);color:var(--gray-600, #4b5563);border-color:var(--gray-200, #e5e7eb)}.ce-status-badge.status-active{background:#dcfce7;color:#047857;border-color:#bbf7d0}.ce-status-badge.status-paused{background:#fef3c7;color:#b45309;border-color:#fde68a}.ce-status-badge.status-completed{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.ce-status-badge.status-failed{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.ce-list-card-date{font-size:.75rem;color:var(--gray-500, #6b7280);white-space:nowrap;font-weight:500}.ce-list-card-actions{display:flex;align-items:center;gap:.125rem;padding:0 .625rem}.ce-list-card-actions button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;padding:0;border-radius:6px;color:var(--gray-500, #6b7280);cursor:pointer;font-size:1rem;transition:all .15s}.ce-list-card-actions button:hover{background:#fff;border-color:var(--gray-200, #e5e7eb);color:var(--gray-800, #1f2937)}.ce-list-card-actions button:last-child:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ce-list-card-actions .ce-activate-btn{color:#10b981}.ce-list-card-actions .ce-activate-btn:hover{background:#dcfce7;border-color:#a7f3d0;color:#047857}.ce-list-card-actions .ce-pause-btn{color:#f59e0b}.ce-list-card-actions .ce-pause-btn:hover{background:#fef3c7;border-color:#fde68a;color:#b45309}.ce-list-foot{padding:.5rem 1.125rem;background:var(--gray-50, #f9fafb);border-top:1px solid var(--gray-100, #f3f4f6);font-size:.75rem;color:var(--gray-500, #6b7280);font-weight:500}@media(max-width:720px){.ce-list-card-main{flex-direction:column;align-items:stretch;gap:.5rem}.ce-list-card-right{align-self:flex-start}}.ce-wizard{padding:0;display:flex;flex-direction:column;max-height:88vh}.ce-wizard-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-dark, #b91c1c) 0%,var(--primary, #dc2626) 55%,#2563eb 100%);color:#fff}.ce-wizard-header-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#ffffff2e;font-size:1.125rem;flex-shrink:0}.ce-wizard-header-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}.ce-wizard-header-text h2{margin:0;font-size:1.0625rem;font-weight:700}.ce-wizard-header-text p{margin:0;font-size:.75rem;color:#ffffffd9}.ce-wizard-stepper{display:flex;align-items:center;justify-content:center;gap:50px;padding:1.125rem 1.25rem;background:#fff;border-bottom:1px solid var(--gray-100, #f3f4f6)}.ce-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;position:relative}.ce-step:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 22px);width:62px;height:2px;background:var(--gray-200, #e5e7eb);z-index:0}.ce-step.done:not(:last-child):after{background:var(--primary, #dc2626)}.ce-step-circle{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;border:2px solid var(--gray-200, #e5e7eb);color:var(--gray-400, #9ca3af);background:#fff;font-weight:700;transition:all .2s}.ce-step.active .ce-step-circle{border-color:var(--primary, #dc2626);color:#fff;background:var(--primary, #dc2626);box-shadow:0 0 0 4px var(--primary-100, #fee2e2)}.ce-step.done .ce-step-circle{border-color:var(--primary, #dc2626);color:#fff;background:var(--primary, #dc2626)}.ce-step-label{font-size:.75rem;font-weight:600;color:var(--gray-500, #6b7280);letter-spacing:.02em}.ce-step.active .ce-step-label{color:var(--primary-dark, #b91c1c);font-weight:700}.ce-step.done .ce-step-label{color:var(--gray-700, #374151)}.ce-error{margin:0 1.25rem .5rem;padding:.625rem .875rem;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:.8125rem;border:1px solid #fecaca}.ce-wizard-body{padding:1rem 1.25rem;flex:1;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#fff 200px);display:flex;flex-direction:column;gap:.875rem}.ce-wizard-body>*{flex-shrink:0}.ce-step-card{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.ce-step-card-head{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--gray-50, #f9fafb);border-bottom:1px solid var(--gray-100, #f3f4f6)}.ce-step-card-head-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.95rem;flex-shrink:0}.ce-step-card-head h4{margin:0;font-size:.875rem;font-weight:700;color:var(--gray-800, #1f2937)}.ce-step-card-head-sub{margin-left:auto;font-size:.75rem;color:var(--gray-500, #6b7280)}.ce-step-card-identity .ce-step-card-head-icon{background:#fee2e2;color:#b91c1c}.ce-step-card-sender .ce-step-card-head-icon{background:#dbeafe;color:#1d4ed8}.ce-step-card-recipients .ce-step-card-head-icon{background:#ede9fe;color:#6d28d9}.ce-step-card-subject .ce-step-card-head-icon{background:#ccfbf1;color:#0d9488}.ce-step-card-mail .ce-step-card-head-icon{background:#fef3c7;color:#b45309}.ce-step-card-inner{padding:.875rem 1rem}.ce-recipient-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}@media(max-width:720px){.ce-recipient-cards{grid-template-columns:1fr}}.ce-recipient-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s}.ce-recipient-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.ce-recipient-card:hover{border-color:var(--gray-300, #d1d5db)}.ce-recipient-card.is-active{border-color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.ce-recipient-card-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280);font-size:1rem;flex-shrink:0;transition:all .15s}.ce-recipient-card.is-active .ce-recipient-card-icon{background:var(--primary, #dc2626);color:#fff}.ce-recipient-card-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ce-recipient-card-text strong{font-size:.8125rem;font-weight:600;color:var(--gray-800, #1f2937)}.ce-recipient-card-text span{font-size:.6875rem;color:var(--gray-500, #6b7280)}.ce-recipient-card.is-active .ce-recipient-card-text strong{color:var(--primary-dark, #b91c1c)}.ce-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ce-form-full{grid-column:1 / -1}.ce-form-group{display:flex;flex-direction:column;gap:6px}.ce-form-label{font-size:13px;font-weight:600;color:#374151}.ce-form-label .required{color:#dc2626}.ce-recipient-type-tabs{display:flex;gap:8px}.ce-rtab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.ce-rtab:hover{border-color:#d1d5db}.ce-rtab.active{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.ce-list-checkboxes{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.ce-list-checkbox{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:background .1s}.ce-list-checkbox:hover{background:#f3f4f6}.ce-list-checkbox.checked{background:#eff6ff}.ce-list-count{color:#9ca3af;font-size:12px}.ce-no-lists{padding:10px;color:#9ca3af;font-size:13px;font-style:italic}.ce-email-tags{display:flex;flex-direction:column;gap:8px}.ce-email-tags-list{display:flex;flex-wrap:wrap;gap:6px}.ce-email-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#eff6ff;color:#1d4ed8;border-radius:20px;font-size:12px;font-weight:500}.ce-email-tag button{background:none;border:none;padding:0;color:#93c5fd;cursor:pointer;display:flex;font-size:14px;transition:color .15s}.ce-email-tag button:hover{color:#dc2626}.ce-email-input-row{display:flex;gap:8px}.ce-email-input-row .form-input{flex:1}.ce-template-select{display:flex;flex-direction:column;gap:6px}.ce-variable-hint{margin-top:4px;font-size:11px;color:#9ca3af}.ce-variable-hint code{background:#f3f4f6;padding:1px 5px;border-radius:3px;font-size:11px;color:#6b7280}.ce-rte-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.ce-rte-toolbar{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.ce-rte-toolbar button{background:none;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:13px;color:#374151;line-height:1;transition:background .1s}.ce-rte-toolbar button:hover{background:#e5e7eb}.ce-rte-sep{width:1px;height:18px;background:#e5e7eb;margin:0 4px}.ce-rte-editor{min-height:180px;max-height:400px;padding:12px 14px;overflow-y:auto;font-size:14px;line-height:1.6;color:#111827;outline:none}.ce-rte-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.ce-rte-editor h3{margin:8px 0 4px;font-size:16px}.ce-rte-editor ul,.ce-rte-editor ol{margin:6px 0;padding-left:20px}.ce-rte-editor a{color:#3b82f6;text-decoration:underline}.ce-followups-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.ce-followups-title{margin:0;font-size:16px;font-weight:600;color:#111827}.ce-followups-desc{margin:2px 0 0;font-size:13px;color:#6b7280}.ce-no-followups{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:#9ca3af;text-align:center}.ce-no-followups p{margin:0;font-size:14px}.ce-followups-list{display:flex;flex-direction:column;gap:12px}.ce-followup-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:border-color .15s}.ce-followup-card.enabled{border-color:#d1d5db}.ce-followup-card.disabled{opacity:.6;background:#fafafa}.ce-followup-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f3f4f6}.ce-followup-check{display:flex;align-items:center;gap:8px;cursor:pointer}.ce-followup-check input[type=checkbox]{accent-color:#3b82f6}.ce-followup-stage{font-weight:600;font-size:14px;color:#111827}.ce-followup-remove{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;font-size:16px;display:flex;transition:all .15s}.ce-followup-remove:hover{background:#fef2f2;color:#dc2626}.ce-followup-body{padding:14px;display:flex;flex-direction:column;gap:12px}.ce-followup-condition-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#374151}.ce-followup-select{max-width:180px;font-size:13px}.ce-followup-days,.ce-followup-hours,.ce-followup-minutes{width:60px;text-align:center;font-size:13px}.ce-followup-time-badge{background:#f0fdf4;color:#16a34a;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.ce-schedule-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.ce-schedule-toggle:hover{border-color:#3b82f6;color:#3b82f6}.ce-schedule-toggle.has-schedule{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.ce-schedule-picker{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.ce-schedule-picker-row{display:flex;align-items:flex-end;gap:10px}.ce-schedule-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ce-schedule-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.ce-schedule-field .form-input{font-size:13px}.ce-schedule-clear{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:7px 8px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;font-size:16px;transition:all .15s;margin-bottom:0}.ce-schedule-clear:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ce-schedule-summary{margin:8px 0 0;font-size:12px;color:#6b7280;font-style:italic}.ce-followup-subject .form-input{font-size:13px}.ce-followup-thread-option{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;cursor:pointer}.ce-followup-thread-option input{accent-color:#3b82f6}.ce-add-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:2px dashed #e5e7eb;border-radius:10px;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.ce-add-more-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.ce-wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f3f4f6;margin-top:24px}.ce-wizard-footer-left,.ce-wizard-footer-right{display:flex;align-items:center;gap:8px}.ce-view{padding:0}.ce-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ce-view-item{display:flex;flex-direction:column;gap:4px}.ce-view-item label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af}.ce-view-item span{font-size:14px;color:#111827}.ce-view-desc{padding:10px 14px;background:#f9fafb;border-radius:8px;font-size:13px;color:#374151;margin-bottom:16px}.ce-view-section-title{margin:20px 0 10px;font-size:14px;font-weight:700;color:#374151;padding-bottom:6px;border-bottom:2px solid #f3f4f6}.ce-view-email-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.ce-view-subject{margin:0 0 8px;font-size:13px;color:#374151}.ce-view-email-body{font-size:14px;line-height:1.6;color:#111827}.ce-view-email-body h3{font-size:16px;margin:8px 0 4px}.ce-view-email-body a{color:#3b82f6}.ce-view-followup{border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:8px;background:#fff}.ce-view-followup.disabled{opacity:.5;background:#fafafa}.ce-view-followup-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#374151;margin-bottom:8px}.ce-followup-stage-badge{background:#ede9fe;color:#7c3aed;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:600}.ce-disabled-label{background:#fee2e2;color:#dc2626;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500}.ce-time-label{color:#6b7280;font-size:12px}.ce-thread-badge{background:#f0fdf4;color:#16a34a;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:500}.ce-view-fu-subject{margin:0 0 6px;font-size:13px;color:#374151}.ce-view-fu-body{font-size:13px;line-height:1.6;color:#4b5563;padding:8px 10px;background:#f9fafb;border-radius:6px}.ce-view-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6}.ce-btn-activate{background:#10b981!important;border-color:#10b981!important}.ce-btn-activate:hover{background:#059669!important}.ce-btn-pause,.btn-warning{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.ce-btn-pause:hover,.btn-warning:hover{background:#d97706!important}.ce-stats-bar{display:flex;gap:0;margin:12px 0 16px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ce-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-right:1px solid #f3f4f6}.ce-stat:last-child{border-right:none}.ce-stat-num{font-size:20px;font-weight:700;color:#111827}.ce-stat-label{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.ce-recipients-section{margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6}.ce-recipients-table-wrap{margin-top:10px;max-height:300px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.ce-recipients-table{width:100%;border-collapse:collapse;font-size:12px}.ce-recipients-table th{position:sticky;top:0;background:#f9fafb;padding:8px 10px;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.ce-recipients-table td{padding:7px 10px;border-bottom:1px solid #f3f4f6;color:#374151;white-space:nowrap}.ce-recipients-table tr:last-child td{border-bottom:none}.ce-recipients-table tr.error-row td{background:#fef2f2}.ce-recip-status{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.ce-recip-status.pending{background:#f3f4f6;color:#6b7280}.ce-recip-status.active{background:#dbeafe;color:#2563eb}.ce-recip-status.completed{background:#d1fae5;color:#059669}.ce-recip-status.error{background:#fee2e2;color:#dc2626}.ce-recip-status.unsubscribed{background:#fef3c7;color:#d97706}.ce-recip-error{max-width:240px;font-size:11px;vertical-align:top}.ce-recip-error-pill{display:inline-flex;align-items:flex-start;gap:4px;padding:4px 8px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-weight:500;line-height:1.3;cursor:help;max-width:240px}.ce-recip-error-pill svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.ce-recip-error-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.ce-failure-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:12px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:6px}.ce-failure-banner-icon{width:20px;height:20px;flex-shrink:0;color:#dc2626;margin-top:1px}.ce-failure-banner-body{flex:1;min-width:0}.ce-failure-banner-title{font-size:13px;font-weight:600;color:#991b1b;margin-bottom:2px}.ce-failure-banner-detail{font-size:12px;color:#b91c1c;line-height:1.4;word-break:break-word}.ce-track-dot{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.ce-track-dot svg{width:12px;height:12px;flex-shrink:0}.ce-track-yes{background:#d1fae5;color:#059669}.ce-track-no{background:#f3f4f6;color:#9ca3af}@media(max-width:640px){.ce-toolbar{flex-direction:column;align-items:stretch}.ce-tabs{overflow-x:auto}.ce-search{min-width:unset}.ce-form-grid{grid-template-columns:1fr}.ce-wizard-stepper{gap:20px}.ce-step:not(:last-child):after{width:28px;left:calc(50% + 20px)}.ce-view-grid{grid-template-columns:1fr}.ce-followup-condition-row{font-size:12px}}.ce-contact-count-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#3b82f6;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.ce-contact-picker{position:relative}.ce-contact-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:40px}.ce-contact-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 8px;background:#fef2f2;color:#3730a3;border:1px solid #c7d2fe;border-radius:16px;font-size:12px;max-width:280px}.ce-contact-chip>svg{font-size:14px;color:#dc2626;flex-shrink:0}.ce-contact-chip-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-contact-chip-email{color:#ef4444;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.ce-contact-chip button{border:none;background:#4f46e526;color:#3730a3;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:11px;padding:0}.ce-contact-chip button:hover{background:#dc2626;color:#fff}.ce-contact-clear{border:none;background:none;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 10px;text-decoration:underline}.ce-contact-clear:hover{color:#dc2626}.ce-contact-picker-input-wrap{position:relative;display:flex;align-items:center}.ce-contact-picker-search-icon{position:absolute;left:10px;color:#9ca3af;font-size:16px;pointer-events:none}.ce-contact-picker-input{padding-left:34px!important;padding-right:34px!important;width:100%}.ce-contact-picker-clear{position:absolute;right:8px;border:none;background:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px;border-radius:4px}.ce-contact-picker-clear:hover{color:#374151;background:#f3f4f6}.ce-contact-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:340px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0000001f;z-index:100;display:flex;flex-direction:column;overflow:hidden}.ce-contact-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #f3f4f6;background:#fafbfc}.ce-contact-dropdown-count{font-size:12px;color:#6b7280;font-weight:500}.ce-contact-dropdown-action{border:none;background:none;color:#3b82f6;font-size:12px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:4px}.ce-contact-dropdown-action:hover{background:#eff6ff}.ce-contact-dropdown-list{flex:1;overflow-y:auto;max-height:260px}.ce-contact-dropdown-empty{padding:24px 16px;text-align:center;font-size:13px;color:#9ca3af}.ce-contact-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f9fafb;transition:background .12s}.ce-contact-option:hover{background:#f0f5ff}.ce-contact-option.selected{background:#fef2f2}.ce-contact-option input[type=checkbox]{margin:0;cursor:pointer;flex-shrink:0}.ce-contact-option-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.ce-contact-option-info{flex:1;min-width:0}.ce-contact-option-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-contact-option-meta{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-contact-option-company{color:#9ca3af}.ce-contact-dropdown-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #f3f4f6;background:#fafbfc;font-size:12px;color:#374151;font-weight:500}.ce-header-actions{display:flex;gap:10px;align-items:center}.btn.btn-ai{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 2px 8px #8b5cf659;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn.btn-ai:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf680;filter:brightness(1.05)}.btn.btn-ai:disabled{opacity:.55;cursor:not-allowed}.btn.btn-ai svg{font-size:16px}.ce-ai-modal{display:flex;flex-direction:column;gap:18px;padding:4px 4px 8px}.ce-ai-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.ce-ai-title-wrap{display:flex;align-items:center;gap:14px}.ce-ai-icon-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:22px;flex-shrink:0;box-shadow:0 4px 12px #8b5cf659}.ce-ai-title{margin:0 0 4px;font-size:20px;font-weight:700;color:#0f172a}.ce-ai-subtitle{margin:0;font-size:13px;color:#64748b;line-height:1.4}.ce-ai-steps{display:flex;align-items:center;gap:8px;padding:4px 2px}.ce-ai-step{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:500}.ce-ai-step.active{background:linear-gradient(135deg,#8b5cf61f,#ec48991f);color:#8b5cf6}.ce-ai-step.done{background:#ecfdf5;color:#10b981}.ce-ai-step-num{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:inherit;font-size:11px;font-weight:700;border:1.5px solid currentColor}.ce-ai-step.done .ce-ai-step-num{background:#10b981;color:#fff;border-color:#10b981}.ce-ai-step.active .ce-ai-step-num{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.ce-ai-step-line{flex:1;height:1.5px;background:#e2e8f0;border-radius:2px}.ce-ai-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px}.ce-ai-body{display:flex;flex-direction:column;gap:14px}.ce-ai-textarea{width:100%;resize:vertical;font-family:inherit;font-size:14px;line-height:1.55;padding:12px 14px;border-radius:8px}.ce-ai-hint{font-size:12.5px;color:#64748b;padding:10px 14px;background:#f8fafc;border-left:3px solid #8b5cf6;border-radius:4px;line-height:1.5}.ce-ai-hint strong{color:#8b5cf6}.ce-ai-preview{display:flex;flex-direction:column;gap:14px;padding:18px;background:linear-gradient(180deg,#fafaff,#fff);border:1px solid #e2e8f0;border-radius:12px}.ce-ai-preview-field{display:flex;flex-direction:column;gap:4px}.ce-ai-preview-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#94a3b8}.ce-ai-preview-value{font-size:14px;color:#1e293b;line-height:1.5}.ce-ai-subject{font-weight:600;color:#0f172a}.ce-ai-subject-input{width:100%;padding:10px 12px;font-size:14px;font-weight:600;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ce-ai-subject-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.ce-ai-subject-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.ce-ai-preview-body{font-size:14px;color:#334155;line-height:1.65;padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:340px;overflow-y:auto}.ce-ai-preview-body p{margin:0 0 10px}.ce-ai-preview-body p:last-child{margin-bottom:0}.ce-ai-preview-body a{color:#8b5cf6;text-decoration:underline}.ce-ai-refine{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fdf4ff;border:1px dashed #e9d5ff;border-radius:10px}.ce-ai-refine .form-label{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;color:#7c3aed;font-weight:600}.ce-ai-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid #f1f5f9;flex-wrap:wrap}@keyframes ceAiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ce-ai-spin{animation:ceAiSpin 1s linear infinite}.ce-ai-initial-reminder{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:linear-gradient(90deg,#8b5cf60f,#ec48990a);border:1px solid #e9d5ff;border-radius:8px}.ce-ai-initial-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b5cf6}.ce-ai-initial-subject{font-size:14px;font-weight:600;color:#1e293b}.ce-ai-followup-setup{display:flex;flex-direction:column;gap:14px}.ce-ai-count-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ce-ai-count-pills{display:inline-flex;gap:6px}.ce-ai-count-pill{width:38px;height:38px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.ce-ai-count-pill:hover:not(:disabled){border-color:#a78bfa;color:#8b5cf6}.ce-ai-count-pill.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff;box-shadow:0 2px 8px #8b5cf659}.ce-ai-count-pill:disabled{opacity:.5;cursor:not-allowed}.ce-ai-followup-list{display:flex;flex-direction:column;gap:12px;max-height:450px;overflow-y:auto;padding-right:4px}.ce-ai-followup-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #00000008}.ce-ai-followup-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px dashed #e2e8f0}.ce-ai-followup-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#8b5cf61f,#ec48991f);color:#8b5cf6;font-size:12px;font-weight:700}.ce-ai-followup-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ce-ai-followup-timing{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.ce-ai-followup-timing svg{font-size:14px;color:#94a3b8}.ce-ai-followup-delay{width:46px;padding:4px 6px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;text-align:center}.ce-ai-followup-delay:focus{outline:none;border-color:#8b5cf6}.ce-ai-followup-cond{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;background:#fff;color:#374151;cursor:pointer}.ce-ai-followup-cond:focus{outline:none;border-color:#8b5cf6}.ce-ai-followup-remove{border:none;background:transparent;color:#ef4444;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.ce-ai-followup-remove:hover{background:#fef2f2}.ce-ai-followup-rationale{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:#faf5ff;border-left:3px solid #a78bfa;border-radius:4px;font-size:12.5px;color:#6d28d9;line-height:1.45}.ce-ai-followup-rationale svg{flex-shrink:0;margin-top:2px}.ce-ai-followup-refine-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid #e9d5ff;background:#faf5ff;color:#8b5cf6;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.ce-ai-followup-refine-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf61f,#ec48991f);border-color:#c4b5fd}.ce-ai-followup-refine-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff}.ce-ai-followup-refine-btn:disabled{opacity:.5;cursor:not-allowed}.ce-ai-followup-refine-btn svg{font-size:13px}.ce-ai-followup-refine{display:flex;flex-direction:column;gap:10px;padding:12px;margin-top:4px;background:linear-gradient(180deg,#fdf4ff,#faf5ff);border:1px dashed #d8b4fe;border-radius:8px;animation:ceAiFadeSlide .2s ease}.ce-ai-followup-refine .form-label{display:inline-flex;align-items:center;gap:6px;margin:0;color:#7c3aed;font-weight:600;font-size:13px}.ce-ai-followup-refine-actions{display:flex;justify-content:flex-end;gap:8px}.ce-ai-followup-card.refining{position:relative;pointer-events:auto}.ce-ai-followup-card.refining:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;border-radius:10px;pointer-events:none}.btn.btn-sm,.btn.btn-ai.btn-sm{padding:6px 12px;font-size:12px}@keyframes ceAiFadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.ce-ai-header{flex-direction:column;gap:10px;align-items:flex-start}.ce-ai-steps{flex-wrap:wrap}.ce-ai-footer{flex-direction:column-reverse}.ce-ai-footer .btn{width:100%;justify-content:center}.ce-header-actions{flex-direction:column;align-items:stretch;width:100%}.ce-header-actions .btn{width:100%;justify-content:center}.ce-ai-followup-header{flex-direction:column;align-items:flex-start}.ce-ai-followup-controls{width:100%}}.ce-default-schedule{background:linear-gradient(135deg,var(--primary-50, #fef2f2) 0%,#eff6ff 100%);border:1px solid var(--primary-100, #fee2e2);border-radius:12px;margin-bottom:1rem;overflow:hidden}.ce-default-schedule-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--gray-800, #1f2937)}.ce-default-schedule-toggle:hover{background:#dc26260a}.ce-default-schedule-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--primary, #dc2626);color:#fff;font-size:1.05rem;flex-shrink:0}.ce-default-schedule-toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ce-default-schedule-toggle-text strong{font-size:.875rem;font-weight:700;color:var(--gray-900, #111827)}.ce-default-schedule-toggle-text span{font-size:.75rem;color:var(--gray-600, #4b5563)}.ce-default-schedule-chev{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-500, #6b7280);transition:transform .2s}.ce-default-schedule-chev.is-open{transform:rotate(90deg)}.ce-default-schedule-body{padding:0 1rem .875rem}.ce-default-schedule-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;overflow:hidden}.ce-default-schedule-table th{background:var(--gray-50, #f9fafb);text-align:left;padding:.5rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500, #6b7280);border-bottom:1px solid var(--gray-200, #e5e7eb)}.ce-default-schedule-table td{padding:.5rem .75rem;border-bottom:1px solid var(--gray-100, #f3f4f6);color:var(--gray-700, #374151);font-variant-numeric:tabular-nums}.ce-default-schedule-table tr:last-child td{border-bottom:none}.ce-default-schedule-table tr.is-customised td{background:#fffbeb;color:#92400e}.ce-default-schedule-table tr.is-customised td:first-child:after{content:"customised";display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#fde68a;color:#92400e}.ce-default-schedule-note{margin:.625rem 0 0;padding:.5rem .75rem;background:#fff;border:1px dashed var(--gray-200, #e5e7eb);border-radius:6px;font-size:.75rem;color:var(--gray-600, #4b5563);line-height:1.5}.mb-page{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.mb-header-actions{display:flex;gap:8px;align-items:center}.mb-layout{display:flex;flex:1;min-height:0;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0f172a0a}.mb-sidebar{width:232px;min-width:232px;border-right:1px solid var(--gray-200, #e5e7eb);background:var(--gray-50, #f9fafb);display:flex;flex-direction:column;overflow-y:auto;padding:.5rem;gap:.5rem}.mb-sidebar-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400, #9ca3af);padding:.5rem .625rem .25rem}.mb-sidebar-loading{padding:.625rem .75rem;font-size:.8125rem;color:var(--gray-400, #9ca3af)}.mb-accounts{display:flex;flex-direction:column;gap:2px;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200, #e5e7eb)}.mb-account-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border:1px solid transparent;background:none;font-size:.8125rem;color:var(--gray-700, #374151);cursor:pointer;text-align:left;border-radius:8px;transition:all .12s}.mb-account-btn:hover{background:#fff;border-color:var(--gray-200, #e5e7eb)}.mb-account-btn.active{background:#fff;color:var(--primary-dark, #b91c1c);font-weight:600;border-color:var(--primary-100, #fee2e2);box-shadow:0 1px 2px #dc262614}.mb-account-btn svg{flex-shrink:0;width:28px;height:28px;padding:6px;border-radius:6px;background:var(--gray-100, #f3f4f6);color:var(--gray-500, #6b7280)}.mb-account-btn.active svg{background:var(--primary, #dc2626);color:#fff}.mb-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mb-folders{flex:1;display:flex;flex-direction:column;gap:1px}.mb-folder-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.4rem .625rem;border:none;background:none;font-size:.8125rem;color:var(--gray-700, #374151);cursor:pointer;text-align:left;border-radius:8px;transition:all .12s}.mb-folder-btn:hover{background:var(--gray-100, #f3f4f6);color:var(--gray-900, #111827)}.mb-folder-btn.active{background:var(--primary-50, #fef2f2);color:var(--primary-dark, #b91c1c);font-weight:600}.mb-folder-btn svg{flex-shrink:0;font-size:1rem;color:var(--gray-400, #9ca3af)}.mb-folder-btn.active svg{color:var(--primary, #dc2626)}.mb-folder-btn span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-folder-badge{margin-left:auto;background:var(--primary, #dc2626);color:#fff;font-size:.6875rem;font-weight:700;padding:1px 7px;border-radius:999px;min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.mb-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.mb-compose-view{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.mb-compose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mb-compose-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.mb-close-btn{border:none;background:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px}.mb-close-btn:hover{background:#f3f4f6;color:#111827}.mb-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto}.mb-detail-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;border-bottom:1px solid var(--gray-200, #e5e7eb);background:#fff;position:sticky;top:0;z-index:5}.mb-detail-toolbar-right{display:flex;gap:8px}.mb-detail-header{padding:20px 24px 12px}.mb-detail-subject{margin:0 0 12px;font-size:20px;font-weight:700;color:#111827;line-height:1.3}.mb-detail-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.mb-detail-from{display:flex;align-items:center;gap:10px}.mb-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #dc2626),#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9375rem;flex-shrink:0;box-shadow:0 1px 3px #dc262633}.mb-detail-from-name{font-weight:600;color:#111827;font-size:14px}.mb-detail-from-addr{font-size:12px;color:#9ca3af;margin-left:6px}.mb-detail-date{font-size:13px;color:#6b7280;white-space:nowrap}.mb-detail-to{font-size:13px;color:#6b7280;margin:6px 0 0}.mb-detail-body{flex:1;padding:16px 24px 24px;font-size:14px;line-height:1.65;color:#1f2937;word-break:break-word;overflow-wrap:break-word}.mb-detail-body img{max-width:100%;height:auto}.mb-detail-text{white-space:pre-wrap;font-family:inherit;margin:0;font-size:14px;line-height:1.65}.mb-detail-attachments{padding:16px 24px 20px;border-top:1px solid #e5e7eb;margin-top:8px}.mb-detail-attachments h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#374151}.mb-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:6px;font-size:13px;color:#374151}.mb-attachment svg{flex-shrink:0;color:#6b7280}.mb-attachment-size{margin-left:auto;font-size:12px;color:#9ca3af}.mb-reply-section{border-top:1px solid #e5e7eb;padding:16px 24px 24px;background:#fafbfc}.mb-reply-editor{border:1px solid #d1d5db;border-radius:10px;background:#fff;overflow:hidden}.mb-reply-fields{border-bottom:1px solid #e5e7eb}.mb-reply-field-row{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #f3f4f6}.mb-reply-field-row:last-child{border-bottom:none}.mb-reply-field-row label{font-size:13px;font-weight:500;color:#6b7280;min-width:55px}.mb-reply-field-row .form-input{flex:1;border:none;padding:6px 0;font-size:13px;outline:none;background:transparent;box-shadow:none}.mb-cc-toggle{border:1px solid #d1d5db;background:none;font-size:12px;color:#6b7280;padding:2px 10px;border-radius:4px;cursor:pointer}.mb-cc-toggle:hover{background:#f3f4f6;color:#374151}.mb-reply-body{min-height:150px;max-height:300px;overflow-y:auto;padding:14px 16px;font-size:14px;line-height:1.6;color:#1f2937;outline:none}.mb-reply-body:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.mb-reply-actions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #e5e7eb;background:#f9fafb}.mb-reply-actions .btn svg{margin-right:4px}.mb-loading-detail,.mb-loading-list{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:14px;color:#9ca3af}.mb-email-list-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.mb-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-bottom:1px solid var(--gray-200, #e5e7eb);background:#fff;gap:.75rem;position:sticky;top:0;z-index:5}.mb-search-wrap{display:flex;align-items:center;flex:1;max-width:480px;background:var(--gray-50, #f9fafb);border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;padding:0 .625rem;transition:all .15s}.mb-search-wrap:hover{border-color:var(--gray-300, #d1d5db)}.mb-search-wrap:focus-within{background:#fff;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.mb-search-icon{color:var(--gray-400, #9ca3af);font-size:1rem;flex-shrink:0;transition:color .15s}.mb-search-wrap:focus-within .mb-search-icon{color:var(--primary, #dc2626)}.mb-search-input{flex:1;border:none;outline:none;padding:.5rem;font-size:.875rem;background:transparent;color:var(--gray-800, #1f2937)}.mb-search-input::placeholder{color:var(--gray-400, #9ca3af)}.mb-search-clear{border:none;background:none;color:#9ca3af;cursor:pointer;padding:2px;font-size:14px;display:flex}.mb-search-clear:hover{color:#374151}.mb-list-info{display:flex;align-items:center;gap:8px}.mb-list-count{font-size:.8125rem;color:var(--gray-500, #6b7280);font-weight:600;font-variant-numeric:tabular-nums;padding:.25rem .625rem;background:var(--gray-100, #f3f4f6);border-radius:999px}.mb-empty-list,.mb-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280;gap:10px}.mb-empty-page{padding:100px 20px}.mb-empty-list p,.mb-empty-page p{margin:0;font-size:14px}.mb-email-list{flex:1;overflow-y:auto}.mb-email-row{position:relative;display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem .625rem 1.25rem;border-bottom:1px solid var(--gray-100, #f3f4f6);cursor:pointer;transition:background .1s}.mb-email-row:hover{background:var(--gray-50, #f9fafb)}.mb-email-row.unread{background:#fff;font-weight:600}.mb-email-row.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary, #dc2626)}.mb-email-row.unread:hover{background:var(--primary-50, #fef2f2)}.mb-email-row.unread .mb-email-from,.mb-email-row.unread .mb-email-subject{color:var(--gray-900, #111827);font-weight:700}.mb-star-btn{border:none;background:none;color:var(--gray-300, #d1d5db);font-size:1.05rem;cursor:pointer;padding:4px;flex-shrink:0;display:flex;border-radius:6px;transition:all .15s}.mb-star-btn:hover{background:#fffbeb;color:#f59e0b}.mb-star-btn.flagged{color:#f59e0b}.mb-star-btn.flagged svg{fill:#f59e0b}.mb-email-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary, #dc2626),#2563eb);color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 1px 2px #dc26262e}.mb-email-from{width:180px;min-width:140px;font-size:.8125rem;color:var(--gray-700, #374151);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-weight:500}.mb-email-subject-row{flex:1;min-width:0;display:flex;align-items:center}.mb-email-subject{font-size:.8125rem;color:var(--gray-700, #374151);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-email-date{font-size:.75rem;color:var(--gray-500, #6b7280);white-space:nowrap;flex-shrink:0;min-width:60px;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.mb-email-row.unread .mb-email-date{color:var(--primary, #dc2626);font-weight:700}.mb-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1rem;border-top:1px solid var(--gray-200, #e5e7eb);background:var(--gray-50, #f9fafb)}.mb-page-info{font-size:.8125rem;color:var(--gray-600, #4b5563);font-weight:500}@media(max-width:768px){.mb-layout{flex-direction:column}.mb-sidebar{width:100%;min-width:unset;flex-direction:row;border-right:none;border-bottom:1px solid #e5e7eb;overflow-x:auto;overflow-y:hidden;max-height:100px}.mb-accounts,.mb-folders{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:none}.mb-sidebar-label{display:none}.mb-account-btn,.mb-folder-btn{white-space:nowrap;padding:6px 10px;border-radius:6px;font-size:12px}.mb-email-from{width:100px;min-width:80px}.mb-detail-header{padding:14px 16px 10px}.mb-detail-body,.mb-reply-section{padding:12px 16px 16px}}.posting-page{padding:24px;max-width:1200px;margin:0 auto}.posting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.posting-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.posting-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.posting-filter-select{padding:7px 12px;border:1px solid #cbd5e1;border-radius:7px;font-size:.875rem;background:#fff;color:#334155;cursor:pointer}.posting-filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #6366f11f}.posting-btn{padding:8px 18px;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,box-shadow .15s}.posting-btn-primary{background:#ef4444;color:#fff}.posting-btn-primary:hover{background:#dc2626}.posting-btn-primary:disabled{opacity:.6;cursor:not-allowed}.posting-btn-outline{background:#fff;color:#475569;border:1px solid #cbd5e1}.posting-btn-outline:hover{background:#f1f5f9}.posting-btn-danger{background:#ef4444;color:#fff}.posting-btn-danger:hover{background:#dc2626}.posting-calendar-nav{display:flex;align-items:center;gap:12px;margin-bottom:16px}.posting-nav-btn{padding:6px 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;font-size:.9rem;cursor:pointer;font-weight:600}.posting-nav-btn:hover{background:#f1f5f9}.posting-nav-today{font-size:.8rem}.posting-month-label{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0;min-width:180px;text-align:center}.posting-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.posting-calendar-weekday{padding:10px 6px;text-align:center;font-size:.78rem;font-weight:700;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.posting-calendar-cell{min-height:110px;padding:6px 8px;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;cursor:pointer;position:relative;transition:background .12s}.posting-calendar-cell:hover{background:#f8fafc}.posting-calendar-cell.empty{background:#fafafa;cursor:default}.posting-calendar-cell.today{background:#fef2f2}.posting-calendar-cell:nth-child(7n){border-right:none}.posting-day-top{display:flex;align-items:center;justify-content:space-between}.posting-day-number{font-size:.82rem;font-weight:600;color:#475569;display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;border-radius:50%}.posting-day-number.today{background:#ef4444;color:#fff}.posting-day-add{width:22px;height:22px;border:none;background:transparent;color:#94a3b8;font-size:1.1rem;font-weight:600;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s}.posting-calendar-cell:hover .posting-day-add{opacity:1}.posting-day-add:hover{background:#ef4444;color:#fff}.posting-day-items{display:flex;flex-direction:column;gap:3px;margin-top:4px}.posting-day-chip{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:#f8fafc;font-size:.72rem;cursor:pointer;transition:background .12s;overflow:hidden}.posting-day-chip:hover{background:#e2e8f0}.posting-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.posting-chip-icons{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.posting-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155;font-weight:500}.posting-day-more{font-size:.7rem;color:#ef4444;font-weight:600;padding-left:4px;cursor:pointer}.posting-platform-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600;color:#fff}.posting-status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600;color:#fff;text-transform:capitalize}.posting-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#fee2e2;color:#b91c1c}.posting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px}.posting-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000002e}.posting-view-modal,.posting-form-modal{max-width:600px}.posting-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e2e8f0}.posting-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.posting-modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1}.posting-modal-close:hover{color:#475569}.posting-modal-body{padding:18px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.posting-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #e2e8f0}.posting-field{display:flex;flex-direction:column;gap:5px}.posting-field>span{font-size:.82rem;font-weight:600;color:#475569}.posting-field input,.posting-field select,.posting-field textarea{padding:8px 12px;border:1px solid #cbd5e1;border-radius:7px;font-size:.875rem;color:#1e293b;background:#fff;resize:vertical}.posting-field input:focus,.posting-field select:focus,.posting-field textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #6366f11f}.posting-field input[type=file]{padding:6px;border:1px dashed #cbd5e1;background:#f8fafc}.posting-upload-status{font-size:.78rem;color:#ef4444;font-weight:500}.posting-media-preview{margin-top:8px;position:relative}.posting-media-remove{position:absolute;top:6px;right:6px;padding:4px 10px;background:#0009;color:#fff;border:none;border-radius:5px;font-size:.75rem;cursor:pointer}.posting-media-remove:hover{background:#000c}.posting-rte-wrap{border:1px solid #cbd5e1;border-radius:7px;overflow:hidden}.posting-rte-toolbar{display:flex;align-items:center;gap:2px;padding:5px 8px;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}.posting-rte-toolbar button{background:none;border:none;padding:4px 8px;border-radius:4px;font-size:.8rem;color:#475569;cursor:pointer;line-height:1.2}.posting-rte-toolbar button:hover{background:#e2e8f0;color:#1e293b}.posting-rte-sep{width:1px;height:18px;background:#cbd5e1;margin:0 4px}.posting-rte-editor{min-height:120px;max-height:240px;overflow-y:auto;padding:10px 12px;font-size:.875rem;color:#1e293b;line-height:1.6;outline:none}.posting-rte-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.posting-rte-editor:focus{box-shadow:inset 0 0 0 1px #ef4444}.posting-rte-editor h3{font-size:1rem;margin:4px 0}.posting-rte-editor blockquote{border-left:3px solid #cbd5e1;margin:4px 0;padding:2px 10px;color:#64748b}.posting-rte-editor ul,.posting-rte-editor ol{margin:4px 0;padding-left:20px}.posting-view-body{padding:18px 22px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.posting-view-media{text-align:center;margin-bottom:8px}.posting-view-row{display:flex;gap:10px;font-size:.88rem;align-items:flex-start}.posting-view-label{font-weight:600;color:#64748b;min-width:120px;flex-shrink:0}.posting-view-desc{flex:1;line-height:1.6;font-size:.875rem;color:#334155}.posting-view-desc h3{font-size:1rem;margin:4px 0}.posting-view-desc blockquote{border-left:3px solid #cbd5e1;margin:4px 0;padding:2px 10px;color:#64748b}.posting-view-desc ul,.posting-view-desc ol{margin:4px 0;padding-left:20px}.posting-platform-checkboxes{display:flex;flex-wrap:wrap;gap:6px}.posting-platform-checkbox{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1.5px solid #e2e8f0;border-radius:20px;font-size:.8rem;font-weight:500;color:#334155;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.posting-platform-checkbox:hover{border-color:#94a3b8}.posting-platform-checkbox.checked{font-weight:600;color:#1e293b}.posting-platform-checkbox input[type=checkbox]{display:none}.posting-platform-cb-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.posting-platform-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.posting-day-view{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.posting-day-view-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.posting-day-view-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b;flex:1;text-align:center}.posting-day-view-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:.95rem}.posting-day-view-list{display:flex;flex-direction:column;gap:12px}.posting-day-view-card{display:flex;gap:16px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:background .12s,box-shadow .12s;align-items:flex-start}.posting-day-view-card:hover{background:#f8fafc;box-shadow:0 2px 8px #0000000f}.posting-dv-card-media{flex-shrink:0;width:120px;min-height:80px;border-radius:8px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.posting-dv-card-media img,.posting-dv-card-media video{width:100%;height:100%;object-fit:cover;border-radius:8px}.posting-dv-card-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.posting-dv-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.posting-dv-card-name{font-size:.95rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posting-dv-card-title{font-size:.85rem;color:#475569;font-weight:500}.posting-dv-card-meta{font-size:.78rem;color:#64748b}.posting-dv-card-platforms{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.posting-media-loading{padding:20px;text-align:center;color:#94a3b8;font-size:.82rem}.posting-loading{text-align:center;padding:60px 20px;color:#94a3b8;font-size:.95rem}.posting-media-grid{display:flex;flex-wrap:wrap;gap:10px}.posting-media-thumb{position:relative;width:110px;height:90px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;flex-shrink:0}.posting-media-thumb img,.posting-media-thumb video{width:100%;height:100%;object-fit:cover}.posting-media-thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;opacity:0;transition:opacity .15s}.posting-media-thumb:hover .posting-media-thumb-remove{opacity:1}.posting-media-add-btn{width:110px;height:90px;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#9ca3af;font-size:12px;transition:all .15s;flex-shrink:0}.posting-media-add-btn:hover{border-color:#ef4444;color:#ef4444;background:#f5f3ff}.posting-upload-spinner{font-size:11px;color:#6b7280}.posting-dv-card-media{position:relative}.posting-dv-media-count{position:absolute;bottom:6px;right:6px;background:#000000b3;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.posting-carousel-wrap{border-radius:10px;overflow:hidden;background:#0f172a;margin-bottom:8px}.posting-carousel-main{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.posting-carousel-main img,.posting-carousel-main video{max-height:340px}.posting-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#1e293b;z-index:2;box-shadow:0 2px 8px #00000026}.posting-carousel-nav:hover{background:#fff;box-shadow:0 4px 12px #0003}.posting-carousel-prev{left:10px}.posting-carousel-next{right:10px}.posting-carousel-dots{display:flex;justify-content:center;gap:6px;padding:8px}.posting-carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;border:none;cursor:pointer;padding:0;transition:all .15s}.posting-carousel-dot.active{background:#fff;transform:scale(1.25)}@media(max-width:768px){.posting-page{padding:12px}.posting-header{flex-direction:column;align-items:flex-start}.posting-calendar-cell{min-height:80px;padding:4px}.posting-day-chip{font-size:.65rem}.posting-modal{max-width:100%}.posting-media-grid{gap:8px}.posting-media-thumb,.posting-media-add-btn{width:90px;height:75px}}.rb-page{padding:1.5rem;overflow-x:hidden}.rb-empty{text-align:center;padding:4rem 2rem;color:#9ca3af}.rb-empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.4}.rb-empty p{font-size:1rem;margin-bottom:1.5rem}.rb-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.rb-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s;display:flex;flex-direction:column}.rb-list-card:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #2563eb14}.rb-list-card-body{display:flex;gap:14px;padding:18px;cursor:pointer;flex:1;align-items:center}.rb-list-card-icon{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.rb-list-card-info h3{font-size:.95rem;font-weight:600;color:#1e293b;margin:0}.rb-list-card-name{font-size:.8rem;color:#6b7280;margin:2px 0 0}.rb-list-card-date{font-size:.72rem;color:#9ca3af;margin:2px 0 0}.rb-list-card-actions{display:flex;gap:4px;padding:8px 18px 14px;justify-content:flex-end}.rb-list-card-actions .btn-action{width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;transition:all .15s}.rb-list-card-actions .btn-action.view:hover{color:#2563eb;border-color:#93c5fd}.rb-list-card-actions .btn-action.edit:hover{color:#f59e0b;border-color:#fcd34d}.rb-list-card-actions .btn-action.delete:hover{color:#ef4444;border-color:#fca5a5}.rb-editor-hero{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.375rem;background:linear-gradient(135deg,var(--primary-dark, #b91c1c) 0%,var(--primary, #dc2626) 55%,#2563eb 100%);color:#fff;border-radius:12px;box-shadow:0 6px 18px #dc262626;margin-bottom:1rem}.rb-editor-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#ffffff2e;color:#fff;font-size:1.4rem;flex-shrink:0}.rb-editor-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.rb-editor-hero-text h2{margin:0;font-size:1.1875rem;font-weight:700;color:#fff}.rb-editor-hero-text p{margin:0;font-size:.8125rem;color:#ffffffd9}.rb-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:flex-start}.rb-editor-form{display:flex;flex-direction:column;gap:.875rem}.rb-editor-preview{position:sticky;top:80px}.rb-preview-label{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--primary-50, #fef2f2);color:var(--primary-dark, #b91c1c);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-bottom:.5rem}.rb-form-section{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;padding:1rem 1.125rem 1.125rem;box-shadow:0 1px 3px #0f172a08}.rb-section-heading{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:var(--gray-900, #111827);margin:0 0 .875rem;padding-bottom:.625rem;border-bottom:1px solid var(--gray-100, #f3f4f6)}.rb-section-heading:before{content:"";display:inline-block;width:4px;height:18px;background:var(--primary, #dc2626);border-radius:2px;flex-shrink:0}.rb-form-section[data-tone=person] .rb-section-heading:before{background:#dc2626}.rb-form-section[data-tone=header] .rb-section-heading:before{background:#2563eb}.rb-form-section[data-tone=profile] .rb-section-heading:before{background:#7c3aed}.rb-form-section[data-tone=summary] .rb-section-heading:before{background:#0d9488}.rb-form-section[data-tone=skills] .rb-section-heading:before{background:#b45309}.rb-form-section[data-tone=work] .rb-section-heading:before{background:#db2777}.rb-section-header-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 .875rem;padding-bottom:.625rem;border-bottom:1px solid var(--gray-100, #f3f4f6);gap:.5rem}.rb-section-header-row .rb-section-heading{margin:0;padding:0;border:none}.rb-form-label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-600, #4b5563);margin-bottom:.375rem}.rb-form-section .form-input{padding:.55rem .75rem;font-size:.875rem;color:var(--gray-800, #1f2937);background:#fff;border:1.5px solid var(--gray-200, #e5e7eb);border-radius:8px;transition:border-color .15s,box-shadow .15s}.rb-form-section .form-input:hover{border-color:var(--gray-300, #d1d5db)}.rb-form-section .form-input:focus{outline:none;border-color:var(--primary, #dc2626);box-shadow:0 0 0 3px var(--primary-100, #fee2e2)}.rb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rb-form-full{grid-column:1 / -1}.rb-form-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px}.rb-form-row-inline{display:flex;gap:12px;align-items:flex-end}.rb-form-group{display:flex;flex-direction:column}.rb-error{color:#ef4444;font-size:13px;padding:8px 12px;background:#fef2f2;border-radius:8px}.rb-logo-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rb-logo-thumb{max-height:40px;max-width:120px;border-radius:6px;border:1px solid #e5e7eb;object-fit:contain}.rb-upload-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;border:1.5px dashed var(--gray-300, #d1d5db);background:#fff;border-radius:8px;font-size:.8125rem;font-weight:600;color:var(--gray-600, #4b5563);cursor:pointer;transition:all .15s}.rb-upload-btn:hover{border-color:var(--primary, #dc2626);color:var(--primary, #dc2626);background:var(--primary-50, #fef2f2)}.rb-remove-btn{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;border:none;background:none;color:#ef4444;font-size:12px;cursor:pointer}.rb-toggle-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.rb-toggle{position:relative;width:36px;height:20px;border-radius:10px;background:#d1d5db;border:none;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.rb-toggle.on{background:#dc2626}.rb-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000026}.rb-toggle.on .rb-toggle-knob{transform:translate(16px)}.rb-toggle-text{font-size:12px;font-weight:500;color:#6b7280}.rb-skills-list{display:flex;flex-direction:column;gap:8px}.rb-skill-row{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:var(--gray-50, #f9fafb);border:1px solid var(--gray-100, #f3f4f6);border-radius:8px}.rb-skill-row:hover{border-color:var(--gray-200, #e5e7eb)}.rb-skill-row .form-input{background:#fff}.rb-skill-row .form-input:first-child{flex:2}.rb-skill-row .form-input:nth-child(2){flex:3}.rb-prof-input{width:70px!important;flex:none!important;text-align:center;font-weight:600}.rb-skill-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:6px;color:var(--gray-500, #6b7280);cursor:pointer;flex-shrink:0;transition:all .15s}.rb-skill-remove:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.rb-projects-list{display:flex;flex-direction:column;gap:.625rem}.rb-project-card{border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s}.rb-project-card:hover{border-color:var(--gray-300, #d1d5db);box-shadow:0 1px 3px #0f172a0d}.rb-project-card-header{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:var(--gray-50, #f9fafb);cursor:pointer;transition:background .15s}.rb-project-card-header:hover{background:var(--primary-50, #fef2f2)}.rb-project-num{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:700;color:#fff;background:var(--primary, #dc2626);padding:.125rem .5rem;border-radius:999px;flex-shrink:0;letter-spacing:.04em}.rb-project-card-title{flex:1;font-size:.875rem;font-weight:600;color:var(--gray-800, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-project-card-title:empty:after,.rb-project-card-title:not(:empty)[data-empty]:after{content:"Untitled project";color:var(--gray-400, #9ca3af);font-style:italic}.rb-project-card-actions{display:flex;align-items:center;gap:.25rem;color:var(--gray-400, #9ca3af)}.rb-project-card-body{padding:.875rem 1rem 1rem;border-top:1px solid var(--gray-100, #f3f4f6);background:#fff}.rb-rte-wrap{border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#fff}.rb-rte-toolbar{display:flex;gap:2px;padding:4px 6px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.rb-rte-toolbar button{padding:3px 7px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:12px;color:#4b5563}.rb-rte-toolbar button:hover{background:#e5e7eb}.rb-rte-sep{width:1px;background:#d1d5db;margin:2px 3px}.rb-rte-editor{min-height:100px;padding:10px;font-size:13px;line-height:1.5;color:#1e293b;outline:none}.rb-rte-editor:empty:before{content:attr(data-placeholder);color:#9ca3af}.rb-rte-editor ul,.rb-rte-editor ol{margin:4px 0;padding-left:18px}.rb-preview-container{background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:10px;box-shadow:0 4px 16px #0f172a14;overflow:auto;max-height:calc(100vh - 200px)}.rb-preview{padding:30px 40px;font-family:Times New Roman,Georgia,serif;color:#1a1a1a;line-height:1.4;min-height:600px;font-size:11.5px}.rb-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.rb-preview-logo-img{max-height:50px;max-width:160px;object-fit:contain}.rb-preview-header-text{text-align:right}.rb-cv-text{font-size:13px;font-style:italic;color:#333}.rb-cv-location{font-size:13px;font-weight:700;font-style:italic;color:#1a1a1a}.rb-preview-section{margin-bottom:18px}.rb-preview-section-title{font-family:Times New Roman,Georgia,serif;font-size:14px;font-weight:700;font-variant:small-caps;color:#1a1a1a;margin:0 0 4px}.rb-preview-divider{height:2.5px;background:#c0392b;margin-bottom:12px;border-radius:1px}.rb-preview-profile-table{width:100%;border-collapse:collapse}.rb-preview-profile-table td{padding:5px 10px;font-size:11.5px;vertical-align:top}.rb-pf-label{width:140px;color:#444;font-weight:400}.rb-preview-summary{font-size:11.5px;line-height:1.6;text-align:justify;color:#222}.rb-preview-summary b,.rb-preview-summary strong{font-weight:700}.rb-preview-skills-table{width:100%;border-collapse:collapse;border:1px solid #999}.rb-preview-skills-table th{text-align:left;padding:6px 10px;font-size:11px;font-weight:600;color:#222;border:1px solid #999;background:#f5f5f5}.rb-preview-skills-table td{padding:5px 10px;font-size:11px;border:1px solid #ccc;vertical-align:top}.rb-skill-prof{text-align:center;font-weight:500}.rb-preview-project{margin-bottom:10px}.rb-preview-project-table{width:100%;border-collapse:collapse;border:1px solid #999}.rb-preview-project-table td{padding:6px 10px;font-size:11px;vertical-align:top;border:1px solid #ccc}.rb-preview-project-table .rb-pf-label{width:120px;font-weight:400;color:#444;background:#f9f9f9}.rb-preview-project-table ul,.rb-preview-project-table ol{margin:3px 0;padding-left:16px;font-size:11px;line-height:1.5}.rb-preview-project-table li{margin-bottom:2px}.rb-preview-project-table b,.rb-preview-project-table strong{font-weight:700}@media(max-width:1100px){.rb-editor-layout{grid-template-columns:1fr}.rb-editor-preview{position:static}}@media(max-width:768px){.rb-page{padding:12px}.rb-list-grid,.rb-form-grid{grid-template-columns:1fr}.rb-skill-row{flex-wrap:wrap}.rb-preview{padding:20px 24px}}.rms-page{padding:0}.rms-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:.85rem}.rms-loading{text-align:center;padding:40px;color:#64748b}.rms-empty{text-align:center;padding:24px;color:#94a3b8}.rms-empty-text{color:#94a3b8;font-size:.9rem;padding:12px 0}.rms-sub{color:#94a3b8;font-size:.8rem}.rms-filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.rms-search{max-width:260px}.rms-filter-select{max-width:200px}.rms-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.rms-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.rms-stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1.2}.rms-stat-label{font-size:.8rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.rms-stat-success{color:#10b981}.rms-stat-muted{color:#94a3b8}.rms-stat-icon{font-size:1.5rem;margin-bottom:8px}.rms-stat-icon-blue{color:#3b82f6}.rms-stat-icon-orange{color:#f59e0b}.rms-stat-icon-green{color:#10b981}.rms-stat-icon-purple{color:#8b5cf6}.rms-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.rms-table{width:100%;border-collapse:collapse;font-size:.875rem}.rms-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.rms-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.rms-table tbody tr:hover{background:#f8fafc}.rms-table-compact th,.rms-table-compact td{padding:8px 12px}.rms-actions{display:flex;gap:6px}.rms-action-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;cursor:pointer;color:#64748b;font-size:.85rem;display:inline-flex;align-items:center}.rms-action-btn:hover{background:#f1f5f9;color:#1e293b}.rms-action-danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.rms-action-success:hover{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.rms-action-primary:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.rms-status-icon{font-size:1.1rem}.rms-status-done{color:#10b981}.rms-status-pending{color:#d1d5db}.rms-progress-bar{background:#e2e8f0;border-radius:6px;height:8px;overflow:hidden;min-width:80px}.rms-progress-fill{height:100%;border-radius:6px;background:#3b82f6;transition:width .3s}.rms-progress-label{font-size:.75rem;color:#64748b;margin-left:6px}.rms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.rms-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px #00000026}.rms-modal-lg{max-width:900px}.rms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e2e8f0}.rms-modal-header h3{margin:0;font-size:1.1rem;font-weight:700}.rms-modal-close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#94a3b8;padding:0 4px;line-height:1}.rms-modal-close:hover{color:#1e293b}.rms-modal-body{padding:20px 24px}.rms-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e2e8f0}.rms-review-modal-body{padding:0 24px 20px}.rms-review-employee-info{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:16px;border-bottom:1px solid #f1f5f9}.rms-review-employee-info strong{font-size:1rem}.rms-section-title{font-size:.9rem;font-weight:700;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.rms-existing-reviews{margin-bottom:24px}.rms-submit-review{margin-top:8px}.rms-form{padding:20px}.rms-form-group{margin-bottom:14px}.rms-form-group label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:4px}.rms-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rms-range{width:100%}.rms-tab-bar{display:flex;gap:4px;margin-bottom:20px;background:#f1f5f9;padding:4px;border-radius:10px;width:fit-content}.rms-tab{background:none;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#64748b;display:inline-flex;align-items:center;gap:6px}.rms-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.rms-tab:hover:not(.active){color:#1e293b}.rms-report-section{margin-top:8px}.rms-section-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:6px}.rms-report-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:16px}.rms-report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rms-report-card-header h4{margin:0;font-size:1rem}.rms-category-breakdown{margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9}.rms-category-breakdown h5{font-size:.8rem;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.rms-category-bars{display:flex;flex-direction:column;gap:6px}.rms-cat-bar-row{display:flex;align-items:center;gap:10px}.rms-cat-bar-label{width:160px;font-size:.8rem;color:#475569;flex-shrink:0}.rms-cat-bar{flex:1;background:#e2e8f0;border-radius:4px;height:10px;overflow:hidden}.rms-cat-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#ef4444);border-radius:4px}.rms-cat-bar-value{width:40px;font-size:.8rem;font-weight:600;color:#1e293b;text-align:right}.rms-rating-badge{display:inline-block;background:#eff6ff;color:#2563eb;font-weight:700;font-size:.85rem;padding:3px 10px;border-radius:6px}.rms-review-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.rms-review-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:10px;transition:box-shadow .15s}.rms-review-card:hover{box-shadow:0 2px 8px #0000000a}.rms-review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rms-review-card-header strong{font-size:.92rem}.rms-review-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rms-review-card-head strong{font-size:.9rem}.rms-review-card-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rms-review-categories{display:grid;grid-template-columns:1fr;gap:4px;background:#f8fafc;border-radius:8px;padding:10px 12px;margin-bottom:10px}.rms-review-cat-row{display:grid;grid-template-columns:180px 60px 1fr;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid #f1f5f9;font-size:.83rem}.rms-review-cat-row:last-child{border-bottom:none}.rms-review-cat-name{font-weight:600;color:#334155}.rms-review-cat-rating{text-align:center;font-weight:700;color:#2563eb;background:#eff6ff;padding:2px 8px;border-radius:4px;font-size:.8rem}.rms-review-cat-comment{color:#64748b;font-style:italic}.rms-review-comment{padding:8px 12px;background:#fefce8;border-radius:6px;font-size:.85rem;color:#78716c;border-left:3px solid #fbbf24}.rms-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:700;text-transform:capitalize;margin-left:8px}.rms-type-badge-self{background:#dbeafe;color:#1d4ed8}.rms-type-badge-manager{background:#d1fae5;color:#047857}.rms-type-badge-hr{background:#ede9fe;color:#6d28d9}.rms-type-badge-peer{background:#fef3c7;color:#92400e}.rms-cycle-status-tag{display:inline-block;font-size:.7rem;padding:1px 7px;border-radius:8px;text-transform:capitalize;margin-top:2px;font-weight:500}.rms-cycle-status-active{background:#dbeafe;color:#1d4ed8}.rms-cycle-status-completed{background:#d1fae5;color:#047857}.rms-cycle-status-draft{background:#f1f5f9;color:#475569}.rms-categories-grid{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;margin:12px 0 16px}.rms-cat-grid-header{display:grid;grid-template-columns:200px 90px 1fr;gap:8px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:.78rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.03em}.rms-cat-grid-row{display:grid;grid-template-columns:200px 90px 1fr;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid #f1f5f9;transition:background .1s}.rms-cat-grid-row:last-child{border-bottom:none}.rms-cat-grid-row:hover{background:#fafbfc}.rms-cat-grid-name{font-size:.88rem;font-weight:600;color:#1e293b}.rms-cat-rating-input{width:80px;text-align:center;font-weight:700;font-size:.9rem;border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px}.rms-cat-rating-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.rms-cat-comment-input{font-size:.85rem;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px}.rms-cat-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.rms-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.rms-form-group{margin-bottom:12px}.rms-form-group label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:4px}.rms-rating-badge{display:inline-flex;align-items:center;gap:3px;background:#eff6ff;color:#2563eb;font-weight:700;font-size:.82rem;padding:3px 10px;border-radius:6px}.rms-sub{font-size:.8rem;color:#94a3b8}@media(max-width:768px){.rms-cat-grid-header,.rms-cat-grid-row{grid-template-columns:1fr 70px}.rms-cat-comment-input{display:none}.rms-cat-grid-header span:last-child{display:none}.rms-review-cat-row{grid-template-columns:1fr 50px}.rms-review-cat-comment{display:none}}.rms-review-cat-chip{background:#e2e8f0;padding:2px 8px;border-radius:4px;font-size:.75rem;color:#475569}.rms-review-comment{font-size:.85rem;color:#64748b;font-style:italic}.rms-category-form{margin:16px 0}.rms-category-row{display:grid;grid-template-columns:180px 80px 1fr;gap:10px;align-items:center;margin-bottom:8px}.rms-category-row label{font-size:.85rem;font-weight:500;color:#334155}.rms-rating-input{width:70px;text-align:center;font-weight:600}.rms-category-comment{font-size:.85rem}.rms-assign-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.rms-assign-modal{background:#fff;border-radius:16px;width:100%;max-width:960px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000026}.rms-assign-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px;border-bottom:1px solid #e2e8f0}.rms-assign-modal-header h3{margin:0;font-size:1.1rem}.rms-assign-modal-sub{font-size:.8rem;color:#64748b;margin-top:2px;display:block}.rms-assign-modal-close{background:none;border:none;font-size:1.6rem;cursor:pointer;color:#94a3b8;line-height:1;padding:0 4px}.rms-assign-modal-close:hover{color:#475569}.rms-assign-modal-body{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;overflow:hidden}.rms-assign-panel{display:flex;flex-direction:column;min-height:0}.rms-assign-panel-current{border-right:1px solid #e2e8f0}.rms-assign-panel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.rms-assign-panel-head h4{margin:0;font-size:.85rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:6px}.rms-assign-count{background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;padding:1px 8px;border-radius:10px;margin-left:4px}.rms-assign-panel-content{flex:1;overflow-y:auto;padding:12px}.rms-assign-search-wrap{position:relative;padding:8px 12px;border-bottom:1px solid #f1f5f9}.rms-assign-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.rms-assign-search-input{width:100%;padding:8px 32px 8px 34px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;outline:none;background:#f8fafc}.rms-assign-search-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f61a}.rms-assign-search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.9rem}.rms-assign-empty{text-align:center;padding:30px 16px;color:#94a3b8}.rms-assign-empty p{margin:6px 0 2px;font-weight:500;color:#64748b}.rms-assign-empty span{font-size:.8rem}.rms-assign-list-grid{display:flex;flex-direction:column;gap:6px}.rms-assign-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;transition:background .15s,box-shadow .15s}.rms-assign-card:hover{background:#fafbfc;box-shadow:0 1px 4px #0000000a}.rms-assign-card-avatar{width:36px;height:36px;border-radius:8px;background:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.rms-assign-card-info{flex:1;min-width:0}.rms-assign-card-name{font-size:.88rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rms-assign-card-code{font-size:.75rem;color:#94a3b8}.rms-assign-card-remove{background:none;border:none;cursor:pointer;color:#cbd5e1;font-size:1rem;padding:4px;border-radius:6px;transition:color .15s,background .15s}.rms-assign-card-remove:hover{color:#dc2626;background:#fef2f2}.rms-assign-select-all{padding:6px 0 8px;border-bottom:1px solid #f1f5f9;margin-bottom:6px}.rms-assign-select-all label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#475569;cursor:pointer}.rms-assign-select-all input[type=checkbox]{width:16px;height:16px;cursor:pointer}.rms-assign-emp-list{display:flex;flex-direction:column;gap:2px}.rms-assign-emp-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.rms-assign-emp-row:hover{background:#f8fafc}.rms-assign-emp-row.selected{background:#eff6ff}.rms-assign-emp-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.rms-assign-emp-avatar{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.rms-assign-emp-row.selected .rms-assign-emp-avatar{background:#dbeafe;color:#2563eb}.rms-assign-emp-info{flex:1;min-width:0}.rms-assign-emp-name{font-size:.88rem;font-weight:600;color:#1e293b}.rms-assign-emp-detail{display:flex;gap:6px;font-size:.75rem;color:#94a3b8;flex-wrap:wrap}.rms-assign-emp-detail span:after{content:"·";margin-left:6px}.rms-assign-emp-detail span:last-child:after{content:"";margin:0}@media(max-width:768px){.rms-assign-modal-body{grid-template-columns:1fr}.rms-assign-panel-current{border-right:none;border-bottom:1px solid #e2e8f0;max-height:250px}}.rms-recent{margin-top:24px}.rms-recent h3{font-size:1rem;font-weight:600;margin-bottom:12px}.rms-recent-list{display:flex;flex-direction:column;gap:8px}.rms-recent-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #f1f5f9;border-radius:8px}.rms-recent-item-info{display:flex;flex-direction:column}.rms-recent-item-name{font-weight:600;font-size:.85rem}.rms-recent-item-cycle{font-size:.8rem;color:#94a3b8}.rms-recent-item-meta{display:flex;align-items:center;gap:10px}.rms-recent-item-rating{font-weight:700;color:#2563eb;font-size:.9rem}.rms-recent-item-date{font-size:.75rem;color:#94a3b8}.rms-cat-hint{font-size:.78rem;color:#64748b;margin:0 0 8px;line-height:1.4}.rms-cat-hint kbd{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:3px;padding:0 4px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rms-cat-chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:28px}.rms-cat-empty-hint{font-size:.78rem;color:#94a3b8;font-style:italic}.rms-cat-chip{display:inline-flex;align-items:center;gap:4px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:16px;padding:3px 10px 3px 12px;font-size:.8rem;font-weight:500}.rms-cat-chip-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#1e40af;opacity:.6;padding:0;font-size:.95rem}.rms-cat-chip-remove:hover{opacity:1;color:#b91c1c}.rms-cat-add-row{display:flex;gap:8px;align-items:center}.rms-cat-add-row .form-input{flex:1}.rms-assign-card-manager{display:flex;align-items:center;gap:6px;margin-top:6px}.rms-assign-card-manager-label{font-size:.72rem;color:#64748b;font-weight:500}.rms-assign-card-manager-select{flex:1;font-size:.78rem;padding:3px 6px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#1e293b;cursor:pointer;max-width:240px}.rms-assign-card-manager-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f;outline:none}.rms-assign-default-mgr{display:flex;flex-direction:column;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;margin:0 0 12px}.rms-assign-default-mgr-label{font-size:.78rem;font-weight:600;color:#334155}.rms-assign-default-mgr-select{font-size:.85rem;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff}.rms-assign-default-mgr-hint{font-size:.72rem;color:#64748b;font-style:italic}.rms-manager-cell{font-size:.85rem;color:#1e293b}.rms-manager-cell-empty{color:#94a3b8;font-style:italic}@media(max-width:768px){.rms-stats-grid{grid-template-columns:repeat(2,1fr)}.rms-filter-bar{flex-direction:column}.rms-search,.rms-filter-select{max-width:100%}.rms-form-row{grid-template-columns:1fr}.rms-category-row{grid-template-columns:1fr;gap:4px}.rms-cat-bar-label{width:120px}.rms-cat-add-row{flex-direction:column;align-items:stretch}}.reports-page{padding:0}.reports-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:.85rem}.reports-loading{text-align:center;padding:40px;color:#64748b}.reports-subnav{display:flex;gap:4px;margin-bottom:20px;background:#f1f5f9;padding:4px;border-radius:10px;width:fit-content;flex-wrap:wrap}.reports-subnav a{background:none;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#64748b;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:all .15s}.reports-subnav a:hover{color:#1e293b}.reports-subnav a.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.reports-filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.reports-filter-group{display:flex;flex-direction:column;gap:4px}.reports-filter-group label{font-size:.8rem;font-weight:600;color:#475569}.reports-filter-group select,.reports-filter-group input{min-width:180px}.reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.reports-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.reports-summary-card-icon{font-size:1.5rem;margin-bottom:8px}.reports-summary-card-icon.blue{color:#3b82f6}.reports-summary-card-icon.green{color:#10b981}.reports-summary-card-icon.red{color:#ef4444}.reports-summary-card-icon.orange{color:#f59e0b}.reports-summary-card-icon.purple{color:#8b5cf6}.reports-summary-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1.2}.reports-summary-label{font-size:.8rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.reports-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.reports-table{width:100%;border-collapse:collapse;font-size:.875rem}.reports-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap;font-size:.8rem;text-transform:uppercase}.reports-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.reports-table tbody tr:hover{background:#f8fafc}.reports-table tfoot td{padding:10px 14px;font-weight:700;background:#f8fafc;border-top:2px solid #e2e8f0;color:#1e293b}.reports-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;background:#fff;border:1px solid #e2e8f0;color:#475569;cursor:pointer;transition:all .15s}.reports-export-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.reports-emp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:16px}.reports-emp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.reports-emp-card h3{margin:0 0 16px;font-size:1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.reports-emp-stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:.875rem}.reports-emp-stat-row:last-child{border-bottom:none}.reports-emp-stat-label{color:#64748b}.reports-emp-stat-value{font-weight:600;color:#1e293b}.reports-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}@media(max-width:768px){.reports-summary-grid{grid-template-columns:repeat(2,1fr)}.reports-filter-bar{flex-direction:column;align-items:stretch}.reports-filter-group select,.reports-filter-group input{min-width:unset;width:100%}.reports-subnav{width:100%}.reports-emp-summary{grid-template-columns:1fr}}.expense-page{padding:0}.expense-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 16px;margin-bottom:16px;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.expense-loading{text-align:center;padding:40px;color:#64748b}.expense-empty{text-align:center;padding:24px;color:#94a3b8}.expense-empty-text{color:#94a3b8;font-size:.9rem;padding:12px 0;text-align:center}.expense-subnav{display:flex;gap:4px;margin-bottom:20px;background:#f1f5f9;padding:4px;border-radius:10px;width:fit-content;flex-wrap:wrap}.expense-subnav a{background:none;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#64748b;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:all .15s}.expense-subnav a:hover{color:#1e293b}.expense-subnav a.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.expense-status-tabs{display:flex;gap:4px;margin-bottom:16px;background:#f1f5f9;padding:4px;border-radius:10px;width:fit-content;flex-wrap:wrap}.expense-status-tab{background:none;border:none;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;color:#64748b;transition:all .15s;text-transform:capitalize}.expense-status-tab:hover{color:#1e293b}.expense-status-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.expense-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.expense-table{width:100%;border-collapse:collapse;font-size:.875rem}.expense-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.expense-table td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.expense-table tbody tr:hover{background:#f8fafc}.expense-table-compact th,.expense-table-compact td{padding:8px 12px}.expense-name-cell{font-weight:600;color:#1e293b}.expense-row-clickable{cursor:pointer}.expense-badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.expense-badge-success{background:#f0fdf4;color:#16a34a}.expense-badge-warning{background:#fffbeb;color:#d97706}.expense-badge-danger{background:#fef2f2;color:#dc2626}.expense-badge-info{background:#eff6ff;color:#2563eb}.expense-badge-gray{background:#f1f5f9;color:#64748b}.expense-actions{display:flex;gap:6px}.expense-action-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;cursor:pointer;color:#64748b;font-size:.85rem;display:inline-flex;align-items:center;transition:all .15s}.expense-action-btn:hover{background:#f1f5f9;color:#1e293b}.expense-action-danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.expense-form{display:flex;flex-direction:column;gap:1rem}.expense-form .form-group{display:flex;flex-direction:column;gap:.375rem}.expense-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700, #334155)}.expense-form .form-input{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s}.expense-form .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.expense-form .input-error{border-color:#dc2626}.expense-form .error-text{font-size:.75rem;color:#dc2626}.expense-form .required{color:#dc2626}.expense-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid #e2e8f0;align-items:center}.expense-checkbox-group{flex-direction:row!important}.expense-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#334155;cursor:pointer}.expense-emp-select-list{max-height:320px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:4px}.expense-emp-select-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-radius:6px;transition:background .1s}.expense-emp-select-item:hover{background:#f1f5f9}.expense-emp-select-name{flex:1;font-size:.875rem;font-weight:500;color:#1e293b}.expense-emp-select-code{font-size:.75rem;color:#94a3b8}.expense-selected-count{font-size:.8rem;color:#64748b;margin-right:auto}.expense-detail{display:flex;flex-direction:column;gap:16px}.expense-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.expense-detail-header>div{display:flex;flex-direction:column;gap:4px}.expense-detail-header>div:last-child{align-items:flex-end;gap:8px}.expense-detail-sub{font-size:.85rem;color:#64748b}.expense-detail-amount{font-size:1.25rem;font-weight:700;color:#1e293b}.expense-detail-remarks{background:#f8fafc;padding:10px 14px;border-radius:8px;font-size:.85rem;color:#475569}.expense-detail-items h4{font-size:.9rem;font-weight:700;color:#1e293b;margin:0 0 8px}.expense-receipt-link{color:#3b82f6;text-decoration:none;font-weight:500}.expense-receipt-link:hover{text-decoration:underline}.expense-detail-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid #e2e8f0}.expense-action-section{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid #e2e8f0}@media(max-width:640px){.expense-subnav,.expense-status-tabs{width:100%}.expense-detail-header{flex-direction:column;gap:12px}.expense-detail-header>div:last-child{align-items:flex-start}}.chat-page{display:flex;height:calc(100vh - 64px);background:#fff;overflow:hidden}.chat-sidebar{width:320px;flex-shrink:0;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;background:#f8fafc}.chat-sidebar-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.chat-sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:#0f172a}.chat-sidebar-top{display:flex;align-items:center;justify-content:space-between}.chat-search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;background:#fff;transition:border-color .2s}.chat-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-new-btn{padding:6px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.chat-new-btn:hover{background:#2563eb}.chat-conv-list{flex:1;overflow-y:auto}.chat-conv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.chat-conv-item:hover{background:#e2e8f0}.chat-conv-item.active{background:#dbeafe;border-left:3px solid #3b82f6}.chat-conv-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.chat-avatar-circle{width:40px;height:40px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;text-transform:uppercase}.chat-avatar-circle.chat-avatar-has-image,.chat-msg-avatar-sm.chat-avatar-has-image{padding:0;overflow:hidden;background:#cbd5e1}.chat-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.chat-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid #f8fafc}.chat-conv-info{flex:1;min-width:0}.chat-conv-top-row{display:flex;align-items:center;justify-content:space-between}.chat-conv-name{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-time{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0;margin-left:8px}.chat-conv-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.chat-conv-preview{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-unread-count{background:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;margin-left:8px}.chat-conv-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#94a3b8;font-size:14px;padding:24px;text-align:center}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.chat-main-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:16px}.chat-main-header{padding:14px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;background:#fff}.chat-main-header .chat-back-btn{display:none;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;margin-right:4px}.chat-header-name{font-size:16px;font-weight:600;color:#0f172a}.chat-header-online{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block}.chat-header-members{font-size:13px;color:#64748b}.chat-search-btn{margin-left:auto;background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;cursor:pointer;color:#64748b;display:flex;align-items:center;transition:all .15s}.chat-search-btn:hover{background:#f1f5f9;color:#3b82f6;border-color:#3b82f6}.chat-msg-search-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.chat-msg-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px}.chat-msg-search-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-msg-search-icon{color:#94a3b8;flex-shrink:0}.chat-msg-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.chat-msg-search-count{font-size:12px;color:#64748b;white-space:nowrap}.chat-msg-search-nav{display:flex;gap:2px}.chat-msg-search-nav button{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px;cursor:pointer;color:#475569;display:flex;align-items:center;transition:all .15s}.chat-msg-search-nav button:hover{background:#f1f5f9}.chat-msg-search-nav button:disabled{opacity:.4;cursor:not-allowed}.chat-msg-search-close{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:2px 6px;line-height:1}.chat-msg-search-close:hover{color:#475569}.chat-msg-search-results{max-height:240px;overflow-y:auto;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.chat-msg-search-result-item{display:flex;align-items:baseline;gap:8px;padding:8px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f1f5f9}.chat-msg-search-result-item:last-child{border-bottom:none}.chat-msg-search-result-item:hover{background:#f8fafc}.chat-msg-search-result-item.active{background:#eff6ff}.chat-msg-search-result-sender{font-size:12px;font-weight:600;color:#3b82f6;white-space:nowrap;flex-shrink:0}.chat-msg-search-result-text{font-size:13px;color:#475569;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-msg-search-result-time{font-size:11px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.chat-msg-highlight{animation:msgHighlight 2s ease-out}@keyframes msgHighlight{0%,20%{background:#fef9c3}to{background:transparent}}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.chat-load-more{text-align:center;padding:8px}.chat-load-more button{padding:4px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#3b82f6;cursor:pointer;font-size:13px}.chat-date-sep{display:flex;align-items:center;gap:12px;margin:16px 0 8px}.chat-date-sep:before,.chat-date-sep:after{content:"";flex:1;height:1px;background:#e2e8f0}.chat-date-sep span{font-size:12px;color:#94a3b8;font-weight:500;white-space:nowrap}.chat-msg-row{display:flex;gap:8px;max-width:75%;margin-bottom:2px}.chat-msg-other{align-self:flex-start}.chat-msg-own{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar-sm{width:28px;height:28px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase;margin-top:2px}.chat-msg-body{display:flex;flex-direction:column}.chat-msg-sender{font-size:12px;font-weight:600;color:#475569;margin-bottom:2px}.chat-msg-own .chat-msg-sender{text-align:right}.chat-msg-bubble{max-width:70%;padding:8px 14px;border-radius:12px;font-size:14px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.chat-msg-other .chat-msg-bubble{background:#f1f5f9;color:#1e293b;border-top-left-radius:4px;max-width:100%}.chat-msg-own .chat-msg-bubble{background:#3b82f6;color:#fff;border-top-right-radius:4px;max-width:100%}.chat-msg-time{font-size:11px;color:#94a3b8;margin-top:2px}.chat-msg-own .chat-msg-time{text-align:right}.chat-typing{font-size:13px;color:#94a3b8;font-style:italic;padding:4px 20px 0;min-height:22px}.chat-attachment-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#f0f9ff;border-top:1px solid #bae6fd}.chat-attachment-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#0369a1}.chat-attachment-icon{font-size:18px}.chat-attachment-name{font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-size{color:#64748b;font-size:12px}.chat-attachment-remove{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;padding:0 4px;line-height:1}.chat-attachment-remove:hover{color:#dc2626}.chat-attach-btn{background:none;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:18px;cursor:pointer;transition:background .15s;line-height:1}.chat-attach-btn:hover{background:#f1f5f9}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-msg-attachment{margin-bottom:4px}.chat-msg-image{max-width:280px;max-height:200px;border-radius:8px;cursor:pointer;display:block}.chat-msg-image:hover{opacity:.9}.chat-msg-file-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff4d;border-radius:6px;color:inherit;text-decoration:none;font-size:13px;font-weight:500;border:1px solid rgba(0,0,0,.08)}.chat-msg-file-link:hover{background:#ffffff80;text-decoration:underline}.chat-input-bar{display:flex;gap:10px;padding:12px 20px;border-top:1px solid #e2e8f0;background:#fff;align-items:flex-end}.chat-input-bar textarea{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;resize:none;min-height:40px;max-height:120px;outline:none;line-height:1.4;transition:border-color .2s}.chat-input-bar textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-send-btn{padding:10px 18px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.chat-send-btn:hover{background:#2563eb}.chat-send-btn:disabled{background:#94a3b8;cursor:not-allowed}.chat-emoji-wrapper{position:relative}.chat-emoji-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px;line-height:1;transition:background .15s}.chat-emoji-btn:hover{background:#f1f5f9}.chat-emoji-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #0000001f;width:320px;z-index:100;overflow:hidden}.chat-emoji-tabs{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid #f1f5f9;overflow-x:auto}.chat-emoji-tab{background:none;border:none;border-radius:6px;padding:4px 6px;font-size:16px;cursor:pointer;transition:background .15s;flex-shrink:0}.chat-emoji-tab:hover{background:#f1f5f9}.chat-emoji-tab.active{background:#fee2e2}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:200px;overflow-y:auto}.chat-emoji-item{background:none;border:none;border-radius:6px;padding:4px;font-size:20px;cursor:pointer;text-align:center;transition:background .15s,transform .1s}.chat-emoji-item:hover{background:#f1f5f9;transform:scale(1.2)}.chat-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f614;border:2px dashed #3b82f6;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.chat-drop-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#3b82f6;font-size:16px;font-weight:600}.chat-drop-icon{font-size:40px}.chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.chat-modal{background:#fff;border-radius:12px;width:440px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.chat-modal-header h3{margin:0;font-size:16px;color:#0f172a}.chat-modal-close{background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:0;line-height:1}.chat-modal-tabs{display:flex;border-bottom:1px solid #e2e8f0}.chat-modal-tab{flex:1;padding:10px;text-align:center;font-size:14px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;cursor:pointer;transition:all .2s}.chat-modal-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.chat-modal-body{padding:16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.chat-modal-body input[type=text]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.chat-modal-body input[type=text]:focus{border-color:#3b82f6}.chat-user-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.chat-user-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.chat-user-item:hover{background:#f1f5f9}.chat-user-item.selected{background:#dbeafe;border:1px solid #93c5fd}.chat-user-item.disabled{opacity:.45;cursor:not-allowed}.chat-user-item input[type=checkbox]{accent-color:#3b82f6}.chat-user-item-name{font-size:14px;color:#1e293b}.chat-modal-footer{padding:12px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px}.chat-modal-footer button{padding:8px 18px;border-radius:8px;font-size:14px;cursor:pointer;font-weight:500}.chat-modal-cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.chat-modal-create{background:#3b82f6;border:none;color:#fff}.chat-modal-create:hover{background:#2563eb}.chat-modal-create:disabled{background:#94a3b8;cursor:not-allowed}@media(max-width:768px){.chat-sidebar{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.chat-page.has-active .chat-sidebar{display:none}.chat-page:not(.has-active) .chat-main{display:none}.chat-main-header .chat-back-btn{display:inline-flex}.chat-modal{width:95%;margin:0 10px}}.chat-msg-body{position:relative}.chat-msg-actions{display:flex;gap:2px;position:absolute;top:-4px;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 6px #00000014;padding:2px;z-index:5}.chat-msg-actions.own{left:0;right:auto}.chat-msg-actions button{border:none;background:none;cursor:pointer;padding:3px 6px;font-size:13px;border-radius:4px;color:#64748b;line-height:1}.chat-msg-actions button:hover{background:#f1f5f9;color:#1e293b}.chat-reply-quote{display:flex;flex-direction:column;background:#0000000d;border-left:3px solid #3b82f6;padding:4px 8px;border-radius:4px;font-size:12px;margin-bottom:4px;max-width:100%}.chat-msg-own .chat-reply-quote{background:#ffffff26;border-left-color:#ffffff80}.chat-reply-sender{font-weight:600;color:#3b82f6;font-size:11px}.chat-msg-own .chat-reply-sender{color:#ffffffd9}.chat-reply-text{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-msg-own .chat-reply-text{color:#ffffffb3}.chat-forwarded-label{font-size:11px;color:#94a3b8;font-style:italic;margin-bottom:2px}.chat-msg-own .chat-forwarded-label{color:#fff9}.chat-edited-label{font-size:11px;color:#94a3b8;font-style:italic}.chat-reply-bar{display:flex;align-items:center;padding:8px 16px;background:#f0f9ff;border-top:1px solid #bfdbfe;border-left:3px solid #3b82f6;gap:8px}.chat-reply-bar-content{flex:1;min-width:0;display:flex;flex-direction:column}.chat-reply-bar-sender{font-size:12px;font-weight:600;color:#3b82f6}.chat-reply-bar-text{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-bar-close{border:none;background:none;font-size:18px;cursor:pointer;color:#94a3b8;padding:0 4px;line-height:1}.chat-reply-bar-close:hover{color:#475569}.chat-edit-inline{display:flex;flex-direction:column;gap:6px;min-width:200px}.chat-edit-input{border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:13px;resize:none;outline:none;font-family:inherit}.chat-edit-input:focus{border-color:#3b82f6}.chat-edit-actions{display:flex;gap:6px;justify-content:flex-end}.chat-edit-cancel,.chat-edit-save{border:none;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-weight:500}.chat-edit-cancel{background:#f1f5f9;color:#64748b}.chat-edit-save{background:#3b82f6;color:#fff}.chat-edit-cancel:hover{background:#e2e8f0}.chat-edit-save:hover{background:#2563eb}.chat-forward-preview{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;padding:8px 12px;border-radius:6px;margin-bottom:10px;font-size:13px}.chat-forward-preview-label{font-weight:600;color:#475569;margin-right:6px}.chat-forward-preview-text{color:#64748b}.chat-group-info-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;cursor:pointer;color:#64748b;display:flex;align-items:center;transition:all .15s}.chat-group-info-btn:hover{background:#f1f5f9;color:#3b82f6;border-color:#3b82f6}.chat-group-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1000}.chat-group-panel{width:380px;max-width:90vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-group-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.chat-group-panel-header h3{margin:0;font-size:18px;font-weight:600}.chat-group-panel-body{flex:1;overflow-y:auto;padding:16px 20px}.chat-group-section{margin-bottom:24px}.chat-group-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px}.chat-group-name-row{display:flex;align-items:center;gap:10px}.chat-group-name-val{font-size:16px;font-weight:600;color:#1e293b}.chat-group-name-edit{display:flex;gap:6px;align-items:center}.chat-group-name-edit .form-input{flex:1;padding:6px 10px;font-size:14px}.chat-group-btn-sm{padding:4px 10px;font-size:12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s}.chat-group-btn-sm:hover{background:#f1f5f9}.chat-group-btn-sm.save{background:#3b82f6;color:#fff;border-color:#3b82f6}.chat-group-btn-sm.save:hover{background:#2563eb}.chat-group-btn-sm:disabled{opacity:.5;cursor:not-allowed}.chat-group-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chat-group-members-header .chat-group-label{margin-bottom:0}.chat-group-add-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;margin-bottom:12px}.chat-group-add-section .form-input{width:100%;padding:6px 10px;font-size:13px;margin-bottom:8px;box-sizing:border-box}.chat-group-add-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.chat-group-add-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s}.chat-group-add-item:hover{background:#e2e8f0}.chat-group-add-item input[type=checkbox]{flex-shrink:0}.chat-group-btn-add{margin-top:8px;width:100%;padding:8px;font-size:13px;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s}.chat-group-btn-add:hover{background:#2563eb}.chat-group-btn-add:disabled{opacity:.5;cursor:not-allowed}.chat-group-empty{text-align:center;padding:12px;color:#94a3b8;font-size:13px}.chat-group-member-list{display:flex;flex-direction:column;gap:2px}.chat-group-member-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .15s}.chat-group-member-item:hover{background:#f8fafc}.chat-group-member-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.chat-group-member-name{font-size:14px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-group-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;flex-shrink:0}.chat-group-badge.admin{background:#dbeafe;color:#2563eb}.chat-group-btn-remove{background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s;flex-shrink:0}.chat-group-btn-remove:hover{background:#fee2e2;color:#dc2626}.chat-group-btn-leave{width:100%;padding:10px;font-size:14px;font-weight:600;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:8px;cursor:pointer;transition:all .15s}.chat-group-btn-leave:hover{background:#fef2f2;border-color:#dc2626}.chat-group-avatar-section{display:flex;flex-direction:column;align-items:center;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.chat-group-avatar-wrapper{position:relative;cursor:pointer;border-radius:50%;overflow:hidden}.chat-group-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border-radius:50%;font-size:14px}.chat-group-avatar-wrapper:hover .chat-group-avatar-overlay{opacity:1}.email-page{display:flex;flex-direction:column;height:100%;min-height:0;background:#f8f9fa}.email-loading,.email-empty{display:flex;align-items:center;justify-content:center;padding:48px 16px;color:#6b7280;font-size:15px}.email-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.email-toolbar-divider{width:1px;height:24px;background:#d1d5db;margin:0 4px}.email-selected-count{font-size:13px;color:#6b7280}.email-search{display:flex;gap:6px;margin-left:auto}.email-search input{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;width:240px;outline:none}.email-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.email-list{flex:1;overflow-y:auto;background:#fff}.email-table{width:100%;border-collapse:collapse}.email-table thead th{text-align:left;padding:8px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e5e7eb;background:#fafbfc}.email-row{border-bottom:1px solid #f0f1f3;cursor:pointer;transition:background .12s}.email-row:hover{background:#f9fafb}.email-row.unread{font-weight:600;background:#eff6ff}.email-row.unread:hover{background:#e0edff}.email-row.selected{background:#dbeafe}.email-row td{padding:10px 12px;font-size:14px;vertical-align:middle}.email-col-check{width:36px;text-align:center}.email-col-star{width:32px;text-align:center}.email-col-sender{width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-col-subject{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0}.email-col-attach{width:28px;text-align:center}.email-col-date{width:90px;text-align:right}.email-star{font-size:18px;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.email-star:hover,.email-star.starred{color:#facc15}.email-star-btn{background:none;border:none;padding:0;cursor:pointer}.email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview{color:#9ca3af;font-weight:400}.email-date{font-size:12px;color:#6b7280;white-space:nowrap}.email-attachment-icon{font-size:14px;color:#9ca3af}.email-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb}.email-pagination button{min-width:32px;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .12s}.email-pagination button:hover{background:#f3f4f6}.email-pagination button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.email-pagination-dots{padding:0 4px;color:#9ca3af}.email-view{padding:24px;max-width:900px;margin:0 auto;width:100%}.email-view-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}.email-view-actions{display:flex;gap:6px;flex-wrap:wrap}.email-view-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.email-view-subject-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.email-view-subject{font-size:22px;font-weight:700;color:#111827;margin:0;flex:1;line-height:1.3}.email-view-sender{font-size:15px;color:#111827;margin-bottom:4px}.email-view-sender-email{color:#6b7280;font-weight:400}.email-view-recipients{font-size:13px;color:#6b7280;margin-bottom:2px}.email-view-date{font-size:13px;color:#9ca3af;margin-top:8px}.email-view-body{white-space:pre-wrap;word-break:break-word;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.6;color:#1f2937;margin-bottom:16px}.email-view-attachments{margin-top:16px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.email-view-attachments ul{list-style:none;padding:0;margin:8px 0 0}.email-view-attachments li{margin-bottom:4px}.email-attachment-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;padding:2px 0;text-decoration:underline}.email-attachment-link:hover{color:#1d4ed8}.email-thread{margin-top:28px}.email-thread-title{font-size:15px;font-weight:600;color:#374151;margin-bottom:12px}.email-thread-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;overflow:hidden}.email-thread-card.thread-item{background:#fafbfc}.email-thread-card-header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.email-thread-sender{display:flex;align-items:center;gap:12px;font-size:14px;flex:1}.email-thread-date{font-size:12px;color:#9ca3af}.email-thread-expand{font-size:10px;color:#9ca3af;margin-left:auto}.email-thread-card-body{padding:0 16px 16px}.email-compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.email-compose{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.email-compose-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.email-compose-header h3{margin:0;font-size:17px;font-weight:600;color:#111827}.email-compose-close{background:none;border:none;font-size:22px;color:#6b7280;cursor:pointer;padding:0 4px;line-height:1}.email-compose-close:hover{color:#111827}.email-compose-fields{padding:12px 20px 0}.email-compose-field{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.email-compose-field label{min-width:60px;font-size:13px;font-weight:600;color:#374151;padding-top:8px}.email-compose-to{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:1;min-height:36px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:text}.email-compose-to:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.email-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;font-size:12px;color:#1e40af;white-space:nowrap}.email-chip-remove{background:none;border:none;font-size:14px;color:#6b7280;cursor:pointer;padding:0;line-height:1;margin-left:2px}.email-chip-remove:hover{color:#dc2626}.email-typeahead-wrapper{position:relative;flex:1;min-width:120px}.email-typeahead-input{border:none;outline:none;font-size:13px;width:100%;padding:4px 0;background:transparent}.email-typeahead-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0000001f;max-height:200px;overflow-y:auto;z-index:10;list-style:none;padding:4px 0;margin:4px 0 0}.email-typeahead-dropdown li{display:flex;flex-direction:column;padding:8px 12px;cursor:pointer;transition:background .1s}.email-typeahead-dropdown li:hover{background:#f3f4f6}.email-typeahead-name{font-size:13px;font-weight:500;color:#111827}.email-typeahead-email{font-size:11px;color:#9ca3af}.email-cc-toggle{background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer;padding:0 0 8px 68px}.email-cc-toggle:hover{text-decoration:underline}.email-compose-subject{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.email-compose-subject:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.email-compose-body{flex:1;padding:0 20px;min-height:0;display:flex;flex-direction:column}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;background:#f8fafc;border:1px solid #d1d5db;border-bottom:none;border-radius:6px 6px 0 0}.rte-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px;color:#374151;transition:background .15s,border-color .15s}.rte-btn:hover{background:#e5e7eb;border-color:#d1d5db}.rte-btn:active{background:#d1d5db}.rte-sep{width:1px;height:20px;background:#d1d5db;margin:0 4px}.rte-select{height:28px;padding:0 4px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;color:#374151}.rte-color{width:26px;height:26px;border:1px solid #d1d5db;border-radius:4px;padding:1px;cursor:pointer;background:#fff}.email-compose-editor{flex:1;width:100%;min-height:280px;max-height:50vh;padding:12px;border:1px solid #d1d5db;border-radius:0 0 6px 6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;overflow-y:auto;outline:none;background:#fff;color:#1e293b}.email-compose-editor:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.email-compose-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.email-compose-editor a{color:#2563eb;text-decoration:underline}.email-compose-editor ul,.email-compose-editor ol{margin-left:20px}.email-compose-body textarea{width:100%;min-height:300px;max-height:50vh;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;resize:vertical;outline:none;box-sizing:border-box}.email-compose-body textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.email-compose-attachments{padding:8px 20px}.email-compose-attachment-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px}.email-compose-attachment-list li{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;color:#374151}.email-attachment-size{color:#9ca3af}.email-compose-footer{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid #e5e7eb}.email-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.email-page .btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.email-page .btn-primary:hover{background:#2563eb}.email-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.email-page .btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.email-page .btn-outline:hover{background:#f3f4f6}.email-page .btn-sm{padding:5px 10px;font-size:12px}.email-page .btn-danger{color:#dc2626;border-color:#fca5a5}.email-page .btn-danger:hover{background:#fef2f2}.email-compose .btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .12s;white-space:nowrap}.email-compose .btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.email-compose .btn-primary:hover{background:#2563eb}.email-compose .btn-primary:disabled{opacity:.6;cursor:not-allowed}.email-compose .btn-outline{background:#fff;color:#374151;border-color:#d1d5db}.email-compose .btn-outline:hover{background:#f3f4f6}.email-compose .btn-danger{color:#dc2626;border-color:#fca5a5}.email-compose .btn-danger:hover{background:#fef2f2}@media(max-width:768px){.email-toolbar{flex-direction:column;align-items:stretch}.email-search{margin-left:0;width:100%}.email-search input{width:100%;flex:1}.email-col-sender{width:120px}.email-view{padding:12px}.email-view-topbar{flex-direction:column;align-items:stretch}.email-view-actions{justify-content:flex-start}.email-compose{max-width:100%;max-height:100vh;border-radius:0}.email-compose-field{flex-direction:column;gap:4px}.email-compose-field label{min-width:unset;padding-top:0}.email-cc-toggle{padding-left:0}}@media(max-width:480px){.email-col-sender,.email-col-attach{display:none}.email-row td{padding:8px 6px;font-size:13px}.email-view-subject{font-size:18px}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#f8fafc;color:#0f172a}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(220,38,38,.08) 0%,transparent 45%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.08) 0%,transparent 45%),linear-gradient(135deg,#fef2f2,#fff 45%,#eff6ff);border-right:1px solid #e2e8f0}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(15,23,42,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.login-brand-inner{position:relative;height:100%;padding:56px 64px;display:flex;flex-direction:column;max-width:600px;margin:0 auto}.login-brand-logo{display:inline-flex;align-items:center;gap:12px}.login-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-weight:800;font-size:1rem;letter-spacing:.04em;box-shadow:0 6px 16px #dc262640}.login-brand-mark-img{background:transparent!important;width:48px;height:48px;box-shadow:none;object-fit:contain}.login-brand-name{font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:.02em}.login-brand-hero{margin-top:72px}.login-brand-headline{margin:0 0 18px;font-size:2.5rem;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#0f172a}.login-brand-headline span{display:block}.login-brand-headline-accent{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.login-brand-lede{margin:0 0 36px;font-size:.975rem;line-height:1.65;color:#475569;max-width:480px}.login-features{list-style:none;padding:0;margin:0 0 auto;display:flex;flex-direction:column;gap:18px}.login-feature{display:flex;align-items:flex-start;gap:14px}.login-feature-icon{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.login-feature-icon svg{width:22px;height:22px}.login-feature-icon-red{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.login-feature-icon-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.login-feature-title{font-size:.95rem;font-weight:700;color:#0f172a;margin-bottom:2px}.login-feature-desc{font-size:.825rem;color:#64748b;line-height:1.5}.login-brand-footer{margin-top:56px;font-size:.78rem;color:#94a3b8;display:flex;gap:14px;flex-wrap:wrap}.login-form-side{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#fff}.login-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:22px}.login-card-header h2{margin:0 0 6px;font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.login-card-header p{margin:0;font-size:.9rem;color:#64748b}.login-card-header strong{color:#0f172a;font-weight:600}.login-role-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f9;border-radius:10px;padding:4px;gap:4px}.login-role-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;color:#64748b;transition:all .15s ease}.login-role-tab:hover:not(.is-active){color:#334155;background:#ffffff80}.login-role-tab.is-active{background:#fff;color:#dc2626;box-shadow:0 2px 6px #0f172a14}.login-role-tab svg{width:18px;height:18px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-label{font-size:.825rem;font-weight:600;color:#334155}.login-link{background:none;border:none;padding:0;cursor:pointer;font-size:.78rem;font-weight:600;color:#2563eb}.login-link:hover{color:#1d4ed8;text-decoration:underline}.login-link:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;width:18px;height:18px;color:#94a3b8;pointer-events:none}.login-input{width:100%;padding:12px 14px 12px 42px;font-size:.9rem;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:border-color .15s,box-shadow .15s,background .15s}.login-input::placeholder{color:#94a3b8}.login-input:focus{outline:none;background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.login-input:disabled{background:#f1f5f9;cursor:not-allowed}.login-input-with-toggle{padding-right:42px}.login-input-toggle{position:absolute;right:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:6px;color:#64748b;transition:background .15s,color .15s}.login-input-toggle:hover{background:#f1f5f9;color:#0f172a}.login-input-toggle svg{width:18px;height:18px}.login-otp-input{padding:14px 16px;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.5em}.login-submit{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;cursor:pointer;box-shadow:0 6px 16px #dc262647;transition:transform .1s,box-shadow .15s,opacity .15s}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #dc262657}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit svg{width:18px;height:18px}.login-back-link{margin-top:4px;background:none;border:none;cursor:pointer;font-size:.85rem;color:#64748b;padding:6px}.login-back-link:hover{color:#0f172a}.login-back-link:disabled{color:#cbd5e1;cursor:not-allowed}.login-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;font-size:.85rem;color:#991b1b}.login-success{padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #16a34a;border-radius:8px;font-size:.85rem;color:#166534}@media(max-width:960px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{padding:32px 20px;min-height:100vh}}@media(max-width:480px){.login-card{gap:18px}.login-card-header h2{font-size:1.5rem}.login-input{padding:11px 12px 11px 38px;font-size:.875rem}.login-input-icon{left:12px}.login-otp-input{font-size:1.25rem;letter-spacing:.4em}}@media(min-width:961px)and (max-width:1200px){.login-brand-inner{padding:40px 36px}.login-brand-hero{margin-top:48px}.login-brand-headline{font-size:2rem}}:root{--primary: #dc2626;--primary-light: #ef4444;--primary-dark: #b91c1c;--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-gradient: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--secondary: #2563eb;--secondary-light: #3b82f6;--secondary-dark: #1d4ed8;--secondary-50: #eff6ff;--secondary-100: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--sidebar-width: 260px;--header-height: 64px;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-primary: 0 6px 16px rgba(220, 38, 38, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background-color:var(--gray-50);line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}