.company-page{color:var(--color-text);gap:18px;padding:24px;display:grid}.company-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.company-heading h1{color:var(--color-text);align-items:center;gap:10px;margin:0;display:flex}.company-heading p{color:var(--color-text-light);margin:7px 0 0}.company-heading>button,.company-primary-btn,.company-empty button,.company-active-banner button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.company-heading button:disabled,.company-primary-btn:disabled,.company-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.company-card,.company-company-card,.company-empty,.company-active-banner{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px}.company-card{padding:20px}.company-card h2{margin:0 0 16px}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.company-grid label,.company-admin-box label{color:var(--color-text-light);gap:7px;font-size:13px;font-weight:650;display:grid}.company-grid input,.company-grid textarea,.company-grid select,.company-admin-box input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:9px;outline:none;padding:10px 12px}.company-grid input:focus,.company-grid textarea:focus,.company-grid select:focus,.company-admin-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.company-grid input:disabled{opacity:.72;cursor:not-allowed}.company-grid textarea{resize:vertical;min-height:90px}.company-wide{grid-column:1/-1}.company-check{align-items:center;gap:8px;display:flex!important}.company-check input{width:auto}.company-active-banner{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-card));justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.company-active-banner>div{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.company-active-banner span,.company-active-banner small{color:var(--color-text-light)}.company-active-banner strong{font-size:16px}.company-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.company-company-card{min-height:270px;transition:var(--transition);flex-direction:column;padding:18px;display:flex}.company-company-card.active{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 8%, transparent)}.company-company-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.company-card-logo{background:var(--color-surface);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-primary);border-radius:12px;place-items:center;display:grid;overflow:hidden}.company-card-logo img{object-fit:contain;width:100%;height:100%}.company-active-pill{background:color-mix(in srgb, #16a34a 12%, var(--color-card));color:#16a34a;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.company-company-card-body{flex:1;padding:15px 0}.company-company-card-body h2{margin:0 0 3px;font-size:17px}.company-company-card-body p{color:var(--color-text-light);overflow-wrap:anywhere;align-items:center;gap:7px;margin:8px 0;font-size:13px;display:flex}.company-company-card-body .company-code{color:var(--color-primary);margin:0 0 13px;font-weight:750}.company-company-card-actions{gap:8px;display:flex}.company-company-card-actions button{width:100%}.company-secondary-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.company-empty{text-align:center;min-height:320px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.company-empty h2{color:var(--color-text);margin:13px 0 3px}.company-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.company-modal{border:1px solid var(--color-border);background:var(--color-card);border-radius:18px;width:min(820px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f172a47}.company-modal-header{z-index:2;border-bottom:1px solid var(--color-border);background:var(--color-card);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex;position:sticky;top:0}.company-modal-header h2{align-items:center;gap:8px;margin:0;display:flex}.company-modal-header p{color:var(--color-text-light);margin:6px 0 0;font-size:13px}.company-modal-header>button{color:var(--color-text-light);cursor:pointer;background:0 0;border:0}.company-modal form{padding:20px}.company-admin-box{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin-top:18px;padding:16px}.company-admin-box h3{margin:0 0 6px}.company-admin-box p{color:var(--color-text-light);margin:0 0 13px;font-size:13px}.company-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.company-switcher-wrap{align-items:center;gap:6px;display:flex}.company-switcher{border:1px solid var(--color-border);background:var(--color-surface);max-width:245px;height:38px;color:var(--color-text);border-radius:10px;align-items:center;gap:7px;padding:0 10px;display:flex}.company-switcher select{appearance:none;min-width:0;max-width:170px;color:var(--color-text);cursor:pointer;background:0 0;border:0;outline:0;font-weight:700}.company-switcher-logo{object-fit:contain;border-radius:5px;width:20px;height:20px}.company-switcher-add{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.company-switcher-add:hover,.company-switcher:hover{background:var(--table-row-hover)}@media (width<=1100px){.company-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.company-grid,.company-cards{grid-template-columns:1fr}.company-heading,.company-active-banner{flex-direction:column;align-items:flex-start}.company-switcher{max-width:180px}}.dashboard-right-panel{background:var(--card-bg,#fff);border-left:1px solid var(--border-color,#e5e7eb);box-sizing:border-box;flex-direction:column;width:320px;min-width:320px;height:100%;min-height:0;display:flex;overflow:hidden auto}.right-panel-section{border-bottom:1px solid var(--border-color,#e5e7eb);padding:18px 10px 18px 5px}.right-panel-section:last-child{border-bottom:0}.right-panel-title{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:12px;display:flex}.right-panel-title button{width:32px;height:32px;color:var(--text-secondary,#667085);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .2s,color .2s;display:grid}.right-notification-item{width:100%;color:var(--text-primary,#101828);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 8px;transition:background .2s;display:flex;position:relative}.right-notification-item:hover{background:var(--hover-bg,#2563eb0f)}.right-notification-icon{color:#2563eb;background:#2563eb1a;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.right-notification-item>div{flex:1;gap:2px;min-width:0;display:grid}.right-notification-item strong{color:var(--text-primary,#101828);font-size:12.5px;font-weight:600;line-height:1.4}.right-notification-item small{color:var(--text-secondary,#667085);font-size:10.5px}.right-panel-description{color:var(--text-secondary,#667085);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1px 0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.right-panel-unread{background:#2563eb;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:6px}.right-activity-item{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 8px;transition:background .2s;display:flex}.right-activity-item:hover{background:var(--hover-bg,#2563eb0d)}.right-activity-item img,.right-activity-avatar{border-radius:50%;flex:0 0 34px;width:34px;height:34px}.right-activity-item img{object-fit:cover}.right-activity-avatar{background:var(--hover-bg,#eef2ff);color:#2563eb;place-items:center;font-size:12px;font-weight:700;display:grid}.right-activity-item>div{flex:1;gap:2px;min-width:0;display:grid}.right-activity-item strong{color:var(--text-primary,#101828);font-size:12.5px;font-weight:600;line-height:1.4}.right-activity-item small{color:var(--text-secondary,#667085);font-size:10.5px}.right-contact-item{width:100%;color:var(--text-primary,#101828);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;transition:background .2s;display:flex}.right-contact-item:hover{background:var(--hover-bg,#2563eb0f)}.right-contact-avatar{border-radius:50%;flex:0 0 36px;width:36px;height:36px;position:relative}.right-contact-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.right-contact-initials{background:var(--hover-bg,#eef2ff);color:#2563eb;border-radius:50%;place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;display:grid}.right-contact-info{flex:1;gap:1px;min-width:0;display:grid}.right-contact-info strong{color:var(--text-primary,#101828);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.right-contact-info small{color:#16a34a;font-size:10.5px}.right-contact-message-icon{color:#2563eb;opacity:0;flex-shrink:0;transition:opacity .2s}.right-contact-item:hover .right-contact-message-icon{opacity:1}.right-online-count{color:#15803d;background:#dcfce7;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;display:grid}.right-panel-empty{min-height:52px;color:var(--text-secondary,#667085);text-align:center;justify-content:center;align-items:center;gap:7px;padding:12px 8px;font-size:11.5px;display:flex}.dashboard-right-panel::-webkit-scrollbar{width:5px}.dashboard-right-panel::-webkit-scrollbar-track{background:0 0}.dashboard-right-panel::-webkit-scrollbar-thumb{background:var(--border-color,#d0d5dd);border-radius:10px}.dashboard-right-panel::-webkit-scrollbar-thumb:hover{background:#98a2b3}.dark .dashboard-right-panel{background:var(--card-bg,#111827)}.dark .right-contact-online{border-color:var(--card-bg,#111827)}.dark .right-notification-icon{color:#60a5fa;background:#3b82f629}.dark .right-contact-initials,.dark .right-activity-avatar{color:#60a5fa;background:#3b82f61f}.dark .right-online-count{color:#4ade80;background:#16a34a29}@media (width<=1200px){.dashboard-right-panel{width:285px;min-width:285px}}@media (width<=1050px){.dashboard-right-panel{display:none}}:root{--dashboard-sidebar-width:230px;--dashboard-right-panel-width:300px;--dashboard-header-height:70px}.dashboard-layout{background:var(--color-page);min-height:100vh;color:var(--color-text);transition:var(--transition);display:flex}.dashboard-main{width:calc(100% - var(--dashboard-sidebar-width));min-height:100vh;margin-left:var(--dashboard-sidebar-width);transition:var(--transition)}.dashboard-body{grid-template-columns:minmax(0, 1fr) var(--dashboard-right-panel-width);min-height:calc(100vh - var(--dashboard-header-height));display:grid}.dashboard-content{background:var(--color-page);min-width:0;transition:var(--transition);padding:24px;overflow-x:hidden}.dashboard-overlay{display:none}.dashboard-sidebar{width:var(--dashboard-sidebar-width);z-index:40;border-right:1px solid var(--color-border);background:var(--color-sidebar);height:100vh;color:var(--color-text);flex-direction:column;transition:transform .18s,background-color .25s,border-color .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{min-height:var(--dashboard-header-height);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:0 22px;display:flex}.sidebar-logo{background:var(--color-text);width:36px;height:36px;color:var(--color-card);border-radius:50%;flex:0 0 36px;place-items:center;font-size:14px;font-weight:800;display:grid}[data-theme=dark] .sidebar-logo{background:var(--color-primary);color:#fff}.sidebar-brand div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.sidebar-brand strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-brand span{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-navigation{flex:1;padding:20px 14px;overflow-y:auto}.sidebar-section-title{color:var(--color-text-light);letter-spacing:.08em;text-transform:uppercase;margin:0 10px 10px;font-size:11px;font-weight:700}.sidebar-settings-title{margin-top:25px}.sidebar-link{min-height:43px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:0 13px;font-size:14px;font-weight:550;text-decoration:none;display:flex}.sidebar-link svg{flex:none}.sidebar-link:hover{background:var(--table-row-hover);color:var(--color-text)}.sidebar-link.active{background:color-mix(in srgb, var(--color-primary) 11%, var(--color-card));color:var(--color-text);font-weight:750}.sidebar-link.active svg{color:var(--color-primary)}.sidebar-company-selector{border:1px solid var(--color-border);background:var(--color-surface);min-height:70px;color:var(--color-text);cursor:pointer;transition:var(--transition);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:14px;padding:12px 14px;display:flex}.sidebar-company-selector:hover{background:var(--table-row-hover)}.sidebar-company-selector div{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.sidebar-company-selector strong{max-width:150px;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sidebar-company-selector span{color:var(--color-text-light);font-size:11px}.dashboard-header{height:var(--dashboard-header-height);z-index:30;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-header) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:sticky;top:0}.dashboard-header-left,.dashboard-header-right{align-items:center;display:flex}.dashboard-header-left{gap:18px;min-width:0}.dashboard-header-right{justify-content:flex-end;gap:14px}.header-menu-button{display:none}.dashboard-breadcrumb{min-width:0;color:var(--color-text-light);align-items:center;gap:10px;font-size:13px;display:flex}.dashboard-breadcrumb span{white-space:nowrap}.dashboard-breadcrumb strong{color:var(--color-border)}.header-search{border:1px solid var(--color-border);background:var(--color-input-bg);width:230px;height:39px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex}.header-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.header-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.header-search input::placeholder{color:var(--color-placeholder)}.header-icon-button,.header-menu-button{width:36px;height:36px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;place-items:center;position:relative}.header-icon-button{display:grid}.header-icon-button:hover,.header-menu-button:hover{background:var(--table-row-hover);color:var(--color-text)}.notification-dot{border:1px solid var(--color-header);background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.header-user{align-items:center;gap:10px;display:flex}.header-avatar{background:var(--color-text);width:36px;height:36px;color:var(--color-card);border-radius:50%;flex:0 0 36px;place-items:center;font-size:13px;font-weight:750;display:grid}[data-theme=dark] .header-avatar{background:var(--color-primary);color:#fff}.header-user-details{flex-direction:column;gap:2px;display:flex}.header-user-details strong{color:var(--color-text);font-size:13px}.header-user-details span{color:var(--color-text-light);font-size:11px}.header-logout-button{min-height:34px;color:var(--color-primary);cursor:pointer;font:inherit;transition:var(--transition);background:0 0;border:none;border-radius:7px;margin-left:5px;padding:0 10px;font-size:12px;font-weight:700}.header-logout-button:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-card);transition:var(--transition);border-radius:9px;align-items:center;gap:4px;padding:4px;display:inline-flex}.overview-page{width:100%}.overview-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.overview-heading h1{color:var(--color-text);margin:0 0 7px;font-size:27px;font-weight:800}.overview-heading p{color:var(--color-text-light);margin:0;font-size:13px}.primary-action-button{background:var(--color-primary);color:#fff;cursor:pointer;min-height:42px;font:inherit;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.primary-action-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.dashboard-stats-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:15px;margin-bottom:18px;display:grid}.dashboard-stat-card,.dashboard-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-sm);transition:var(--transition)}.dashboard-stat-card:hover,.dashboard-card:hover{border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-border))}.dashboard-stat-card{align-items:center;gap:13px;min-width:0;padding:17px;display:flex}.stat-icon{border-radius:8px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid}.stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.stat-icon.purple{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.stat-icon.red{background:color-mix(in srgb, var(--color-danger) 13%, var(--color-card));color:var(--color-danger)}.dashboard-stat-card div:last-child{flex-direction:column;min-width:0;display:flex}.dashboard-stat-card span{color:var(--color-text-light);font-size:11px}.dashboard-stat-card strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:21px;overflow:hidden}.dashboard-stat-card small{color:var(--color-success);font-size:10px}.dashboard-middle-grid{grid-template-columns:1.5fr .85fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dashboard-card{min-width:0;padding:18px}.card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.card-heading h2{color:var(--color-text);margin:0;font-size:14px;font-weight:700}.card-heading button{color:var(--color-text-light);cursor:pointer;font:inherit;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:5px 8px;font-size:11px}.card-heading button:hover{background:var(--table-row-hover);color:var(--color-text)}.progress-chart-placeholder{height:230px;position:relative;overflow:hidden}.progress-chart-placeholder svg{z-index:2;width:100%;height:100%;position:relative}.chart-grid-line{background:var(--color-border);width:100%;height:1px;position:absolute;left:0}.line-one{top:25%}.line-two{top:50%}.line-three{top:75%}.chart-legend{color:var(--color-text-light);flex-wrap:wrap;justify-content:center;gap:25px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:3px;width:17px;height:3px}.legend-planned{background:#9aaeff}.legend-actual{background:#586de8}.task-donut{background:conic-gradient(var(--color-success) 0 25%, var(--color-warning) 25% 42%, var(--color-info) 42% 77%, var(--color-danger) 77% 100%);border-radius:50%;place-items:center;width:165px;height:165px;margin:8px auto 18px;display:grid;position:relative}.task-donut:before{content:"";background:var(--color-card);border-radius:50%;width:105px;height:105px;position:absolute}.task-donut-center{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.task-donut-center strong{color:var(--color-text);font-size:24px}.task-donut-center span{color:var(--color-text-light);font-size:9px}.task-status-list{color:var(--color-text-light);grid-template-columns:1fr 1fr;gap:7px;font-size:10px;display:grid}.upcoming-task-list,.activity-list{margin:0;padding:0;list-style:none}.upcoming-task-list li{border-bottom:1px solid var(--color-border);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.upcoming-task-list li:last-child,.activity-list li:last-child{border-bottom:none}.task-avatar,.activity-icon{background:var(--table-row-hover);width:31px;height:31px;color:var(--color-text-light);border-radius:50%;flex:0 0 31px;place-items:center;font-size:11px;font-weight:750;display:grid}.upcoming-task-list div,.activity-list div{flex-direction:column;gap:3px;min-width:0;display:flex}.upcoming-task-list strong,.activity-list strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.upcoming-task-list span,.activity-list span,.upcoming-task-list time{color:var(--color-text-light);font-size:9px}.dashboard-bottom-grid{grid-template-columns:1.65fr .7fr;gap:16px;display:grid}.table-wrapper{overflow-x:auto}.projects-table{border-collapse:collapse;width:100%;min-width:700px;color:var(--color-text);font-size:11px}.projects-table th,.projects-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 8px}.projects-table th{background:var(--table-header);color:var(--color-text-light);font-weight:600}.projects-table tbody tr{transition:var(--transition)}.projects-table tbody tr:hover{background:var(--table-row-hover)}.projects-table tbody tr:last-child td{border-bottom:none}.table-progress{align-items:center;gap:7px;display:flex}.table-progress>span{background:var(--color-page);border-radius:10px;width:70px;height:5px;overflow:hidden}.table-progress i{border-radius:inherit;background:var(--color-info);height:100%;display:block}.table-progress small{color:var(--color-text-light)}.project-status{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info);border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.activity-list li{border-bottom:1px solid var(--color-border);gap:11px;padding:11px 0;display:flex}.dashboard-right-panel{width:var(--dashboard-right-panel-width);min-height:calc(100vh - var(--dashboard-header-height));border-left:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);transition:var(--transition);padding:24px 20px 24px 10px}.right-panel-section{margin-bottom:32px}.right-panel-section:last-child{margin-bottom:0}.right-panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.right-panel-title h3{color:var(--color-text);margin:0;font-size:13px;font-weight:700}.right-panel-title button{width:28px;height:28px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:7px;place-items:center;padding:0;display:grid}.right-panel-title button:hover{background:var(--table-row-hover);color:var(--color-text)}.right-panel-list{flex-direction:column;gap:17px;display:flex}.right-notification-item,.right-activity-item,.right-contact-item{align-items:flex-start;gap:11px;display:flex}.right-notification-icon{background:var(--table-row-hover);width:28px;height:28px;color:var(--color-text-light);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.right-notification-item>div,.right-activity-item>div{flex-direction:column;gap:3px;min-width:0;display:flex}.right-notification-item strong,.right-activity-item strong{color:var(--color-text);font-size:11px;font-weight:600;line-height:1.35}.right-notification-item small,.right-activity-item small{color:var(--color-text-light);font-size:9px}.right-activity-item img{border:1px solid var(--color-border);object-fit:cover;border-radius:50%;flex:0 0 28px;width:28px;height:28px}.right-contact-item{align-items:center}.right-contact-avatar{flex:0 0 30px;width:30px;height:30px;position:relative}.right-contact-avatar img{border:1px solid var(--color-border);object-fit:cover;border-radius:50%;width:100%;height:100%}.right-contact-online{border:2px solid var(--color-card);background:var(--color-success);border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:-1px}.right-contact-item strong{color:var(--color-text);font-size:11px;font-weight:500}.app-loading,.not-found-page{background:var(--color-page);min-height:100vh;color:var(--color-text);place-items:center;display:grid}.not-found-page{text-align:center;align-content:center}.not-found-page h1{color:var(--color-primary);margin:0;font-size:80px}.not-found-page p{color:var(--color-text-light);margin:10px 0 0}@media (width<=1280px){:root{--dashboard-right-panel-width:260px}.dashboard-stats-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.dashboard-middle-grid{grid-template-columns:1fr 1fr}.upcoming-card{grid-column:1/-1}.dashboard-right-panel{padding:22px 16px}}@media (width<=1100px){.dashboard-body{grid-template-columns:1fr}.dashboard-right-panel{display:none}.header-search{width:190px}}@media (width<=900px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-main{width:100%;margin-left:0}.header-menu-button{display:grid}.sidebar-mobile-open .dashboard-sidebar{transform:translate(0)}.sidebar-mobile-open .dashboard-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:block;position:fixed;inset:0}.header-user-details,.header-logout-button{display:none}.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-header{padding:0 18px}}@media (width<=700px){.dashboard-header{padding:0 14px}.dashboard-header-right{gap:6px}.dashboard-breadcrumb,.header-search{display:none}.theme-toggle{gap:2px}.theme-toggle-button{width:28px;height:28px}.dashboard-content{padding:18px}.overview-heading{flex-direction:column;align-items:flex-start;gap:16px}.primary-action-button{width:100%}.dashboard-stats-grid,.dashboard-middle-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.upcoming-card{grid-column:auto}.task-status-list{grid-template-columns:1fr}}@media (width<=480px){:root{--dashboard-sidebar-width:260px}.dashboard-content{padding:14px}.dashboard-card,.dashboard-stat-card{padding:15px}.overview-heading h1{font-size:23px}.dashboard-header{height:62px}.header-avatar{flex-basis:32px;width:32px;height:32px}}.sidebar-company-logo-image{border:1px solid var(--color-border);object-fit:contain;background:var(--color-card);border-radius:9px;flex:0 0 36px;width:36px;height:36px}.sidebar-company-selector{text-decoration:none}.notification-bell{border:1px solid var(--color-border);background:var(--color-card);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell:hover{background:var(--table-row-hover)}.notification-bell>span{border:2px solid var(--color-card);background:var(--color-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-5px}.notification-panel-backdrop{z-index:9997;background:#0f172a52;position:fixed;inset:0}.notification-panel{z-index:9998;border-left:1px solid var(--color-border);background:var(--color-modal);flex-direction:column;width:min(430px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000029}.notification-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px;display:flex}.notification-panel-header>div{align-items:flex-start;gap:10px;display:flex}.notification-panel-header h2{margin:0 0 3px;font-size:19px}.notification-panel-header p{color:var(--color-text-light);margin:0;font-size:12px}.notification-close{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.notification-close:hover{background:var(--table-row-hover)}.notification-panel-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:11px 14px;display:flex}.notification-panel-toolbar button{border:1px solid var(--color-border);background:var(--color-card);min-height:34px;color:var(--color-text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.notification-panel-toolbar button.danger{color:var(--color-danger)}.notification-panel-toolbar button:disabled{cursor:not-allowed;opacity:.5}.notification-panel-body{flex:1;overflow-y:auto}.notification-item{border-bottom:1px solid var(--color-border);display:flex;position:relative}.notification-item.unread{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-card))}.notification-item.read{background:var(--color-card)}.notification-main{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:10px 1fr;gap:8px;padding:14px 42px 14px 14px;display:grid}.notification-main:hover{background:var(--table-row-hover)}.notification-dot{background:var(--color-text-light);border-radius:50%;width:8px;height:8px;margin-top:5px}.notification-item.unread .notification-dot{background:var(--color-primary)}.notification-item.high .notification-dot{background:var(--color-warning)}.notification-item.urgent .notification-dot{background:var(--color-danger)}.notification-content{min-width:0}.notification-title-row{align-items:center;gap:7px;margin-bottom:4px;display:flex}.notification-title-row strong{font-size:13px}.notification-new-badge{background:var(--color-primary);color:#fff;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:700}.notification-content p{color:var(--color-text-light);margin:0;font-size:12px;line-height:1.5}.notification-content footer{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.notification-content footer span,.notification-content time{color:var(--color-text-light);font-size:9px}.notification-delete{width:28px;height:28px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:11px;right:10px}.notification-delete:hover{background:var(--table-row-hover)}.notification-empty{min-height:300px;color:var(--color-text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:30px;display:flex}.notification-empty h3{color:var(--color-text);margin:4px 0 0;font-size:16px}.notification-empty p{margin:0;font-size:12px}@media (width<=520px){.notification-panel{width:100%}}.notification-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:auto;align-items:flex-start;gap:10px;width:auto;min-width:0;padding:14px 8px 14px 16px;display:flex}.notification-main>.notification-dot{background:#ef233c;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.notification-item.read .notification-main>.notification-dot{background:#cbd5e1}.notification-item.high .notification-main>.notification-dot{background:#f59e0b}.notification-item.urgent .notification-main>.notification-dot{background:#dc2626}:root{--login-red:#f21f2b;--login-dark:#111318;--login-input:#242a31;--login-text:#fff;--login-muted:#7d848d;--login-error:#ff6868}html,body,#root{width:100%;min-height:100%;margin:0}body{overflow-x:hidden}.login-page{background:var(--login-dark);width:100%;min-height:100vh;color:var(--login-text);grid-template-columns:57.5% 42.5%;display:grid}.login-brand-panel{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:18px}.login-brand-border{border:5px solid #fff;border-radius:8px;width:100%;height:calc(100vh - 36px);position:relative}.login-brand-name{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:42px;left:28px}.login-brand-name span{color:#fff;letter-spacing:-1px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,4.3vw,72px);font-weight:700;line-height:1.05}.login-form-panel{background:var(--login-dark);justify-content:center;align-items:center;min-height:100vh;padding:50px 70px;display:flex}.login-form-container{width:100%;max-width:520px}.login-form-container h1{text-align:center;color:#fff;margin:0 0 45px;font-family:Arial,Helvetica,sans-serif;font-size:45px;font-weight:700;line-height:1}.login-form-container form{width:100%}.login-field{width:100%;margin-bottom:27px}.login-field label{color:#fff;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;display:block}.login-field input{background:var(--login-input);color:#fff;border:1px solid #0000;border-radius:4px;outline:none;width:100%;height:65px;padding:0 17px;font-family:Arial,Helvetica,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--login-muted)}.login-field input:focus{border-color:var(--login-red);box-shadow:0 0 0 3px #f21f2b1f}.login-field input.input-error{border-color:var(--login-error)}.field-error{color:var(--login-error);margin-top:7px;font-family:Arial,Helvetica,sans-serif;font-size:12px;display:block}.remember-option{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:fit-content;margin:6px auto 47px;font-family:Arial,Helvetica,sans-serif;font-size:13px;display:flex}.remember-option input{width:22px;height:22px;accent-color:var(--login-red);cursor:pointer;margin:0}.login-api-error{color:#ff9696;background:#ff686814;border:1px solid #ff686880;border-radius:4px;margin:-25px 0 22px;padding:11px 14px;font-family:Arial,Helvetica,sans-serif;font-size:13px}.login-button{background:var(--login-red);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;height:54px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s}.login-button:hover:not(:disabled){background:#da1621}.login-button:disabled{opacity:.65;cursor:not-allowed}@media (width<=1000px){.login-page{grid-template-columns:52% 48%}.login-form-panel{padding:40px}.login-brand-name span{font-size:48px}}@media (width<=760px){.login-page{display:block}.login-brand-panel{min-height:310px;padding:13px}.login-brand-border{border-width:3px;height:284px}.login-brand-name{bottom:24px;left:20px}.login-brand-name span{font-size:40px}.login-form-panel{min-height:auto;padding:55px 25px 70px}.login-form-container{max-width:500px}.login-form-container h1{margin-bottom:35px;font-size:39px}.login-field input{height:58px}.remember-option{margin-bottom:35px}}.platform-login-link{text-align:center;color:var(--color-primary);margin-top:18px;font-size:13px;font-weight:700;display:block}.branches-page{width:100%;color:var(--color-text)}.branches-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.branches-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.branches-heading p{color:var(--color-text-light);margin:0;font-size:13px}.branches-primary-button{background:var(--color-primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.branches-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.branches-primary-button:active:not(:disabled){transform:translateY(0)}.branches-primary-button:disabled{opacity:.6;cursor:not-allowed}.branches-stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.branches-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:14px;padding:20px;display:flex}.branches-stat-card:hover{border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-border));transform:translateY(-1px)}.branches-stat-icon{border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.branches-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.branches-stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.branches-stat-icon.gray{background:var(--table-row-hover);color:var(--color-text-light)}.branches-stat-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.branches-stat-card span{color:var(--color-text-light);font-size:12px}.branches-stat-card strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:26px;overflow:hidden}.branches-stat-card small{color:var(--color-text-light);font-size:10px}.branches-table-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.branches-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:15px 18px;display:flex}.branches-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,420px);min-height:42px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.branches-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.branches-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.branches-search input::placeholder{color:var(--color-placeholder)}.branches-count{color:var(--color-text-light);font-size:12px}.branches-table-wrapper{overflow-x:auto}.branches-table{border-collapse:collapse;width:100%;min-width:1050px;color:var(--color-text)}.branches-table th,.branches-table td{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:15px 17px;font-size:12px}.branches-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.branches-table tbody tr{transition:var(--transition)}.branches-table tbody tr:hover{background:var(--table-row-hover)}.branches-table tbody tr:last-child td{border-bottom:none}.branch-name-cell{align-items:center;gap:11px;display:flex}.branch-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:9px;flex:0 0 36px;place-items:center;font-weight:800;display:grid}.branch-name-cell>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.branch-name-cell strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.branch-name-cell span{color:var(--color-text-light);font-size:10px}.branch-code{background:var(--table-row-hover);color:var(--color-text-light);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.branch-status{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.branch-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.branch-status.inactive{background:var(--table-row-hover);color:var(--color-text-light)}.branch-actions{align-items:center;gap:7px;display:flex}.branch-action-button{border:1px solid var(--color-border);background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;place-items:center;display:grid}.branch-action-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-border));background:var(--table-row-hover);color:var(--color-text)}.branch-action-button.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 36%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--color-card));color:var(--color-danger)}.branch-action-button:disabled{opacity:.55;cursor:not-allowed}.branches-state,.branches-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.branches-state.error{color:var(--color-danger)}.branches-empty-state{text-align:center;flex-direction:column;padding:35px}.branches-empty-icon{background:var(--table-row-hover);width:58px;height:58px;color:var(--color-text-light);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.branches-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.branches-empty-state p{color:var(--color-text-light);margin:0;font-size:12px}.branch-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0f9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.branch-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,680px);max-height:calc(100vh - 48px);color:var(--color-text);box-shadow:var(--shadow-lg);transition:var(--transition);border-radius:14px;overflow-y:auto}.branch-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 25px;display:flex}.branch-modal-header h2{color:var(--color-text);margin:0 0 6px;font-size:21px;font-weight:800}.branch-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.branch-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.branch-modal-close:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.branch-modal-close:disabled{opacity:.55;cursor:not-allowed}.branch-form{padding:24px 25px 25px}.branch-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.branch-form-field{margin-bottom:18px}.branch-form-field label{color:var(--color-text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.branch-form-field label span{color:var(--color-primary);margin-left:3px}.branch-form-field input,.branch-form-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;transition:var(--transition);border-radius:8px;outline:none;font-size:13px}.branch-form-field input{height:45px;padding:0 13px}.branch-form-field textarea{resize:vertical;min-height:92px;padding:12px 13px}.branch-form-field input::placeholder,.branch-form-field textarea::placeholder{color:var(--color-placeholder)}.branch-form-field input:focus,.branch-form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.branch-form-field input.has-error,.branch-form-field textarea.has-error{border-color:var(--color-danger)}.branch-form-error{color:var(--color-danger);margin-top:6px;font-size:10px;display:block}.branch-active-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:var(--transition);border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.branch-active-toggle:hover{background:var(--table-row-hover)}.branch-active-toggle input{opacity:0;pointer-events:none;position:absolute}.branch-toggle-control{background:var(--color-border);width:42px;height:24px;transition:var(--transition);border-radius:999px;flex:0 0 42px;position:relative}.branch-toggle-control:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #191b2138}.branch-active-toggle input:checked+.branch-toggle-control{background:var(--color-success)}.branch-active-toggle input:checked+.branch-toggle-control:after{transform:translate(18px)}.branch-active-toggle>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.branch-active-toggle strong{color:var(--color-text);font-size:12px}.branch-active-toggle small{color:var(--color-text-light);font-size:10px}.branch-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:19px;display:flex}.branch-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);font:inherit;cursor:pointer;transition:var(--transition);border-radius:8px;padding:0 17px;font-size:13px;font-weight:700}.branch-secondary-button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.branch-secondary-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .branch-modal-backdrop{background:#000000b8}[data-theme=dark] .branch-toggle-control:after{box-shadow:0 2px 8px #0000006b}[data-theme=dark] .branches-table-card,[data-theme=dark] .branches-stat-card,[data-theme=dark] .branch-modal{box-shadow:0 0 0 1px #ffffff06}@media (width<=1000px){.branches-stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.branches-stat-card:last-child{grid-column:1/-1}}@media (width<=850px){.branches-heading{flex-direction:column;align-items:flex-start}.branches-primary-button{width:100%}.branches-toolbar{flex-direction:column;align-items:flex-start}.branches-search{width:100%}.branches-stats-grid{grid-template-columns:1fr}.branches-stat-card:last-child{grid-column:auto}}@media (width<=650px){.branch-modal-backdrop{padding:12px}.branch-modal{max-height:calc(100vh - 24px)}.branch-form-grid{grid-template-columns:1fr;gap:0}.branch-modal-header,.branch-form{padding-left:18px;padding-right:18px}.branch-modal-footer{flex-direction:column-reverse;align-items:stretch}.branch-modal-footer button{width:100%}}@media (width<=480px){.branches-heading h1{font-size:23px}.branches-stat-card{padding:16px}.branches-toolbar{padding:14px}.branch-modal-header,.branch-form{padding-top:18px;padding-bottom:18px}}.erp-page{box-sizing:border-box;width:100%;min-width:0;color:var(--color-text);padding:28px}.erp-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.erp-page-heading h1{color:var(--color-text);margin:0 0 7px;font-size:27px;font-weight:800}.erp-page-heading p{max-width:760px;color:var(--color-text-light);margin:0;font-size:13px;line-height:1.5}.erp-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.erp-btn{min-height:40px;font:inherit;cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-flex}.erp-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.erp-btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.erp-btn.secondary{background:var(--color-card);color:var(--color-text);border-color:var(--color-border)}.erp-btn.secondary:hover:not(:disabled){background:var(--table-row-hover)}.erp-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.erp-tabs{gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow:auto hidden}.erp-tabs button{border:1px solid var(--color-border);background:var(--color-card);min-height:38px;color:var(--color-text-light);font:inherit;white-space:nowrap;cursor:pointer;transition:var(--transition);border-radius:9px;flex:none;padding:8px 14px;font-size:12px;font-weight:650}.erp-tabs button:hover:not(.active){background:var(--table-row-hover);color:var(--color-text)}.erp-tabs button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.erp-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.erp-summary-grid article{border:1px solid var(--color-border);background:var(--color-card);min-width:0;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:13px;padding:16px}.erp-summary-grid article:hover{background:var(--table-row-hover);transform:translateY(-1px)}.erp-summary-grid span{color:var(--color-text-light);text-transform:capitalize;margin-bottom:7px;font-size:12px;display:block}.erp-summary-grid strong{color:var(--color-text);font-size:24px;font-weight:800;display:block}.erp-card{border:1px solid var(--color-border);background:var(--color-card);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.erp-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);min-height:60px;color:var(--color-text-light);justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:13px;display:flex}.erp-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:min(360px,70vw);min-height:40px;color:var(--color-text-light);transition:var(--transition);border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.erp-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.erp-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;padding:10px 0;font-size:12px}.erp-search input::placeholder{color:var(--color-placeholder)}.erp-table-wrap{background:var(--color-card);width:100%;overflow-x:auto}.erp-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:850px}.erp-table th,.erp-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;vertical-align:middle;padding:13px 14px;font-size:13px}.erp-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750}.erp-table td{background:var(--color-card)}.erp-table tbody tr{transition:var(--transition)}.erp-table tbody tr:hover,.erp-table tbody tr:hover td{background:var(--table-row-hover)}.erp-table tr:last-child td{border-bottom:0}.erp-table-message{color:var(--color-text-light)!important;text-align:center!important;padding:32px!important}.erp-actions{align-items:center;gap:6px;display:flex}.erp-actions button,.erp-actions select{border:1px solid var(--color-border);background:var(--color-card);min-height:32px;color:var(--color-text);font:inherit;cursor:pointer;transition:var(--transition);border-radius:8px;outline:0;padding:6px 8px;font-size:11px}.erp-actions button:hover,.erp-actions select:hover{background:var(--table-row-hover)}.erp-actions button:focus,.erp-actions select:focus{border-color:var(--color-primary)}.erp-actions .danger{color:var(--color-danger)}.erp-actions .danger:hover{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card))}.erp-status{background:var(--table-row-hover);color:var(--color-text-light);text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.erp-status.active,.erp-status.approved,.erp-status.completed,.erp-status.paid,.erp-status.posted,.erp-status.delivered{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.erp-status.pending,.erp-status.draft,.erp-status.submitted,.erp-status.in_progress{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.erp-status.rejected,.erp-status.cancelled,.erp-status.overdue,.erp-status.bounced{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.erp-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.erp-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(960px,96vw);max-height:92vh;color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden auto}.erp-modal-header{z-index:5;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex;position:sticky;top:0}.erp-modal-header h2{color:var(--color-text);margin:0 0 4px;font-size:20px}.erp-modal-header p{color:var(--color-text-light);margin:0;font-size:13px}.erp-modal-header button{border:1px solid var(--color-border);background:var(--color-card);width:35px;height:35px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;flex:0 0 35px;place-items:center;padding:0;display:grid}.erp-modal-header button:hover{background:var(--table-row-hover);color:var(--color-text)}.erp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px;display:grid}.erp-field{min-width:0;color:var(--color-text);flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.erp-field-wide{grid-column:1/-1}.erp-field input,.erp-field select,.erp-field textarea{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;transition:var(--transition);border-radius:9px;outline:none;font-weight:400}.erp-field input,.erp-field select{min-height:42px;padding:0 11px}.erp-field textarea{resize:vertical;min-height:95px;padding:10px 11px}.erp-field input::placeholder,.erp-field textarea::placeholder{color:var(--color-placeholder)}.erp-field input:focus,.erp-field select:focus,.erp-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.erp-checkbox{color:var(--color-text);cursor:pointer;align-items:center;gap:9px;padding:10px 0;display:flex}.erp-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.erp-modal-footer{z-index:5;border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.erp-empty{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);text-align:center;border-radius:14px;padding:50px}.erp-table-wrap::-webkit-scrollbar{width:6px;height:6px}.erp-modal::-webkit-scrollbar{width:6px;height:6px}.erp-tabs::-webkit-scrollbar{width:6px;height:6px}.erp-field textarea::-webkit-scrollbar{width:6px;height:6px}.erp-table-wrap::-webkit-scrollbar-track{background:0 0}.erp-modal::-webkit-scrollbar-track{background:0 0}.erp-tabs::-webkit-scrollbar-track{background:0 0}.erp-field textarea::-webkit-scrollbar-track{background:0 0}.erp-table-wrap::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.erp-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.erp-tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.erp-field textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.erp-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.erp-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.erp-tabs::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.erp-field textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .erp-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text)}html.dark .erp-card,html.dark .erp-summary-grid article,html.dark .erp-empty{background:var(--color-card);border-color:var(--color-border);box-shadow:none}html.dark .erp-tabs button{background:var(--color-card);border-color:var(--color-border);color:var(--color-text-light)}html.dark .erp-tabs button:hover:not(.active){background:var(--table-row-hover);color:var(--color-text)}html.dark .erp-tabs button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}html.dark .erp-toolbar{background:var(--color-card);border-color:var(--color-border)}html.dark .erp-search{background:var(--color-input-bg);border-color:var(--color-input-border)}html.dark .erp-search input{color:var(--color-text)}html.dark .erp-table,html.dark .erp-table-wrap{background:var(--color-card)}html.dark .erp-table th{background:var(--table-header);color:var(--color-text-light)}html.dark .erp-table td{background:var(--color-card);color:var(--color-text)}html.dark .erp-table tbody tr:hover,html.dark .erp-table tbody tr:hover td{background:var(--table-row-hover)}html.dark .erp-actions button,html.dark .erp-actions select{background:var(--color-card);border-color:var(--color-border);color:var(--color-text)}html.dark .erp-actions button:hover,html.dark .erp-actions select:hover{background:var(--table-row-hover)}html.dark .erp-actions select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .erp-actions select option{background:var(--color-card);color:var(--color-text)}html.dark .erp-modal-backdrop{background:#000000c2}html.dark .erp-modal,html.dark .erp-modal-header,html.dark .erp-modal-footer{background:var(--color-modal);border-color:var(--color-border)}html.dark .erp-modal{box-shadow:none}html.dark .erp-modal-header button{background:var(--color-card);border-color:var(--color-border);color:var(--color-text-light)}html.dark .erp-modal-header button:hover{background:var(--table-row-hover);color:var(--color-text)}html.dark .erp-field input,html.dark .erp-field select,html.dark .erp-field textarea{background:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-text)}html.dark .erp-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .erp-field select option{background:var(--color-card);color:var(--color-text)}html.dark .erp-field input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .erp-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .erp-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .erp-field textarea:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .erp-field select:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .erp-btn.secondary{background:var(--color-card);border-color:var(--color-border);color:var(--color-text)}html.dark .erp-btn.secondary:hover:not(:disabled){background:var(--table-row-hover)}@media (width<=760px){.erp-page{padding:18px}.erp-page-heading{flex-direction:column}.erp-heading-actions{width:100%}.erp-form-grid{grid-template-columns:1fr}.erp-field-wide{grid-column:auto}.erp-toolbar{flex-direction:column;align-items:stretch}.erp-search{width:100%;min-width:0}}@media (width<=520px){.erp-page{padding:14px}.erp-page-heading h1{font-size:23px}.erp-heading-actions{flex-direction:column}.erp-heading-actions .erp-btn{width:100%}.erp-modal-backdrop{padding:10px}.erp-modal{width:100%;max-height:calc(100vh - 20px)}.erp-form-grid{padding:17px}.erp-modal-header,.erp-modal-footer{padding-left:17px;padding-right:17px}.erp-modal-footer{flex-direction:column-reverse}.erp-modal-footer .erp-btn{width:100%}}.departments-page{width:100%}.departments-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.departments-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.departments-heading p{color:var(--color-text-light);margin:0;font-size:13px}.departments-primary-button{background:var(--color-primary);min-height:42px;color:var(--color-card);font:inherit;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.departments-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.departments-stats-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.departments-stat-card{border:1px solid var(--color-border);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.departments-stat-icon{border-radius:10px;place-items:center;width:45px;height:45px;display:grid}.departments-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.departments-stat-icon.green{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.departments-stat-icon.gray{background:var(--color-border);color:#757b86}.departments-stat-card>div:last-child{flex-direction:column;gap:3px;display:flex}.departments-stat-card span{color:var(--color-text-light);font-size:12px}.departments-stat-card strong{color:var(--color-text);font-size:26px}.departments-stat-card small{color:var(--color-text-light);font-size:10px}.departments-table-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:12px;overflow:hidden}.departments-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:15px 18px;display:flex}.departments-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,420px);min-height:42px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.departments-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.departments-count{color:var(--color-text-light);font-size:12px}.departments-table-wrapper{overflow-x:auto}.departments-table{border-collapse:collapse;width:100%;min-width:1050px}.departments-table th,.departments-table td{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:15px 17px;font-size:12px}.departments-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.departments-table tbody tr:hover{background:var(--table-row-hover)}.department-name-cell{align-items:center;gap:11px;display:flex}.department-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:9px;flex:0 0 36px;place-items:center;font-weight:800;display:grid}.department-name-cell>div:last-child{flex-direction:column;gap:4px;display:flex}.department-name-cell strong{color:var(--color-text);font-size:12px}.department-name-cell span{color:var(--color-text-light);font-size:10px}.department-code{background:var(--table-row-hover);color:var(--color-text-light);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.department-status{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.department-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.department-status.inactive{background:var(--color-border);color:var(--color-text-light)}.department-actions{align-items:center;gap:7px;display:flex}.department-action-button{background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;border:1px solid #e2e5eb;border-radius:7px;place-items:center;display:grid}.department-action-button:hover{border-color:var(--color-border);color:var(--color-text)}.department-action-button.danger:hover{border-color:color-mix(in srgb, var(--color-danger) 36%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--color-card));color:var(--color-danger)}.department-action-button:disabled{opacity:.55;cursor:not-allowed}.departments-state,.departments-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.departments-state.error{color:var(--color-danger)}.departments-empty-state{text-align:center;flex-direction:column;padding:35px}.departments-empty-icon{background:var(--table-row-hover);width:58px;height:58px;color:var(--color-text-light);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.departments-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.departments-empty-state p{color:var(--color-text-light);margin:0;font-size:12px}@media (width<=850px){.departments-stats-grid{grid-template-columns:1fr}.departments-heading,.departments-toolbar{flex-direction:column;align-items:flex-start}.departments-search{width:100%}}.department-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1214198c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.department-modal{border:1px solid var(--color-border);background:var(--color-card);border-radius:14px;width:min(100%,680px);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #14171e38}.department-modal-header{border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 25px;display:flex}.department-modal-header h2{color:var(--color-text);margin:0 0 6px;font-size:21px;font-weight:800}.department-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.department-modal-close{background:var(--color-card);color:#727884;cursor:pointer;border:1px solid #e3e5eb;border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.department-modal-close:hover{background:var(--table-row-hover);color:var(--color-text)}.department-form{padding:24px 25px 25px}.department-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.department-form-field{margin-bottom:18px}.department-form-field label{color:var(--color-text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.department-form-field label span{color:var(--color-primary);margin-left:3px}.department-form-field input,.department-form-field textarea,.department-form-field select{border:1px solid var(--color-input-border);background:var(--color-card);width:100%;color:var(--color-text);font:inherit;border-radius:8px;outline:none;font-size:13px;transition:border-color .16s,box-shadow .16s}.department-form-field input,.department-form-field select{height:45px;padding:0 13px}.department-form-field textarea{resize:vertical;min-height:92px;padding:12px 13px}.department-form-field input::placeholder,.department-form-field textarea::placeholder{color:var(--color-placeholder)}.department-form-field input:focus,.department-form-field textarea:focus,.department-form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e31d2a1a}.department-form-field input.has-error,.department-form-field textarea.has-error,.department-form-field select.has-error{border-color:var(--color-danger)}.department-form-error{color:var(--color-danger);margin-top:6px;font-size:10px;display:block}.department-active-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.department-active-toggle input{opacity:0;pointer-events:none;position:absolute}.department-toggle-control{background:var(--color-border);border-radius:999px;flex:0 0 42px;width:42px;height:24px;transition:background-color .16s;position:relative}.department-toggle-control:after{content:"";background:var(--color-card);border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #191b2138}.department-active-toggle input:checked+.department-toggle-control{background:var(--color-success)}.department-active-toggle input:checked+.department-toggle-control:after{transform:translate(18px)}.department-active-toggle>span:last-child{flex-direction:column;gap:3px;display:flex}.department-active-toggle strong{color:var(--color-text);font-size:12px}.department-active-toggle small{color:var(--color-text-light);font-size:10px}.department-modal-footer{border-top:1px solid #e8eaf0;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:19px;display:flex}.department-secondary-button{border:1px solid var(--color-input-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);font:inherit;cursor:pointer;border-radius:8px;padding:0 17px;font-size:13px;font-weight:700}.department-secondary-button:hover{background:var(--table-row-hover)}.department-secondary-button:disabled,.departments-primary-button:disabled{opacity:.6;cursor:not-allowed}.departments-branch-filter{border:1px solid var(--color-border);background:var(--color-input-bg);min-height:42px;color:var(--color-text);font:inherit;border-radius:8px;outline:none;padding:0 13px;font-size:12px}@media (width<=650px){.department-modal-backdrop{padding:12px}.department-form-grid{grid-template-columns:1fr;gap:0}.department-modal-header,.department-form{padding-left:18px;padding-right:18px}.department-modal-footer{flex-direction:column-reverse;align-items:stretch}.department-modal-footer button{width:100%}}[data-theme=dark] .department-modal-backdrop{background:#000000b8}[data-theme=dark] .departments-table-card,[data-theme=dark] .departments-stat-card,[data-theme=dark] .department-modal{box-shadow:0 0 0 1px #ffffff06}@media (width<=850px){.departments-branch-filter{width:100%}}.users-page{width:100%;color:var(--color-text)}.users-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.users-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.users-heading p{color:var(--color-text-light);margin:0;font-size:13px}.users-primary-button{background:var(--color-primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.users-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.users-primary-button:active:not(:disabled){transform:translateY(0)}.users-primary-button:disabled{opacity:.6;cursor:not-allowed}.users-stats-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:18px;display:grid}.users-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:14px;padding:20px;display:flex}.users-stat-card:hover{border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-border));transform:translateY(-1px)}.users-stat-icon{border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.users-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.users-stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.users-stat-icon.purple{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.users-stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.users-stat-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.users-stat-card span{color:var(--color-text-light);font-size:12px}.users-stat-card strong{color:var(--color-text);font-size:26px}.users-stat-card small{color:var(--color-text-light);font-size:10px}.users-table-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.users-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;display:flex}.users-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,360px);min-height:42px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.users-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.users-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.users-search input::placeholder{color:var(--color-placeholder)}.users-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:145px;min-height:42px;color:var(--color-text);font:inherit;cursor:pointer;transition:var(--transition);border-radius:8px;outline:none;padding:0 13px;font-size:12px}.users-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.users-results-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:flex-end;align-items:center;min-height:44px;padding:0 18px;display:flex}.users-results-bar span{color:var(--color-text-light);font-size:11px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:1350px;color:var(--color-text)}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:15px 17px;font-size:12px}.users-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750}.users-table tbody tr{transition:var(--transition)}.users-table tbody tr:hover{background:var(--table-row-hover)}.users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{align-items:center;gap:11px;display:flex}.user-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:40px;height:40px;color:var(--color-primary);border-radius:50%;flex:0 0 40px;place-items:center;font-weight:800;display:grid}.user-name-cell>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.user-name-cell strong{color:var(--color-text);font-size:12px}.user-name-cell span{max-width:240px;color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.user-name-cell small{color:var(--color-text-light);font-size:9px}.user-employee-id{background:var(--table-row-hover);color:var(--color-text-light);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.user-role-list{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.user-role-badge{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info);border-radius:999px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.user-role-more{background:var(--table-row-hover);min-width:27px;height:24px;color:var(--color-text-light);border-radius:999px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.user-status{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.user-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.user-status.inactive{background:var(--table-row-hover);color:var(--color-text-light)}.user-status.suspended{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.user-presence{color:var(--color-text-light);align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.user-presence i{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.user-presence.online i{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 12%, transparent)}.user-presence.offline i{background:var(--color-text-light)}.user-actions{align-items:center;gap:7px;display:flex}.user-action-button{border:1px solid var(--color-border);background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;place-items:center;display:grid}.user-action-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-border));background:var(--table-row-hover);color:var(--color-text)}.user-action-button.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--color-card));color:var(--color-danger)}.user-action-button:disabled{opacity:.45;cursor:not-allowed}.users-state,.users-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.users-state.error{color:var(--color-danger)}.users-empty-state{text-align:center;flex-direction:column;padding:35px}.users-empty-icon{background:var(--table-row-hover);width:58px;height:58px;color:var(--color-text-light);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.users-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.users-empty-state p{color:var(--color-text-light);margin:0;font-size:12px}.user-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.user-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,900px);max-height:calc(100vh - 48px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.user-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 25px;display:flex}.user-modal-header h2{color:var(--color-text);margin:0 0 6px;font-size:21px;font-weight:800}.user-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.user-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;place-items:center;display:grid}.user-modal-close:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.user-form{padding:24px 25px 25px}.user-form-section{margin-bottom:26px}.user-form-section:last-of-type{margin-bottom:0}.user-form-section h3{color:var(--color-text);margin:0 0 6px;font-size:15px}.user-form-section p{color:var(--color-text-light);margin:0 0 17px;font-size:11px}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-form-field{margin-bottom:18px}.user-form-field label{color:var(--color-text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.user-form-field label span{color:var(--color-primary)}.user-form-field input,.user-form-field textarea,.user-form-field select{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;transition:var(--transition);border-radius:8px;outline:none;font-size:13px}.user-form-field input,.user-form-field select{height:45px;padding:0 13px}.user-form-field textarea{resize:vertical;min-height:90px;padding:12px 13px}.user-form-field input::placeholder,.user-form-field textarea::placeholder{color:var(--color-placeholder)}.user-form-field input:focus,.user-form-field textarea:focus,.user-form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.user-form-field input.has-error,.user-form-field textarea.has-error,.user-form-field select.has-error{border-color:var(--color-danger)}.user-form-error{color:var(--color-danger);margin-top:6px;font-size:10px;display:block}.user-role-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.user-role-option{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;min-height:54px;transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.user-role-option:hover{background:var(--table-row-hover)}.user-role-option.selected{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-card))}.user-role-option input{width:17px;height:17px;accent-color:var(--color-primary)}.user-role-option span{flex-direction:column;gap:2px;display:flex}.user-role-option strong{color:var(--color-text);font-size:11px}.user-role-option small{color:var(--color-text-light);font-size:9px}.user-active-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:9px;align-items:center;gap:12px;padding:14px;display:flex}.user-active-toggle input{opacity:0;pointer-events:none;position:absolute}.user-toggle-control{background:var(--color-border);width:42px;height:24px;transition:var(--transition);border-radius:999px;flex:0 0 42px;position:relative}.user-toggle-control:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #191b2138}.user-active-toggle input:checked+.user-toggle-control{background:var(--color-success)}.user-active-toggle input:checked+.user-toggle-control:after{transform:translate(18px)}.user-active-toggle>span:last-child{flex-direction:column;gap:3px;display:flex}.user-active-toggle strong{color:var(--color-text);font-size:12px}.user-active-toggle small{color:var(--color-text-light);font-size:10px}.user-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:19px;display:flex}.user-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);font:inherit;cursor:pointer;transition:var(--transition);border-radius:8px;padding:0 17px;font-size:13px;font-weight:700}.user-secondary-button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.user-secondary-button:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .user-modal-backdrop{background:#000000b8}[data-theme=dark] .users-table-card,[data-theme=dark] .users-stat-card,[data-theme=dark] .user-modal{box-shadow:0 0 0 1px #ffffff06}@media (width<=1200px){.users-stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=900px){.users-heading{flex-direction:column;align-items:flex-start}.users-primary-button{width:100%}.users-toolbar{flex-direction:column;align-items:stretch}.users-search,.users-filter{width:100%;max-width:none}.user-form-grid,.user-role-options{grid-template-columns:1fr}}@media (width<=650px){.users-stats-grid{grid-template-columns:1fr}.user-modal-backdrop{padding:12px}.user-modal{max-height:calc(100vh - 24px)}.user-modal-header,.user-form{padding-left:18px;padding-right:18px}.user-modal-footer{flex-direction:column-reverse;align-items:stretch}.user-modal-footer button{width:100%}}@media (width<=480px){.users-heading h1{font-size:23px}.users-stat-card{padding:16px}.users-toolbar{padding:14px}.user-modal-header,.user-form{padding-top:18px;padding-bottom:18px}}.reset-password-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,520px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:14px}.reset-password-title{align-items:flex-start;gap:12px;display:flex}.reset-password-icon{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:48px}.password-visibility-button{width:38px;height:38px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.password-visibility-button:hover{background:var(--table-row-hover);color:var(--color-text)}.roles-page{width:100%;color:var(--color-text)}.roles-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.roles-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.roles-heading p{color:var(--color-text-light);margin:0;font-size:13px}.roles-primary-button{background:var(--color-primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.roles-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.roles-primary-button:disabled{opacity:.6;cursor:not-allowed}.roles-stats-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:18px;display:grid}.roles-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:14px;padding:20px;display:flex}.roles-stat-card:hover{border-color:color-mix(in srgb, var(--color-primary) 18%, var(--color-border));transform:translateY(-1px)}.roles-stat-icon{border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.roles-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.roles-stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.roles-stat-icon.purple{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.roles-stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.roles-stat-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.roles-stat-card span{color:var(--color-text-light);font-size:12px}.roles-stat-card strong{color:var(--color-text);font-size:26px}.roles-stat-card small{color:var(--color-text-light);font-size:10px}.roles-table-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.roles-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);align-items:center;gap:16px;min-height:72px;padding:15px 18px;display:flex}.roles-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,420px);min-height:42px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.roles-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.roles-search input{width:100%;min-width:0;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;font-size:13px}.roles-search input::placeholder{color:var(--color-placeholder)}.roles-scope-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-height:42px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px;outline:none;padding:0 13px;font-size:12px}.roles-scope-filter:focus{border-color:var(--color-primary)}.roles-count{color:var(--color-text-light);margin-left:auto;font-size:12px}.roles-table-wrapper{overflow-x:auto}.roles-table{border-collapse:collapse;width:100%;min-width:950px}.roles-table th,.roles-table td{text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:15px 17px;font-size:12px}.roles-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:750}.roles-table tbody tr{transition:var(--transition)}.roles-table tbody tr:hover{background:var(--table-row-hover)}.roles-table tbody tr:last-child td{border-bottom:none}.role-name-cell{align-items:center;gap:11px;display:flex}.role-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:38px;height:38px;color:var(--color-primary);border-radius:10px;flex:0 0 38px;place-items:center;font-weight:800;display:grid}.role-name-cell>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.role-name-cell strong{color:var(--color-text);font-size:12px}.role-name-cell span{max-width:300px;color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.role-type,.role-scope,.role-permission-count{border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.role-type.system{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.role-type.custom{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info)}.role-scope{background:var(--table-row-hover);color:var(--color-text-light)}.role-permission-count{background:color-mix(in srgb, var(--color-success) 12%, var(--color-card));color:var(--color-success)}.role-actions{align-items:center;gap:7px;display:flex}.role-action-button{border:1px solid var(--color-border);background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;place-items:center;display:grid}.role-action-button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.role-action-button.danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--color-card));color:var(--color-danger)}.role-action-button:disabled{opacity:.4;cursor:not-allowed}.roles-state,.roles-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.roles-state.error{color:var(--color-danger)}.roles-empty-state{text-align:center;flex-direction:column;padding:35px}.roles-empty-icon{background:var(--table-row-hover);width:58px;height:58px;color:var(--color-text-light);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.roles-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.roles-empty-state p{color:var(--color-text-light);margin:0;font-size:12px}.role-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.role-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,960px);max-height:calc(100vh - 48px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.role-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 25px;display:flex}.role-modal-title-group{align-items:flex-start;gap:13px;display:flex}.role-modal-title-icon{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:42px;height:42px;color:var(--color-primary);border-radius:10px;flex:0 0 42px;place-items:center;display:grid}.role-modal-header h2{color:var(--color-text);margin:0 0 6px;font-size:21px;font-weight:800}.role-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.role-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;border-radius:8px;place-items:center;display:grid}.role-modal-close:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.role-system-alert{border:1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-card));color:var(--color-warning);border-radius:9px;align-items:flex-start;gap:11px;margin:20px 25px 0;padding:14px;display:flex}.role-system-alert div{flex-direction:column;gap:3px;display:flex}.role-system-alert strong{font-size:12px}.role-system-alert span{color:var(--color-text-light);font-size:10px}.role-form{padding:24px 25px 25px}.role-form-section{margin-bottom:28px}.role-form-section:last-of-type{margin-bottom:0}.role-form-section-heading,.role-permissions-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:17px;display:flex}.role-form-section h3,.role-permissions-header h3{color:var(--color-text);margin:0 0 5px;font-size:15px}.role-form-section p,.role-permissions-header p{color:var(--color-text-light);margin:0;font-size:11px}.role-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.role-form-field{margin-bottom:18px}.role-form-field label{color:var(--color-text);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.role-form-field label span{color:var(--color-primary)}.role-form-field input,.role-form-field textarea,.role-form-field select{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;transition:var(--transition);border-radius:8px;outline:none;font-size:13px}.role-form-field input,.role-form-field select{height:45px;padding:0 13px}.role-form-field textarea{resize:vertical;min-height:90px;padding:12px 13px}.role-form-field input:focus,.role-form-field textarea:focus,.role-form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 13%, transparent)}.role-form-field .has-error{border-color:var(--color-danger)}.role-form-error,.role-permission-error{color:var(--color-danger);margin-top:6px;font-size:10px;display:block}.role-field-help{color:var(--color-text-light);margin-top:6px;font-size:10px;display:block}.role-permission-summary{flex-direction:column;align-items:flex-end;min-width:100px;display:flex}.role-permission-summary strong{color:var(--color-primary);font-size:21px}.role-permission-summary span{color:var(--color-text-light);font-size:10px}.role-permission-progress{background:var(--table-row-hover);border-radius:999px;height:6px;margin-bottom:17px;overflow:hidden}.role-permission-progress span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .18s;display:block}.role-permission-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.role-permission-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,380px);height:42px;color:var(--color-text-light);border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex}.role-permission-search input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none}.role-select-all,.role-group-select,.role-permission-item{cursor:pointer;align-items:center;gap:9px;display:flex}.role-select-all input,.role-group-select input,.role-permission-item input{opacity:0;pointer-events:none;position:absolute}.role-checkbox-control{border:1px solid var(--color-input-border);background:var(--color-input-bg);color:#fff;border-radius:5px;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.role-select-all input:checked+.role-checkbox-control,.role-group-select input:checked+.role-checkbox-control,.role-permission-item input:checked+.role-checkbox-control{border-color:var(--color-primary);background:var(--color-primary)}.role-select-all{color:var(--color-text);font-size:11px;font-weight:700}.role-permission-groups{flex-direction:column;gap:12px;display:flex}.role-permission-group{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;overflow:hidden}.role-permission-group-header{background:var(--color-surface);justify-content:space-between;align-items:center;gap:15px;min-height:55px;padding:10px 14px;display:flex}.role-group-expand{color:var(--color-text);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.role-group-header-actions{align-items:center;gap:16px;display:flex}.role-group-count{background:var(--table-row-hover);min-width:45px;color:var(--color-text-light);text-align:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.role-group-select{color:var(--color-text-light);font-size:10px}.role-permission-items{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.role-permission-item{border:1px solid var(--color-border);background:var(--color-card);min-height:58px;transition:var(--transition);border-radius:8px;padding:10px 12px}.role-permission-item:hover{background:var(--table-row-hover)}.role-permission-item.selected{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-card))}.role-permission-label{flex-direction:column;gap:3px;min-width:0;display:flex}.role-permission-label strong{color:var(--color-text);font-size:11px}.role-permission-label small{color:var(--color-text-light);font-size:9px}.role-permission-empty{border:1px dashed var(--color-border);color:var(--color-text-light);text-align:center;border-radius:10px;padding:35px;font-size:12px}.disabled{opacity:.58;cursor:not-allowed}.role-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;padding-top:19px;display:flex}.role-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);font:inherit;cursor:pointer;border-radius:8px;padding:0 17px;font-size:13px;font-weight:700}.role-secondary-button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}@media (width<=1200px){.roles-stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=850px){.roles-heading{flex-direction:column;align-items:flex-start}.roles-primary-button{width:100%}.roles-toolbar,.role-permission-toolbar{flex-direction:column;align-items:stretch}.roles-search,.roles-scope-filter,.role-permission-search{width:100%}.roles-count{margin-left:0}.role-form-grid,.role-permission-items{grid-template-columns:1fr}}@media (width<=650px){.roles-stats-grid{grid-template-columns:1fr}.role-modal-backdrop{padding:12px}.role-modal{max-height:calc(100vh - 24px)}.role-modal-header,.role-form{padding-left:18px;padding-right:18px}.role-permission-group-header{flex-direction:column;align-items:flex-start}.role-group-header-actions{justify-content:space-between;width:100%}.role-modal-footer{flex-direction:column-reverse;align-items:stretch}.role-modal-footer button{width:100%}}.customers-page{width:100%;color:var(--color-text)}.customers-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.customers-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.customers-heading p{color:var(--color-text-light);margin:0;font-size:13px}.customer-primary-button{background:var(--color-primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;transition:var(--transition);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.customer-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.customer-primary-button:disabled{opacity:.6;cursor:not-allowed}.customers-stats-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:18px;display:grid}.customer-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:14px;padding:20px;display:flex}.customer-stat-card:hover{background:var(--table-row-hover);transform:translateY(-1px)}.customer-stat-icon{border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.customer-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.customer-stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.customer-stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.customer-stat-icon.purple{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.customer-stat-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.customer-stat-card span{color:var(--color-text-light);font-size:12px}.customer-stat-card strong{color:var(--color-text);font-size:26px}.customer-stat-card small{color:var(--color-text-light);font-size:10px}.customers-table-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.customers-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;display:flex}.customers-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,430px);min-height:42px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.customers-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.customers-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.customers-search input::placeholder{color:var(--color-placeholder)}.customers-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:150px;min-height:42px;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:0;padding:0 13px}.customers-filter:focus{border-color:var(--color-primary)}.customers-results-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:flex-end;align-items:center;min-height:44px;padding:0 18px;display:flex}.customers-results-bar span{color:var(--color-text-light);font-size:11px}.customers-table-wrapper{background:var(--color-card);overflow-x:auto}.customers-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:1150px}.customers-table th,.customers-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;vertical-align:middle;padding:15px 17px;font-size:12px}.customers-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750}.customers-table td{background:var(--color-card)}.customers-table tbody tr{transition:var(--transition)}.customers-table tbody tr:hover,.customers-table tbody tr:hover td{background:var(--table-row-hover)}.customers-table tbody tr:last-child td{border-bottom:0}.customer-name-cell{align-items:center;gap:11px;display:flex}.customer-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex:0 0 40px;place-items:center;font-weight:800;display:grid}.customer-name-cell>div:last-child{flex-direction:column;gap:3px;display:flex}.customer-name-cell strong{color:var(--color-text);font-size:12px}.customer-name-cell span,.customer-name-cell small{color:var(--color-text-light);font-size:10px}.customer-code{background:var(--table-row-hover);color:var(--color-text-light);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.customer-contact-cell{flex-direction:column;gap:6px;display:flex}.customer-contact-cell span{color:var(--color-text-light);align-items:center;gap:6px;font-size:10px;display:flex}.customer-primary-person{flex-direction:column;gap:3px;display:flex}.customer-primary-person strong{color:var(--color-text);font-size:11px}.customer-primary-person span{color:var(--color-text-light);font-size:9px}.customer-status{text-transform:capitalize;border-radius:999px;justify-content:center;min-width:68px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.customer-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.customer-status.inactive{background:var(--table-row-hover);color:var(--color-text-light)}.customer-actions{gap:7px;display:flex}.customer-action-button{border:1px solid var(--color-border);background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;place-items:center;display:grid}.customer-action-button:hover{background:var(--table-row-hover);color:var(--color-text)}.customer-action-button.danger:hover{color:var(--color-danger)}.customers-state,.customers-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.customers-state.error{color:var(--color-danger)}.customers-empty-state{text-align:center;flex-direction:column;padding:35px}.customers-empty-icon{background:var(--table-row-hover);width:58px;height:58px;color:var(--color-text-light);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.customers-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.customers-empty-state p{color:var(--color-text-light);margin:0;font-size:12px}.customer-modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.customer-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,900px);max-height:calc(100vh - 48px);color:var(--color-text);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.customer-modal-header{z-index:2;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;gap:20px;padding:22px 25px;display:flex;position:sticky;top:0}.customer-modal-header h2{color:var(--color-text);margin:0 0 6px;font-size:21px}.customer-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.customer-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;place-items:center;display:grid}.customer-modal-close:hover{background:var(--table-row-hover);color:var(--color-text)}.customer-form{padding:24px 25px 25px}.customer-form-section{margin-bottom:30px}.customer-section-heading{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.customer-section-heading>span{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.customer-section-heading h3{color:var(--color-text);margin:0 0 4px;font-size:15px}.customer-section-heading p{color:var(--color-text-light);margin:0;font-size:10px}.customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.customer-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-form-field{margin-bottom:17px}.customer-form-field label{color:var(--color-text);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.customer-form-field label span{color:var(--color-danger)}.customer-form-field input,.customer-form-field select,.customer-form-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;transition:var(--transition);border-radius:8px;outline:0;font-size:12px}.customer-form-field input,.customer-form-field select{height:44px;padding:0 12px}.customer-form-field textarea{resize:vertical;min-height:100px;padding:12px}.customer-form-field input::placeholder,.customer-form-field textarea::placeholder{color:var(--color-placeholder)}.customer-form-field input:focus,.customer-form-field select:focus,.customer-form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.customer-form-field .has-error{border-color:var(--color-danger)}.customer-form-error{color:var(--color-danger);margin-top:5px;font-size:10px;display:block}.customer-contact-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.customer-add-contact-button{border:1px solid var(--color-border);background:var(--color-card);min-height:36px;color:var(--color-text);cursor:pointer;transition:var(--transition);border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.customer-add-contact-button:hover{background:var(--table-row-hover)}.customer-no-contacts{border:1px dashed var(--color-border);background:var(--color-surface);color:var(--color-text-light);text-align:center;border-radius:9px;padding:20px;font-size:11px}.customer-contacts-list{flex-direction:column;gap:12px;display:flex}.customer-contact-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:16px}.customer-contact-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.customer-contact-card-header strong{color:var(--color-text);font-size:12px}.customer-contact-card-header button{width:30px;height:30px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.customer-contact-card-header button:hover{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card))}.customer-primary-contact{color:var(--color-text-light);cursor:pointer;align-items:center;gap:7px;font-size:10px;display:inline-flex}.customer-primary-contact input{accent-color:var(--color-primary)}.customer-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.customer-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;padding:0 17px;font-weight:700}.customer-secondary-button:hover{background:var(--table-row-hover);color:var(--color-text)}.customers-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.customer-modal::-webkit-scrollbar{width:6px;height:6px}.customer-form-field textarea::-webkit-scrollbar{width:6px;height:6px}.customers-table-wrapper::-webkit-scrollbar-track{background:0 0}.customer-modal::-webkit-scrollbar-track{background:0 0}.customer-form-field textarea::-webkit-scrollbar-track{background:0 0}.customers-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.customer-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.customer-form-field textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.customers-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.customer-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.customer-form-field textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .customers-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .customers-table,html.dark .customers-table-card,html.dark .customers-toolbar,html.dark .customers-table td{background:var(--color-card)}html.dark .customers-table th{background:var(--table-header);color:var(--color-text-light)}html.dark .customers-table tbody tr:hover,html.dark .customers-table tbody tr:hover td{background:var(--table-row-hover)}html.dark .customers-filter,html.dark .customer-form-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .customers-filter option,html.dark .customer-form-field select option{background:var(--color-card);color:var(--color-text)}html.dark .customers-search,html.dark .customer-form-field input,html.dark .customer-form-field select,html.dark .customer-form-field textarea{background:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-text)}html.dark .customer-form-field input:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .customer-form-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .customer-form-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .customer-form-field textarea:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .customer-form-field select:-webkit-autofill{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-input-bg) inset;caret-color:var(--color-text);transition:background-color 9999s ease-in-out}html.dark .customer-modal-backdrop{background:#000000c2}html.dark .customer-modal,html.dark .customer-modal-header{background:var(--color-modal);border-color:var(--color-border)}html.dark .customer-modal-close{background:var(--color-card);border-color:var(--color-border);color:var(--color-text-light)}html.dark .customer-contact-card,html.dark .customer-no-contacts{background:var(--color-surface);border-color:var(--color-border)}html.dark .customer-action-button,html.dark .customer-add-contact-button,html.dark .customer-secondary-button{background:var(--color-card);border-color:var(--color-border)}html.dark .customer-action-button:hover,html.dark .customer-add-contact-button:hover,html.dark .customer-secondary-button:hover{background:var(--table-row-hover)}html.dark .customer-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card))}html.dark .customer-status.inactive{background:var(--table-row-hover)}html.dark .customer-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 14%, var(--color-card))}html.dark .customer-stat-icon.green{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card))}html.dark .customer-stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 15%, var(--color-card))}html.dark .customer-stat-icon.purple{background:color-mix(in srgb, #8960d7 15%, var(--color-card))}html.dark .customer-avatar,html.dark .customer-section-heading>span{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-card))}html.dark .customers-results-bar{background:var(--color-surface);border-color:var(--color-border)}@media (width<=1100px){.customers-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=750px){.customers-heading,.customer-contact-header{flex-direction:column}.customer-primary-button{width:100%}.customer-form-grid,.customer-form-grid-3{grid-template-columns:1fr}.customers-toolbar{flex-direction:column;align-items:stretch}.customers-search,.customers-filter{width:100%;max-width:none}}@media (width<=550px){.customers-stats-grid{grid-template-columns:1fr}.customer-modal-backdrop{padding:10px}.customer-form,.customer-modal-header{padding-left:17px;padding-right:17px}.customer-modal-footer{flex-direction:column-reverse}.customer-modal-footer button{width:100%}}.projects-page{width:100%;color:var(--color-text)}.projects-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.projects-heading h1{color:var(--color-text);margin:0 0 7px;font-size:28px;font-weight:800}.projects-heading p{color:var(--color-text-light);margin:0;font-size:13px}.projects-primary-button,.project-primary-button{background:var(--color-primary);color:#fff;min-height:42px;font:inherit;cursor:pointer;transition:var(--transition);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.projects-primary-button:hover:not(:disabled),.project-primary-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.projects-primary-button:disabled,.project-primary-button:disabled{opacity:.6;cursor:not-allowed}.projects-stats-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:18px;display:grid}.projects-stat-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:14px;padding:20px;display:flex}.projects-stat-card:hover{transform:translateY(-1px)}.projects-stat-icon{border-radius:10px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.projects-stat-icon.blue{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.projects-stat-icon.green{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.projects-stat-icon.purple{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.projects-stat-icon.orange{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.projects-stat-card>div:last-child{flex-direction:column;gap:3px;display:flex}.projects-stat-card span{color:var(--color-text-light);font-size:12px}.projects-stat-card strong{color:var(--color-text);font-size:26px}.projects-stat-card small{color:var(--color-text-light);font-size:10px}.projects-table-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.projects-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;display:flex}.projects-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:min(100%,430px);min-height:42px;color:var(--color-text-light);border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.projects-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.projects-search:focus-within,.projects-filter:focus{border-color:var(--color-primary)}.projects-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:150px;min-height:42px;color:var(--color-text);border-radius:8px;outline:0;padding:0 13px}.projects-results-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:flex-end;align-items:center;min-height:44px;padding:0 18px;display:flex}.projects-results-bar span{color:var(--color-text-light);font-size:11px}.projects-table-wrapper{overflow-x:auto}.projects-management-table{border-collapse:collapse;width:100%;min-width:1450px}.projects-management-table th,.projects-management-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;vertical-align:middle;padding:15px 17px;font-size:12px}.projects-management-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750}.projects-management-table tbody tr{transition:var(--transition)}.projects-management-table tbody tr:hover{background:var(--table-row-hover)}.projects-management-table tbody tr:last-child td{border-bottom:0}.project-name-cell{align-items:center;gap:11px;display:flex}.project-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex:0 0 40px;place-items:center;font-weight:800;display:grid}.project-name-cell>div:last-child,.project-customer-cell,.project-date-cell{flex-direction:column;gap:3px;display:flex}.project-name-cell strong,.project-customer-cell strong{font-size:12px}.project-name-cell span,.project-name-cell small,.project-customer-cell span,.project-date-cell span{color:var(--color-text-light);font-size:10px}.project-manager-cell{color:var(--color-text-light);align-items:center;gap:7px;display:flex}.project-team-count{background:var(--table-row-hover);color:var(--color-text-light);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.project-status-badge,.project-priority-badge{border-radius:999px;justify-content:center;align-items:center;min-width:80px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.project-status-badge.draft{background:var(--table-row-hover);color:var(--color-text-light)}.project-status-badge.approved{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info)}.project-status-badge.in_progress{background:color-mix(in srgb, var(--color-warning) 13%, var(--color-card));color:var(--color-warning)}.project-status-badge.on_hold{background:color-mix(in srgb, #8960d7 12%, var(--color-card));color:#8960d7}.project-status-badge.completed{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.project-status-badge.cancelled{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.project-priority-badge.low{background:var(--table-row-hover);color:var(--color-text-light)}.project-priority-badge.medium{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info)}.project-priority-badge.high{background:color-mix(in srgb, var(--color-warning) 13%, var(--color-card));color:var(--color-warning)}.project-priority-badge.critical{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.project-progress-cell{min-width:120px}.project-progress-meta{justify-content:flex-end;margin-bottom:5px;display:flex}.project-progress-meta span{color:var(--color-text-light);font-size:10px;font-weight:700}.project-list-progress-bar{background:var(--table-row-hover);border-radius:999px;height:6px;overflow:hidden}.project-list-progress-bar span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.project-contract-value{white-space:nowrap;font-size:11px}.project-actions{gap:7px;display:flex}.project-action-button{border:1px solid var(--color-border);background:var(--color-card);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;border-radius:7px;place-items:center;display:grid}.project-action-button:hover{background:var(--table-row-hover);color:var(--color-text)}.project-action-button.danger:hover{color:var(--color-danger)}.projects-state,.projects-empty-state{min-height:280px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:13px;display:flex}.projects-state.error{color:var(--color-danger)}.projects-empty-state{text-align:center;flex-direction:column;padding:35px}.projects-empty-icon{background:var(--table-row-hover);border-radius:14px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid}.projects-empty-state h2{color:var(--color-text);margin:0 0 8px;font-size:17px}.projects-empty-state p{margin:0;font-size:12px}.project-modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,960px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.project-modal-header{z-index:3;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;gap:20px;padding:22px 25px;display:flex;position:sticky;top:0}.project-modal-header h2{margin:0 0 6px;font-size:21px}.project-modal-header p{color:var(--color-text-light);margin:0;font-size:12px}.project-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:36px;height:36px;color:var(--color-text-light);cursor:pointer;border-radius:8px;place-items:center;display:grid}.project-form{padding:24px 25px 25px}.project-form-section{margin-bottom:30px}.project-section-heading{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.project-section-heading>span{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.project-section-heading h3{margin:0 0 4px;font-size:15px}.project-section-heading p{color:var(--color-text-light);margin:0;font-size:10px}.project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-form-field{margin-bottom:17px}.project-form-field label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.project-form-field label span{color:var(--color-danger)}.project-form-field input,.project-form-field select,.project-form-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;border-radius:8px;outline:0;font-size:12px}.project-form-field input,.project-form-field select{height:44px;padding:0 12px}.project-form-field textarea{resize:vertical;min-height:100px;padding:12px}.project-form-field input:focus,.project-form-field select:focus,.project-form-field textarea:focus{border-color:var(--color-primary)}.project-form-field .has-error{border-color:var(--color-danger)}.project-form-error{color:var(--color-danger);margin-top:5px;font-size:10px;display:block}.project-user-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.project-user-option{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:60px;padding:10px 12px;display:flex}.project-user-option:hover{background:var(--table-row-hover)}.project-user-option.selected{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 6%, var(--color-card))}.project-user-option input{opacity:0;position:absolute}.project-user-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:34px;height:34px;color:var(--color-primary);border-radius:50%;flex:0 0 34px;place-items:center;font-size:11px;font-weight:800;display:grid}.project-user-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-user-details strong{font-size:11px}.project-user-details small{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.project-team-empty{border:1px dashed var(--color-border);color:var(--color-text-light);text-align:center;border-radius:9px;padding:20px;font-size:11px}.project-progress-preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;padding:14px}.project-progress-preview>div:first-child{justify-content:space-between;margin-bottom:9px;display:flex}.project-progress-preview span{color:var(--color-text-light);font-size:10px}.project-progress-preview strong{font-size:12px}.project-progress-bar{background:var(--table-row-hover);border-radius:999px;height:7px;overflow:hidden}.project-progress-bar span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.project-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.project-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:42px;color:var(--color-text-light);cursor:pointer;border-radius:8px;padding:0 17px;font-weight:700}.project-name-link{color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.project-name-link:hover{color:var(--color-primary);text-decoration:underline}@media (width<=1100px){.projects-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.projects-heading{flex-direction:column;align-items:flex-start}.projects-primary-button{width:100%}.projects-toolbar{flex-direction:column;align-items:stretch}.projects-search,.projects-filter{width:100%;max-width:none}.project-form-grid,.project-form-grid-3,.project-user-options{grid-template-columns:1fr}}@media (width<=550px){.projects-stats-grid{grid-template-columns:1fr}.project-modal-backdrop{padding:10px}.project-form,.project-modal-header{padding-left:17px;padding-right:17px}.project-modal-footer{flex-direction:column-reverse}.project-modal-footer button{width:100%}}.project-quotations{width:100%;color:var(--color-text)}.project-quotations-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.project-quotations-header h2{margin:0 0 6px;font-size:20px}.project-quotations-header p{color:var(--color-text-light);margin:0;font-size:11px}.quotation-primary-button{background:var(--color-primary);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;font-weight:700;display:inline-flex}.quotation-primary-button:hover:not(:disabled){background:var(--color-primary-hover)}.quotation-toolbar{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:12px 14px;display:flex}.quotation-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:170px;height:38px;color:var(--color-text);border-radius:7px;outline:0;padding:0 11px}.quotation-toolbar span{color:var(--color-text-light);font-size:10px}.quotation-table-wrapper{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;overflow-x:auto}.quotation-table{border-collapse:collapse;width:100%;min-width:1200px}.quotation-table th,.quotation-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;vertical-align:middle;padding:13px 14px;font-size:11px}.quotation-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:750}.quotation-table tbody tr:hover{background:var(--table-row-hover)}.quotation-table tbody tr:last-child td{border-bottom:0}.quotation-number-cell{flex-direction:column;gap:3px;display:flex}.quotation-number-cell strong{font-size:11px}.quotation-number-cell span{color:var(--color-text-light);font-size:9px}.quotation-item-count{background:var(--table-row-hover);color:var(--color-text-light);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.quotation-total{white-space:nowrap;font-size:11px}.quotation-status{border-radius:999px;justify-content:center;min-width:90px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.quotation-status.draft{background:var(--table-row-hover);color:var(--color-text-light)}.quotation-status.submitted{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info)}.quotation-status.approved{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.quotation-status.rejected{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.quotation-status.need_more_info{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.quotation-status.expired{background:var(--table-row-hover);color:var(--color-text-light)}.quotation-status.converted{background:color-mix(in srgb, #8960d7 13%, var(--color-card));color:#8960d7}.quotation-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quotation-action-button{border:1px solid var(--color-border);background:var(--color-card);width:31px;height:31px;color:var(--color-text-light);cursor:pointer;border-radius:7px;place-items:center;display:grid}.quotation-action-button:hover{background:var(--table-row-hover);color:var(--color-text)}.quotation-action-button.submit{color:var(--color-info)}.quotation-action-button.approve{color:var(--color-success)}.quotation-action-button.reject,.quotation-action-button.danger{color:var(--color-danger)}.quotation-action-button.info{color:var(--color-warning)}.quotation-generate-invoice-button{border:1px solid color-mix(in srgb, var(--color-success) 35%, var(--color-border));background:color-mix(in srgb, var(--color-success) 9%, var(--color-card));min-height:31px;color:var(--color-success);cursor:pointer;border-radius:7px;padding:0 10px;font-size:9px;font-weight:700}.quotation-state,.quotation-empty-state{min-height:220px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:12px;display:flex}.quotation-state.error{color:var(--color-danger)}.quotation-empty-state{border:1px dashed var(--color-border);background:var(--color-card);text-align:center;border-radius:10px;flex-direction:column;gap:8px}.quotation-empty-state h3{color:var(--color-text);margin:0;font-size:15px}.quotation-empty-state p{margin:0;font-size:10px}.quotation-modal-backdrop{z-index:180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.quotation-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,1050px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.quotation-modal-header{z-index:3;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;gap:20px;padding:21px 24px;display:flex;position:sticky;top:0}.quotation-modal-header h2{margin:0 0 5px;font-size:20px}.quotation-modal-header p{color:var(--color-text-light);margin:0;font-size:11px}.quotation-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:35px;height:35px;color:var(--color-text-light);cursor:pointer;border-radius:8px;place-items:center;display:grid}.quotation-form{padding:23px 24px 24px}.quotation-form-section{margin-bottom:28px}.quotation-section-heading{align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.quotation-section-heading>span{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.quotation-section-heading h3{margin:0 0 4px;font-size:14px}.quotation-section-heading p{color:var(--color-text-light);margin:0;font-size:10px}.quotation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.quotation-form-field{margin-bottom:16px}.quotation-form-field label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.quotation-form-field label span{color:var(--color-danger)}.quotation-form-field input,.quotation-form-field select,.quotation-form-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;border-radius:8px;outline:0;font-size:11px}.quotation-form-field input,.quotation-form-field select{height:42px;padding:0 11px}.quotation-form-field textarea{resize:vertical;min-height:95px;padding:11px}.quotation-form-field input:focus,.quotation-form-field select:focus,.quotation-form-field textarea:focus{border-color:var(--color-primary)}.quotation-form-field .has-error{border-color:var(--color-danger)}.quotation-form-error,.quotation-items-error{color:var(--color-danger);margin-top:5px;font-size:9px;display:block}.quotation-items-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.quotation-add-item-button{border:1px solid var(--color-border);background:var(--color-card);min-height:36px;color:var(--color-text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.quotation-items-list{flex-direction:column;gap:12px;display:flex}.quotation-item-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:15px}.quotation-item-card-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.quotation-item-card-header strong{font-size:11px}.quotation-item-card-header button{width:29px;height:29px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.quotation-item-card-header button:disabled{opacity:.35;cursor:not-allowed}.quotation-item-grid{grid-template-columns:.7fr 1fr .8fr 1fr .8fr;gap:10px;display:grid}.quotation-item-totals{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:10px;display:grid}.quotation-item-totals span{color:var(--color-text-light);font-size:9px}.quotation-item-totals strong{color:var(--color-text)}.quotation-summary{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;width:min(100%,420px);margin:18px 0 0 auto;padding:15px}.quotation-summary>div{color:var(--color-text-light);justify-content:space-between;align-items:center;gap:20px;padding:7px 0;font-size:10px;display:flex}.quotation-summary strong{color:var(--color-text)}.quotation-summary-total{border-top:1px solid var(--color-border);margin-top:5px;padding-top:12px!important}.quotation-summary-total span,.quotation-summary-total strong{font-size:13px;font-weight:800;color:var(--color-primary)!important}.quotation-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:19px;display:flex}.quotation-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text-light);cursor:pointer;border-radius:8px;padding:0 15px;font-weight:700}@media (width<=900px){.quotation-item-grid,.quotation-item-totals{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.project-quotations-header,.quotation-toolbar,.quotation-items-header{flex-direction:column;align-items:stretch}.quotation-primary-button,.quotation-toolbar select{width:100%}.quotation-form-grid,.quotation-item-grid{grid-template-columns:1fr}}@media (width<=500px){.quotation-modal-backdrop{padding:10px}.quotation-form,.quotation-modal-header{padding-left:16px;padding-right:16px}.quotation-item-totals{grid-template-columns:1fr}.quotation-modal-footer{flex-direction:column-reverse}.quotation-modal-footer button{width:100%}}.project-sales-invoices{width:100%;color:var(--color-text)}.sales-invoices-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.sales-invoices-header h2{margin:0 0 6px;font-size:20px}.sales-invoices-header p{color:var(--color-text-light);margin:0;font-size:11px}.sales-invoice-primary-button{background:var(--color-primary);color:#fff;min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.sales-invoice-primary-button:hover:not(:disabled){background:var(--color-primary-hover)}.sales-invoice-stats-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:15px;display:grid}.sales-invoice-stats-grid article{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;flex-direction:column;gap:5px;padding:15px;display:flex}.sales-invoice-stats-grid span{color:var(--color-text-light);font-size:9px}.sales-invoice-stats-grid strong{font-size:15px}.sales-invoice-toolbar{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:12px 14px;display:flex}.sales-invoice-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:180px;height:38px;color:var(--color-text);border-radius:7px;outline:0;padding:0 11px}.sales-invoice-toolbar span{color:var(--color-text-light);font-size:10px}.sales-invoice-table-wrapper{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;overflow-x:auto}.sales-invoice-table{border-collapse:collapse;width:100%;min-width:1450px}.sales-invoice-table th,.sales-invoice-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:left;vertical-align:middle;padding:13px 14px;font-size:10px}.sales-invoice-table th{background:var(--table-header);color:var(--color-text-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:750}.sales-invoice-table tbody tr:hover{background:var(--table-row-hover)}.sales-invoice-table tbody tr:last-child td{border-bottom:0}.sales-invoice-number-cell{flex-direction:column;gap:3px;display:flex}.sales-invoice-number-cell strong{font-size:11px}.sales-invoice-number-cell span{color:var(--color-text-light);font-size:9px}.sales-invoice-item-count{background:var(--table-row-hover);color:var(--color-text-light);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.sales-invoice-status{border-radius:999px;justify-content:center;min-width:90px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.sales-invoice-status.unpaid{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card));color:var(--color-danger)}.sales-invoice-status.partially_paid{background:color-mix(in srgb, var(--color-warning) 13%, var(--color-card));color:var(--color-warning)}.sales-invoice-status.paid{background:color-mix(in srgb, var(--color-success) 13%, var(--color-card));color:var(--color-success)}.sales-invoice-status.overdue{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.sales-invoice-status.cancelled{background:var(--table-row-hover);color:var(--color-text-light)}.sales-invoice-actions{align-items:center;gap:6px;display:flex}.sales-invoice-action-button{border:1px solid var(--color-border);background:var(--color-card);width:31px;height:31px;color:var(--color-text-light);cursor:pointer;border-radius:7px;place-items:center;display:grid}.sales-invoice-action-button:hover{background:var(--table-row-hover);color:var(--color-text)}.sales-invoice-action-button.danger{color:var(--color-danger)}.sales-invoice-state,.sales-invoice-empty-state{min-height:220px;color:var(--color-text-light);justify-content:center;align-items:center;font-size:11px;display:flex}.sales-invoice-state.error{color:var(--color-danger)}.sales-invoice-empty-state{border:1px dashed var(--color-border);background:var(--color-card);text-align:center;border-radius:10px;flex-direction:column;gap:8px}.sales-invoice-empty-state h3{color:var(--color-text);margin:0}.sales-invoice-empty-state p{margin:0;font-size:10px}.sales-invoice-modal-backdrop{z-index:190;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sales-invoice-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(100%,1050px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:14px;overflow-y:auto}.sales-invoice-modal-header{z-index:3;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 24px;display:flex;position:sticky;top:0}.sales-invoice-modal-header h2{margin:0 0 5px;font-size:20px}.sales-invoice-modal-header p{color:var(--color-text-light);margin:0;font-size:11px}.sales-invoice-modal-close{border:1px solid var(--color-border);background:var(--color-card);width:35px;height:35px;color:var(--color-text-light);cursor:pointer;border-radius:8px;place-items:center;display:grid}.sales-invoice-form{padding:23px 24px 24px}.sales-invoice-form-section{margin-bottom:28px}.sales-invoice-section-heading{align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.sales-invoice-section-heading>span{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-card));width:36px;height:36px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.sales-invoice-section-heading h3{margin:0 0 4px;font-size:14px}.sales-invoice-section-heading p{color:var(--color-text-light);margin:0;font-size:10px}.sales-invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.sales-invoice-form-field{margin-bottom:16px}.sales-invoice-form-field label{margin-bottom:7px;font-size:11px;font-weight:700;display:block}.sales-invoice-form-field label span{color:var(--color-danger)}.sales-invoice-form-field input,.sales-invoice-form-field select,.sales-invoice-form-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font:inherit;border-radius:8px;outline:0;font-size:11px}.sales-invoice-form-field input,.sales-invoice-form-field select{height:42px;padding:0 11px}.sales-invoice-form-field textarea{resize:vertical;min-height:95px;padding:11px}.sales-invoice-form-field input:focus,.sales-invoice-form-field select:focus,.sales-invoice-form-field textarea:focus{border-color:var(--color-primary)}.sales-invoice-form-field .has-error{border-color:var(--color-danger)}.sales-invoice-form-error,.sales-invoice-items-error{color:var(--color-danger);margin-top:5px;font-size:9px;display:block}.sales-invoice-items-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.sales-invoice-add-item-button{border:1px solid var(--color-border);background:var(--color-card);min-height:36px;color:var(--color-text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.sales-invoice-items-list{flex-direction:column;gap:12px;display:flex}.sales-invoice-item-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:15px}.sales-invoice-item-card-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.sales-invoice-item-card-header strong{font-size:11px}.sales-invoice-item-card-header button{width:29px;height:29px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.sales-invoice-item-card-header button:disabled{opacity:.35;cursor:not-allowed}.sales-invoice-item-grid{grid-template-columns:.7fr 1fr 1fr 1fr .8fr;gap:10px;display:grid}.sales-invoice-item-totals{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:10px;display:grid}.sales-invoice-item-totals span{color:var(--color-text-light);font-size:9px}.sales-invoice-item-totals strong{color:var(--color-text)}.sales-invoice-summary{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;width:min(100%,420px);margin:18px 0 0 auto;padding:15px}.sales-invoice-summary>div{color:var(--color-text-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:10px;display:flex}.sales-invoice-summary strong{color:var(--color-text)}.sales-invoice-summary-total{border-top:1px solid var(--color-border);margin-top:5px;padding-top:12px!important}.sales-invoice-summary-total span,.sales-invoice-summary-total strong{font-size:13px;font-weight:800;color:var(--color-primary)!important}.sales-invoice-modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:19px;display:flex}.sales-invoice-secondary-button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text-light);cursor:pointer;border-radius:8px;padding:0 15px;font-weight:700}@media (width<=900px){.sales-invoice-stats-grid,.sales-invoice-item-grid,.sales-invoice-item-totals{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.sales-invoices-header,.sales-invoice-toolbar,.sales-invoice-items-header{flex-direction:column;align-items:stretch}.sales-invoice-form-grid,.sales-invoice-item-grid{grid-template-columns:1fr}}@media (width<=520px){.sales-invoice-stats-grid,.sales-invoice-item-totals{grid-template-columns:1fr}.sales-invoice-modal-backdrop{padding:10px}.sales-invoice-form,.sales-invoice-modal-header{padding-left:16px;padding-right:16px}.sales-invoice-modal-footer{flex-direction:column-reverse}.sales-invoice-modal-footer button{width:100%}}.project-expenses{width:100%}.project-expenses-heading{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.project-expenses-heading h2{margin:0 0 5px}.project-expenses-heading p{color:var(--color-text-light);margin:0;font-size:11px}.project-expense-primary,.project-expense-modal .primary{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.project-expense-table-wrapper{border:1px solid var(--color-border);border-radius:10px;overflow-x:auto}.project-expense-table{border-collapse:collapse;width:100%;min-width:1000px}.project-expense-table th,.project-expense-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:13px;font-size:10px}.project-expense-table th{background:var(--table-header);color:var(--color-text-light)}.project-expense-status{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.project-expense-status.pending_approval{color:var(--color-warning)}.project-expense-status.approved{color:var(--color-success)}.project-expense-status.rejected{color:var(--color-danger)}.project-expense-status.paid{color:var(--color-success)}.project-expense-actions{gap:6px;display:flex}.project-expense-actions button{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.project-expense-actions .approve{color:var(--color-success)}.project-expense-actions .reject,.project-expense-actions .delete{color:var(--color-danger)}.project-expense-actions .info{color:var(--color-warning)}.project-expense-actions .accounts{color:var(--color-primary)}.project-expense-modal-backdrop{z-index:200;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-expense-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,780px);max-height:90vh;overflow-y:auto}.project-expense-modal>header{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:20px;display:flex}.project-expense-modal h2{margin:0 0 5px}.project-expense-modal header p{color:var(--color-text-light);margin:0;font-size:11px}.project-expense-modal header button{color:var(--color-text);background:0 0;border:0}.project-expense-modal form{padding:20px}.project-expense-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project-expense-grid-3{grid-template-columns:repeat(3,1fr)}.project-expense-modal label{flex-direction:column;gap:7px;margin-bottom:15px;font-size:10px;font-weight:700;display:flex}.project-expense-modal input,.project-expense-modal select,.project-expense-modal textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;padding:11px}.project-expense-modal textarea{min-height:90px}.project-expense-total{border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;margin-bottom:15px;padding:14px;display:flex}.project-expense-modal footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:15px;display:flex}.project-expense-modal footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);border-radius:8px;padding:0 14px}.project-expense-form-error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-card));color:var(--color-danger);border-radius:8px;margin-bottom:16px;padding:11px 13px;font-size:11px}.project-invoice-upload-section{margin-bottom:18px}.project-invoice-upload-label{margin-bottom:0!important}.project-invoice-upload-box{border:1px dashed var(--color-input-border);background:var(--color-surface);min-height:135px;color:var(--color-text-light);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:relative}.project-invoice-upload-box:hover{border-color:var(--color-primary)}.project-invoice-upload-box strong{color:var(--color-text);font-size:11px}.project-invoice-upload-box span{font-size:9px;font-weight:400}.project-invoice-upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.project-invoice-selected-file,.project-invoice-current-file{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;align-items:center;gap:10px;margin-top:10px;padding:11px;display:flex}.project-invoice-selected-file>div,.project-invoice-current-file>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.project-invoice-selected-file strong,.project-invoice-current-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-invoice-selected-file span,.project-invoice-current-file span{color:var(--color-text-light);font-size:8px}.project-invoice-selected-file button{width:28px;height:28px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.project-expense-actions .view{color:var(--color-info)}.project-expense-actions .view:hover{background:color-mix(in srgb, var(--color-info) 10%, var(--color-card))}@media (width<=650px){.project-expense-grid,.project-expense-grid-3{grid-template-columns:1fr}.project-expenses-heading{flex-direction:column}}.project-documents{width:100%;color:var(--color-text)}.project-documents-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.project-documents-header h2{margin:0 0 5px;font-size:20px}.project-documents-header p{color:var(--color-text-light);margin:0;font-size:11px}.project-document-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.project-documents-toolbar{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;align-items:center;gap:12px;margin-bottom:14px;padding:13px;display:flex}.project-documents-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:8px;align-items:center;gap:8px;width:min(100%,420px);padding:0 12px;display:flex}.project-documents-search input{width:100%;height:39px;color:var(--color-text);background:0 0;border:0;outline:0}.project-documents-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:180px;height:39px;color:var(--color-text);border-radius:8px;padding:0 10px}.project-documents-toolbar>span{color:var(--color-text-light);margin-left:auto;font-size:10px}.project-documents-table-wrapper{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;overflow-x:auto}.project-documents-table{border-collapse:collapse;width:100%;min-width:1050px}.project-documents-table th,.project-documents-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:13px 14px;font-size:10px}.project-documents-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;font-size:9px}.project-document-name{align-items:center;gap:10px;display:flex}.project-document-file-icon{background:var(--table-row-hover);width:34px;height:34px;color:var(--color-primary);border-radius:8px;place-items:center;display:grid}.project-document-name>div{flex-direction:column;gap:3px;display:flex}.project-document-name span{color:var(--color-text-light);font-size:9px}.project-document-type{background:var(--table-row-hover);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.project-document-actions{gap:6px;display:flex}.project-document-actions button{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.project-document-actions .view{color:var(--color-info)}.project-document-actions .delete{color:var(--color-danger)}.project-documents-state,.project-documents-empty{min-height:220px;color:var(--color-text-light);justify-content:center;align-items:center;display:flex}.project-documents-state.error{color:var(--color-danger)}.project-documents-empty{border:1px dashed var(--color-border);background:var(--color-card);text-align:center;border-radius:10px;flex-direction:column;gap:8px;padding:30px}.project-documents-empty h3{color:var(--color-text);margin:0}.project-documents-empty p{margin:0;font-size:10px}.project-documents-empty button{background:var(--color-primary);color:#fff;border:0;border-radius:7px;align-items:center;gap:6px;min-height:36px;margin-top:8px;padding:0 12px;display:inline-flex}.project-document-modal-backdrop{z-index:230;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-document-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,780px);max-height:90vh;overflow-y:auto}.project-document-modal>header{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:20px;padding:20px;display:flex}.project-document-modal h2{margin:0 0 5px}.project-document-modal header p{color:var(--color-text-light);margin:0;font-size:10px}.project-document-modal header button{color:var(--color-text);background:0 0;border:0}.project-document-modal form{padding:20px}.project-document-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project-document-modal label{flex-direction:column;gap:7px;margin-bottom:15px;font-size:10px;font-weight:700;display:flex}.project-document-modal input,.project-document-modal select,.project-document-modal textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;padding:11px}.project-document-modal textarea{min-height:90px}.project-document-error{border:1px solid var(--color-danger);color:var(--color-danger);border-radius:8px;margin-bottom:15px;padding:11px;font-size:10px}.project-document-upload-box{border:1px dashed var(--color-input-border);background:var(--color-surface);min-height:150px;color:var(--color-text-light);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:relative}.project-document-upload-box strong{color:var(--color-text)}.project-document-upload-box span{font-size:9px}.project-document-upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.project-document-selected-files{flex-direction:column;gap:8px;margin-top:14px;display:flex}.project-document-selected-heading{justify-content:space-between;font-size:10px;display:flex}.project-document-selected-files article{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.project-document-selected-files article>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.project-document-selected-files article strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-document-selected-files article span{color:var(--color-text-light);font-size:8px}.project-document-selected-files article button{width:28px;height:28px;color:var(--color-danger);background:0 0;border:0;place-items:center;display:grid}.project-document-modal footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.project-document-modal footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);border-radius:8px;padding:0 14px}.project-document-modal footer .primary{background:var(--color-primary);color:#fff;border:0;align-items:center;gap:7px;display:inline-flex}@media (width<=700px){.project-documents-header,.project-documents-toolbar{flex-direction:column;align-items:stretch}.project-documents-search,.project-documents-toolbar select{width:100%;max-width:none}.project-documents-toolbar>span{margin-left:0}.project-document-form-grid{grid-template-columns:1fr}}.project-activity{width:100%}.project-activity-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.project-activity-header h2{margin:0 0 5px;font-size:20px}.project-activity-header p{color:var(--color-text-light);margin:0;font-size:11px}.project-activity-header>span{background:var(--table-row-hover);color:var(--color-text-light);border-radius:999px;padding:6px 10px;font-size:9px}.project-activity-timeline{position:relative}.project-activity-item{grid-template-columns:42px 1fr;gap:13px;padding-bottom:18px;display:grid;position:relative}.project-activity-item:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:41px;bottom:0;left:20px}.project-activity-icon{z-index:1;border:1px solid var(--color-border);background:var(--color-card);width:41px;height:41px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid;position:relative}.project-activity-body{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:14px 16px}.project-activity-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.project-activity-title-row>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.project-activity-title-row strong{font-size:11px}.project-activity-title-row time{color:var(--color-text-light);white-space:nowrap;font-size:8px}.project-activity-reference{background:var(--table-row-hover);color:var(--color-primary);border-radius:5px;padding:3px 6px;font-size:8px;font-weight:700}.project-activity-body>p{color:var(--color-text-light);margin:7px 0 9px;font-size:10px;line-height:1.6}.project-activity-user{color:var(--color-text-light);align-items:center;gap:5px;font-size:9px;display:flex}.project-activity-user strong{color:var(--color-text)}.project-activity-status-change{align-items:center;gap:7px;margin-top:10px;display:flex}.project-activity-status-change span{background:var(--table-row-hover);color:var(--color-text-light);border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700}.project-activity-status-change .new{color:var(--color-success)}.project-activity-status-change b{color:var(--color-text-light)}.project-activity-success{color:var(--color-success);align-items:center;gap:5px;margin-top:10px;font-size:9px;font-weight:700;display:inline-flex}.project-activity-state,.project-activity-empty{min-height:230px;color:var(--color-text-light);justify-content:center;align-items:center;display:flex}.project-activity-state.error{color:var(--color-danger)}.project-activity-empty{border:1px dashed var(--color-border);background:var(--color-card);border-radius:10px;flex-direction:column;gap:7px}.project-activity-empty h3{color:var(--color-text);margin:0}.project-activity-empty p{margin:0;font-size:10px}@media (width<=600px){.project-activity-title-row{flex-direction:column;gap:5px}}.project-tasks{width:100%;color:var(--color-text)}.project-tasks-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.project-tasks-header h2{margin:0 0 5px;font-size:20px;font-weight:700}.project-tasks-header p{color:var(--color-text-light);margin:0;font-size:11px;line-height:1.6}.task-primary-button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.task-primary-button:hover{opacity:.9}.project-task-stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.project-task-stats article{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;align-items:center;gap:12px;min-height:82px;padding:15px;display:flex}.project-task-stats article>div{flex-direction:column;gap:4px;display:flex}.project-task-stats article>div span{color:var(--color-text-light);font-size:9px}.project-task-stats article>div strong{font-size:19px}.task-stat-icon{background:var(--table-row-hover);border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.task-stat-icon.todo{color:var(--color-text-light)}.task-stat-icon.progress{color:var(--color-warning)}.task-stat-icon.review{color:var(--color-info)}.task-stat-icon.completed{color:var(--color-success)}.project-task-toolbar{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:13px;display:flex}.project-task-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:8px;align-items:center;gap:8px;width:min(100%,380px);padding:0 11px;display:flex}.project-task-search input{width:100%;height:39px;color:var(--color-text);background:0 0;border:0;outline:0;font-size:10px}.project-task-search input::placeholder{color:var(--color-text-light)}.project-task-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:150px;height:39px;color:var(--color-text);border-radius:8px;outline:0;padding:0 10px;font-size:10px}.project-task-count{color:var(--color-text-light);margin-left:auto;font-size:9px}.project-task-state{border:1px solid var(--color-border);background:var(--color-card);min-height:220px;color:var(--color-text-light);border-radius:10px;place-items:center;font-size:11px;display:grid}.project-task-state.error{color:var(--color-danger)}.project-task-empty{border:1px dashed var(--color-border);background:var(--color-card);min-height:250px;color:var(--color-text-light);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.project-task-empty h3{color:var(--color-text);margin:3px 0 0;font-size:15px}.project-task-empty p{max-width:380px;margin:0;font-size:10px;line-height:1.6}.project-task-empty button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;min-height:36px;margin-top:6px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.project-task-table-wrapper{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;overflow-x:auto}.project-task-table{border-collapse:collapse;width:100%;min-width:1180px}.project-task-table th,.project-task-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:13px 14px;font-size:10px}.project-task-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:700}.project-task-table tbody tr{transition:all .15s}.project-task-table tbody tr:hover{background:var(--table-row-hover)}.project-task-table tbody tr:last-child td{border-bottom:0}.task-name-cell{flex-direction:column;gap:3px;min-width:220px;display:flex}.task-name-cell strong{color:var(--color-text);font-size:10px}.task-name-cell>span{color:var(--color-primary);font-size:8px;font-weight:700}.task-name-cell small{max-width:260px;color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.task-user-cell{align-items:center;gap:8px;min-width:150px;display:flex}.task-user-avatar{background:var(--table-row-hover);width:30px;height:30px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:grid}.task-user-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:9px;overflow:hidden}.task-team-count{background:var(--table-row-hover);color:var(--color-text-light);border-radius:999px;align-items:center;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.task-priority{border-radius:999px;justify-content:center;align-items:center;min-width:62px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.task-priority.low{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.task-priority.medium{background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--color-info)}.task-priority.high{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning)}.task-priority.urgent{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.task-status-select{border:1px solid var(--color-border);background:var(--color-input-bg);min-width:130px;height:33px;color:var(--color-text);border-radius:7px;outline:0;padding:0 8px;font-size:8px;font-weight:700}.task-status-select.todo{color:var(--color-text-light)}.task-status-select.in_progress{color:var(--color-warning)}.task-status-select.on_hold{color:var(--color-danger)}.task-status-select.pending_review{color:var(--color-info)}.task-status-select.completed{color:var(--color-success)}.task-status-select.cancelled{color:var(--color-danger)}.task-progress-cell{align-items:center;gap:7px;min-width:160px;display:flex}.task-progress-cell>div{background:var(--table-row-hover);border-radius:999px;width:75px;height:5px;overflow:hidden}.task-progress-cell>div>span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.task-progress-cell input{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:48px;height:30px;color:var(--color-text);text-align:center;border-radius:6px;outline:0;padding:0 5px;font-size:9px}.task-progress-cell small{color:var(--color-text-light);font-size:8px}.task-date-cell{flex-direction:column;gap:3px;min-width:95px;display:flex}.task-date-cell span{color:var(--color-danger);font-size:8px;font-weight:700}.task-actions{align-items:center;gap:5px;display:flex}.task-actions button{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:7px;place-items:center;width:31px;height:31px;transition:all .15s;display:grid}.task-actions button:hover{background:var(--table-row-hover)}.task-actions .edit{color:var(--color-info)}.task-actions .comment{color:var(--color-primary)}.task-actions .complete{color:var(--color-success)}.task-actions .delete{color:var(--color-danger)}.task-modal-backdrop{z-index:300;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.task-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,850px);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.task-modal-header{z-index:5;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex;position:sticky;top:0}.task-modal-title-row{align-items:center;gap:11px;display:flex}.task-modal-icon{background:var(--table-row-hover);width:39px;height:39px;color:var(--color-primary);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.task-modal-header h2{margin:0 0 4px;font-size:18px}.task-modal-header p{color:var(--color-text-light);margin:0;font-size:9px}.task-modal-close{width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.task-modal-close:hover{background:var(--table-row-hover)}.task-form{padding:20px}.task-form-error{border:1px solid color-mix(in srgb, var(--color-danger) 40%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-card));color:var(--color-danger);border-radius:8px;margin-bottom:15px;padding:11px 12px;font-size:10px}.task-form-section{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:18px}.task-form-section:last-of-type{border-bottom:0}.task-form-section h3{color:var(--color-text);margin:0 0 13px;font-size:11px;font-weight:700}.task-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.task-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.task-form label{color:var(--color-text);flex-direction:column;gap:7px;margin-bottom:14px;font-size:9px;font-weight:700;display:flex}.task-form input,.task-form select,.task-form textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;outline:0;padding:10px 11px;font-size:10px;transition:all .15s}.task-form input,.task-form select{min-height:40px}.task-form textarea{resize:vertical;min-height:88px}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{border-color:var(--color-primary)}.task-field-heading{align-items:center;gap:5px;display:inline-flex}.task-members-field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex;position:relative}.task-field-label{color:var(--color-text);align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.task-members-trigger{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:10px;display:flex}.task-members-dropdown{z-index:20;border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;max-height:240px;padding:6px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000002e}.task-members-dropdown>p{color:var(--color-text-light);margin:0;padding:12px;font-size:9px}.task-members-dropdown>button{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.task-members-dropdown>button:hover,.task-members-dropdown>button.selected{background:var(--table-row-hover)}.task-member-check{border:1px solid var(--color-border);border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.task-members-dropdown button.selected .task-member-check{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.task-members-dropdown button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.task-members-dropdown strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.task-members-dropdown small{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.task-selected-members{flex-wrap:wrap;gap:6px;margin-top:-4px;margin-bottom:10px;display:flex}.task-selected-members>span{background:var(--table-row-hover);color:var(--color-text);border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.task-selected-members button{width:17px;height:17px;color:var(--color-danger);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.task-progress-preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;padding:12px}.task-progress-preview>div:first-child{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:9px;display:flex}.task-progress-preview span{color:var(--color-text-light)}.task-progress-preview strong{color:var(--color-text)}.task-progress-track{background:var(--table-row-hover);border-radius:999px;height:6px;overflow:hidden}.task-progress-track>span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .2s;display:block}.task-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;gap:9px;margin:0 -20px -20px;padding:15px 20px;display:flex;position:sticky;bottom:-20px}.task-modal-footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 14px;font-size:10px;font-weight:700}.task-modal-footer .task-primary{background:var(--color-primary);color:#fff;border-color:#0000;align-items:center;gap:7px;display:inline-flex}.task-modal-footer button:disabled{cursor:not-allowed;opacity:.55}@media (width<=980px){.project-task-stats{grid-template-columns:repeat(2,1fr)}.project-task-toolbar{flex-wrap:wrap}.project-task-search{width:100%}.project-task-count{margin-left:0}}@media (width<=700px){.project-tasks-header{flex-direction:column;align-items:stretch}.task-primary-button{width:100%}.project-task-toolbar{flex-direction:column;align-items:stretch}.project-task-toolbar select,.project-task-search{width:100%;max-width:none}.task-form-grid,.task-form-grid-3{grid-template-columns:1fr}.task-modal-backdrop{padding:10px}.task-modal{border-radius:11px;max-height:95vh}}@media (width<=500px){.project-task-stats{grid-template-columns:1fr}.task-modal-header,.task-form{padding:15px}.task-modal-footer{margin:0 -15px -15px;padding:13px 15px}}.tasks-page{width:100%;color:var(--color-text);padding:22px}.tasks-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.tasks-page-header h1{margin:0 0 5px;font-size:24px;font-weight:700}.tasks-page-header p{color:var(--color-text-light);margin:0;font-size:11px}.tasks-page-stats{grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.tasks-page-stats article{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;align-items:center;gap:12px;min-height:96px;padding:16px;display:flex}.tasks-page-stats article>div{flex-direction:column;gap:3px;display:flex}.tasks-page-stats article span{color:var(--color-text-light);font-size:9px}.tasks-page-stats article strong{color:var(--color-text);font-size:20px}.tasks-page-stats article small{color:var(--color-text-light);font-size:8px}.task-stat-icon.overdue{color:var(--color-danger)}.tasks-page-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;overflow:hidden}.tasks-page-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px;display:flex}.tasks-page-toolbar .project-task-search{width:min(100%,340px)}.tasks-page-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:145px;height:39px;color:var(--color-text);border-radius:8px;outline:0;padding:0 9px;font-size:9px}.tasks-page-result-count{border-bottom:1px solid var(--color-border);color:var(--color-text-light);text-align:right;padding:10px 15px;font-size:9px}.tasks-page-card .project-task-table-wrapper{border:0;border-radius:0}.tasks-company-table{min-width:1250px}.tasks-project-cell{flex-direction:column;gap:3px;min-width:150px;display:flex}.tasks-project-cell span{color:var(--color-primary);font-size:8px;font-weight:700}@media (width<=1200px){.tasks-page-stats{grid-template-columns:repeat(3,1fr)}.tasks-page-toolbar{flex-wrap:wrap}}@media (width<=800px){.tasks-page{padding:15px}.tasks-page-header{flex-direction:column}.tasks-page-header .task-primary-button{width:100%}.tasks-page-stats{grid-template-columns:repeat(2,1fr)}.tasks-page-toolbar{flex-direction:column;align-items:stretch}.tasks-page-toolbar .project-task-search,.tasks-page-toolbar select{width:100%;max-width:none}}@media (width<=520px){.tasks-page-stats{grid-template-columns:1fr}}.tasks-page-header h1{font-size:28px;font-weight:700}.tasks-page-header p{font-size:14px;line-height:1.5}.project-tasks-header h2{font-size:22px}.project-tasks-header p{font-size:14px}.task-primary-button{min-height:42px;padding:0 16px;font-size:14px}.project-task-empty button,.tasks-page-stats article>div>span,.project-task-stats article>div>span{font-size:13px}.tasks-page-stats article strong,.project-task-stats article>div strong{font-size:22px}.tasks-page-stats article small{font-size:12px}.project-task-search input,.project-task-toolbar select,.tasks-page-toolbar select{font-size:13px}.project-task-count,.tasks-page-result-count{font-size:12px}.project-task-table th{font-size:11px;font-weight:700}.project-task-table td{font-size:13px}.task-name-cell strong{font-size:14px}.task-name-cell>span{font-size:11px}.task-name-cell small{font-size:11px;line-height:1.4}.tasks-project-cell strong{font-size:13px}.tasks-project-cell span{font-size:11px}.task-user-cell strong{font-size:13px}.task-user-avatar{font-size:12px}.task-team-count{font-size:11px}.task-priority{min-width:70px;padding:6px 10px;font-size:11px}.task-status-select{min-width:135px;height:36px;font-size:12px}.task-progress-cell input{width:52px;height:34px;font-size:12px}.task-progress-cell small{font-size:11px}.task-date-cell{font-size:12px}.task-date-cell span{font-size:11px}.project-task-state{font-size:14px}.project-task-empty h3{font-size:18px}.project-task-empty p{font-size:13px}.task-modal-header h2{font-size:21px}.task-modal-header p{font-size:13px}.task-form-section h3{font-size:14px}.task-form label,.task-field-label,.task-form input,.task-form select,.task-form textarea,.task-members-trigger,.task-members-dropdown strong{font-size:13px}.task-members-dropdown small{font-size:11px}.task-members-dropdown>p{font-size:12px}.task-selected-members>span{font-size:11px}.task-progress-preview>div:first-child,.task-form-error{font-size:12px}.task-modal-footer button{font-size:13px}.task-actions button{width:34px;height:34px}.project-task-table th,.project-task-table td{padding:15px 14px}.task-details-backdrop{z-index:320;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.task-details-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,900px);max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.task-details-header{z-index:4;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex;position:sticky;top:0}.task-details-header h2{margin:5px 0;font-size:22px}.task-details-header p{color:var(--color-text-light);margin:0;font-size:13px}.task-details-code{background:var(--table-row-hover);color:var(--color-primary);border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700;display:inline-flex}.task-details-header>button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.task-details-header>button:hover{background:var(--table-row-hover)}.task-details-body{padding:20px}.task-details-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.task-details-summary article{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;flex-direction:column;gap:5px;min-height:85px;padding:14px;display:flex}.task-details-summary article>span{color:var(--color-text-light);font-size:12px}.task-details-summary article>strong{font-size:14px}.task-details-summary article>small{color:var(--color-text-light);font-size:11px}.task-details-progress{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;margin-bottom:16px;padding:14px}.task-details-progress>div:first-child{justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.task-details-progress-track{background:var(--table-row-hover);border-radius:999px;height:7px;overflow:hidden}.task-details-progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.task-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.task-details-grid>article,.task-details-notes,.task-comments-section{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:16px}.task-details-section-title{align-items:center;gap:7px;margin-bottom:14px;display:flex}.task-details-section-title h3,.task-details-notes h3,.task-comments-heading h3{margin:0;font-size:15px}.task-details-row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:15px;padding:9px 0;font-size:12px;display:flex}.task-details-row:last-child{border-bottom:0}.task-details-row span{color:var(--color-text-light)}.task-details-assignee{align-items:center;gap:9px;margin-bottom:12px;display:flex}.task-details-assignee>div{flex-direction:column;display:flex}.task-details-assignee strong{font-size:13px}.task-details-assignee small{color:var(--color-text-light);font-size:11px}.task-details-members{flex-direction:column;gap:8px;display:flex}.task-details-members>div{align-items:center;gap:8px;display:flex}.task-user-avatar.small{width:25px;height:25px}.task-details-members strong{font-size:12px}.task-details-members p{color:var(--color-text-light);margin:0;font-size:12px}.task-details-notes{margin-bottom:16px}.task-details-notes p{color:var(--color-text-light);margin:9px 0 0;font-size:13px;line-height:1.6}.task-comments-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.task-comments-heading>div{align-items:center;gap:7px;display:flex}.task-comments-heading>span{color:var(--color-text-light);font-size:11px}.task-comment-form{margin-bottom:15px}.task-comment-form textarea{border:1px solid var(--color-input-border);resize:vertical;background:var(--color-input-bg);width:100%;min-height:85px;color:var(--color-text);border-radius:8px;outline:0;padding:10px 11px;font-size:13px}.task-comment-form textarea:focus{border-color:var(--color-primary)}.task-comment-form button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;min-height:37px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.task-comment-form button:disabled{opacity:.55;cursor:not-allowed}.task-comments-list{flex-direction:column;gap:10px;display:flex}.task-comments-list article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:34px 1fr;gap:10px;padding:11px;display:grid}.task-comment-avatar{background:var(--table-row-hover);width:34px;height:34px;color:var(--color-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.task-comments-list article header{justify-content:space-between;gap:10px;display:flex}.task-comments-list article header strong{font-size:12px}.task-comments-list article time{color:var(--color-text-light);font-size:10px}.task-comments-list article p{color:var(--color-text);margin:5px 0 0;font-size:12px;line-height:1.5}.task-comments-empty{min-height:110px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.task-details-completed{background:color-mix(in srgb, var(--color-success) 10%, var(--color-card));color:var(--color-success);border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:11px;font-size:12px;display:flex}.task-details-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;padding:14px 20px;display:flex;position:sticky;bottom:0}.task-details-footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:38px;color:var(--color-text);cursor:pointer;border-radius:7px;padding:0 14px;font-size:12px}@media (width<=760px){.task-details-summary{grid-template-columns:repeat(2,1fr)}.task-details-grid{grid-template-columns:1fr}}@media (width<=480px){.task-details-summary{grid-template-columns:1fr}}.task-actions .view{color:var(--color-primary)}.project-details-page{width:100%;color:var(--color-text)}.project-details-topbar{margin-bottom:16px}.project-details-back{color:var(--color-text-light);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:inline-flex}.project-details-header{border:1px solid var(--color-border);background:var(--color-card);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:25px;padding:22px;display:flex}.project-details-code{background:var(--table-row-hover);color:var(--color-primary);border-radius:6px;margin-bottom:8px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.project-details-header h1{margin:0 0 7px;font-size:25px}.project-details-header p{max-width:700px;color:var(--color-text-light);margin:0;font-size:11px}.project-details-header-meta{align-items:center;gap:8px;display:flex}.project-details-status,.project-details-priority{border-radius:999px;justify-content:center;align-items:center;min-width:85px;padding:6px 10px;font-size:9px;font-weight:700;display:inline-flex}.project-details-status.in_progress{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.project-details-status.completed{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.project-details-status.draft{background:var(--table-row-hover);color:var(--color-text-light)}.project-details-status.approved{background:color-mix(in srgb, var(--color-info) 13%, var(--color-card));color:var(--color-info)}.project-details-status.on_hold,.project-details-priority.high{background:color-mix(in srgb, var(--color-warning) 13%, var(--color-card));color:var(--color-warning)}.project-details-status.cancelled,.project-details-priority.critical{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.project-details-priority.low{background:var(--table-row-hover);color:var(--color-text-light)}.project-details-priority.medium{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info)}.project-details-summary-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-top:16px;display:grid}.project-details-summary-grid article{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;flex-direction:column;gap:5px;padding:16px;display:flex}.project-details-summary-grid span{color:var(--color-text-light);font-size:9px}.project-details-summary-grid strong{font-size:13px}.project-details-progress-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;margin-top:16px;padding:16px}.project-details-progress-heading{justify-content:space-between;margin-bottom:8px;display:flex}.project-details-progress-heading span{color:var(--color-text-light);font-size:10px}.project-details-progress-heading strong{font-size:11px}.project-details-progress-bar{background:var(--table-row-hover);border-radius:999px;height:7px;overflow:hidden}.project-details-progress-bar span{background:var(--color-primary);height:100%;display:block}.project-details-tabs{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;align-items:center;gap:5px;margin-top:20px;padding:5px;display:flex;overflow-x:auto}.project-details-tabs button{min-height:38px;color:var(--color-text-light);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.project-details-tabs button.active{background:var(--color-primary);color:#fff}.project-details-content{margin-top:16px}.project-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-overview-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:18px}.project-overview-card h3{margin:0 0 14px;font-size:14px}.project-overview-card>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:20px;padding:9px 0;display:flex}.project-overview-card>div:last-child{border-bottom:0}.project-overview-card span{color:var(--color-text-light);font-size:10px}.project-overview-card strong{font-size:10px}.project-overview-card p{color:var(--color-text-light);margin:0;font-size:11px;line-height:1.7}.project-tab-placeholder{border:1px dashed var(--color-border);background:var(--color-card);min-height:240px;color:var(--color-text-light);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.project-tab-placeholder h3{color:var(--color-text);margin:0}.project-tab-placeholder p{margin:0;font-size:10px}.project-team-tab{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:18px}.project-team-tab h3{margin:0 0 14px;font-size:14px}.project-team-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-team-list article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.project-team-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:34px;height:34px;color:var(--color-primary);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.project-team-list article>div{flex-direction:column;gap:2px;display:flex}.project-team-list strong{font-size:10px}.project-team-list small{color:var(--color-text-light);font-size:8px}@media (width<=1000px){.project-details-summary-grid,.project-team-list{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.project-details-header{flex-direction:column}.project-details-summary-grid,.project-overview-grid,.project-team-list{grid-template-columns:1fr}}.payments-page{width:100%;color:var(--color-text)}.payments-heading{margin-bottom:22px}.payments-heading h1{margin:0 0 6px;font-size:28px}.payments-heading p{color:var(--color-text-light);margin:0;font-size:12px}.payments-stats-grid article{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;flex-direction:column;gap:5px;padding:17px;display:flex}.payments-stats-grid span{color:var(--color-text-light);font-size:10px}.payments-stats-grid strong{font-size:18px}.payments-toolbar{border-bottom:1px solid var(--color-border);gap:12px;padding:14px;display:flex}.payments-search input{width:100%;height:40px;color:var(--color-text);background:0 0;border:0;outline:0}.payments-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:180px;height:40px;color:var(--color-text);border-radius:8px;padding:0 10px}.payments-table-wrapper{overflow-x:auto}.payments-table th,.payments-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:13px 14px;font-size:10px}.payments-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;font-size:9px}.payments-project{flex-direction:column;gap:3px;display:flex}.payments-project span,.payment-details-cell small{color:var(--color-text-light);font-size:9px}.payment-status{border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.payment-status.assigned_to_accounts{color:var(--color-info)}.payment-status.processing{color:var(--color-warning)}.payment-status.paid{color:var(--color-success)}.payment-status.rejected{color:var(--color-danger)}.payment-actions button{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.payments-state{min-height:180px;color:var(--color-text-light);place-items:center;display:grid}.payment-modal-backdrop{z-index:220;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,700px);max-height:90vh;overflow-y:auto}.payment-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:20px;padding:20px;display:flex}.payment-modal-header h2{margin:0 0 5px}.payment-modal-header p{color:var(--color-text-light);margin:0;font-size:10px}.payment-modal-header button{color:var(--color-text);background:0 0;border:0}.payment-form{padding:20px}.payment-summary-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;justify-content:space-between;margin-bottom:18px;padding:15px;display:flex}.payment-summary-card span{color:var(--color-text-light);font-size:10px}.payment-summary-card strong{font-size:16px}.payment-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.payment-form label{flex-direction:column;gap:7px;margin-bottom:15px;font-size:10px;font-weight:700;display:flex}.payment-form input,.payment-form select,.payment-form textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;padding:11px}.payment-form textarea{min-height:85px}.payment-form footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.payment-form footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);border-radius:8px;padding:0 14px}.payment-form .payment-primary{background:var(--color-primary);color:#fff;border:0;align-items:center;gap:7px;display:inline-flex}@media (width<=800px){.payments-stats-grid{grid-template-columns:repeat(2,1fr)}.payments-toolbar{flex-direction:column}.payments-search,.payments-toolbar select{width:100%;max-width:none}}@media (width<=600px){.payments-stats-grid,.payment-form-grid{grid-template-columns:1fr}}.payments-page{width:100%;color:var(--color-text);padding:22px}.payments-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.payments-page-header h1{color:var(--color-text);margin:0 0 5px;font-size:28px;font-weight:700}.payments-page-header p{color:var(--color-text-light);margin:0;font-size:14px;line-height:1.5}.payments-stats-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.payments-stats-grid article{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;flex-direction:column;justify-content:center;gap:5px;min-height:105px;padding:17px;display:flex}.payments-stats-grid article>span{color:var(--color-text-light);font-size:13px;font-weight:500}.payments-stats-grid article>strong{color:var(--color-text);font-size:22px;font-weight:700}.payments-stats-grid article>small{color:var(--color-text-light);font-size:12px}.payments-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;overflow:hidden}.payments-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:14px;display:flex}.payments-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:8px;align-items:center;gap:8px;width:min(100%,420px);padding:0 12px;display:flex}.payments-search input{width:100%;height:41px;color:var(--color-text);background:0 0;border:0;outline:0;font-size:13px}.payments-search input::placeholder{color:var(--color-text-light)}.payments-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:190px;height:41px;color:var(--color-text);border-radius:8px;outline:0;padding:0 11px;font-size:13px}.payments-count{color:var(--color-text-light);margin-left:auto;font-size:12px}.payments-state{min-height:220px;color:var(--color-text-light);place-items:center;font-size:14px;display:grid}.payments-state.error{color:var(--color-danger)}.payments-table-wrapper{width:100%;overflow-x:auto}.payments-table{border-collapse:collapse;width:100%;min-width:1100px}.payments-table th,.payments-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:15px 14px}.payments-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.payments-table td{color:var(--color-text);font-size:13px}.payments-table tbody tr{transition:all .15s}.payments-table tbody tr:hover{background:var(--table-row-hover)}.payments-table tbody tr:last-child td{border-bottom:0}.payments-project{flex-direction:column;gap:3px;min-width:150px;display:flex}.payments-project strong{color:var(--color-text);font-size:13px}.payments-project span{color:var(--color-primary);font-size:11px;font-weight:700}.payment-status{border-radius:999px;justify-content:center;align-items:center;min-width:120px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.payment-status.assigned_to_accounts{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning)}.payment-status.processing{background:color-mix(in srgb, var(--color-info) 12%, transparent);color:var(--color-info)}.payment-status.paid{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.payment-status.rejected{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.payment-details-cell{flex-direction:column;gap:3px;display:flex}.payment-details-cell span{font-size:12px;font-weight:600}.payment-details-cell small{color:var(--color-text-light);font-size:11px}.payment-actions{align-items:center;gap:6px;display:flex}.payment-actions button{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:7px;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.payment-actions button:hover{background:var(--table-row-hover)}.payment-actions .view{color:var(--color-primary)}.payment-actions .processing{color:var(--color-info)}.payment-actions .paid{color:var(--color-success)}.payment-actions button:disabled{opacity:.5;cursor:not-allowed}.payment-complete{color:var(--color-success);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.payment-view-backdrop{z-index:350;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-view-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(100%,720px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000047}.payment-view-modal>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.payment-view-modal>header h2{margin:0 0 4px;font-size:21px}.payment-view-modal>header p{color:var(--color-text-light);margin:0;font-size:13px}.payment-view-modal>header button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:24px;display:grid}.payment-view-modal>header button:hover{background:var(--table-row-hover)}.payment-view-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;display:grid}.payment-view-body>div{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:78px;padding:13px;display:flex}.payment-view-body span{color:var(--color-text-light);font-size:12px}.payment-view-body strong{color:var(--color-text);font-size:14px}.payment-view-receipts{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;margin:0 20px 20px;padding:16px}.payment-view-receipts h3{margin:0 0 12px;font-size:15px}.payment-view-receipts a{border:1px solid var(--color-border);color:var(--color-primary);border-radius:7px;margin-bottom:7px;padding:9px 10px;font-size:12px;text-decoration:none;display:block}.payment-view-receipts a:hover{background:var(--table-row-hover)}.payment-modal h2,.payment-release-modal h2{font-size:21px}.payment-modal p,.payment-release-modal p,.payment-modal label,.payment-release-modal label,.payment-modal input,.payment-modal select,.payment-modal textarea,.payment-release-modal input,.payment-release-modal select,.payment-release-modal textarea,.payment-modal button,.payment-release-modal button{font-size:13px}@media (width<=1200px){.payments-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.payments-page{padding:15px}.payments-stats-grid{grid-template-columns:repeat(2,1fr)}.payments-toolbar{flex-direction:column;align-items:stretch}.payments-search,.payments-toolbar select{width:100%;max-width:none}.payments-count{margin-left:0}.payment-view-body{grid-template-columns:1fr}}@media (width<=520px){.payments-stats-grid{grid-template-columns:1fr}.payments-page-header h1{font-size:24px}}.payment-receipt-item strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.payment-receipt-item a{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-primary);border-radius:7px;flex-shrink:0;margin:0;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.payment-details-backdrop{z-index:9999;background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.payment-details-modal{background:var(--color-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:14px;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038}.payment-details-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-card,#fff);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.payment-details-header h2{color:var(--color-text,#111827);margin:0 0 4px;font-size:21px;font-weight:700}.payment-details-header p{color:var(--color-text-light,#6b7280);margin:0;font-size:13px}.payment-details-header>button{border:1px solid var(--color-border,#e5e7eb);width:36px;height:36px;color:var(--color-text,#111827);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.payment-details-header>button:hover{background:var(--table-row-hover,#f3f4f6)}.payment-details-body{flex:1;padding:20px 22px;overflow-y:auto}.payment-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.payment-details-grid article{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#f8fafc);border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:80px;padding:13px 14px;display:flex}.payment-details-grid article>span{color:var(--color-text-light,#6b7280);font-size:12px;font-weight:500}.payment-details-grid article>strong{color:var(--color-text,#111827);overflow-wrap:anywhere;font-size:14px;font-weight:700}.payment-details-grid article>small{color:var(--color-primary,#ef233c);font-size:11px;font-weight:600}.payment-details-notes{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#f8fafc);border-radius:9px;margin-top:16px;padding:15px}.payment-details-notes h3{color:var(--color-text,#111827);margin:0 0 8px;font-size:14px;font-weight:700}.payment-details-notes p{color:var(--color-text-light,#6b7280);margin:0;font-size:13px;line-height:1.6}.payment-details-receipts{border:1px solid var(--color-border,#e5e7eb);background:var(--color-card,#fff);border-radius:9px;margin-top:16px;padding:15px}.payment-details-receipts h3{color:var(--color-text,#111827);margin:0 0 12px;font-size:15px;font-weight:700}.payment-receipt-list{flex-direction:column;gap:9px;display:flex}.payment-receipt-item{border:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:11px 12px;display:flex}.payment-receipt-item>div{flex-direction:column;gap:3px;min-width:0;display:flex}.payment-receipt-item strong{color:var(--color-text,#111827);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.payment-receipt-item small{color:var(--color-text-light,#6b7280);font-size:11px}.payment-receipt-item a{border:1px solid var(--color-border,#e5e7eb);background:var(--color-card,#fff);color:var(--color-primary,#ef233c);border-radius:7px;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.payment-receipt-item a:hover{background:var(--table-row-hover,#f3f4f6)}.payment-no-receipt{color:var(--color-text-light,#6b7280);margin:0;font-size:13px}@media (width<=700px){.payment-details-backdrop{padding:12px}.payment-details-modal{max-height:calc(100vh - 24px)}.payment-details-grid{grid-template-columns:1fr}.payment-details-header,.payment-details-body{padding:17px}.payment-receipt-item{flex-direction:column;align-items:flex-start}}.cheques-page{width:100%;color:var(--color-text);padding:22px}.cheques-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.cheques-page-header h1{color:var(--color-text);margin:0 0 5px;font-size:28px;font-weight:700}.cheques-page-header p{color:var(--color-text-light);margin:0;font-size:14px;line-height:1.5}.cheque-primary-button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.cheque-primary-button:hover{opacity:.9}.cheques-stats{grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;margin-bottom:18px;display:grid}.cheques-stats article{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;align-items:center;gap:12px;min-height:100px;padding:15px;display:flex}.cheques-stats article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cheques-stats article>div>span{color:var(--color-text-light);font-size:12px}.cheques-stats article strong{color:var(--color-text);font-size:21px;font-weight:700}.cheques-stats article small{color:var(--color-text-light);font-size:11px}.cheque-stat-icon{background:var(--table-row-hover);border-radius:9px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.cheque-stat-icon.received{color:var(--color-success)}.cheque-stat-icon.issued{color:var(--color-info)}.cheque-stat-icon.upcoming{color:var(--color-warning)}.cheque-stat-icon.deposited{color:var(--color-primary)}.cheque-stat-icon.cleared{color:var(--color-success)}.cheque-stat-icon.bounced{color:var(--color-danger)}.cheques-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;overflow:hidden}.cheques-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px;display:flex}.cheques-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:8px;align-items:center;gap:8px;width:min(100%,380px);padding:0 11px;display:flex}.cheques-search input{width:100%;height:40px;color:var(--color-text);background:0 0;border:0;outline:0;font-size:13px}.cheques-search input::placeholder{color:var(--color-text-light)}.cheques-toolbar select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:145px;height:40px;color:var(--color-text);border-radius:8px;outline:0;padding:0 10px;font-size:12px}.cheques-count{color:var(--color-text-light);margin-left:auto;font-size:12px}.cheques-state{min-height:220px;color:var(--color-text-light);place-items:center;font-size:14px;display:grid}.cheques-state.error{color:var(--color-danger)}.cheques-empty{min-height:250px;color:var(--color-text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.cheques-empty h3{color:var(--color-text);margin:2px 0 0;font-size:18px}.cheques-empty p{margin:0;font-size:13px}.cheques-empty button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;min-height:38px;margin-top:6px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.cheques-table-wrapper{width:100%;overflow-x:auto}.cheques-table{border-collapse:collapse;width:100%;min-width:1450px}.cheques-table th,.cheques-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:14px}.cheques-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.35px;font-size:11px;font-weight:700}.cheques-table td{color:var(--color-text);font-size:13px}.cheques-table tbody tr{transition:all .15s}.cheques-table tbody tr:hover{background:var(--table-row-hover)}.cheques-table tbody tr:last-child td{border-bottom:0}.cheque-number-cell{flex-direction:column;gap:3px;min-width:125px;display:flex}.cheque-number-cell strong{font-size:13px}.cheque-number-cell span{color:var(--color-primary);font-size:11px;font-weight:700}.cheque-party-cell,.cheque-project-cell{flex-direction:column;gap:3px;min-width:145px;display:flex}.cheque-party-cell strong,.cheque-project-cell strong{font-size:13px}.cheque-party-cell span,.cheque-project-cell span{color:var(--color-text-light);font-size:11px}.cheque-type{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.cheque-type.received{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.cheque-type.issued{background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--color-info)}.cheque-status{border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.cheque-status.pending{background:var(--table-row-hover);color:var(--color-text-light)}.cheque-status.received{background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--color-info)}.cheque-status.issued{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.cheque-status.deposited{background:color-mix(in srgb, var(--color-warning) 12%, transparent);color:var(--color-warning)}.cheque-status.cleared{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.cheque-status.bounced,.cheque-status.cancelled{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.cheque-status.returned,.cheque-status.on_hold{background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning)}.cheque-approval{border-radius:999px;justify-content:center;align-items:center;min-width:95px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.cheque-approval.not_required{background:var(--table-row-hover);color:var(--color-text-light)}.cheque-approval.pending{background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-warning)}.cheque-approval.approved{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success)}.cheque-approval.rejected{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.cheque-approval.need_more_info{background:color-mix(in srgb, var(--color-info) 10%, transparent);color:var(--color-info)}.cheque-date-cell{flex-direction:column;gap:3px;min-width:100px;display:flex}.cheque-date-cell span{color:var(--color-warning);font-size:11px;font-weight:700}.cheque-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:280px;display:flex}.cheque-actions button{border:1px solid var(--color-border);background:var(--color-card);width:34px;min-width:34px;height:34px;color:var(--color-text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.cheque-actions button:hover{background:var(--table-row-hover);transform:translateY(-1px)}.cheque-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none}.cheque-actions .view{color:var(--color-primary)}.cheque-actions .edit{color:var(--color-info)}.cheque-actions .deposit{color:var(--color-primary)}.cheque-actions .clear,.cheque-actions .approve{color:var(--color-success)}.cheque-actions .bounce,.cheque-actions .cancel,.cheque-actions .reject,.cheque-actions .delete{color:var(--color-danger)}.cheque-actions .return,.cheque-actions .release-hold{color:var(--color-info)}.cheque-actions .hold,.cheque-actions .info{color:var(--color-warning)}.cheque-modal-backdrop,.cheque-details-backdrop{z-index:9999;background:#0f172aa8;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.cheque-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(900px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 24px 60px #00000040}.cheque-modal-header{z-index:5;border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 21px;display:flex;position:sticky;top:0}.cheque-modal-title{align-items:center;gap:11px;display:flex}.cheque-modal-title>span{background:var(--table-row-hover);width:40px;height:40px;color:var(--color-primary);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.cheque-modal-header h2{margin:0 0 4px;font-size:21px}.cheque-modal-header p{color:var(--color-text-light);margin:0;font-size:13px}.cheque-modal-header>button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.cheque-modal-header>button:hover{background:var(--table-row-hover)}.cheque-form{padding:20px}.cheque-form-error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-card));color:var(--color-danger);border-radius:8px;margin-bottom:15px;padding:11px 12px;font-size:12px}.cheque-form-section{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:18px}.cheque-form-section:last-of-type{border-bottom:0}.cheque-form-section h3{margin:0 0 13px;font-size:14px;font-weight:700}.cheque-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cheque-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cheque-form label{color:var(--color-text);flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.cheque-form input,.cheque-form select,.cheque-form textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;outline:0;padding:10px 11px;font-size:13px}.cheque-form input,.cheque-form select{min-height:41px}.cheque-form textarea{resize:vertical;min-height:90px}.cheque-form input:focus,.cheque-form select:focus,.cheque-form textarea:focus{border-color:var(--color-primary)}.cheque-form input:disabled,.cheque-form select:disabled{cursor:not-allowed;opacity:.65}.cheque-field-title{align-items:center;gap:5px;display:inline-flex}.cheque-checkbox-field{cursor:pointer;align-items:center;flex-direction:row!important;gap:9px!important;display:flex!important}.cheque-checkbox-field input{width:17px;height:17px;min-height:auto}.cheque-checkbox-field span{font-size:13px;font-weight:500}.cheque-upload-box{border:1px dashed var(--color-border);background:var(--color-surface);text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:130px;padding:18px;color:var(--color-text-light)!important;flex-direction:column!important;gap:5px!important;display:flex!important}.cheque-upload-box strong{color:var(--color-text);font-size:13px}.cheque-upload-box span{font-size:11px}.cheque-upload-box input{display:none}.cheque-selected-files{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cheque-selected-files article{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.cheque-selected-files article>div{flex-direction:column;gap:2px;min-width:0;display:flex}.cheque-selected-files strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cheque-selected-files small{color:var(--color-text-light);font-size:10px}.cheque-selected-files button{border:1px solid var(--color-border);background:var(--color-card);width:28px;height:28px;color:var(--color-danger);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.cheque-existing-files{flex-direction:column;gap:6px;margin-top:12px;display:flex}.cheque-existing-files>span{color:var(--color-text-light);font-size:11px;font-weight:700}.cheque-existing-files>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:7px;padding:8px 10px;font-size:12px}.cheque-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;gap:9px;margin:0 -20px -20px;padding:15px 20px;display:flex;position:sticky;bottom:-20px}.cheque-modal-footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 14px;font-size:13px;font-weight:700}.cheque-modal-footer .cheque-primary{background:var(--color-primary);color:#fff;border-color:#0000;align-items:center;gap:7px;display:inline-flex}.cheque-modal-footer button:disabled{cursor:not-allowed;opacity:.55}.cheque-details-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;width:min(720px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 24px 60px #00000040}.cheque-details-modal>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 21px;display:flex}.cheque-details-modal>header h2{margin:0 0 4px;font-size:21px}.cheque-details-modal>header p{color:var(--color-text-light);margin:0;font-size:12px}.cheque-details-modal>header button{width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:22px;display:grid}.cheque-details-modal>header button:hover{background:var(--table-row-hover)}.cheque-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;display:grid}.cheque-details-grid article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:78px;padding:13px;display:flex}.cheque-details-grid article span{color:var(--color-text-light);font-size:12px}.cheque-details-grid article strong{font-size:14px}@media (width<=1300px){.cheques-stats{grid-template-columns:repeat(3,1fr)}.cheques-toolbar{flex-wrap:wrap}}@media (width<=850px){.cheques-page{padding:15px}.cheques-page-header{flex-direction:column}.cheque-primary-button{width:100%}.cheques-stats{grid-template-columns:repeat(2,1fr)}.cheques-toolbar{flex-direction:column;align-items:stretch}.cheques-search,.cheques-toolbar select{width:100%;max-width:none}.cheques-count{margin-left:0}.cheque-form-grid,.cheque-form-grid-3{grid-template-columns:1fr}}@media (width<=520px){.cheques-stats,.cheque-details-grid{grid-template-columns:1fr}.cheque-modal-backdrop,.cheque-details-backdrop{padding:10px}.cheque-modal,.cheque-details-modal{max-height:calc(100vh - 20px)}}.cheque-details-modal-full{flex-direction:column;width:min(920px,100%);max-height:calc(100vh - 44px);display:flex;overflow:hidden}.cheque-details-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.cheque-details-header h2{color:var(--color-text);margin:6px 0 4px;font-size:22px;font-weight:700}.cheque-details-header p{color:var(--color-text-light);margin:0;font-size:13px}.cheque-details-code{background:var(--table-row-hover);color:var(--color-primary);border-radius:6px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.cheque-details-header>button{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.cheque-details-header>button:hover{background:var(--table-row-hover)}.cheque-details-body{flex:1;padding:20px 22px;overflow-y:auto}.cheque-details-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.cheque-details-summary article{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:13px 14px;display:flex}.cheque-details-summary article>span{color:var(--color-text-light);font-size:12px}.cheque-details-summary article>strong{color:var(--color-text);font-size:14px}.cheque-details-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.cheque-details-info-grid>article{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:16px}.cheque-details-section-title{color:var(--color-text);align-items:center;gap:7px;margin-bottom:13px;display:flex}.cheque-details-section-title h3{margin:0;font-size:15px;font-weight:700}.cheque-details-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:15px;padding:9px 0;display:flex}.cheque-details-row:last-child{border-bottom:0}.cheque-details-row span{color:var(--color-text-light);font-size:12px}.cheque-details-row strong{max-width:60%;color:var(--color-text);text-align:right;overflow-wrap:anywhere;font-size:12px;font-weight:700}.cheque-details-notes{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;margin-bottom:16px;padding:16px}.cheque-details-notes h3{margin:0 0 8px;font-size:15px}.cheque-details-notes p{color:var(--color-text-light);margin:0;font-size:13px;line-height:1.6}.cheque-details-documents{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;margin-bottom:16px;padding:16px}.cheque-details-document-list{flex-direction:column;gap:9px;display:flex}.cheque-details-document-list article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:11px 12px;display:flex}.cheque-details-document-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cheque-details-document-list strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cheque-details-document-list small{color:var(--color-text-light);font-size:11px}.cheque-details-document-list a{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-primary);border-radius:7px;flex-shrink:0;padding:8px 11px;font-size:12px;font-weight:700;text-decoration:none}.cheque-details-document-list a:hover{background:var(--table-row-hover)}.cheque-details-empty{color:var(--color-text-light);margin:0;font-size:12px}.cheque-details-history{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;margin-bottom:16px;padding:16px}.cheque-history-list{flex-direction:column;display:flex}.cheque-history-list article{grid-template-columns:18px 1fr;gap:10px;padding-bottom:16px;display:grid;position:relative}.cheque-history-list article:last-child{padding-bottom:0}.cheque-history-list article:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:13px;bottom:0;left:5px}.cheque-history-dot{z-index:2;border:2px solid var(--color-primary);background:var(--color-card);border-radius:50%;width:11px;height:11px;margin-top:4px;position:relative}.cheque-history-content{min-width:0}.cheque-history-content header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cheque-history-content header strong{font-size:13px}.cheque-history-content time{color:var(--color-text-light);font-size:10px}.cheque-history-content p{color:var(--color-text-light);margin:4px 0 0;font-size:12px;line-height:1.5}.cheque-history-content small{color:var(--color-text-light);margin-top:5px;font-size:10px;display:block}.cheque-details-audit{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:8px;display:grid}.cheque-details-audit>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.cheque-details-audit span{color:var(--color-text-light);font-size:11px}.cheque-details-audit strong{color:var(--color-text);font-size:12px}.cheque-details-footer{border-top:1px solid var(--color-border);background:var(--color-modal);flex-shrink:0;justify-content:flex-end;padding:14px 22px;display:flex}.cheque-details-footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:39px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 15px;font-size:13px;font-weight:700}.cheque-details-footer button:hover{background:var(--table-row-hover)}@media (width<=850px){.cheque-details-summary{grid-template-columns:repeat(2,1fr)}.cheque-details-info-grid,.cheque-details-audit{grid-template-columns:1fr}}@media (width<=520px){.cheque-details-summary{grid-template-columns:1fr}.cheque-details-header,.cheque-details-body{padding:16px}.cheque-details-footer{padding:13px 16px}.cheque-details-document-list article{flex-direction:column;align-items:flex-start}.cheque-history-content header{flex-direction:column;align-items:flex-start;gap:2px}.cheque-details-row{flex-direction:column;gap:4px}.cheque-details-row strong{text-align:left;max-width:100%}}.cheque-action-backdrop{z-index:10000;background:#0f172aad;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.cheque-action-modal{border:1px solid var(--color-border);background:var(--color-modal);border-radius:14px;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000047}.cheque-action-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 21px;display:flex}.cheque-action-header>div{align-items:flex-start;gap:11px;display:flex}.cheque-action-icon{background:var(--table-row-hover);width:40px;height:40px;color:var(--color-primary);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.cheque-action-header h2{color:var(--color-text);margin:0 0 4px;font-size:21px;font-weight:700}.cheque-action-header p{max-width:430px;color:var(--color-text-light);margin:0;font-size:13px;line-height:1.5}.cheque-action-header>button{border:1px solid var(--color-border);width:35px;height:35px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.cheque-action-header>button:hover{background:var(--table-row-hover)}.cheque-action-header>button:disabled{cursor:not-allowed;opacity:.5}.cheque-action-form{flex:1;padding:20px;overflow-y:auto}.cheque-action-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.cheque-action-summary>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:12px 13px;display:flex}.cheque-action-summary span{color:var(--color-text-light);font-size:11px}.cheque-action-summary strong{color:var(--color-text);font-size:14px;font-weight:700}.cheque-action-error{border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-card));color:var(--color-danger);border-radius:8px;margin-bottom:15px;padding:11px 12px;font-size:12px}.cheque-action-form>label{color:var(--color-text);flex-direction:column;gap:7px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.cheque-action-form input,.cheque-action-form textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:8px;outline:0;padding:10px 11px;font-size:13px;transition:all .15s}.cheque-action-form input{min-height:41px}.cheque-action-form textarea{resize:vertical;min-height:95px}.cheque-action-form input:focus,.cheque-action-form textarea:focus{border-color:var(--color-primary)}.cheque-action-form input::placeholder,.cheque-action-form textarea::placeholder{color:var(--color-text-light)}.cheque-action-files{margin-top:4px;margin-bottom:16px}.cheque-action-upload{border:1px dashed var(--color-border);background:var(--color-surface);min-height:125px;color:var(--color-text-light);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:18px;transition:all .15s;display:flex}.cheque-action-upload:hover{border-color:var(--color-primary)}.cheque-action-upload strong{color:var(--color-text);font-size:13px}.cheque-action-upload span{color:var(--color-text-light);font-size:11px}.cheque-action-upload input{display:none}.cheque-action-file-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cheque-action-file-list article{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.cheque-action-file-list article>div{flex-direction:column;gap:2px;min-width:0;display:flex}.cheque-action-file-list strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cheque-action-file-list small{color:var(--color-text-light);font-size:10px}.cheque-action-file-list button{border:1px solid var(--color-border);background:var(--color-card);width:29px;height:29px;color:var(--color-danger);cursor:pointer;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.cheque-action-file-list button:hover{background:var(--table-row-hover)}.cheque-action-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;gap:9px;margin:18px -20px -20px;padding:14px 20px;display:flex;position:sticky;bottom:-20px}.cheque-action-footer button{border:1px solid var(--color-border);background:var(--color-card);min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 14px;font-size:13px;font-weight:700}.cheque-action-footer button:hover{background:var(--table-row-hover)}.cheque-action-footer button:disabled{cursor:not-allowed;opacity:.55}.cheque-action-submit{color:#fff!important;border-color:#0000!important}.cheque-action-submit.deposit{background:var(--color-primary)!important}.cheque-action-submit.clear{background:var(--color-success)!important}.cheque-action-submit.bounce{background:var(--color-danger)!important}.cheque-action-submit.return{background:var(--color-info)!important}.cheque-action-submit.hold{background:var(--color-warning)!important}.cheque-action-submit.cancel{background:var(--color-danger)!important}.cheque-action-submit.approve{background:var(--color-success)!important}.cheque-action-submit.reject{background:var(--color-danger)!important}.cheque-action-submit.request_info{background:var(--color-warning)!important}.cheque-action-modal:has(.cheque-action-submit.deposit) .cheque-action-icon{color:var(--color-primary)}.cheque-action-modal:has(.cheque-action-submit.clear) .cheque-action-icon{color:var(--color-success)}.cheque-action-modal:has(.cheque-action-submit.bounce) .cheque-action-icon{color:var(--color-danger)}.cheque-action-modal:has(.cheque-action-submit.return) .cheque-action-icon{color:var(--color-info)}.cheque-action-modal:has(.cheque-action-submit.hold) .cheque-action-icon{color:var(--color-warning)}.cheque-action-modal:has(.cheque-action-submit.cancel) .cheque-action-icon{color:var(--color-danger)}.cheque-action-modal:has(.cheque-action-submit.approve) .cheque-action-icon{color:var(--color-success)}.cheque-action-modal:has(.cheque-action-submit.reject) .cheque-action-icon{color:var(--color-danger)}.cheque-action-modal:has(.cheque-action-submit.request_info) .cheque-action-icon{color:var(--color-warning)}@media (width<=650px){.cheque-action-backdrop{padding:10px}.cheque-action-modal{max-height:calc(100vh - 20px)}.cheque-action-header,.cheque-action-form{padding:16px}.cheque-action-summary{grid-template-columns:1fr}.cheque-action-footer{margin:16px -16px -16px;padding:13px 16px}}@media (width<=450px){.cheque-action-header>div{gap:8px}.cheque-action-icon{width:36px;height:36px}.cheque-action-header h2{font-size:18px}.cheque-action-footer{flex-direction:column-reverse}.cheque-action-footer button{width:100%}}.cheque-actions .release-hold{color:var(--color-info)}.cheque-action-submit.release_hold{background:var(--color-info)!important}.deleted-records-page{width:100%;color:var(--color-text);padding:22px}.deleted-records-header{margin-bottom:18px}.deleted-records-header h1{color:var(--color-text);margin:0 0 5px;font-size:28px;font-weight:700}.deleted-records-header p{color:var(--color-text-light);margin:0;font-size:14px}.deleted-records-tabs{align-items:center;gap:7px;margin-bottom:14px;display:flex;overflow-x:auto}.deleted-records-tabs button{border:1px solid var(--color-border);background:var(--color-card);min-height:39px;color:var(--color-text-light);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.deleted-records-tabs button:hover{background:var(--table-row-hover)}.deleted-records-tabs button.active{border-color:var(--color-primary);color:var(--color-primary)}.deleted-records-tabs button>span{background:var(--table-row-hover);border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:10px;display:inline-grid}.deleted-records-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:11px;overflow:hidden}.deleted-records-toolbar{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:14px;display:flex}.deleted-records-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:8px;align-items:center;gap:8px;width:min(100%,420px);padding:0 11px;display:flex}.deleted-records-search input{width:100%;height:40px;color:var(--color-text);background:0 0;border:0;outline:0;font-size:13px}.deleted-records-search input::placeholder{color:var(--color-text-light)}.deleted-records-table-wrapper{width:100%;overflow-x:auto}.deleted-records-table{border-collapse:collapse;width:100%;min-width:1000px}.deleted-records-table th,.deleted-records-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle;padding:14px}.deleted-records-table th{background:var(--table-header);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.35px;font-size:11px;font-weight:700}.deleted-records-table td{color:var(--color-text);font-size:13px}.deleted-records-table tbody tr:hover{background:var(--table-row-hover)}.deleted-records-table tbody tr:last-child td{border-bottom:0}.deleted-primary-cell{flex-direction:column;gap:3px;min-width:150px;display:flex}.deleted-primary-cell strong{color:var(--color-text);font-size:13px}.deleted-primary-cell span{color:var(--color-text-light);font-size:11px}.deleted-record-restore{border:1px solid var(--color-border);background:var(--color-card);min-height:34px;color:var(--color-success);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.deleted-record-restore:hover{background:var(--table-row-hover)}.deleted-record-restore:disabled{cursor:not-allowed;opacity:.5}.deleted-records-state,.deleted-records-empty,.deleted-records-no-access{min-height:250px;color:var(--color-text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:30px;display:flex}.deleted-records-state.error{color:var(--color-danger)}.deleted-records-empty h3,.deleted-records-no-access h2{color:var(--color-text);margin:4px 0 0}.deleted-records-empty h3{font-size:17px}.deleted-records-no-access h2{font-size:21px}.deleted-records-empty p,.deleted-records-no-access p{margin:0;font-size:13px}@media (width<=800px){.deleted-records-page{padding:15px}.deleted-records-tabs{padding-bottom:3px}.deleted-records-search{width:100%}}.deleted-records-summary{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.deleted-records-summary article{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;align-items:center;gap:11px;min-height:82px;padding:14px;display:flex}.deleted-records-summary article>svg{color:var(--color-primary)}.deleted-records-summary article>div{flex-direction:column;gap:3px;display:flex}.deleted-records-summary span{color:var(--color-text-light);font-size:11px}.deleted-records-summary strong{color:var(--color-text);font-size:20px}@media (width<=1000px){.deleted-records-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.deleted-records-summary{grid-template-columns:1fr}}.attendance-page{width:100%;color:var(--color-text)}.attendance-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.attendance-page-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.attendance-page-header p{color:var(--color-text-light);margin:5px 0 0;font-size:13px}.attendance-date{border:1px solid var(--color-border);background:var(--color-card);min-height:38px;color:var(--color-text-light);box-shadow:var(--shadow-sm);border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.attendance-today-card,.attendance-history-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);transition:var(--transition)}.attendance-today-card{margin-bottom:20px;padding:20px}.attendance-today-top{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.attendance-section-label{color:var(--color-text-light);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.attendance-today-top h2{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.attendance-location-verified{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.attendance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.attendance-stat{border:1px solid var(--color-border);background:var(--color-surface);transition:var(--transition);border-radius:9px;padding:14px}.attendance-stat:hover{background:var(--table-row-hover)}.attendance-stat span{color:var(--color-text-light);margin-bottom:6px;font-size:11px;display:block}.attendance-stat strong{color:var(--color-text);font-size:15px;font-weight:700}.attendance-location-info{border:1px solid var(--color-border);background:var(--color-surface);border-radius:9px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 14px;display:flex}.attendance-location-info>svg{color:var(--color-text-light);flex-shrink:0;margin-top:2px}.attendance-location-info div{flex-direction:column;gap:2px;min-width:0;display:flex}.attendance-location-info span{color:var(--color-text-light);font-size:10px}.attendance-location-info strong{color:var(--color-text);font-size:12px}.attendance-location-info small{color:var(--color-text-light);font-size:10px}.attendance-actions{gap:10px;margin-top:18px;display:flex}.attendance-button{cursor:pointer;min-width:130px;min-height:39px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.attendance-button:hover:not(:disabled){transform:translateY(-1px)}.attendance-button:active:not(:disabled){transform:translateY(0)}.attendance-check-in{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.attendance-check-in:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.attendance-check-out{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.attendance-check-out:hover:not(:disabled){background:var(--table-row-hover)}.attendance-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.attendance-location-notice{color:var(--color-text-light);align-items:center;gap:5px;margin:10px 0 0;font-size:10px;display:flex}.attendance-history-card{overflow:hidden}.attendance-card-header{border-bottom:1px solid var(--color-border);background:var(--color-card);padding:16px 18px}.attendance-card-header h2{color:var(--color-text);margin:0;font-size:16px;font-weight:700}.attendance-card-header p{color:var(--color-text-light);margin:4px 0 0;font-size:11px}.attendance-table-wrapper{background:var(--color-card);width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:850px}.attendance-table th{border-bottom:1px solid var(--color-border);background:var(--table-header);color:var(--color-text-light);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 14px;font-size:10px;font-weight:700}.attendance-table td{border-bottom:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);vertical-align:middle;padding:12px 14px;font-size:11px}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-table tbody tr{background:var(--color-card);transition:var(--transition)}.attendance-table tbody tr:hover,.attendance-table tbody tr:hover td{background:var(--table-row-hover)}.attendance-status{background:var(--table-row-hover);color:var(--color-text-light);text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.attendance-status-present{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.attendance-status-late{background:color-mix(in srgb, var(--color-warning) 15%, var(--color-card));color:var(--color-warning)}.attendance-status-half_day{background:color-mix(in srgb, #eab308 15%, var(--color-card));color:#eab308}.attendance-status-absent{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.attendance-status-on_leave{background:color-mix(in srgb, var(--color-info) 14%, var(--color-card));color:var(--color-info)}.attendance-status-holiday{background:color-mix(in srgb, #8960d7 15%, var(--color-card));color:#8960d7}.attendance-table-location{color:var(--color-text-light);align-items:center;gap:4px;display:flex}.attendance-table-location svg{color:var(--color-text-light);flex-shrink:0}.attendance-empty,.attendance-loading{background:var(--color-card);color:var(--color-text-light);text-align:center;padding:40px 20px;font-size:12px}.attendance-error{border:1px solid color-mix(in srgb, var(--color-danger) 25%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-card));color:var(--color-danger);border-radius:8px;padding:14px 16px;font-size:12px}.attendance-table-wrapper::-webkit-scrollbar{height:6px}.attendance-table-wrapper::-webkit-scrollbar-track{background:var(--color-card)}.attendance-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.attendance-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .attendance-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=900px){.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.attendance-page-header{flex-direction:column;align-items:flex-start}.attendance-date{justify-content:center;width:100%}.attendance-today-top{flex-direction:column}.attendance-stats{grid-template-columns:1fr}.attendance-actions{flex-direction:column}.attendance-button{width:100%}.attendance-today-card{padding:16px}.attendance-card-header{padding:14px 16px}}.employees-page{width:100%;color:var(--color-text)}.employees-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.employees-page-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.employees-page-header p{color:var(--color-text-light);margin:5px 0 0;font-size:13px;line-height:1.5}.employees-add-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;min-height:38px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.employees-add-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.employees-add-button:active:not(:disabled){transform:translateY(0)}.employees-add-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.employees-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.employees-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:11px;padding:15px 16px;display:flex}.employees-summary-card:hover{transform:translateY(-1px)}.employees-summary-icon{background:var(--color-surface);width:38px;height:38px;color:var(--color-text-light);border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.employees-summary-card span{color:var(--color-text-light);margin-bottom:3px;font-size:11px;display:block}.employees-summary-card strong{color:var(--color-text);font-size:19px;font-weight:700}.employees-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.employees-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);align-items:center;gap:10px;padding:13px 14px;display:flex}.employees-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:260px;height:36px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:7px;padding:0 11px;display:flex}.employees-search:focus-within{border-color:var(--color-primary)}.employees-search input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.employees-search input::placeholder{color:var(--color-placeholder)}.employees-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:140px;height:36px;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;padding:0 10px;font-family:inherit;font-size:12px}.employees-filter:hover{border-color:var(--color-text-light)}.employees-filter:focus{border-color:var(--color-primary)}.employees-filter option{background:var(--color-card);color:var(--color-text)}.employees-table-wrapper{background:var(--color-card);width:100%;overflow-x:auto}.employees-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:1050px}.employees-table th{background:var(--table-header);border-bottom:1px solid var(--color-border);color:var(--color-text-light);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:10px;font-weight:700}.employees-table td{border-bottom:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);vertical-align:middle;padding:12px 13px;font-size:11px}.employees-table tbody tr{background:var(--color-card);transition:var(--transition)}.employees-table tbody tr:hover,.employees-table tbody tr:hover td{background:var(--table-row-hover)}.employees-table tbody tr:last-child td{border-bottom:none}.employee-person-cell{align-items:center;gap:9px;min-width:180px;display:flex}.employee-avatar{background:var(--color-primary);color:#fff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.employee-person-cell>div:last-child{min-width:0}.employee-person-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--color-text);font-size:11.5px;font-weight:700;display:block;overflow:hidden}.employee-person-cell span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--color-text-light);margin-top:2px;font-size:10px;display:block;overflow:hidden}.employee-code{color:var(--color-text);font-size:11px;font-weight:700}.employee-user-link{min-width:150px}.employee-user-link strong{color:var(--color-text);font-size:10.5px;display:block}.employee-user-link span{color:var(--color-text-light);margin-top:2px;font-size:9.5px;display:block}.employee-not-linked{background:var(--color-surface);color:var(--color-text-light);border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-location-count{background:color-mix(in srgb, var(--color-info) 12%, var(--color-card));color:var(--color-info);border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-status{background:var(--color-surface);color:var(--color-text-light);text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-status-active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.employee-status-inactive{background:var(--color-surface);color:var(--color-text-light)}.employee-status-on_leave{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.employee-status-resigned{background:var(--color-surface);color:var(--color-text-light)}.employee-status-terminated{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.employees-actions{align-items:center;gap:6px;display:flex}.employees-icon-button{border:1px solid var(--color-border);background:var(--color-card);width:30px;height:30px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.employees-icon-button:hover{background:var(--table-row-hover);border-color:var(--color-border);color:var(--color-text)}.employees-icon-button.danger{color:var(--color-danger)}.employees-icon-button.danger:hover{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card));border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border));color:var(--color-danger)}.employees-empty{background:var(--color-card);text-align:center;min-height:260px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;padding:35px 20px;display:flex}.employees-empty svg{color:var(--color-text-light);margin-bottom:10px}.employees-empty h3{color:var(--color-text);margin:0 0 5px;font-size:14px}.employees-empty p{color:var(--color-text-light);margin:0;font-size:11px}.employee-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(900px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.employee-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.employee-modal-header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.employee-modal-header p{color:var(--color-text-light);margin:4px 0 0;font-size:11px}.employee-modal-close{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;font-size:22px;line-height:1}.employee-modal-close:hover{border-color:var(--color-border);background:var(--table-row-hover);color:var(--color-text)}.employee-form{background:var(--color-modal);flex:1;padding:18px;overflow-y:auto}.employee-form-section{border-bottom:1px solid var(--color-border);margin-bottom:18px;padding-bottom:18px}.employee-form-section:last-of-type{border-bottom:none;margin-bottom:0}.employee-form-section h3{color:var(--color-text);margin:0 0 12px;font-size:12px;font-weight:700}.employee-form-help{color:var(--color-text-light);margin:-4px 0 12px;font-size:10px;line-height:1.5}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.employee-form label{flex-direction:column;gap:6px;display:flex}.employee-form label>span{color:var(--color-text-light);font-size:10.5px;font-weight:600}.employee-form input,.employee-form select,.employee-form textarea{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;font-family:inherit;font-size:12px}.employee-form input,.employee-form select{height:37px;padding:0 10px}.employee-form textarea{resize:vertical;min-height:80px;padding:9px 10px}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.employee-form input::placeholder,.employee-form textarea::placeholder{color:var(--color-placeholder)}.employee-form select option{background:var(--color-card);color:var(--color-text)}.employee-form input[type=date],.employee-form input[type=time],.employee-form input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.employee-form input[type=date],.employee-form input[type=time],.employee-form input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial}}.employee-form-full{grid-column:1/-1}.employee-field-hint{color:var(--color-text-light);margin-top:2px;font-size:9px;line-height:1.4;display:block}.employee-location-selector{margin-top:16px}.employee-location-selector-title{color:var(--color-text-light);margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}.employee-location-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.employee-location-option{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:flex-start;padding:10px;flex-direction:row!important;gap:8px!important;display:flex!important}.employee-location-option:hover{background:var(--table-row-hover)}.employee-location-option.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-card))}.employee-location-option input{width:15px;height:15px;accent-color:var(--color-primary);flex:0 0 15px;margin-top:2px}.employee-location-option div{min-width:0}.employee-location-option strong{color:var(--color-text);font-size:11px;display:block}.employee-location-option span{color:var(--color-text-light);text-transform:capitalize;margin-top:3px;font-size:9.5px;display:block}.employee-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;align-items:center;gap:8px;margin:0 -18px -18px;padding:13px 18px;display:flex;position:sticky;bottom:0}.employee-secondary-button,.employee-primary-button{cursor:pointer;min-height:36px;transition:var(--transition);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:11px;font-weight:700}.employee-secondary-button{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light)}.employee-secondary-button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.employee-primary-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.employee-primary-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.employee-primary-button:disabled,.employee-secondary-button:disabled{opacity:.5;cursor:not-allowed}.employee-form::-webkit-scrollbar{width:6px;height:6px}.employees-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.employee-form::-webkit-scrollbar-track{background:var(--color-card)}.employees-table-wrapper::-webkit-scrollbar-track{background:var(--color-card)}.employee-form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.employees-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.employee-form::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.employees-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .employees-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .employee-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .employee-form input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .employee-form input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}@media (width<=900px){.employees-summary-grid,.employee-form-grid{grid-template-columns:1fr}}@media (width<=700px){.employees-page-header{flex-direction:column;align-items:flex-start}.employees-add-button{width:100%}.employees-toolbar{flex-direction:column;align-items:stretch}.employees-search,.employees-filter{width:100%}.employee-location-options{grid-template-columns:1fr}.employee-modal-backdrop{padding:10px}.employee-modal{max-height:calc(100vh - 20px)}}@media (width<=480px){.employees-page-header h1{font-size:21px}.employees-summary-card{padding:13px}.employee-modal-header,.employee-form{padding:14px}.employee-modal-footer{margin:0 -14px -14px;padding:12px 14px}}.attendance-locations-page{width:100%;color:var(--color-text)}.attendance-locations-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.attendance-locations-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.attendance-locations-header p{color:var(--color-text-light);margin:5px 0 0;font-size:13px}.attendance-location-add{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;min-height:38px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.attendance-location-add:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.attendance-location-add:active:not(:disabled){transform:translateY(0)}.attendance-location-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.attendance-location-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.attendance-location-summary>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);transition:var(--transition);padding:15px 16px}.attendance-location-summary>div:hover{transform:translateY(-1px)}.attendance-location-summary span{color:var(--color-text-light);margin-bottom:4px;font-size:11px;display:block}.attendance-location-summary strong{color:var(--color-text);font-size:20px;font-weight:700}.attendance-location-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.attendance-location-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);padding:13px 14px}.attendance-location-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:270px;height:36px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:7px;padding:0 11px;display:flex}.attendance-location-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent)}.attendance-location-search input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.attendance-location-search input::placeholder{color:var(--color-placeholder)}.attendance-location-table-wrapper{background:var(--color-card);width:100%;overflow-x:auto}.attendance-location-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:1000px}.attendance-location-table th{background:var(--table-header);border-bottom:1px solid var(--color-border);color:var(--color-text-light);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:10px;font-weight:700}.attendance-location-table td{border-bottom:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);vertical-align:middle;padding:12px 13px;font-size:11px}.attendance-location-table tbody tr{background:var(--color-card);transition:var(--transition)}.attendance-location-table tbody tr:hover,.attendance-location-table tbody tr:hover td{background:var(--table-row-hover)}.attendance-location-table tbody tr:last-child td{border-bottom:none}.attendance-location-name{align-items:flex-start;gap:8px;min-width:180px;display:flex}.attendance-location-name>svg{color:var(--color-text-light);flex-shrink:0;margin-top:2px}.attendance-location-name>div{min-width:0}.attendance-location-name strong{color:var(--color-text);font-size:11.5px;font-weight:700;display:block}.attendance-location-name span{max-width:190px;color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9.5px;display:block;overflow:hidden}.attendance-location-coordinates{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.attendance-location-coordinates span{color:var(--color-text-light);font-size:9.5px}.attendance-location-status{background:var(--color-surface);color:var(--color-text-light);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.attendance-location-status.active{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.attendance-location-status.inactive{background:var(--color-surface);color:var(--color-text-light)}.attendance-location-actions{align-items:center;gap:6px;display:flex}.attendance-location-actions button{border:1px solid var(--color-border);background:var(--color-card);width:30px;height:30px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.attendance-location-actions button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.attendance-location-actions button.danger{color:var(--color-danger)}.attendance-location-actions button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card));border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border));color:var(--color-danger)}.attendance-location-actions button:disabled{opacity:.5;cursor:not-allowed}.attendance-location-empty{background:var(--color-card);text-align:center;min-height:260px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;padding:35px 20px;display:flex}.attendance-location-empty svg{color:var(--color-text-light);margin-bottom:10px}.attendance-location-empty h3{color:var(--color-text);margin:0 0 5px;font-size:14px}.attendance-location-empty p{color:var(--color-text-light);margin:0;font-size:11px}.attendance-location-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attendance-location-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(760px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.attendance-location-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.attendance-location-modal-header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.attendance-location-modal-header p{color:var(--color-text-light);margin:4px 0 0;font-size:11px}.attendance-location-modal-header>button{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;font-size:22px;line-height:1}.attendance-location-modal-header>button:hover{border-color:var(--color-border);background:var(--table-row-hover);color:var(--color-text)}.attendance-location-form{background:var(--color-modal);flex:1;padding:18px;overflow-y:auto}.attendance-location-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.attendance-location-form label{flex-direction:column;gap:6px;display:flex}.attendance-location-form label>span{color:var(--color-text-light);font-size:10.5px;font-weight:600}.attendance-location-form input,.attendance-location-form select{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;height:37px;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;padding:0 10px;font-family:inherit;font-size:12px}.attendance-location-form input::placeholder{color:var(--color-placeholder)}.attendance-location-form input:focus,.attendance-location-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.attendance-location-form select option{background:var(--color-card);color:var(--color-text)}.attendance-location-full{grid-column:1/-1}.attendance-location-gps-button{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.attendance-location-gps-button:hover:not(:disabled){background:var(--table-row-hover);border-color:var(--color-border)}.attendance-location-gps-button:disabled{opacity:.5;cursor:not-allowed}.attendance-location-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;align-items:center;gap:8px;margin:18px -18px -18px;padding:13px 18px;display:flex}.attendance-location-modal-footer button{cursor:pointer;min-height:36px;transition:var(--transition);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:11px;font-weight:700}.attendance-location-modal-footer .secondary{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light)}.attendance-location-modal-footer .secondary:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.attendance-location-modal-footer .primary{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.attendance-location-modal-footer .primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.attendance-location-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.attendance-location-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.attendance-location-form::-webkit-scrollbar{width:6px;height:6px}.attendance-location-table-wrapper::-webkit-scrollbar-track{background:var(--color-card)}.attendance-location-form::-webkit-scrollbar-track{background:var(--color-card)}.attendance-location-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.attendance-location-form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.attendance-location-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.attendance-location-form::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .attendance-locations-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=800px){.attendance-location-summary,.attendance-location-form-grid{grid-template-columns:1fr}.attendance-location-full{grid-column:auto}}@media (width<=650px){.attendance-locations-header{flex-direction:column;align-items:flex-start}.attendance-location-add,.attendance-location-search{width:100%}.attendance-location-modal-backdrop{padding:10px}.attendance-location-modal{max-height:calc(100vh - 20px)}}@media (width<=480px){.attendance-locations-header h1{font-size:21px}.attendance-location-summary>div{padding:13px 14px}.attendance-location-modal-header,.attendance-location-form{padding:14px}.attendance-location-modal-footer{margin:18px -14px -14px;padding:12px 14px}}.admin-attendance-page{width:100%;color:var(--color-text)}.admin-attendance-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.admin-attendance-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.admin-attendance-header p{color:var(--color-text-light);margin:5px 0 0;font-size:13px;line-height:1.5}.attendance-export-button{border:1px solid var(--color-border);background:var(--color-primary);color:#fff;cursor:pointer;min-height:38px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.attendance-export-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.attendance-export-button:active{transform:translateY(0)}.attendance-export-button:disabled{opacity:.6;cursor:not-allowed}.admin-attendance-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-attendance-summary>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:88px;box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;justify-content:center;padding:14px 15px;display:flex;position:relative}.admin-attendance-summary>div:hover{transform:translateY(-1px)}.admin-attendance-summary svg{color:var(--color-text-light);margin-bottom:7px}.admin-attendance-summary span{color:var(--color-text-light);font-size:10px;font-weight:600}.admin-attendance-summary strong{color:var(--color-text);margin-top:4px;font-size:20px;font-weight:700}.admin-attendance-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.admin-attendance-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-wrap:wrap;align-items:center;gap:9px;padding:13px 14px;display:flex}.admin-attendance-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:235px;height:36px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.admin-attendance-search:focus-within{border-color:var(--color-primary)}.admin-attendance-search input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:11px}.admin-attendance-search input::placeholder{color:var(--color-placeholder)}.admin-attendance-toolbar>input,.admin-attendance-toolbar>select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:135px;height:36px;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;padding:0 9px;font-family:inherit;font-size:10.5px}.admin-attendance-toolbar>select{min-width:145px}.admin-attendance-toolbar>input:hover,.admin-attendance-toolbar>select:hover{border-color:var(--color-text-light)}.admin-attendance-toolbar>input:focus,.admin-attendance-toolbar>select:focus{border-color:var(--color-primary)}.admin-attendance-toolbar select option{background:var(--color-card);color:var(--color-text)}.admin-attendance-toolbar input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.admin-attendance-toolbar input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial}}.attendance-clear-filter{border:1px solid var(--color-input-border);background:var(--color-input-bg);height:36px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:8px;padding:0 12px;font-family:inherit;font-size:10.5px;font-weight:600}.attendance-clear-filter:hover{background:var(--table-row-hover);border-color:var(--color-border);color:var(--color-text)}.admin-attendance-table-wrapper{background:var(--color-card);width:100%;overflow-x:auto}.admin-attendance-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:1450px}.admin-attendance-table th{border-bottom:1px solid var(--color-border);background:var(--table-header);color:var(--color-text-light);text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 11px;font-size:9px;font-weight:700}.admin-attendance-table td{border-bottom:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);vertical-align:middle;white-space:nowrap;padding:11px;font-size:12px}.admin-attendance-table tbody tr{background:var(--color-card);transition:var(--transition)}.admin-attendance-table tbody tr:hover,.admin-attendance-table tbody tr:hover td{background:var(--table-row-hover)}.admin-attendance-table tbody tr:last-child td{border-bottom:none}.attendance-employee-cell{min-width:150px}.attendance-employee-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;color:var(--color-text);font-size:10.5px;font-weight:700;display:block;overflow:hidden}.attendance-employee-cell span{color:var(--color-text-light);margin-top:2px;font-size:9px;display:block}.admin-attendance-status{background:var(--table-row-hover);color:var(--color-text-light);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.admin-attendance-status-present{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.admin-attendance-status-late{background:color-mix(in srgb, var(--color-warning) 15%, var(--color-card));color:var(--color-warning)}.admin-attendance-status-half_day{background:color-mix(in srgb, #eab308 15%, var(--color-card));color:#eab308}.admin-attendance-status-absent{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.admin-attendance-status-on_leave{background:color-mix(in srgb, var(--color-info) 14%, var(--color-card));color:var(--color-info)}.admin-attendance-status-holiday{background:color-mix(in srgb, #8960d7 15%, var(--color-card));color:#8960d7}.attendance-edit-button{border:1px solid var(--color-border);background:var(--color-card);width:29px;height:29px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.attendance-edit-button:hover{background:var(--table-row-hover);color:var(--color-text)}.admin-attendance-empty{background:var(--color-card);min-height:240px;color:var(--color-text-light);justify-content:center;align-items:center;padding:35px 20px;font-size:11px;display:flex}.admin-attendance-pagination{border-top:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:10px;display:flex}.admin-attendance-pagination>div:last-child{gap:7px;display:flex}.admin-attendance-pagination button{border:1px solid var(--color-border);background:var(--color-card);min-height:31px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;padding:6px 11px;font-family:inherit;font-size:10px;font-weight:600}.admin-attendance-pagination button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.admin-attendance-pagination button:disabled{opacity:.4;cursor:not-allowed}.attendance-admin-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.attendance-admin-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(720px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.attendance-admin-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.attendance-admin-modal-header h2{color:var(--color-text);margin:0;font-size:17px;font-weight:700}.attendance-admin-modal-header p{color:var(--color-text-light);margin:4px 0 0;font-size:10.5px}.attendance-admin-modal-header>button{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;font-size:22px;line-height:1}.attendance-admin-modal-header>button:hover{border-color:var(--color-border);background:var(--table-row-hover);color:var(--color-text)}.attendance-admin-form{background:var(--color-modal);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;display:grid;overflow-y:auto}.attendance-admin-form label{flex-direction:column;gap:6px;display:flex}.attendance-admin-form label>span{color:var(--color-text-light);font-size:10.5px;font-weight:600}.attendance-admin-form input,.attendance-admin-form select,.attendance-admin-form textarea{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;font-family:inherit;font-size:11px}.attendance-admin-form input,.attendance-admin-form select{height:37px;padding:0 10px}.attendance-admin-form textarea{resize:vertical;min-height:82px;padding:9px 10px}.attendance-admin-form input::placeholder,.attendance-admin-form textarea::placeholder{color:var(--color-placeholder)}.attendance-admin-form select option{background:var(--color-card);color:var(--color-text)}.attendance-admin-form input:focus,.attendance-admin-form select:focus,.attendance-admin-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.attendance-admin-form input[type=date],.attendance-admin-form input[type=time],.attendance-admin-form input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.attendance-admin-form input[type=date],.attendance-admin-form input[type=time],.attendance-admin-form input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial}}.attendance-admin-full{grid-column:1/-1}.attendance-admin-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);grid-column:1/-1;justify-content:flex-end;gap:8px;margin:4px -18px -18px;padding:13px 18px;display:flex}.attendance-admin-modal-footer button{cursor:pointer;min-height:36px;transition:var(--transition);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:10.5px;font-weight:700}.attendance-admin-modal-footer .secondary{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light)}.attendance-admin-modal-footer .secondary:hover{background:var(--table-row-hover);color:var(--color-text)}.attendance-admin-modal-footer .primary{background:var(--color-primary);color:#fff;border:none}.attendance-admin-modal-footer .primary:hover:not(:disabled){background:var(--color-primary-hover)}.attendance-admin-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.admin-attendance-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.attendance-admin-form::-webkit-scrollbar{width:6px;height:6px}.admin-attendance-table-wrapper::-webkit-scrollbar-track{background:var(--color-card)}.attendance-admin-form::-webkit-scrollbar-track{background:var(--color-card)}.admin-attendance-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.attendance-admin-form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.admin-attendance-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.attendance-admin-form::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .admin-attendance-toolbar input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .attendance-admin-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .attendance-admin-form input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .attendance-admin-form input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}@media (width<=1200px){.admin-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.admin-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-admin-form{grid-template-columns:1fr}.attendance-admin-full,.attendance-admin-modal-footer{grid-column:auto}}@media (width<=700px){.admin-attendance-header{flex-direction:column;align-items:flex-start}.attendance-export-button{width:100%}.admin-attendance-toolbar{flex-direction:column;align-items:stretch}.admin-attendance-search,.admin-attendance-toolbar>input,.admin-attendance-toolbar>select,.attendance-clear-filter{width:100%;max-width:none}.admin-attendance-pagination{flex-direction:column;align-items:stretch}.admin-attendance-pagination>div:last-child{width:100%}.admin-attendance-pagination button{flex:1}.attendance-admin-modal-backdrop{padding:10px}.attendance-admin-modal{max-height:calc(100vh - 20px)}}@media (width<=520px){.admin-attendance-summary{grid-template-columns:1fr}}.employee-documents-page{width:100%;color:var(--color-text)}.employee-documents-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.employee-documents-header h1{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.employee-documents-header p{color:var(--color-text-light);margin:5px 0 0;font-size:13px;line-height:1.5}.employee-document-add{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;min-height:38px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.employee-document-add:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.employee-document-add:active:not(:disabled){transform:translateY(0)}.employee-document-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.employee-document-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.employee-document-summary>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);min-height:82px;box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;justify-content:center;padding:14px 16px;display:flex}.employee-document-summary>div:hover{transform:translateY(-1px)}.employee-document-summary span{color:var(--color-text-light);font-size:10.5px;font-weight:600}.employee-document-summary strong{color:var(--color-text);margin-top:5px;font-size:20px;font-weight:700}.employee-document-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm);overflow:hidden}.employee-document-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-wrap:wrap;align-items:center;gap:9px;padding:13px 14px;display:flex}.employee-document-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:240px;height:36px;color:var(--color-text-light);transition:var(--transition);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.employee-document-search:focus-within{border-color:var(--color-primary)}.employee-document-search input{width:100%;color:var(--color-text);background:0 0;border:none;outline:none;font-family:inherit;font-size:11px}.employee-document-search input::placeholder{color:var(--color-placeholder)}.employee-document-toolbar>select{border:1px solid var(--color-input-border);background:var(--color-input-bg);min-width:145px;height:36px;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;padding:0 9px;font-family:inherit;font-size:10.5px}.employee-document-toolbar>select:hover{border-color:var(--color-text-light)}.employee-document-toolbar>select:focus{border-color:var(--color-primary)}.employee-document-toolbar>select option{background:var(--color-card);color:var(--color-text)}.employee-document-table-wrapper{background:var(--color-card);width:100%;overflow-x:auto}.employee-document-table{border-collapse:collapse;background:var(--color-card);width:100%;min-width:1150px}.employee-document-table th{border-bottom:1px solid var(--color-border);background:var(--table-header);color:var(--color-text-light);text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px 11px;font-size:9px;font-weight:700}.employee-document-table td{border-bottom:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light);vertical-align:middle;padding:11px;font-size:10px}.employee-document-table tbody tr{background:var(--color-card);transition:var(--transition)}.employee-document-table tbody tr:hover,.employee-document-table tbody tr:hover td{background:var(--table-row-hover)}.employee-document-table tbody tr:last-child td{border-bottom:none}.employee-document-person{min-width:150px}.employee-document-person strong{color:var(--color-text);font-size:10.5px;font-weight:700;display:block}.employee-document-person span{color:var(--color-text-light);margin-top:2px;font-size:9px;display:block}.employee-document-name{min-width:145px}.employee-document-name strong{color:var(--color-text);font-size:10.5px;font-weight:700;display:block}.employee-document-name span{color:var(--color-text-light);margin-top:2px;font-size:9px;display:block}.document-days-left{background:var(--color-surface);color:var(--color-text-light);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 7px;font-size:8.5px;font-weight:700;display:inline-flex}.document-days-left.warning{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.document-days-left.urgent{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-card));color:var(--color-danger)}.document-days-left.expired{background:color-mix(in srgb, var(--color-danger) 18%, var(--color-card));color:var(--color-danger)}.employee-document-status{background:var(--color-surface);color:var(--color-text-light);white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;padding:4px 7px;font-size:8.5px;font-weight:700;display:inline-flex}.employee-document-status-valid{background:color-mix(in srgb, var(--color-success) 14%, var(--color-card));color:var(--color-success)}.employee-document-status-expiring{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-card));color:var(--color-warning)}.employee-document-status-expired{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card));color:var(--color-danger)}.employee-document-status-cancelled{background:var(--color-surface);color:var(--color-text-light)}.document-file-button{border:1px solid var(--color-border);background:var(--color-card);min-height:29px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-family:inherit;font-size:9px;font-weight:700;display:inline-flex}.document-file-button:hover{background:var(--table-row-hover);color:var(--color-text)}.employee-document-actions{align-items:center;gap:6px;display:flex}.employee-document-actions button{border:1px solid var(--color-border);background:var(--color-card);width:29px;height:29px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.employee-document-actions button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.employee-document-actions button.danger{color:var(--color-danger)}.employee-document-actions button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 10%, var(--color-card));border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border));color:var(--color-danger)}.employee-document-actions button:disabled{opacity:.5;cursor:not-allowed}.employee-document-empty{background:var(--color-card);text-align:center;min-height:260px;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;padding:35px 20px;display:flex}.employee-document-empty svg{color:var(--color-text-light);margin-bottom:10px}.employee-document-empty h3{color:var(--color-text);margin:0 0 5px;font-size:14px}.employee-document-empty p{max-width:360px;color:var(--color-text-light);margin:0;font-size:10.5px;line-height:1.5}.employee-document-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a0fad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-document-modal{border:1px solid var(--color-border);background:var(--color-modal);width:min(820px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);border-radius:13px;flex-direction:column;display:flex;overflow:hidden}.employee-document-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-modal);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.employee-document-modal-header h2{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.employee-document-modal-header p{color:var(--color-text-light);margin:4px 0 0;font-size:10.5px}.employee-document-modal-header>button{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;font-size:22px;line-height:1}.employee-document-modal-header>button:hover{border-color:var(--color-border);background:var(--table-row-hover);color:var(--color-text)}.employee-document-form{background:var(--color-modal);flex:1;padding:18px;overflow-y:auto}.employee-document-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.employee-document-form label{flex-direction:column;gap:6px;display:flex}.employee-document-form label>span{color:var(--color-text-light);font-size:10.5px;font-weight:600}.employee-document-form input,.employee-document-form select,.employee-document-form textarea{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);transition:var(--transition);border-radius:8px;outline:none;font-family:inherit;font-size:11px}.employee-document-form input,.employee-document-form select{height:37px;padding:0 10px}.employee-document-form textarea{resize:vertical;min-height:82px;padding:9px 10px}.employee-document-form input:focus,.employee-document-form select:focus,.employee-document-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.employee-document-form input::placeholder,.employee-document-form textarea::placeholder{color:var(--color-placeholder)}.employee-document-form select option{background:var(--color-card);color:var(--color-text)}.employee-document-form input[type=date],.employee-document-form input[type=time],.employee-document-form input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.employee-document-form input[type=date],.employee-document-form input[type=time],.employee-document-form input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial}}.employee-document-full{grid-column:1/-1}.employee-document-file-input{border:1px dashed var(--color-input-border);background:var(--color-surface);min-height:44px;color:var(--color-text-light);border-radius:8px;align-items:center;gap:8px;padding:9px 11px;display:flex}.employee-document-file-input input{height:auto;color:var(--color-text);box-shadow:none;background:0 0;border:none;padding:0}.employee-document-file-input input[type=file]::file-selector-button{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;border-radius:6px;margin-right:10px;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:600}.employee-document-file-input input[type=file]::file-selector-button:hover{background:var(--table-row-hover)}.employee-document-form small{color:var(--color-text-light);font-size:9px}.employee-document-notification-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;padding:10px 11px;flex-direction:row!important;gap:8px!important}.employee-document-notification-toggle:hover{background:var(--table-row-hover)}.employee-document-notification-toggle input{width:15px;height:15px;accent-color:var(--color-primary);flex:0 0 15px;margin:0}.employee-document-notification-toggle span{font-weight:600;color:var(--color-text)!important;font-size:10.5px!important}.document-reminder-title{color:var(--color-text-light);margin-bottom:7px;font-size:10.5px;font-weight:600;display:block}.document-reminder-days{flex-wrap:wrap;gap:7px;display:flex}.document-reminder-days label{border:1px solid var(--color-border);background:var(--color-card);min-width:74px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);border-radius:7px;align-items:center;padding:7px 9px;font-size:9px;flex-direction:row!important;gap:6px!important;display:flex!important}.document-reminder-days label:hover{background:var(--table-row-hover)}.document-reminder-days label.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-card));color:var(--color-text)}.document-reminder-days input{width:14px;height:14px;accent-color:var(--color-primary);flex:0 0 14px;margin:0}.employee-document-modal-footer{border-top:1px solid var(--color-border);background:var(--color-modal);justify-content:flex-end;align-items:center;gap:8px;margin:18px -18px -18px;padding:13px 18px;display:flex}.employee-document-modal-footer button{cursor:pointer;min-height:36px;transition:var(--transition);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:10.5px;font-weight:700}.employee-document-modal-footer .secondary{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-light)}.employee-document-modal-footer .secondary:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-text)}.employee-document-modal-footer .primary{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.employee-document-modal-footer .primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.employee-document-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.employee-document-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.employee-document-form::-webkit-scrollbar{width:6px;height:6px}.employee-document-table-wrapper::-webkit-scrollbar-track{background:var(--color-card)}.employee-document-form::-webkit-scrollbar-track{background:var(--color-card)}.employee-document-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.employee-document-form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.employee-document-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.employee-document-form::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .employee-documents-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .employee-document-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .employee-document-form input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html.dark .employee-document-form input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}@media (width<=950px){.employee-document-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-document-form-grid{grid-template-columns:1fr}.employee-document-full{grid-column:auto}}@media (width<=700px){.employee-documents-header{flex-direction:column;align-items:flex-start}.employee-document-add{width:100%}.employee-document-toolbar{flex-direction:column;align-items:stretch}.employee-document-search,.employee-document-toolbar>select{width:100%}.employee-document-modal-backdrop{padding:10px}.employee-document-modal{max-height:calc(100vh - 20px)}}@media (width<=520px){.employee-document-summary{grid-template-columns:1fr}.employee-documents-header h1{font-size:21px}.employee-document-form,.employee-document-modal-header{padding:14px}.employee-document-modal-footer{margin:18px -14px -14px;padding:12px 14px}}.leave-page{width:100%;min-height:100%;color:var(--text-primary,#111827);padding:24px}.leave-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.leave-page-header h1{color:var(--text-primary,#111827);margin:0;font-size:26px;font-weight:700;line-height:1.25}.leave-page-header p{color:var(--text-secondary,#6b7280);margin:6px 0 0;font-size:14px}.leave-primary-button,.leave-secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,opacity .2s,transform .1s;display:inline-flex}.leave-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.leave-primary-button:hover{background:#1d4ed8;border-color:#1d4ed8}.leave-secondary-button{border:1px solid var(--border-color,#d1d5db);background:var(--surface-color,#fff);color:var(--text-primary,#374151)}.leave-secondary-button:hover{background:var(--surface-hover,#f9fafb)}.leave-primary-button:disabled,.leave-secondary-button:disabled{cursor:not-allowed;opacity:.55}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.leave-balance-card{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);border-radius:12px;min-width:0;padding:20px;box-shadow:0 1px 2px #0000000a}.leave-balance-card>span{color:var(--text-secondary,#6b7280);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.leave-balance-card>strong{color:var(--text-primary,#111827);font-size:30px;line-height:1.1;display:block}.leave-balance-card>small{color:var(--text-secondary,#9ca3af);margin-top:5px;font-size:12px;display:block}.leave-balance-details{border-top:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;gap:12px;margin-top:17px;padding-top:14px;display:flex}.leave-balance-details span{color:var(--text-secondary,#6b7280);font-size:12px}.leave-balance-details strong{color:var(--text-primary,#111827)}.leave-empty-card{text-align:center;border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);color:var(--text-secondary,#6b7280);border-radius:12px;grid-column:1/-1;padding:30px}.leave-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.leave-summary-grid>div{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);border-radius:12px;min-width:0;padding:18px;box-shadow:0 1px 2px #0000000a}.leave-summary-grid span{color:var(--text-secondary,#6b7280);margin-bottom:10px;font-size:13px;display:block}.leave-summary-grid strong{color:var(--text-primary,#111827);font-size:27px;display:block}.leave-card{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.leave-toolbar{border-bottom:1px solid var(--border-color,#e5e7eb);flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.leave-toolbar>div:first-child{margin-right:auto}.leave-toolbar h2{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:700}.leave-toolbar p{color:var(--text-secondary,#6b7280);margin:4px 0 0;font-size:13px}.leave-toolbar select,.leave-toolbar input{border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);min-height:39px;color:var(--text-primary,#111827);border-radius:7px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.leave-toolbar select:focus,.leave-toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.leave-search{border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);min-width:220px;min-height:39px;color:var(--text-secondary,#6b7280);border-radius:7px;align-items:center;gap:7px;padding:0 10px;display:flex}.leave-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.leave-search input{width:100%;min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.leave-search input:focus{box-shadow:none;border:0}.leave-table-wrapper{width:100%;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:1050px}.leave-admin-table{min-width:1450px}.leave-table th{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--table-header-bg,#f9fafb);color:var(--text-secondary,#6b7280);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;font-size:11px;font-weight:700}.leave-table td{border-bottom:1px solid var(--border-color,#eef0f3);vertical-align:middle;color:var(--text-primary,#374151);padding:14px;font-size:13px}.leave-table tbody tr:last-child td{border-bottom:0}.leave-table tbody tr:hover{background:var(--table-hover-bg,#fafafa)}.leave-table td strong{color:var(--text-primary,#111827);font-weight:600;display:block}.leave-table td small{color:var(--text-secondary,#9ca3af);margin-top:3px;font-size:11px;display:block}.leave-reason-cell{white-space:normal;min-width:170px;max-width:260px;line-height:1.5}.leave-status{border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.leave-status-pending{color:#c2410c;background:#fff7ed}.leave-status-approved{color:#047857;background:#ecfdf5}.leave-status-rejected{color:#b91c1c;background:#fef2f2}.leave-status-cancelled{color:#6b7280;background:#f3f4f6}.leave-action-buttons{align-items:center;gap:7px;display:flex}.leave-action-buttons button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.leave-action-buttons .approve{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.leave-action-buttons .approve:hover{background:#d1fae5}.leave-action-buttons .reject{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.leave-action-buttons .reject:hover{background:#fee2e2}.leave-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.leave-link-button,.leave-danger-link{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:600}.leave-link-button{color:#2563eb;align-items:center;gap:5px;display:inline-flex}.leave-link-button:hover{text-decoration:underline}.leave-danger-link{color:#dc2626}.leave-danger-link:hover{text-decoration:underline}.leave-danger-link:disabled{cursor:not-allowed;opacity:.5}.leave-empty{min-height:220px;color:var(--text-secondary,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.leave-empty h3{color:var(--text-primary,#111827);margin:10px 0 4px;font-size:16px}.leave-empty p{margin:0;font-size:13px}.leave-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);border-radius:14px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #0003}.leave-modal-header{z-index:2;border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex;position:sticky;top:0}.leave-modal-header h2{color:var(--text-primary,#111827);margin:0;font-size:20px}.leave-modal-header p{color:var(--text-secondary,#6b7280);margin:5px 0 0;font-size:13px}.leave-modal-header>button{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);width:34px;height:34px;color:var(--text-primary,#374151);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;display:flex}.leave-modal-header>button:hover{background:var(--surface-hover,#f3f4f6)}.leave-form{padding:22px}.leave-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.leave-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.leave-form label>span{color:var(--text-primary,#374151);font-size:13px;font-weight:600}.leave-form input,.leave-form select,.leave-form textarea{box-sizing:border-box;border:1px solid var(--border-color,#d1d5db);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#111827);border-radius:8px;outline:none;font-family:inherit;font-size:14px}.leave-form input,.leave-form select{min-height:42px;padding:9px 11px}.leave-form textarea{resize:vertical;padding:10px 11px;line-height:1.5}.leave-form input:focus,.leave-form select:focus,.leave-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.leave-form input:disabled,.leave-form select:disabled,.leave-form textarea:disabled{cursor:not-allowed;opacity:.65}.leave-form small{color:var(--text-secondary,#6b7280);font-size:11px}.leave-form-full{grid-column:1/-1}.leave-file-input{border:1px dashed var(--border-color,#cbd5e1);background:var(--surface-secondary,#f8fafc);min-height:44px;color:var(--text-secondary,#64748b);border-radius:8px;align-items:center;gap:9px;padding:10px 12px;display:flex}.leave-file-input input{min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.leave-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}html.dark .leave-page,body.dark .leave-page,[data-theme=dark] .leave-page{--text-primary:#f3f4f6;--text-secondary:#9ca3af;--surface-color:#111827;--surface-secondary:#172033;--surface-hover:#1f2937;--input-bg:#111827;--border-color:#2d3748;--table-header-bg:#172033;--table-hover-bg:#172033}html.dark .leave-status-pending,body.dark .leave-status-pending,[data-theme=dark] .leave-status-pending{color:#fdba74;background:#ea580c26}html.dark .leave-status-approved,body.dark .leave-status-approved,[data-theme=dark] .leave-status-approved{color:#6ee7b7;background:#05966929}html.dark .leave-status-rejected,body.dark .leave-status-rejected,[data-theme=dark] .leave-status-rejected{color:#fca5a5;background:#dc262629}html.dark .leave-status-cancelled,body.dark .leave-status-cancelled,[data-theme=dark] .leave-status-cancelled{color:#d1d5db;background:#1f2937}html.dark .leave-action-buttons .approve,body.dark .leave-action-buttons .approve,[data-theme=dark] .leave-action-buttons .approve{color:#6ee7b7;background:#10b9811f;border-color:#10b98159}html.dark .leave-action-buttons .reject,body.dark .leave-action-buttons .reject,[data-theme=dark] .leave-action-buttons .reject{color:#fca5a5;background:#ef44441f;border-color:#ef444459}@media (width<=1200px){.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.leave-page{padding:16px}.leave-page-header{flex-direction:column;align-items:stretch}.leave-page-header .leave-primary-button{width:100%}.leave-balance-grid,.leave-summary-grid{grid-template-columns:1fr}.leave-toolbar{flex-direction:column;align-items:stretch}.leave-toolbar>div:first-child{margin-right:0}.leave-toolbar select,.leave-toolbar>input,.leave-search{width:100%}.leave-search{min-width:0}.leave-form-grid{grid-template-columns:1fr}.leave-form-full{grid-column:auto}.leave-modal-backdrop{padding:10px}.leave-modal{max-height:calc(100vh - 20px)}.leave-modal-header,.leave-form{padding:16px}.leave-modal-footer{flex-direction:column-reverse;align-items:stretch}.leave-modal-footer button{width:100%}}.leave-policy-settings{margin-bottom:28px;padding:24px;overflow:visible}.leave-policy-section-title{margin-bottom:24px}.leave-policy-section-title h2,.leave-policy-title h2{color:var(--text-primary,#111827);margin:0;font-size:18px;font-weight:700;line-height:1.3}.leave-policy-section-title p,.leave-policy-title p{color:var(--text-secondary,#64748b);margin:5px 0 0;font-size:13px;line-height:1.5}.leave-policy-title{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 14px;display:flex}.leave-policy-settings .leave-form-grid,.leave-policy-type .leave-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.leave-policy-settings .leave-form-grid>label,.leave-policy-type .leave-form-grid>label{flex-direction:column;gap:7px;min-width:0;display:flex}.leave-policy-settings .leave-form-grid>label>span,.leave-policy-type .leave-form-grid>label>span{color:var(--text-primary,#374151);margin:0;font-size:13px;font-weight:600;line-height:1.4;display:block}.leave-policy-settings input[type=text],.leave-policy-settings input[type=number],.leave-policy-settings input[type=date],.leave-policy-settings select,.leave-policy-settings textarea,.leave-policy-type input[type=text],.leave-policy-type input[type=number],.leave-policy-type input[type=date],.leave-policy-type select,.leave-policy-type textarea{box-sizing:border-box;border:1px solid var(--border-color,#d7dce3);background:var(--input-bg,#fff);width:100%;min-width:0;color:var(--text-primary,#111827);border-radius:8px;outline:none;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}.leave-policy-settings input[type=text],.leave-policy-settings input[type=number],.leave-policy-settings input[type=date],.leave-policy-settings select,.leave-policy-type input[type=text],.leave-policy-type input[type=number],.leave-policy-type input[type=date],.leave-policy-type select{height:42px;padding:0 12px}.leave-policy-settings textarea,.leave-policy-type textarea{resize:vertical;min-height:80px;padding:11px 12px;line-height:1.5}.leave-policy-settings input:focus,.leave-policy-settings select:focus,.leave-policy-settings textarea:focus,.leave-policy-type input:focus,.leave-policy-type select:focus,.leave-policy-type textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.leave-policy-settings input::placeholder,.leave-policy-settings textarea::placeholder,.leave-policy-type input::placeholder,.leave-policy-type textarea::placeholder{color:#9ca3af}.leave-policy-settings input:disabled,.leave-policy-settings select:disabled,.leave-policy-settings textarea:disabled,.leave-policy-type input:disabled,.leave-policy-type select:disabled,.leave-policy-type textarea:disabled{cursor:not-allowed;opacity:.65;background:var(--surface-secondary,#f3f4f6)}.leave-policy-settings .leave-form-full,.leave-policy-type .leave-form-full{grid-column:1/-1}.leave-policy-settings .leave-checkbox-row{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-secondary,#f8fafc);cursor:pointer;border-radius:8px;align-items:center;min-height:42px;padding:10px 12px;flex-direction:row!important;gap:9px!important;display:flex!important}.leave-policy-settings .leave-checkbox-row:hover{border-color:#cbd5e1}.leave-policy-settings .leave-checkbox-row input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:0 0 16px;margin:0;padding:0;width:16px!important;height:16px!important;min-height:16px!important}.leave-policy-settings .leave-checkbox-row span{color:var(--text-primary,#374151);cursor:pointer;margin:0;font-size:13px;font-weight:500}.leave-policy-list{flex-direction:column;gap:18px;display:flex}.leave-policy-type{padding:0;overflow:hidden}.leave-policy-type-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:var(--surface-secondary,#fafbfc);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.leave-policy-type-header>div:first-child{min-width:0}.leave-policy-type-header strong{color:var(--text-primary,#111827);margin:0;font-size:15px;font-weight:700;line-height:1.4;display:block}.leave-policy-type-header small{color:var(--text-secondary,#94a3b8);margin-top:3px;font-size:11px;font-weight:500;display:block}.leave-policy-header-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.leave-policy-switch{cursor:pointer;align-items:center;margin:0;flex-direction:row!important;gap:7px!important;display:inline-flex!important}.leave-policy-switch input[type=checkbox]{accent-color:#2563eb;cursor:pointer;margin:0;padding:0;width:16px!important;height:16px!important;min-height:16px!important}.leave-policy-switch span{color:var(--text-secondary,#64748b);font-size:12px;font-weight:600}.leave-policy-type .leave-form-grid{padding:22px 20px}.leave-policy-options{border-top:1px solid var(--border-color,#e5e7eb);background:var(--surface-secondary,#fafbfc);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px 20px 20px;display:grid}.leave-policy-options .leave-checkbox-row{border:1px solid var(--border-color,#e5e7eb);background:var(--surface-color,#fff);cursor:pointer;border-radius:7px;align-items:center;min-height:38px;margin:0;padding:8px 10px;flex-direction:row!important;gap:8px!important;display:flex!important}.leave-policy-options .leave-checkbox-row:hover{background:var(--surface-hover,#f8fafc);border-color:#cbd5e1}.leave-policy-options .leave-checkbox-row input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:0 0 15px;margin:0;padding:0;width:15px!important;height:15px!important;min-height:15px!important}.leave-policy-options .leave-checkbox-row span{color:var(--text-primary,#374151);cursor:pointer;margin:0;font-size:12px;font-weight:500;line-height:1.3}.leave-icon-danger{color:#dc2626;cursor:pointer;background:#fff7f7;border:1px solid #fecaca;border-radius:7px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.leave-icon-danger:hover{background:#fee2e2;border-color:#fca5a5}.leave-icon-danger:active{transform:scale(.96)}.leave-policy-title .leave-secondary-button,.leave-page-header .leave-primary-button{flex-shrink:0}.leave-policy-type input[type=number],.leave-policy-settings input[type=number]{appearance:auto}html.dark .leave-policy-settings,html.dark .leave-policy-type,body.dark .leave-policy-settings,body.dark .leave-policy-type,[data-theme=dark] .leave-policy-settings,[data-theme=dark] .leave-policy-type{--text-primary:#f3f4f6;--text-secondary:#94a3b8;--surface-color:#111827;--surface-secondary:#172033;--surface-hover:#1f2937;--input-bg:#111827;--border-color:#2d3748}html.dark .leave-policy-settings .leave-checkbox-row,body.dark .leave-policy-settings .leave-checkbox-row,[data-theme=dark] .leave-policy-settings .leave-checkbox-row,html.dark .leave-policy-type-header,html.dark .leave-policy-options,body.dark .leave-policy-type-header,body.dark .leave-policy-options,[data-theme=dark] .leave-policy-type-header,[data-theme=dark] .leave-policy-options{background:#172033}html.dark .leave-policy-options .leave-checkbox-row,body.dark .leave-policy-options .leave-checkbox-row,[data-theme=dark] .leave-policy-options .leave-checkbox-row{background:#111827}html.dark .leave-icon-danger,body.dark .leave-icon-danger,[data-theme=dark] .leave-icon-danger{color:#fca5a5;background:#ef44441f;border-color:#ef444459}@media (width<=1200px){.leave-policy-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.leave-policy-settings .leave-form-grid,.leave-policy-type .leave-form-grid{grid-template-columns:1fr}.leave-policy-settings .leave-form-full,.leave-policy-type .leave-form-full{grid-column:auto}.leave-policy-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.leave-policy-settings{padding:16px}.leave-policy-title{flex-direction:column;align-items:stretch}.leave-policy-title .leave-secondary-button{width:100%}.leave-policy-type-header{flex-direction:column;align-items:flex-start}.leave-policy-header-actions{justify-content:space-between;width:100%}.leave-policy-type .leave-form-grid{padding:16px}.leave-policy-options{grid-template-columns:1fr;padding:16px}}.holiday-page{width:100%;min-height:100%;color:var(--holiday-text-primary,#111827);padding:24px}.holiday-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.holiday-page-header h1{color:var(--holiday-text-primary,#111827);margin:0;font-size:26px;font-weight:700;line-height:1.25}.holiday-page-header p{color:var(--holiday-text-secondary,#6b7280);margin:6px 0 0;font-size:14px}.holiday-primary-button,.holiday-secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,opacity .2s;display:inline-flex}.holiday-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.holiday-primary-button:hover{background:#1d4ed8;border-color:#1d4ed8}.holiday-secondary-button{border:1px solid var(--holiday-border,#d1d5db);background:var(--holiday-surface,#fff);color:var(--holiday-text-primary,#374151)}.holiday-secondary-button:hover{background:var(--holiday-surface-hover,#f9fafb)}.holiday-primary-button:disabled,.holiday-secondary-button:disabled{cursor:not-allowed;opacity:.55}.holiday-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.holiday-summary-grid>div{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface,#fff);border-radius:12px;min-width:0;padding:18px;box-shadow:0 1px 3px #0000000a}.holiday-summary-grid span{color:var(--holiday-text-secondary,#6b7280);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.holiday-summary-grid strong{color:var(--holiday-text-primary,#111827);font-size:27px;font-weight:700;line-height:1;display:block}.holiday-card{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface,#fff);border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.holiday-section-heading{border-bottom:1px solid var(--holiday-border,#e5e7eb);justify-content:space-between;align-items:center;gap:15px;padding:17px 18px;display:flex}.holiday-section-heading h2{color:var(--holiday-text-primary,#111827);margin:0;font-size:17px;font-weight:700}.holiday-section-heading p{color:var(--holiday-text-secondary,#6b7280);margin:4px 0 0;font-size:12px}.holiday-section-heading svg{color:#2563eb}.holiday-upcoming-card{margin-bottom:24px}.holiday-upcoming-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:16px;display:grid}.holiday-upcoming-item{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface-secondary,#f8fafc);border-radius:9px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}.holiday-upcoming-date{background:#eff6ff;border-radius:8px;flex-direction:column;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:50px;display:flex}.holiday-upcoming-date strong{color:#1d4ed8;font-size:17px;line-height:1}.holiday-upcoming-date span{color:#2563eb;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.holiday-upcoming-item>div:last-child{min-width:0}.holiday-upcoming-item>div:last-child strong{white-space:nowrap;text-overflow:ellipsis;color:var(--holiday-text-primary,#111827);font-size:12px;display:block;overflow:hidden}.holiday-upcoming-item>div:last-child small{white-space:nowrap;text-overflow:ellipsis;color:var(--holiday-text-secondary,#94a3b8);margin-top:4px;font-size:10px;display:block;overflow:hidden}.holiday-empty-small{color:var(--holiday-text-secondary,#6b7280);text-align:center;padding:22px;font-size:12px}.holiday-toolbar{border-bottom:1px solid var(--holiday-border,#e5e7eb);flex-wrap:wrap;align-items:center;gap:9px;padding:14px 16px;display:flex}.holiday-toolbar input,.holiday-toolbar select{box-sizing:border-box;border:1px solid var(--holiday-border,#d1d5db);background:var(--holiday-input-bg,#fff);height:39px;color:var(--holiday-text-primary,#374151);border-radius:8px;outline:none;padding:0 10px;font-family:inherit;font-size:12px}.holiday-toolbar input:focus,.holiday-toolbar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.holiday-search{box-sizing:border-box;border:1px solid var(--holiday-border,#d1d5db);background:var(--holiday-input-bg,#fff);width:230px;min-height:39px;color:var(--holiday-text-secondary,#94a3b8);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.holiday-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.holiday-search input{width:100%;height:auto;box-shadow:none;background:0 0;border:0;padding:0}.holiday-search input:focus{box-shadow:none;border:0}.holiday-table-wrapper{width:100%;overflow-x:auto}.holiday-table{border-collapse:collapse;width:100%;min-width:1100px}.holiday-table th{border-bottom:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-table-header,#f9fafb);color:var(--holiday-text-secondary,#6b7280);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;font-size:10px;font-weight:700}.holiday-table td{border-bottom:1px solid var(--holiday-border-light,#eef0f3);vertical-align:middle;color:var(--holiday-text-primary,#374151);padding:14px;font-size:12px}.holiday-table tbody tr:last-child td{border-bottom:0}.holiday-table tbody tr:hover{background:var(--holiday-table-hover,#fafafa)}.holiday-table td strong{color:var(--holiday-text-primary,#111827);font-size:12px;font-weight:600;display:block}.holiday-table td small{max-width:240px;color:var(--holiday-text-secondary,#94a3b8);margin-top:4px;font-size:10px;line-height:1.4;display:block}.holiday-type-badge{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.holiday-status{border-radius:999px;justify-content:center;align-items:center;min-width:65px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.holiday-status-active{color:#047857;background:#ecfdf5}.holiday-status-inactive{color:#6b7280;background:#f3f4f6}.holiday-attendance-applied,.holiday-attendance-not-applied{border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.holiday-attendance-applied{color:#047857;background:#ecfdf5}.holiday-attendance-not-applied{color:#c2410c;background:#fff7ed}.holiday-action-buttons{align-items:center;gap:7px;display:flex}.holiday-action-buttons button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;display:inline-flex}.holiday-action-buttons .edit{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.holiday-action-buttons .edit:hover{background:#dbeafe}.holiday-action-buttons .delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.holiday-action-buttons .delete:hover{background:#fee2e2}.holiday-action-buttons button:disabled{cursor:not-allowed;opacity:.5}.holiday-empty{min-height:230px;color:var(--holiday-text-secondary,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px 20px;display:flex}.holiday-empty svg{color:#94a3b8}.holiday-empty h3{color:var(--holiday-text-primary,#111827);margin:10px 0 4px;font-size:16px}.holiday-empty p{margin:0;font-size:12px}.holiday-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.holiday-modal{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface,#fff);border-radius:14px;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 60px #00000038}.holiday-modal-header{z-index:2;border-bottom:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface,#fff);justify-content:space-between;align-items:flex-start;gap:14px;padding:19px 21px;display:flex;position:sticky;top:0}.holiday-modal-header h2{color:var(--holiday-text-primary,#111827);margin:0;font-size:19px;font-weight:700}.holiday-modal-header p{color:var(--holiday-text-secondary,#6b7280);margin:5px 0 0;font-size:12px}.holiday-modal-header>button{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface,#fff);width:33px;height:33px;color:var(--holiday-text-primary,#374151);cursor:pointer;border-radius:7px;flex:0 0 33px;justify-content:center;align-items:center;padding:0;display:inline-flex}.holiday-modal-header>button:hover{background:var(--holiday-surface-hover,#f3f4f6)}.holiday-form{padding:21px}.holiday-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;display:grid}.holiday-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.holiday-form label>span{color:var(--holiday-text-primary,#374151);font-size:12px;font-weight:600}.holiday-form input[type=text],.holiday-form input[type=date],.holiday-form select,.holiday-form textarea{box-sizing:border-box;border:1px solid var(--holiday-border,#d1d5db);background:var(--holiday-input-bg,#fff);width:100%;color:var(--holiday-text-primary,#111827);border-radius:8px;outline:none;font-family:inherit;font-size:13px}.holiday-form input[type=text],.holiday-form input[type=date],.holiday-form select{height:42px;padding:0 11px}.holiday-form textarea{resize:vertical;min-height:85px;padding:10px 11px;line-height:1.5}.holiday-form input:focus,.holiday-form select:focus,.holiday-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.holiday-form small{color:var(--holiday-text-secondary,#6b7280);font-size:10px}.holiday-form-full{grid-column:1/-1}.holiday-form-options{border-top:1px solid var(--holiday-border,#e5e7eb);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:18px;display:grid}.holiday-form-options label{border:1px solid var(--holiday-border,#e5e7eb);background:var(--holiday-surface-secondary,#f8fafc);cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:8px;min-height:42px;padding:9px 11px;display:flex}.holiday-form-options label:hover{border-color:#cbd5e1}.holiday-form-options input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:0 0 16px;width:16px;height:16px;margin:0}.holiday-form-options span{color:var(--holiday-text-primary,#374151);font-size:12px;font-weight:500}.holiday-modal-footer{border-top:1px solid var(--holiday-border,#e5e7eb);justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}html.dark .holiday-page,body.dark .holiday-page,[data-theme=dark] .holiday-page{--holiday-text-primary:#f3f4f6;--holiday-text-secondary:#94a3b8;--holiday-surface:#111827;--holiday-surface-secondary:#172033;--holiday-surface-hover:#1f2937;--holiday-input-bg:#111827;--holiday-border:#2d3748;--holiday-border-light:#263244;--holiday-table-header:#172033;--holiday-table-hover:#172033}html.dark .holiday-upcoming-date,body.dark .holiday-upcoming-date,[data-theme=dark] .holiday-upcoming-date{background:#2563eb24}html.dark .holiday-type-badge,body.dark .holiday-type-badge,[data-theme=dark] .holiday-type-badge{color:#93c5fd;background:#2563eb24}html.dark .holiday-status-active,body.dark .holiday-status-active,[data-theme=dark] .holiday-status-active{color:#6ee7b7;background:#05966929}html.dark .holiday-status-inactive,body.dark .holiday-status-inactive,[data-theme=dark] .holiday-status-inactive{color:#d1d5db;background:#1f2937}html.dark .holiday-attendance-applied,body.dark .holiday-attendance-applied,[data-theme=dark] .holiday-attendance-applied{color:#6ee7b7;background:#05966929}html.dark .holiday-attendance-not-applied,body.dark .holiday-attendance-not-applied,[data-theme=dark] .holiday-attendance-not-applied{color:#fdba74;background:#ea580c24}html.dark .holiday-action-buttons .edit,body.dark .holiday-action-buttons .edit,[data-theme=dark] .holiday-action-buttons .edit{color:#93c5fd;background:#3b82f61f;border-color:#3b82f659}html.dark .holiday-action-buttons .delete,body.dark .holiday-action-buttons .delete,[data-theme=dark] .holiday-action-buttons .delete{color:#fca5a5;background:#ef44441f;border-color:#ef444459}html.dark .holiday-form-options label,body.dark .holiday-form-options label,[data-theme=dark] .holiday-form-options label{background:#172033}@media (width<=1250px){.holiday-upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.holiday-summary-grid,.holiday-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.holiday-page{padding:16px}.holiday-page-header{flex-direction:column;align-items:stretch}.holiday-page-header .holiday-primary-button{width:100%}.holiday-toolbar{flex-direction:column;align-items:stretch}.holiday-toolbar>*,.holiday-search{width:100%}.holiday-search{min-width:0}.holiday-form-grid{grid-template-columns:1fr}.holiday-form-full{grid-column:auto}.holiday-form-options{grid-template-columns:1fr}.holiday-modal-backdrop{padding:10px}.holiday-modal{max-height:calc(100vh - 20px)}}@media (width<=520px){.holiday-summary-grid,.holiday-upcoming-grid{grid-template-columns:1fr}.holiday-modal-header,.holiday-form{padding:16px}.holiday-modal-footer{flex-direction:column-reverse;align-items:stretch}.holiday-modal-footer button{width:100%}}.shift-management-page{width:100%;min-width:0;color:var(--color-text,#172033)}.shift-management-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.shift-management-header h1{color:var(--color-text,#172033);margin:0;font-size:24px;font-weight:700;line-height:1.3}.shift-management-header p{color:var(--color-text-light,#7b8495);margin:5px 0 0;font-size:13px;line-height:1.5}.shift-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.shift-primary-button,.shift-secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.shift-primary-button{color:#fff;background:#172033;border:1px solid #172033}.shift-primary-button:hover{background:#263249;border-color:#263249}.shift-secondary-button{border:1px solid var(--color-border,#dfe4ea);background:var(--color-card,#fff);color:var(--color-text,#253047)}.shift-secondary-button:hover{background:var(--table-row-hover,#f8fafc);border-color:#cbd5e1}.shift-primary-button:disabled,.shift-secondary-button:disabled{opacity:.55;cursor:not-allowed}.shift-message{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:16px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}.shift-message button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.shift-message-error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.shift-message-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.shift-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.shift-summary-card{background:var(--color-card,#fff);border:1px solid var(--color-border,#e7eaf0);border-radius:11px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex;box-shadow:0 1px 2px #0f172a06}.shift-summary-icon{background:var(--color-input-bg,#f8fafc);border:1px solid var(--color-border,#edf0f4);width:39px;height:39px;color:var(--color-text-light,#64748b);border-radius:9px;flex:0 0 39px;justify-content:center;align-items:center;display:flex}.shift-summary-card>div:last-child{min-width:0}.shift-summary-card span{color:var(--color-text-light,#8b95a6);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.shift-summary-card strong{color:var(--color-text,#172033);font-size:19px;font-weight:700;line-height:1.3;display:block}.shift-summary-card .shift-summary-default-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.shift-management-card{background:var(--color-card,#fff);border:1px solid var(--color-border,#e7eaf0);border-radius:12px;width:100%;min-width:0;overflow:hidden;box-shadow:0 1px 2px #0f172a05}.shift-toolbar{border-bottom:1px solid var(--color-border,#edf0f4);background:var(--color-card,#fff);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.shift-search{background:var(--color-input-bg,#fff);border:1px solid var(--color-input-border,#dfe4ea);min-width:240px;max-width:390px;height:38px;color:var(--color-text-light,#94a3b8);border-radius:8px;flex:300px;align-items:center;gap:8px;padding:0 11px;display:flex}.shift-search:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81f}.shift-search input{width:100%;min-width:0;color:var(--color-text,#253047);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:12px}.shift-search input::placeholder{color:var(--color-text-light,#9aa4b2)}.shift-toolbar>select{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);min-width:135px;height:38px;color:var(--color-text,#536075);cursor:pointer;border-radius:8px;outline:none;padding:0 30px 0 10px;font-family:inherit;font-size:11px}.shift-toolbar>select:focus{border-color:#94a3b8}.shift-clear-filter{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#fff);min-height:37px;color:var(--color-text-light,#64748b);cursor:pointer;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:600}.shift-clear-filter:hover{background:var(--table-row-hover,#f8fafc)}.shift-table-wrapper{width:100%;overflow-x:auto}.shift-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:1120px}.shift-table th{background:var(--table-header,#fafbfc);border-bottom:1px solid var(--color-border,#e8ebf0);color:var(--color-text-light,#8a95a5);text-align:left;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;padding:11px 13px;font-size:9px;font-weight:700}.shift-table td{border-bottom:1px solid var(--color-border,#f0f2f5);color:var(--color-text-light,#536075);vertical-align:middle;padding:12px 13px;font-size:11px}.shift-table tbody tr:last-child td{border-bottom:none}.shift-table tbody tr{transition:background .15s}.shift-table tbody tr:hover{background:var(--table-row-hover,#fafbfc)}.shift-name-cell{flex-direction:column;gap:3px;min-width:130px;display:flex}.shift-name-cell strong{color:var(--color-text,#253047);font-size:12px;font-weight:700}.shift-name-cell span{color:var(--color-text-light,#94a3b8);font-size:9px;font-weight:600}.shift-type-badge{background:var(--color-input-bg,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-light,#475569);border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.shift-time-cell{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.shift-time-cell svg{color:var(--color-text-light,#94a3b8)}.shift-time-cell span{color:var(--color-text,#475569);font-weight:600}.shift-time-cell small{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700}.shift-working-days-cell{align-items:center;gap:5px;min-width:110px;display:flex}.shift-working-days-cell svg{color:var(--color-text-light,#94a3b8);flex-shrink:0}.shift-status-badge{cursor:pointer;border:none;border-radius:999px;min-width:60px;padding:4px 8px;font-size:9px;font-weight:700}.shift-status-badge.active{color:#059669;background:#ecfdf5}.shift-status-badge.inactive{color:#64748b;background:#f1f5f9}.shift-status-badge:disabled{opacity:.55;cursor:not-allowed}.shift-default-badge{color:#b45309;background:#fffbeb;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.shift-set-default{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#fff);color:var(--color-text-light,#64748b);cursor:pointer;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:600}.shift-set-default:hover{background:var(--table-row-hover,#f8fafc);color:var(--color-text,#253047)}.shift-set-default:disabled{opacity:.45;cursor:not-allowed}.shift-row-actions{align-items:center;gap:5px;display:flex}.shift-row-actions button{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#fff);width:30px;height:30px;color:var(--color-text-light,#64748b);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.shift-row-actions button:hover{background:var(--table-row-hover,#f8fafc);color:var(--color-text,#172033)}.shift-row-actions button.danger{color:#e11d48}.shift-row-actions button.danger:hover{background:#fff1f2;border-color:#fecdd3}.shift-row-actions button:disabled{opacity:.45;cursor:not-allowed}.shift-table-empty{text-align:center!important;color:var(--color-text-light,#8a95a5)!important;padding:45px 20px!important;font-size:12px!important}.shift-pagination{border-top:1px solid var(--color-border,#edf0f4);background:var(--color-card,#fff);min-height:55px;color:var(--color-text-light,#8a95a5);justify-content:space-between;align-items:center;gap:15px;padding:11px 16px;font-size:10px;display:flex}.shift-pagination>div:last-child{align-items:center;gap:9px;display:flex}.shift-pagination button{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);min-height:31px;color:var(--color-text,#536075);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:600}.shift-pagination button:hover:not(:disabled){background:var(--table-row-hover,#f8fafc)}.shift-pagination button:disabled{opacity:.45;cursor:not-allowed}.shift-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.shift-modal{background:var(--color-modal,var(--color-card,#fff));border:1px solid var(--color-border,#e2e8f0);border-radius:13px;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a33}.shift-modal-large{max-width:860px}.shift-assignment-modal{max-width:760px}.shift-modal-header{border-bottom:1px solid var(--color-border,#e8ebf0);background:var(--color-modal,var(--color-card,#fff));flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 20px;display:flex}.shift-modal-header h2{color:var(--color-text,#172033);margin:0;font-size:17px;font-weight:700}.shift-modal-header p{color:var(--color-text-light,#8a95a5);margin:4px 0 0;font-size:10px}.shift-modal-header>button{width:32px;height:32px;color:var(--color-text-light,#64748b);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.shift-modal-header>button:hover{background:var(--table-row-hover,#f1f5f9);color:var(--color-text,#172033)}.shift-form{background:var(--color-modal,var(--color-card,#fff));flex-direction:column;min-height:0;display:flex;overflow-y:auto}.shift-form-section{border-bottom:1px solid var(--color-border,#edf0f4);background:var(--color-modal,var(--color-card,#fff));padding:17px 20px}.shift-form-section:last-of-type{border-bottom:none}.shift-form-section>h3{color:var(--color-text,#253047);margin:0 0 13px;font-size:12px;font-weight:700}.shift-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shift-form-grid-top{margin-top:14px}.shift-form-grid label{flex-direction:column;gap:6px;min-width:0;display:flex}.shift-form-grid label>span{color:var(--color-text,#475569);font-size:10px;font-weight:700}.shift-form-grid input,.shift-form-grid select,.shift-form-grid textarea{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);width:100%;color:var(--color-text,#253047);border-radius:8px;outline:none;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.shift-form-grid input,.shift-form-grid select{height:38px;padding:0 10px}.shift-form-grid textarea{resize:vertical;min-height:80px;padding:10px;line-height:1.5}.shift-form-grid input:focus,.shift-form-grid select:focus,.shift-form-grid textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81f}.shift-form-grid input::placeholder,.shift-form-grid textarea::placeholder{color:var(--color-text-light,#9aa4b2)}.shift-form-grid label small{color:var(--color-text-light,#94a3b8);font-size:9px;line-height:1.4}.shift-form-full{grid-column:1/-1}.shift-working-days-selector{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.shift-working-days-selector button{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);min-height:39px;color:var(--color-text-light,#64748b);cursor:pointer;border-radius:8px;padding:7px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.shift-working-days-selector button:hover{background:var(--table-row-hover,#f8fafc)}.shift-working-days-selector button.selected{color:#fff;background:#172033;border-color:#172033}.shift-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shift-checkbox-row{background:var(--color-input-bg,#f8fafc);border:1px solid var(--color-border,#e7ebf0);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:9px 11px;display:flex}.shift-checkbox-row input{accent-color:#172033;cursor:pointer;flex-shrink:0;width:14px;height:14px}.shift-checkbox-row span{color:var(--color-text,#536075);font-size:10px;font-weight:600}.shift-modal-footer{z-index:2;border-top:1px solid var(--color-border,#e8ebf0);background:var(--color-modal,var(--color-card,#fff));flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:13px 20px;display:flex;position:sticky;bottom:0}.shift-modal-footer button{cursor:pointer;border-radius:8px;min-width:95px;min-height:37px;padding:8px 14px;font-size:11px;font-weight:700}.shift-modal-footer button.secondary{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);color:var(--color-text,#536075)}.shift-modal-footer button.primary{color:#fff;background:#172033;border:1px solid #172033}.shift-modal-footer button.primary:hover:not(:disabled){background:#263249;border-color:#263249}.shift-modal-footer button.secondary:hover:not(:disabled){background:var(--table-row-hover,#f8fafc)}.shift-modal-footer button:disabled{opacity:.55;cursor:not-allowed}.shift-employee-selector-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.shift-employee-selector-header>div:first-child{align-items:center;gap:8px;display:flex}.shift-employee-selector-header h3{color:var(--color-text,#253047);margin:0;font-size:12px;font-weight:700}.shift-employee-selector-header span{background:var(--color-input-bg,#f1f5f9);color:var(--color-text-light,#64748b);border-radius:999px;padding:3px 6px;font-size:9px;font-weight:700}.shift-employee-selector-header>div:last-child{gap:6px;display:flex}.shift-employee-selector-header button{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#fff);color:var(--color-text-light,#64748b);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:600}.shift-employee-selector-header button:hover{background:var(--table-row-hover,#f8fafc);color:var(--color-text,#253047)}.shift-employee-search{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);height:37px;color:var(--color-text-light,#94a3b8);border-radius:8px;align-items:center;gap:7px;margin-bottom:10px;padding:0 10px;display:flex}.shift-employee-search:focus-within{border-color:#94a3b8}.shift-employee-search input{width:100%;color:var(--color-text,#253047);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:11px}.shift-employee-search input::placeholder{color:var(--color-text-light,#9aa4b2)}.shift-employee-list{border:1px solid var(--color-border,#e7eaf0);background:var(--color-input-bg,#fafbfc);border-radius:9px;max-height:280px;overflow-y:auto}.shift-employee-option{border-bottom:1px solid var(--color-border,#edf0f4);background:var(--color-card,#fff);cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:9px 11px;transition:background .15s;display:flex}.shift-employee-option:last-child{border-bottom:none}.shift-employee-option:hover{background:var(--table-row-hover,#f8fafc)}.shift-employee-option.selected{background:#f8fafc}.shift-employee-option input{accent-color:#172033;flex-shrink:0;width:14px;height:14px}.shift-employee-option>div{flex-direction:column;gap:3px;min-width:0;display:flex}.shift-employee-option strong{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text,#253047);font-size:11px;font-weight:700;overflow:hidden}.shift-employee-option span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-light,#8a95a5);font-size:9px;overflow:hidden}.shift-employee-empty{text-align:center;color:var(--color-text-light,#8a95a5);padding:35px 15px;font-size:11px}.shift-spin{animation:.8s linear infinite shift-spin-animation}@keyframes shift-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.dark .shift-management-page{color:#e5e7eb}html.dark .shift-management-header h1,html.dark .shift-summary-card strong,html.dark .shift-name-cell strong,html.dark .shift-modal-header h2,html.dark .shift-form-section>h3,html.dark .shift-employee-selector-header h3,html.dark .shift-employee-option strong{color:#f8fafc}html.dark .shift-management-header p,html.dark .shift-summary-card span,html.dark .shift-table td,html.dark .shift-form-grid label small,html.dark .shift-employee-option span,html.dark .shift-employee-empty{color:#94a3b8}html.dark .shift-summary-card,html.dark .shift-management-card,html.dark .shift-toolbar,html.dark .shift-pagination,html.dark .shift-modal,html.dark .shift-modal-header,html.dark .shift-form,html.dark .shift-form-section,html.dark .shift-modal-footer{background:#111827;border-color:#293548}html.dark .shift-summary-icon,html.dark .shift-search,html.dark .shift-toolbar>select,html.dark .shift-clear-filter,html.dark .shift-form-grid input,html.dark .shift-form-grid select,html.dark .shift-form-grid textarea,html.dark .shift-checkbox-row,html.dark .shift-working-days-selector button,html.dark .shift-set-default,html.dark .shift-row-actions button,html.dark .shift-pagination button,html.dark .shift-employee-selector-header button,html.dark .shift-employee-selector-header span,html.dark .shift-employee-search,html.dark .shift-employee-list{color:#cbd5e1;background:#182234;border-color:#334155}html.dark .shift-table th{color:#94a3b8;background:#182234;border-color:#293548}html.dark .shift-table td{border-color:#293548}html.dark .shift-table tbody tr:hover{background:#162032}html.dark .shift-search input,html.dark .shift-form-grid input,html.dark .shift-form-grid select,html.dark .shift-form-grid textarea,html.dark .shift-employee-search input{color:#f1f5f9}html.dark .shift-form-grid label>span,html.dark .shift-checkbox-row span,html.dark .shift-time-cell span{color:#cbd5e1}html.dark .shift-employee-option{background:#111827;border-color:#293548}html.dark .shift-employee-option:hover{background:#182234}html.dark .shift-employee-option.selected{background:#1e293b}html.dark .shift-working-days-selector button.selected,html.dark .shift-primary-button,html.dark .shift-modal-footer button.primary{color:#111827;background:#f1f5f9;border-color:#f1f5f9}html.dark .shift-primary-button:hover,html.dark .shift-modal-footer button.primary:hover:not(:disabled){background:#fff;border-color:#fff}html.dark .shift-secondary-button,html.dark .shift-modal-footer button.secondary{color:#e2e8f0;background:#182234;border-color:#334155}html.dark .shift-row-actions button:hover,html.dark .shift-set-default:hover,html.dark .shift-clear-filter:hover,html.dark .shift-pagination button:hover:not(:disabled),html.dark .shift-employee-selector-header button:hover,html.dark .shift-modal-footer button.secondary:hover:not(:disabled){color:#f8fafc;background:#223047}html.dark .shift-row-actions button.danger{color:#fb7185}html.dark .shift-row-actions button.danger:hover{background:#e11d481f;border-color:#fb718559}html.dark .shift-type-badge,html.dark .shift-status-badge.inactive{color:#cbd5e1;background:#1e293b;border-color:#334155}html.dark .shift-time-cell small{color:#a5b4fc;background:#6366f126}html.dark .shift-default-badge{color:#fbbf24;background:#f59e0b21}html.dark .shift-status-badge.active{color:#34d399;background:#10b98121}html.dark .shift-message-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .shift-message-success{color:#6ee7b7;background:#10b9811f;border-color:#34d39940}.shift-form::-webkit-scrollbar{width:7px;height:7px}.shift-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.shift-employee-list::-webkit-scrollbar{width:7px;height:7px}.shift-form::-webkit-scrollbar-track{background:0 0}.shift-table-wrapper::-webkit-scrollbar-track{background:0 0}.shift-employee-list::-webkit-scrollbar-track{background:0 0}.shift-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.shift-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.shift-employee-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}html.dark .shift-form::-webkit-scrollbar-thumb{background:#475569}html.dark .shift-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html.dark .shift-employee-list::-webkit-scrollbar-thumb{background:#475569}@media (width<=1100px){.shift-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-toolbar{align-items:stretch}.shift-search{flex-basis:100%;max-width:none}.shift-toolbar>select{flex:150px}}@media (width<=700px){.shift-management-header{flex-direction:column;align-items:stretch}.shift-header-actions{justify-content:flex-start}.shift-header-actions>button{flex:auto}.shift-summary-grid{grid-template-columns:1fr}.shift-toolbar{flex-direction:column}.shift-search,.shift-toolbar>select{flex:none;width:100%;max-width:none}.shift-pagination{flex-direction:column;align-items:flex-start}.shift-modal-backdrop{align-items:flex-start;padding:10px}.shift-modal{max-height:calc(100vh - 20px)}.shift-modal-header,.shift-form-section,.shift-modal-footer{padding-left:14px;padding-right:14px}.shift-form-grid{grid-template-columns:1fr}.shift-form-full{grid-column:auto}.shift-working-days-selector{grid-template-columns:repeat(4,minmax(0,1fr))}.shift-checkbox-grid{grid-template-columns:1fr}.shift-modal-footer{flex-direction:column-reverse}.shift-modal-footer button{width:100%}.shift-employee-selector-header{flex-direction:column;align-items:flex-start}}@media (width<=420px){.shift-management-header h1{font-size:21px}.shift-header-actions{flex-direction:column}.shift-header-actions>button{width:100%}.shift-working-days-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}.employee-shifts-page{width:100%;min-width:0;color:var(--color-text,#172033)}.employee-shifts-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.employee-shifts-header h1{color:var(--color-text,#172033);margin:0;font-size:24px;font-weight:700;line-height:1.3}.employee-shifts-header p{color:var(--color-text-light,#7b8495);margin:5px 0 0;font-size:13px;line-height:1.5}.employee-shifts-header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.employee-shifts-primary-button,.employee-shifts-secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.employee-shifts-primary-button{color:#fff;background:#172033;border:1px solid #172033}.employee-shifts-primary-button:hover{background:#263249;border-color:#263249}.employee-shifts-secondary-button{border:1px solid var(--color-border,#dfe4ea);background:var(--color-card,#fff);color:var(--color-text,#253047)}.employee-shifts-secondary-button:hover{background:var(--table-row-hover,#f8fafc)}.employee-shifts-primary-button:disabled,.employee-shifts-secondary-button:disabled{opacity:.5;cursor:not-allowed}.employee-shifts-message{border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-bottom:16px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}.employee-shifts-message button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.employee-shifts-message-error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.employee-shifts-message-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.employee-shifts-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.employee-shifts-summary>div{background:var(--color-card,#fff);border:1px solid var(--color-border,#e7eaf0);border-radius:11px;align-items:center;gap:13px;min-width:0;padding:17px;display:flex;box-shadow:0 1px 2px #0f172a06}.employee-shifts-summary-icon{border:1px solid var(--color-border,#e7eaf0);background:var(--color-input-bg,#f8fafc);width:39px;height:39px;color:var(--color-text-light,#64748b);border-radius:9px;flex:0 0 39px;justify-content:center;align-items:center;margin:0!important;display:inline-flex!important}.employee-shifts-summary>div>div{min-width:0}.employee-shifts-summary>div>div>span{color:var(--color-text-light,#8b95a6);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.employee-shifts-summary strong{color:var(--color-text,#172033);font-size:19px;font-weight:700;display:block}.employee-shifts-card{background:var(--color-card,#fff);border:1px solid var(--color-border,#e7eaf0);border-radius:12px;width:100%;min-width:0;overflow:hidden;box-shadow:0 1px 2px #0f172a05}.employee-shifts-toolbar{border-bottom:1px solid var(--color-border,#edf0f4);background:var(--color-card,#fff);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.employee-shifts-search{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);min-width:260px;max-width:400px;height:38px;color:var(--color-text-light,#94a3b8);border-radius:8px;flex:320px;align-items:center;gap:8px;padding:0 11px;display:flex}.employee-shifts-search:focus-within{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81f}.employee-shifts-search input{width:100%;min-width:0;color:var(--color-text,#253047);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:11px}.employee-shifts-search input::placeholder{color:var(--color-text-light,#9aa4b2)}.employee-shifts-toolbar>select{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);min-width:150px;height:38px;color:var(--color-text,#536075);cursor:pointer;border-radius:8px;outline:none;padding:0 30px 0 10px;font-family:inherit;font-size:11px}.employee-shifts-toolbar>select:focus{border-color:#94a3b8}.employee-shifts-history-toggle{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);min-height:38px;color:var(--color-text,#536075);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:600;display:inline-flex}.employee-shifts-history-toggle input{accent-color:#172033;cursor:pointer;width:14px;height:14px;margin:0}.employee-shifts-clear-filter{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);min-height:38px;color:var(--color-text-light,#64748b);cursor:pointer;border-radius:8px;padding:8px 11px;font-family:inherit;font-size:10px;font-weight:600}.employee-shifts-clear-filter:hover{background:var(--table-row-hover,#f8fafc)}.employee-shifts-table-wrapper{width:100%;overflow-x:auto}.employee-shifts-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:1100px}.employee-shifts-table th{text-align:left;white-space:nowrap;background:var(--table-header,#fafbfc);border-bottom:1px solid var(--color-border,#e8ebf0);color:var(--color-text-light,#8a95a5);text-transform:uppercase;letter-spacing:.035em;padding:11px 13px;font-size:9px;font-weight:700}.employee-shifts-table td{border-bottom:1px solid var(--color-border,#f0f2f5);color:var(--color-text-light,#536075);vertical-align:middle;padding:12px 13px;font-size:11px}.employee-shifts-table tbody tr:last-child td{border-bottom:none}.employee-shifts-table tbody tr{transition:background .15s}.employee-shifts-table tbody tr:hover{background:var(--table-row-hover,#fafbfc)}.employee-shifts-person,.employee-shifts-shift{flex-direction:column;gap:3px;min-width:125px;display:flex}.employee-shifts-person strong,.employee-shifts-shift strong{color:var(--color-text,#253047);font-size:11px;font-weight:700}.employee-shifts-person span,.employee-shifts-shift span{color:var(--color-text-light,#94a3b8);font-size:9px;font-weight:600}.employee-shifts-time{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.employee-shifts-time svg{color:var(--color-text-light,#94a3b8)}.employee-shifts-type{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#f1f5f9);color:var(--color-text-light,#475569);text-transform:capitalize;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-shifts-status{border-radius:999px;justify-content:center;align-items:center;min-width:55px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-shifts-status.active{color:#059669;background:#ecfdf5}.employee-shifts-status.ended{color:#64748b;background:#f1f5f9}.employee-shifts-actions{align-items:center;gap:5px;display:flex}.employee-shifts-actions button{border:1px solid var(--color-border,#e2e8f0);background:var(--color-input-bg,#fff);width:30px;height:30px;color:var(--color-text-light,#64748b);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.employee-shifts-actions button:hover{background:var(--table-row-hover,#f8fafc);color:var(--color-text,#172033)}.employee-shifts-actions button.danger{color:#e11d48}.employee-shifts-actions button.danger:hover{background:#fff1f2;border-color:#fecdd3}.employee-shifts-actions button:disabled{opacity:.45;cursor:not-allowed}.employee-shifts-empty{text-align:center!important;color:var(--color-text-light,#8a95a5)!important;padding:45px 20px!important;font-size:11px!important}.employee-shifts-pagination{border-top:1px solid var(--color-border,#edf0f4);background:var(--color-card,#fff);min-height:55px;color:var(--color-text-light,#8a95a5);justify-content:space-between;align-items:center;gap:15px;padding:11px 16px;font-size:10px;display:flex}.employee-shifts-pagination>div{align-items:center;gap:9px;display:flex}.employee-shifts-pagination button{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);min-height:31px;color:var(--color-text,#536075);cursor:pointer;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:10px;font-weight:600}.employee-shifts-pagination button:hover:not(:disabled){background:var(--table-row-hover,#f8fafc)}.employee-shifts-pagination button:disabled{opacity:.45;cursor:not-allowed}.employee-shifts-modal-backdrop{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8f;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-shifts-modal{background:var(--color-modal,var(--color-card,#fff));border:1px solid var(--color-border,#e2e8f0);border-radius:13px;flex-direction:column;width:100%;max-width:680px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a38}.employee-shifts-history-modal{max-width:780px}.employee-shifts-modal-header{border-bottom:1px solid var(--color-border,#e8ebf0);background:var(--color-modal,var(--color-card,#fff));flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:15px;padding:17px 20px;display:flex}.employee-shifts-modal-header h2{color:var(--color-text,#172033);margin:0;font-size:17px;font-weight:700}.employee-shifts-modal-header p{color:var(--color-text-light,#8a95a5);margin:4px 0 0;font-size:10px}.employee-shifts-modal-header>button{width:32px;height:32px;color:var(--color-text-light,#64748b);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.employee-shifts-modal-header>button:hover{background:var(--table-row-hover,#f1f5f9);color:var(--color-text,#172033)}.employee-shifts-form{background:var(--color-modal,var(--color-card,#fff));flex-direction:column;min-height:0;display:flex;overflow-y:auto}.employee-shifts-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.employee-shifts-form-grid label{flex-direction:column;gap:6px;min-width:0;display:flex}.employee-shifts-form-grid label>span{color:var(--color-text,#475569);font-size:10px;font-weight:700}.employee-shifts-form-grid input,.employee-shifts-form-grid select,.employee-shifts-form-grid textarea{border:1px solid var(--color-input-border,#dfe4ea);background:var(--color-input-bg,#fff);width:100%;color:var(--color-text,#253047);border-radius:8px;outline:none;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.employee-shifts-form-grid input,.employee-shifts-form-grid select{height:38px;padding:0 10px}.employee-shifts-form-grid textarea{resize:vertical;min-height:82px;padding:10px;line-height:1.5}.employee-shifts-form-grid input:focus,.employee-shifts-form-grid select:focus,.employee-shifts-form-grid textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81f}.employee-shifts-form-grid input::placeholder,.employee-shifts-form-grid textarea::placeholder{color:var(--color-text-light,#9aa4b2)}.employee-shifts-form-full{grid-column:1/-1}.employee-shifts-modal-footer{z-index:2;border-top:1px solid var(--color-border,#e8ebf0);background:var(--color-modal,var(--color-card,#fff));justify-content:flex-end;align-items:center;gap:9px;padding:13px 20px;display:flex;position:sticky;bottom:0}.employee-shifts-modal-footer button{cursor:pointer;border-radius:8px;min-width:95px;min-height:37px;padding:8px 14px;font-family:inherit;font-size:11px;font-weight:700}.employee-shifts-modal-footer button.secondary{border:1px solid var(--color-border,#dfe4ea);background:var(--color-input-bg,#fff);color:var(--color-text,#536075)}.employee-shifts-modal-footer button.primary{color:#fff;background:#172033;border:1px solid #172033}.employee-shifts-modal-footer button.secondary:hover:not(:disabled){background:var(--table-row-hover,#f8fafc)}.employee-shifts-modal-footer button.primary:hover:not(:disabled){background:#263249;border-color:#263249}.employee-shifts-modal-footer button:disabled{opacity:.5;cursor:not-allowed}.employee-shifts-history-body{background:var(--color-modal,var(--color-card,#fff));min-height:180px;max-height:calc(100vh - 170px);padding:18px 20px;overflow-y:auto}.employee-shifts-history-empty{text-align:center;color:var(--color-text-light,#8a95a5);padding:45px 15px;font-size:11px}.employee-shifts-history-list{flex-direction:column;gap:11px;display:flex}.employee-shifts-history-item{border:1px solid var(--color-border,#e7eaf0);background:var(--color-input-bg,#fafbfc);border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.employee-shifts-history-icon{border:1px solid var(--color-border,#e2e8f0);background:var(--color-card,#fff);width:35px;height:35px;color:var(--color-text-light,#64748b);border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;display:flex}.employee-shifts-history-content{flex:1;min-width:0}.employee-shifts-history-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-shifts-history-top>div{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-shifts-history-top strong{color:var(--color-text,#253047);font-size:12px;font-weight:700}.employee-shifts-history-top>div>span{color:var(--color-text-light,#94a3b8);font-size:9px}.employee-shifts-history-details{color:var(--color-text-light,#64748b);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 15px;margin-top:10px;font-size:10px;display:grid}.employee-shifts-history-details b,.employee-shifts-history-content p b{color:var(--color-text,#475569)}.employee-shifts-history-content p{color:var(--color-text-light,#64748b);margin:9px 0 0;font-size:10px;line-height:1.5}.employee-shifts-spin{animation:.8s linear infinite employee-shifts-spin-animation}@keyframes employee-shifts-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.dark .employee-shifts-page{color:#e5e7eb}html.dark .employee-shifts-header h1,html.dark .employee-shifts-summary strong,html.dark .employee-shifts-person strong,html.dark .employee-shifts-shift strong,html.dark .employee-shifts-modal-header h2,html.dark .employee-shifts-history-top strong{color:#f8fafc}html.dark .employee-shifts-header p,html.dark .employee-shifts-summary>div>div>span,html.dark .employee-shifts-table td,html.dark .employee-shifts-history-content p,html.dark .employee-shifts-history-details{color:#94a3b8}html.dark .employee-shifts-summary>div,html.dark .employee-shifts-card,html.dark .employee-shifts-toolbar,html.dark .employee-shifts-pagination,html.dark .employee-shifts-modal,html.dark .employee-shifts-modal-header,html.dark .employee-shifts-form,html.dark .employee-shifts-modal-footer,html.dark .employee-shifts-history-body{background:#111827;border-color:#293548}html.dark .employee-shifts-summary-icon,html.dark .employee-shifts-search,html.dark .employee-shifts-toolbar>select,html.dark .employee-shifts-history-toggle,html.dark .employee-shifts-clear-filter,html.dark .employee-shifts-actions button,html.dark .employee-shifts-pagination button,html.dark .employee-shifts-form-grid input,html.dark .employee-shifts-form-grid select,html.dark .employee-shifts-form-grid textarea,html.dark .employee-shifts-modal-footer button.secondary,html.dark .employee-shifts-history-item,html.dark .employee-shifts-history-icon{color:#cbd5e1;background:#182234;border-color:#334155}html.dark .employee-shifts-table th{color:#94a3b8;background:#182234;border-color:#293548}html.dark .employee-shifts-table td{border-color:#293548}html.dark .employee-shifts-table tbody tr:hover{background:#162032}html.dark .employee-shifts-search input,html.dark .employee-shifts-form-grid input,html.dark .employee-shifts-form-grid select,html.dark .employee-shifts-form-grid textarea{color:#f1f5f9}html.dark .employee-shifts-form-grid label>span,html.dark .employee-shifts-history-details b,html.dark .employee-shifts-history-content p b{color:#cbd5e1}html.dark .employee-shifts-type,html.dark .employee-shifts-status.ended{color:#cbd5e1;background:#1e293b;border-color:#334155}html.dark .employee-shifts-status.active{color:#34d399;background:#10b98121}html.dark .employee-shifts-primary-button,html.dark .employee-shifts-modal-footer button.primary{color:#111827;background:#f1f5f9;border-color:#f1f5f9}html.dark .employee-shifts-primary-button:hover,html.dark .employee-shifts-modal-footer button.primary:hover:not(:disabled){background:#fff;border-color:#fff}html.dark .employee-shifts-secondary-button{color:#e2e8f0;background:#182234;border-color:#334155}html.dark .employee-shifts-actions button:hover,html.dark .employee-shifts-pagination button:hover:not(:disabled),html.dark .employee-shifts-clear-filter:hover,html.dark .employee-shifts-modal-footer button.secondary:hover:not(:disabled){color:#f8fafc;background:#223047}html.dark .employee-shifts-actions button.danger{color:#fb7185}html.dark .employee-shifts-actions button.danger:hover{background:#e11d481f;border-color:#fb718559}html.dark .employee-shifts-message-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .employee-shifts-message-success{color:#6ee7b7;background:#10b9811f;border-color:#34d39940}.employee-shifts-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.employee-shifts-form::-webkit-scrollbar{width:7px;height:7px}.employee-shifts-history-body::-webkit-scrollbar{width:7px;height:7px}.employee-shifts-table-wrapper::-webkit-scrollbar-track{background:0 0}.employee-shifts-form::-webkit-scrollbar-track{background:0 0}.employee-shifts-history-body::-webkit-scrollbar-track{background:0 0}.employee-shifts-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-shifts-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-shifts-history-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}html.dark .employee-shifts-table-wrapper::-webkit-scrollbar-thumb{background:#475569}html.dark .employee-shifts-form::-webkit-scrollbar-thumb{background:#475569}html.dark .employee-shifts-history-body::-webkit-scrollbar-thumb{background:#475569}@media (width<=1100px){.employee-shifts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-shifts-search{flex-basis:100%;max-width:none}.employee-shifts-toolbar>select{flex:160px}}@media (width<=700px){.employee-shifts-header{flex-direction:column;align-items:stretch}.employee-shifts-header-actions{justify-content:flex-start}.employee-shifts-header-actions button{flex:1}.employee-shifts-summary{grid-template-columns:1fr}.employee-shifts-toolbar{flex-direction:column;align-items:stretch}.employee-shifts-search,.employee-shifts-toolbar>select,.employee-shifts-history-toggle,.employee-shifts-clear-filter{width:100%;max-width:none}.employee-shifts-pagination{flex-direction:column;align-items:flex-start}.employee-shifts-modal-backdrop{align-items:flex-start;padding:10px}.employee-shifts-modal{max-height:calc(100vh - 20px)}.employee-shifts-form-grid{grid-template-columns:1fr;padding:15px}.employee-shifts-form-full{grid-column:auto}.employee-shifts-modal-header,.employee-shifts-modal-footer,.employee-shifts-history-body{padding-left:15px;padding-right:15px}.employee-shifts-modal-footer{flex-direction:column-reverse}.employee-shifts-modal-footer button{width:100%}.employee-shifts-history-details{grid-template-columns:1fr}}@media (width<=430px){.employee-shifts-header h1{font-size:21px}.employee-shifts-header-actions{flex-direction:column}.employee-shifts-header-actions button{width:100%}.employee-shifts-history-top{flex-direction:column}}.pay-page{--pay-text:#172033;--pay-text-secondary:#7b8495;--pay-surface:#fff;--pay-surface-secondary:#f8fafc;--pay-surface-hover:#fafbfc;--pay-input-bg:#fff;--pay-input-border:#dfe4ea;--pay-border:#e7eaf0;--pay-border-light:#f0f2f5;--pay-table-header:#fafbfc;--pay-table-hover:#fafbfc;--pay-modal:#fff;width:100%;min-width:0;color:var(--pay-text)}.pay-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.pay-header h1{color:var(--pay-text);margin:4px 0 0;font-size:24px;font-weight:700}.pay-header p{color:var(--pay-text-secondary);margin:5px 0 0;font-size:13px}.pay-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pay-actions button,.pay-modal-foot button,.mini,.link-btn,.back-btn{font-family:inherit}.pay-actions button{cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#fff!important;background:#172033!important;border:1px solid #172033!important}.secondary{background:var(--pay-surface)!important;border:1px solid var(--pay-border)!important;color:var(--pay-text)!important}.danger-text{color:#e11d48!important}.pay-alert{border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 13px;font-size:12px;font-weight:600;display:flex}.pay-alert button{color:inherit;cursor:pointer;background:0 0;border:0}.pay-alert.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.pay-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.pay-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.pay-summary>div{border:1px solid var(--pay-border);background:var(--pay-surface);border-radius:11px;min-width:0;padding:17px}.pay-summary span{color:var(--pay-text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.pay-summary strong{color:var(--pay-text);font-size:18px;display:block}.pay-card{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;overflow:hidden}.pay-toolbar{border-bottom:1px solid var(--pay-border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.pay-search{border:1px solid var(--pay-input-border);background:var(--pay-input-bg);min-width:250px;max-width:400px;height:38px;color:var(--pay-text-secondary);border-radius:8px;flex:320px;align-items:center;gap:8px;padding:0 11px;display:flex}.pay-search input{width:100%;color:var(--pay-text);background:0 0;border:0;outline:0;font-size:11px}.pay-search input::placeholder{color:var(--pay-text-secondary)}.pay-toolbar select,.toggle{border:1px solid var(--pay-input-border);background:var(--pay-input-bg);min-height:38px;color:var(--pay-text);border-radius:8px;padding:0 11px;font-size:11px}.toggle{align-items:center;gap:7px;display:inline-flex}.pay-table-wrap{width:100%;overflow-x:auto}.pay-table{border-collapse:collapse;width:100%;min-width:1050px}.pay-table th{background:var(--pay-table-header);border-bottom:1px solid var(--pay-border);color:var(--pay-text-secondary);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:9px;font-weight:700}.pay-table td{border-bottom:1px solid var(--pay-border-light);color:var(--pay-text-secondary);vertical-align:middle;padding:12px 13px;font-size:11px}.pay-table tbody tr:hover{background:var(--pay-table-hover)}.pay-table td b{color:var(--pay-text);font-size:11px;display:block}.pay-table td small{color:var(--pay-text-secondary);margin-top:3px;font-size:9px;display:block}.empty{text-align:center!important;color:var(--pay-text-secondary)!important;padding:42px 18px!important}.pill{text-transform:capitalize;border:0;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.pill.green{color:#059669;background:#ecfdf5}.pill.gray{color:#64748b;background:#f1f5f9}.pill.amber{color:#b45309;background:#fffbeb}.pill.red{color:#e11d48;background:#fff1f2}.link-btn{border:1px solid var(--pay-border);background:var(--pay-input-bg);color:var(--pay-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.icon-actions{align-items:center;gap:5px;display:flex}.icon-actions button{border:1px solid var(--pay-border);background:var(--pay-input-bg);min-width:30px;height:30px;color:var(--pay-text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.icon-actions button.danger{color:#e11d48}.pay-modal-backdrop{z-index:1400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pay-modal{background:var(--pay-modal);border:1px solid var(--pay-border);border-radius:13px;flex-direction:column;width:100%;max-width:700px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a38}.pay-modal.large{max-width:920px}.pay-modal.small{max-width:520px}.pay-modal-head{border-bottom:1px solid var(--pay-border);background:var(--pay-modal);justify-content:space-between;align-items:flex-start;padding:17px 20px;display:flex}.pay-modal-head h2{color:var(--pay-text);margin:0;font-size:17px}.pay-modal-head p{color:var(--pay-text-secondary);margin:4px 0 0;font-size:10px}.pay-modal-head>button{width:31px;height:31px;color:var(--pay-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px}.pay-form{background:var(--pay-modal);min-height:0;overflow-y:auto}.pay-form section{border-bottom:1px solid var(--pay-border);padding:17px 20px}.pay-form h3{color:var(--pay-text);margin:0 0 12px;font-size:12px}.pay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pay-grid.one{grid-template-columns:1fr}.pay-grid label{color:var(--pay-text);flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.pay-grid input,.pay-grid select,.pay-grid textarea,.component-row input,.component-row select{border:1px solid var(--pay-input-border);background:var(--pay-input-bg);width:100%;color:var(--pay-text);border-radius:8px;outline:0;font-size:11px}.pay-grid input,.pay-grid select,.component-row input,.component-row select{height:38px;padding:0 10px}.pay-grid textarea{resize:vertical;min-height:80px;padding:10px}.pay-grid .full{grid-column:1/-1}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.mini{border:1px solid var(--pay-border);background:var(--pay-input-bg);color:var(--pay-text);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.component-row{grid-template-columns:1.3fr .8fr 1fr .7fr 36px;gap:8px;margin-top:8px;display:grid}.danger-icon{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;height:38px}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check-grid label{border:1px solid var(--pay-border);background:var(--pay-surface-secondary);color:var(--pay-text);border-radius:8px;padding:10px;font-size:10px}.pay-modal-foot{border-top:1px solid var(--pay-border);background:var(--pay-modal);justify-content:flex-end;gap:9px;padding:13px 20px;display:flex;position:sticky;bottom:0}.pay-modal-foot button{cursor:pointer;border-radius:8px;min-width:95px;min-height:37px;padding:8px 14px;font-size:11px;font-weight:700}.history-list{padding:16px 20px;overflow-y:auto}.history-item{border:1px solid var(--pay-border);background:var(--pay-surface-secondary);border-radius:9px;justify-content:space-between;gap:20px;margin-bottom:9px;padding:12px 14px;display:flex}.history-item>div{flex-direction:column;gap:3px;display:flex}.history-item b{color:var(--pay-text);font-size:11px}.history-item small{color:var(--pay-text-secondary);font-size:9px}.history-item span{color:var(--pay-text);font-size:11px;font-weight:700}.back-btn{color:var(--pay-text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.payroll-payslip-cell{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.payroll-payslip-generated{color:#059669;background:#ecfdf5;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.payroll-payslip-unavailable{color:var(--pay-text-secondary);font-size:9px}.payroll-small-button{border:1px solid var(--pay-border);background:var(--pay-input-bg);min-height:30px;color:var(--pay-text);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}html.dark .pay-page,body.dark .pay-page,[data-theme=dark] .pay-page{--pay-text:#f3f4f6;--pay-text-secondary:#94a3b8;--pay-surface:#111827;--pay-surface-secondary:#172033;--pay-surface-hover:#1f2937;--pay-input-bg:#172033;--pay-input-border:#334155;--pay-border:#2d3748;--pay-border-light:#263244;--pay-table-header:#172033;--pay-table-hover:#172033;--pay-modal:#111827}html.dark .primary,body.dark .primary,[data-theme=dark] .primary{color:#111827!important;background:#f1f5f9!important;border-color:#f1f5f9!important}html.dark .pill.gray,body.dark .pill.gray,[data-theme=dark] .pill.gray{color:#cbd5e1;background:#1f2937}html.dark .pill.green,body.dark .pill.green,[data-theme=dark] .pill.green{color:#34d399;background:#10b98121}html.dark .pill.amber,body.dark .pill.amber,[data-theme=dark] .pill.amber{color:#fbbf24;background:#f59e0b21}html.dark .pill.red,body.dark .pill.red,[data-theme=dark] .pill.red{color:#fb7185;background:#e11d481f}html.dark .pay-alert.error,body.dark .pay-alert.error,[data-theme=dark] .pay-alert.error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .pay-alert.success,body.dark .pay-alert.success,[data-theme=dark] .pay-alert.success{color:#6ee7b7;background:#10b9811f;border-color:#34d39940}html.dark .danger-icon,body.dark .danger-icon,[data-theme=dark] .danger-icon{color:#fb7185;background:#e11d481f;border-color:#fb71854d}html.dark .payroll-payslip-generated,body.dark .payroll-payslip-generated,[data-theme=dark] .payroll-payslip-generated{color:#34d399;background:#10b98121}.pay-spin{animation:.8s linear infinite pay-spin-animation}@keyframes pay-spin-animation{to{transform:rotate(360deg)}}@media (width<=1200px){.pay-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.pay-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.pay-header{flex-direction:column}.pay-actions{width:100%}.pay-actions button{flex:1}.pay-toolbar{flex-direction:column;align-items:stretch}.pay-search,.pay-toolbar select,.toggle{width:100%;max-width:none}.pay-grid,.component-row,.check-grid{grid-template-columns:1fr}.pay-grid .full{grid-column:auto}.pay-modal-backdrop{align-items:flex-start;padding:10px}.pay-modal-foot{flex-direction:column-reverse}.pay-modal-foot button{width:100%}}@media (width<=520px){.pay-summary{grid-template-columns:1fr}.payroll-payslip-cell{flex-direction:column;align-items:flex-start}}.my-payslips-page{--my-payslips-text:#172033;--my-payslips-text-secondary:#7b8495;--my-payslips-surface:#fff;--my-payslips-surface-secondary:#f8fafc;--my-payslips-surface-hover:#fafbfc;--my-payslips-border:#e7eaf0;--my-payslips-border-light:#f0f2f5;--my-payslips-table-header:#fafbfc;--my-payslips-table-hover:#fafbfc;--my-payslips-button-bg:#fff;width:100%;min-width:0;color:var(--my-payslips-text)}.my-payslips-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.my-payslips-header h1{color:var(--my-payslips-text);margin:0;font-size:24px;font-weight:700}.my-payslips-header p{color:var(--my-payslips-text-secondary);margin:5px 0 0;font-size:13px}.my-payslips-refresh{border:1px solid var(--my-payslips-border);background:var(--my-payslips-button-bg);min-height:38px;color:var(--my-payslips-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-family:inherit;font-size:11px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.my-payslips-refresh:hover:not(:disabled){background:var(--my-payslips-surface-hover)}.my-payslips-refresh:disabled{opacity:.5;cursor:not-allowed}.my-payslips-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.my-payslips-summary>div{background:var(--my-payslips-surface);border:1px solid var(--my-payslips-border);border-radius:11px;align-items:center;gap:13px;min-width:0;padding:17px;transition:background-color .15s,border-color .15s;display:flex}.my-payslips-summary-icon{border:1px solid var(--my-payslips-border);background:var(--my-payslips-surface-secondary);width:39px;height:39px;color:var(--my-payslips-text-secondary);border-radius:9px;flex:0 0 39px;justify-content:center;align-items:center;display:inline-flex}.my-payslips-summary>div>div{min-width:0}.my-payslips-summary>div>div>span{color:var(--my-payslips-text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.my-payslips-summary strong{color:var(--my-payslips-text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;display:block;overflow:hidden}.my-payslips-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:11px;font-weight:600}.my-payslips-card{background:var(--my-payslips-surface);border:1px solid var(--my-payslips-border);border-radius:12px;transition:background-color .15s,border-color .15s;overflow:hidden}.my-payslips-card-header{background:var(--my-payslips-surface);border-bottom:1px solid var(--my-payslips-border);padding:16px 18px}.my-payslips-card-header h2{color:var(--my-payslips-text);margin:0;font-size:16px;font-weight:700}.my-payslips-card-header p{color:var(--my-payslips-text-secondary);margin:4px 0 0;font-size:10px}.my-payslips-table-wrapper{background:var(--my-payslips-surface);width:100%;overflow-x:auto}.my-payslips-table{border-collapse:collapse;background:var(--my-payslips-surface);width:100%;min-width:1000px}.my-payslips-table thead{background:var(--my-payslips-table-header)}.my-payslips-table th{background:var(--my-payslips-table-header);border-bottom:1px solid var(--my-payslips-border);color:var(--my-payslips-text-secondary);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:9px;font-weight:700}.my-payslips-table tbody{background:var(--my-payslips-surface)}.my-payslips-table tbody tr{background:var(--my-payslips-surface);transition:background-color .15s}.my-payslips-table td{border-bottom:1px solid var(--my-payslips-border-light);color:var(--my-payslips-text-secondary);background:0 0;padding:12px 13px;font-size:11px}.my-payslips-table tbody tr:last-child td{border-bottom:none}.my-payslips-table tbody tr:hover{background:var(--my-payslips-table-hover)}.my-payslips-number{align-items:center;gap:6px;display:flex}.my-payslips-number strong{color:var(--my-payslips-text)}.my-payslips-payroll-name{flex-direction:column;gap:3px;display:flex}.my-payslips-payroll-name strong{color:var(--my-payslips-text)}.my-payslips-payroll-name span{color:var(--my-payslips-text-secondary);font-size:9px}.my-payslips-net{color:var(--my-payslips-text);font-weight:700}.my-payslips-status{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.my-payslips-status.paid{color:#059669;background:#ecfdf5}.my-payslips-status.processing{color:#2563eb;background:#eff6ff}.my-payslips-status.failed{color:#e11d48;background:#fff1f2}.my-payslips-view-button{border:1px solid var(--my-payslips-border);background:var(--my-payslips-button-bg);min-height:30px;color:var(--my-payslips-text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-family:inherit;font-size:10px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.my-payslips-view-button:hover{background:var(--my-payslips-surface-hover);color:var(--my-payslips-text)}.my-payslips-empty{background:var(--my-payslips-surface)!important;color:var(--my-payslips-text-secondary)!important;text-align:center!important;padding:45px 20px!important}.my-payslips-pagination{background:var(--my-payslips-surface);border-top:1px solid var(--my-payslips-border);min-height:55px;color:var(--my-payslips-text-secondary);justify-content:space-between;align-items:center;gap:15px;padding:11px 16px;font-size:10px;display:flex}.my-payslips-pagination>div{align-items:center;gap:8px;display:flex}.my-payslips-pagination button{border:1px solid var(--my-payslips-border);background:var(--my-payslips-button-bg);min-height:31px;color:var(--my-payslips-text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:6px 9px;font-family:inherit;font-size:10px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.my-payslips-pagination button:hover:not(:disabled){background:var(--my-payslips-surface-hover);color:var(--my-payslips-text)}.my-payslips-pagination button:disabled{opacity:.45;cursor:not-allowed}html.dark .my-payslips-page,body.dark .my-payslips-page,[data-theme=dark] .my-payslips-page{--my-payslips-text:#f3f4f6;--my-payslips-text-secondary:#94a3b8;--my-payslips-surface:#111827;--my-payslips-surface-secondary:#172033;--my-payslips-surface-hover:#1f2937;--my-payslips-border:#2d3748;--my-payslips-border-light:#263244;--my-payslips-table-header:#172033;--my-payslips-table-hover:#172033;--my-payslips-button-bg:#172033}html.dark .my-payslips-status,body.dark .my-payslips-status,[data-theme=dark] .my-payslips-status{color:#cbd5e1;background:#1f2937}html.dark .my-payslips-status.paid,body.dark .my-payslips-status.paid,[data-theme=dark] .my-payslips-status.paid{color:#34d399;background:#10b98124}html.dark .my-payslips-status.processing,body.dark .my-payslips-status.processing,[data-theme=dark] .my-payslips-status.processing{color:#60a5fa;background:#3b82f624}html.dark .my-payslips-status.failed,body.dark .my-payslips-status.failed,[data-theme=dark] .my-payslips-status.failed{color:#fb7185;background:#e11d4824}html.dark .my-payslips-error,body.dark .my-payslips-error,[data-theme=dark] .my-payslips-error{color:#fda4af;background:#e11d481f;border-color:#fb718547}html.dark .my-payslips-pagination button:disabled,body.dark .my-payslips-pagination button:disabled,[data-theme=dark] .my-payslips-pagination button:disabled{color:#64748b;opacity:.55}html.dark .my-payslips-table-wrapper::-webkit-scrollbar{height:8px}body.dark .my-payslips-table-wrapper::-webkit-scrollbar{height:8px}[data-theme=dark] .my-payslips-table-wrapper::-webkit-scrollbar{height:8px}html.dark .my-payslips-table-wrapper::-webkit-scrollbar-track{background:#111827}body.dark .my-payslips-table-wrapper::-webkit-scrollbar-track{background:#111827}[data-theme=dark] .my-payslips-table-wrapper::-webkit-scrollbar-track{background:#111827}html.dark .my-payslips-table-wrapper::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}body.dark .my-payslips-table-wrapper::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}[data-theme=dark] .my-payslips-table-wrapper::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}html.dark .my-payslips-table-wrapper::-webkit-scrollbar-thumb:hover{background:#475569}body.dark .my-payslips-table-wrapper::-webkit-scrollbar-thumb:hover{background:#475569}[data-theme=dark] .my-payslips-table-wrapper::-webkit-scrollbar-thumb:hover{background:#475569}.my-payslips-spin{animation:.8s linear infinite my-payslips-spin}@keyframes my-payslips-spin{to{transform:rotate(360deg)}}@media (width<=900px){.my-payslips-summary{grid-template-columns:1fr}}@media (width<=650px){.my-payslips-header{flex-direction:column}.my-payslips-refresh{width:100%}.my-payslips-pagination{flex-direction:column;align-items:flex-start}.my-payslips-pagination>div{width:100%}.my-payslips-pagination button{flex:1}}.payslip-details-page{--payslip-text:#172033;--payslip-text-secondary:#8a95a5;--payslip-surface:#fff;--payslip-surface-secondary:#fafbfc;--payslip-surface-hover:#f8fafc;--payslip-border:#e7eaf0;--payslip-border-light:#f0f2f5;width:100%;min-width:0;color:var(--payslip-text)}.payslip-details-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.payslip-details-back{color:var(--payslip-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:10px;padding:0;font-size:10px;font-weight:600;display:inline-flex}.payslip-details-page-header h1{color:var(--payslip-text);margin:0;font-size:24px;font-weight:700}.payslip-details-page-header p{color:var(--payslip-text-secondary);margin:4px 0 0;font-size:11px}.payslip-details-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.payslip-details-payment-status{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}.payslip-details-payment-status.paid{color:#059669;background:#ecfdf5}.payslip-details-download-button{border:1px solid var(--payslip-border);background:var(--payslip-surface);min-height:37px;color:var(--payslip-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.payslip-details-hero{background:var(--payslip-surface);border:1px solid var(--payslip-border);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.payslip-details-company{align-items:center;gap:13px;display:flex}.payslip-details-company-icon{background:var(--payslip-surface-secondary);width:45px;height:45px;color:var(--payslip-text-secondary);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.payslip-details-company span{color:var(--payslip-text-secondary);font-size:9px;font-weight:700;display:block}.payslip-details-company h2{color:var(--payslip-text);margin:3px 0;font-size:17px}.payslip-details-company p{color:var(--payslip-text-secondary);margin:0;font-size:10px}.payslip-details-net-box{text-align:right}.payslip-details-net-box span{color:var(--payslip-text-secondary);margin-bottom:5px;font-size:9px;font-weight:700;display:block}.payslip-details-net-box strong{color:#059669;font-size:24px;font-weight:800}.payslip-details-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.payslip-details-info-grid>div{background:var(--payslip-surface);border:1px solid var(--payslip-border);border-radius:10px;align-items:flex-start;gap:9px;padding:14px;display:flex}.payslip-details-info-grid svg{color:var(--payslip-text-secondary);margin-top:2px}.payslip-details-info-grid span,.payslip-details-info-grid small{color:var(--payslip-text-secondary);font-size:9px;display:block}.payslip-details-info-grid strong{color:var(--payslip-text);margin-top:3px;font-size:11px;display:block}.payslip-details-money-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.payslip-details-money-card{background:var(--payslip-surface);border:1px solid var(--payslip-border);border-radius:11px;overflow:hidden}.payslip-details-money-header{border-bottom:1px solid var(--payslip-border);padding:13px 15px}.payslip-details-money-header>div{align-items:center;gap:7px;display:flex}.payslip-details-money-header h3{color:var(--payslip-text);margin:0;font-size:12px}.payslip-details-components{padding:7px 15px}.payslip-details-component-row{border-bottom:1px solid var(--payslip-border-light);justify-content:space-between;align-items:center;gap:15px;padding:9px 0;display:flex}.payslip-details-component-row:last-child{border-bottom:none}.payslip-details-component-row span{color:var(--payslip-text-secondary);font-size:10px}.payslip-details-component-row strong{color:var(--payslip-text);font-size:10px}.payslip-details-money-total{border-top:1px solid var(--payslip-border);background:var(--payslip-surface-secondary);justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.payslip-details-money-total span{color:var(--payslip-text-secondary);font-size:10px;font-weight:700}.payslip-details-money-total strong{color:var(--payslip-text);font-size:12px}.payslip-details-no-components{color:var(--payslip-text-secondary);text-align:center;padding:20px 0;font-size:10px}.payslip-details-section{background:var(--payslip-surface);border:1px solid var(--payslip-border);border-radius:11px;margin-bottom:16px;overflow:hidden}.payslip-details-section-header{border-bottom:1px solid var(--payslip-border);padding:13px 15px}.payslip-details-section-header h3{color:var(--payslip-text);margin:0;font-size:12px}.payslip-details-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px;display:grid}.payslip-details-stat-grid>div{border:1px solid var(--payslip-border);background:var(--payslip-surface-secondary);border-radius:8px;padding:11px}.payslip-details-stat-grid span{color:var(--payslip-text-secondary);font-size:9px;display:block}.payslip-details-stat-grid strong{color:var(--payslip-text);margin-top:5px;font-size:13px;display:block}.payslip-details-proration{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;margin-bottom:16px;padding:13px 15px}.payslip-details-proration strong{font-size:11px;display:block}.payslip-details-proration p{margin:4px 0 0;font-size:10px}.payslip-details-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;display:grid}.payslip-details-payment-grid>div{align-items:flex-start;gap:8px;display:flex}.payslip-details-payment-grid svg{color:var(--payslip-text-secondary);margin-top:2px}.payslip-details-payment-grid span{color:var(--payslip-text-secondary);font-size:9px;display:block}.payslip-details-payment-grid strong{color:var(--payslip-text);text-transform:capitalize;margin-top:3px;font-size:10px;display:block}.payslip-details-final{border:1px solid var(--payslip-border);background:var(--payslip-surface);border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.payslip-details-final>div{border-right:1px solid var(--payslip-border);padding:16px}.payslip-details-final>div:last-child{border-right:none}.payslip-details-final span{color:var(--payslip-text-secondary);font-size:9px;display:block}.payslip-details-final strong{color:var(--payslip-text);margin-top:5px;font-size:15px;display:block}.payslip-details-final .net{background:#ecfdf5}.payslip-details-final .net strong{color:#059669;font-size:18px}.payslip-details-state{color:var(--payslip-text-secondary);text-align:center;padding:50px 20px;font-size:12px}.payslip-details-state-error{color:#e11d48}html.dark .payslip-details-page,body.dark .payslip-details-page,[data-theme=dark] .payslip-details-page{--payslip-text:#f3f4f6;--payslip-text-secondary:#94a3b8;--payslip-surface:#111827;--payslip-surface-secondary:#172033;--payslip-surface-hover:#1f2937;--payslip-border:#2d3748;--payslip-border-light:#263244}html.dark .payslip-details-payment-status,body.dark .payslip-details-payment-status,[data-theme=dark] .payslip-details-payment-status{color:#cbd5e1;background:#1f2937}html.dark .payslip-details-payment-status.paid,body.dark .payslip-details-payment-status.paid,[data-theme=dark] .payslip-details-payment-status.paid{color:#34d399;background:#10b98121}html.dark .payslip-details-proration,body.dark .payslip-details-proration,[data-theme=dark] .payslip-details-proration{color:#fbbf24;background:#f59e0b1f;border-color:#fbbf2440}html.dark .payslip-details-final .net,body.dark .payslip-details-final .net,[data-theme=dark] .payslip-details-final .net{background:#10b9811a}html.dark .payslip-details-final .net strong,html.dark .payslip-details-net-box strong,body.dark .payslip-details-final .net strong,body.dark .payslip-details-net-box strong,[data-theme=dark] .payslip-details-final .net strong,[data-theme=dark] .payslip-details-net-box strong{color:#34d399}@media print{body{background:#fff!important}.sidebar,.dashboard-sidebar,.app-sidebar,.header,.dashboard-header,.topbar,.navbar{display:none!important}.payslip-details-page{--payslip-text:#000;--payslip-text-secondary:#4b5563;--payslip-surface:#fff;--payslip-surface-secondary:#fff;--payslip-border:#d1d5db;--payslip-border-light:#e5e7eb;width:100%!important;margin:0!important;padding:0!important}.payslip-details-back,.payslip-details-download-button{display:none!important}.payslip-details-final .net{background:#fff!important}.payslip-details-final .net strong,.payslip-details-net-box strong{color:#000!important}}@media (width<=1100px){.payslip-details-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-details-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payslip-details-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.payslip-details-page-header,.payslip-details-hero{flex-direction:column;align-items:flex-start}.payslip-details-header-actions{justify-content:flex-start;width:100%}.payslip-details-net-box{text-align:left}.payslip-details-info-grid,.payslip-details-money-grid,.payslip-details-stat-grid,.payslip-details-payment-grid,.payslip-details-final{grid-template-columns:1fr}.payslip-details-final>div{border-right:none;border-bottom:1px solid var(--payslip-border)}.payslip-details-final>div:last-child{border-bottom:none}}.payroll-reports-page{--reports-text:#172033;--reports-text-secondary:#7b8495;--reports-surface:#fff;--reports-surface-secondary:#f8fafc;--reports-surface-hover:#fafbfc;--reports-input-bg:#fff;--reports-input-border:#dfe4ea;--reports-border:#e7eaf0;--reports-border-light:#f0f2f5;--reports-table-header:#fafbfc;--reports-table-hover:#fafbfc;width:100%;min-width:0;color:var(--reports-text)}.payroll-reports-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.payroll-reports-header h1{color:var(--reports-text);margin:0;font-size:24px;font-weight:700}.payroll-reports-header p{color:var(--reports-text-secondary);margin:5px 0 0;font-size:13px}.payroll-reports-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.payroll-reports-refresh,.payroll-reports-export{border:1px solid var(--reports-border);background:var(--reports-surface);min-height:38px;color:var(--reports-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.payroll-reports-refresh:hover:not(:disabled),.payroll-reports-export:hover:not(:disabled){background:var(--reports-surface-hover)}.payroll-reports-refresh:disabled,.payroll-reports-export:disabled{opacity:.5;cursor:not-allowed}.payroll-reports-filters{background:var(--reports-surface);border:1px solid var(--reports-border);border-radius:12px;margin-bottom:20px;padding:16px}.payroll-reports-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.payroll-reports-filter-grid label{color:var(--reports-text);flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.payroll-reports-filter-grid input,.payroll-reports-filter-grid select{border:1px solid var(--reports-input-border);background:var(--reports-input-bg);width:100%;min-height:37px;color:var(--reports-text);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:11px}.payroll-reports-filter-grid input::placeholder{color:var(--reports-text-secondary)}.payroll-reports-filter-grid input:focus,.payroll-reports-filter-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.payroll-reports-filter-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.payroll-reports-filter-actions button{cursor:pointer;border-radius:8px;min-height:36px;padding:7px 13px;font-family:inherit;font-size:10px;font-weight:700}.payroll-reports-filter-actions .secondary{border:1px solid var(--reports-border);background:var(--reports-surface);color:var(--reports-text)}.payroll-reports-filter-actions .primary{color:#fff;background:#172033;border:1px solid #172033}.payroll-reports-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:11px;font-weight:600}.payroll-reports-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.payroll-reports-summary-grid>div{background:var(--reports-surface);border:1px solid var(--reports-border);border-radius:11px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.payroll-report-icon{border:1px solid var(--reports-border);background:var(--reports-surface-secondary);width:38px;height:38px;color:var(--reports-text-secondary);border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.payroll-reports-summary-grid span:not(.payroll-report-icon){color:var(--reports-text-secondary);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.payroll-reports-summary-grid strong{color:var(--reports-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;display:block;overflow:hidden}.payroll-reports-tabs{border:1px solid var(--reports-border);background:var(--reports-surface);border-radius:10px;align-items:center;gap:4px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.payroll-reports-tabs button{min-height:34px;color:var(--reports-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:10px;font-weight:700}.payroll-reports-tabs button:hover{background:var(--reports-surface-hover);color:var(--reports-text)}.payroll-reports-tabs button.active{color:#fff;background:#172033}.payroll-reports-loading{text-align:center;color:var(--reports-text-secondary);padding:50px 20px;font-size:12px}.payroll-reports-card{background:var(--reports-surface);border:1px solid var(--reports-border);border-radius:12px;margin-bottom:16px;overflow:hidden}.payroll-reports-card-header{border-bottom:1px solid var(--reports-border);justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:14px 17px;display:flex}.payroll-reports-card-header h2{color:var(--reports-text);margin:0;font-size:15px;font-weight:700}.payroll-reports-card-header p{color:var(--reports-text-secondary);margin:4px 0 0;font-size:10px}.payroll-reports-card-header>strong{color:var(--reports-text);font-size:11px;font-weight:700}.payroll-reports-card-header-search{flex-wrap:wrap}.payroll-reports-search{border:1px solid var(--reports-input-border);background:var(--reports-input-bg);width:min(260px,100%);min-height:36px;color:var(--reports-text-secondary);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.payroll-reports-search input{width:100%;color:var(--reports-text);background:0 0;border:none;outline:none;font-size:10px}.payroll-reports-search input::placeholder{color:var(--reports-text-secondary)}.payroll-reports-table-wrap{width:100%;overflow-x:auto}.payroll-reports-table{border-collapse:collapse;width:100%;min-width:900px}.payroll-reports-table th{background:var(--reports-table-header);border-bottom:1px solid var(--reports-border);color:var(--reports-text-secondary);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:9px;font-weight:700}.payroll-reports-table td{border-bottom:1px solid var(--reports-border-light);color:var(--reports-text-secondary);vertical-align:middle;padding:12px 13px;font-size:10px}.payroll-reports-table tbody tr:last-child td{border-bottom:none}.payroll-reports-table tbody tr:hover{background:var(--reports-table-hover)}.payroll-reports-table td strong{color:var(--reports-text);font-size:10px;font-weight:700}.payroll-reports-table td small{color:var(--reports-text-secondary);margin-top:3px;font-size:9px;display:block}.payroll-reports-empty{text-align:center!important;color:var(--reports-text-secondary)!important;padding:45px 20px!important}.payroll-report-status{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.payroll-report-status.processing,.payroll-report-status.payment_processing{color:#2563eb;background:#eff6ff}.payroll-report-status.pending,.payroll-report-status.pending_approval{color:#d97706;background:#fffbeb}.payroll-report-status.approved,.payroll-report-status.paid{color:#059669;background:#ecfdf5}.payroll-report-status.failed,.payroll-report-status.cancelled{color:#e11d48;background:#fff1f2}.payroll-report-status.held{color:#a16207;background:#fefce8}.payroll-reports-chart{grid-template-columns:repeat(12,minmax(38px,1fr));align-items:end;gap:10px;min-height:280px;padding:24px 20px 18px;display:grid;overflow-x:auto}.payroll-reports-chart-item{flex-direction:column;align-items:center;gap:7px;min-width:38px;height:225px;display:flex}.payroll-reports-chart-value{width:100%;color:var(--reports-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;overflow:hidden}.payroll-reports-chart-track{background:var(--reports-surface-secondary);border-radius:6px 6px 3px 3px;flex:1;align-items:flex-end;width:26px;display:flex;overflow:hidden}.payroll-reports-chart-bar{background:#334155;border-radius:6px 6px 3px 3px;width:100%;min-height:3px}.payroll-reports-chart-item>span{color:var(--reports-text-secondary);font-size:9px;font-weight:700}.payroll-reports-mini-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.payroll-reports-mini-summary>div{background:var(--reports-surface);border:1px solid var(--reports-border);border-radius:10px;padding:14px}.payroll-reports-mini-summary span{color:var(--reports-text-secondary);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.payroll-reports-mini-summary strong{color:var(--reports-text);font-size:15px;font-weight:700}html.dark .payroll-reports-page,body.dark .payroll-reports-page,[data-theme=dark] .payroll-reports-page{--reports-text:#f3f4f6;--reports-text-secondary:#94a3b8;--reports-surface:#111827;--reports-surface-secondary:#172033;--reports-surface-hover:#1f2937;--reports-input-bg:#172033;--reports-input-border:#334155;--reports-border:#2d3748;--reports-border-light:#263244;--reports-table-header:#172033;--reports-table-hover:#172033}html.dark .payroll-reports-tabs button.active,body.dark .payroll-reports-tabs button.active,[data-theme=dark] .payroll-reports-tabs button.active{color:#172033;background:#f8fafc}html.dark .payroll-reports-filter-actions .primary,body.dark .payroll-reports-filter-actions .primary,[data-theme=dark] .payroll-reports-filter-actions .primary{color:#172033;background:#f8fafc;border-color:#f8fafc}html.dark .payroll-report-status,body.dark .payroll-report-status,[data-theme=dark] .payroll-report-status{color:#cbd5e1;background:#1f2937}html.dark .payroll-report-status.processing,html.dark .payroll-report-status.payment_processing,body.dark .payroll-report-status.processing,body.dark .payroll-report-status.payment_processing,[data-theme=dark] .payroll-report-status.processing,[data-theme=dark] .payroll-report-status.payment_processing{color:#60a5fa;background:#3b82f621}html.dark .payroll-report-status.pending,html.dark .payroll-report-status.pending_approval,body.dark .payroll-report-status.pending,body.dark .payroll-report-status.pending_approval,[data-theme=dark] .payroll-report-status.pending,[data-theme=dark] .payroll-report-status.pending_approval{color:#fbbf24;background:#f59e0b1f}html.dark .payroll-report-status.approved,html.dark .payroll-report-status.paid,body.dark .payroll-report-status.approved,body.dark .payroll-report-status.paid,[data-theme=dark] .payroll-report-status.approved,[data-theme=dark] .payroll-report-status.paid{color:#34d399;background:#10b98121}html.dark .payroll-report-status.failed,html.dark .payroll-report-status.cancelled,body.dark .payroll-report-status.failed,body.dark .payroll-report-status.cancelled,[data-theme=dark] .payroll-report-status.failed,[data-theme=dark] .payroll-report-status.cancelled{color:#fb7185;background:#e11d481f}html.dark .payroll-reports-error,body.dark .payroll-reports-error,[data-theme=dark] .payroll-reports-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .payroll-reports-chart-bar,body.dark .payroll-reports-chart-bar,[data-theme=dark] .payroll-reports-chart-bar{background:#cbd5e1}html.dark input[type=date],body.dark input[type=date],[data-theme=dark] input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.payroll-reports-spin{animation:.8s linear infinite payroll-reports-spin-animation}@keyframes payroll-reports-spin-animation{to{transform:rotate(360deg)}}@media (width<=1400px){.payroll-reports-filter-grid,.payroll-reports-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.payroll-reports-mini-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.payroll-reports-header{flex-direction:column}.payroll-reports-filter-grid,.payroll-reports-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-reports-card-header{flex-direction:column;align-items:flex-start}.payroll-reports-search{width:100%}.payroll-reports-header-actions{justify-content:flex-start;width:100%}}@media (width<=520px){.payroll-reports-filter-grid,.payroll-reports-summary-grid,.payroll-reports-mini-summary{grid-template-columns:1fr}.payroll-reports-filter-actions{flex-direction:column;align-items:stretch}.payroll-reports-filter-actions button,.payroll-reports-export,.payroll-reports-refresh{width:100%}}.employee-loans-page{width:100%;min-width:0;color:var(--employee-loans-text-primary,#111827);--employee-loans-text-primary:#111827;--employee-loans-text-secondary:#6b7280;--employee-loans-surface:#fff;--employee-loans-surface-secondary:#f8fafc;--employee-loans-surface-hover:#f9fafb;--employee-loans-input-bg:#fff;--employee-loans-border:#e5e7eb;--employee-loans-border-light:#eef0f3;--employee-loans-table-header:#f9fafb;--employee-loans-table-hover:#fafafa}.employee-loans-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.employee-loans-header h1{color:var(--employee-loans-text-primary,#111827);margin:0;font-size:24px;font-weight:700}.employee-loans-header p{color:var(--employee-loans-text-secondary,#6b7280);margin:5px 0 0;font-size:13px}.employee-loans-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employee-loans-primary-btn,.employee-loans-secondary-btn,.employee-loans-danger-btn,.employee-loans-reset-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-family:inherit;font-size:10px;font-weight:700;transition:background .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.employee-loans-primary-btn{color:#fff;background:#172033;border:1px solid #172033}.employee-loans-primary-btn:hover:not(:disabled){background:#253047}.employee-loans-secondary-btn,.employee-loans-reset-btn{border:1px solid var(--employee-loans-border,#d1d5db);background:var(--employee-loans-surface,#fff);color:var(--employee-loans-text-primary,#374151)}.employee-loans-secondary-btn:hover:not(:disabled),.employee-loans-reset-btn:hover:not(:disabled){background:var(--employee-loans-surface-hover,#f9fafb)}.employee-loans-danger-btn{color:#fff;background:#e11d48;border:1px solid #e11d48}.employee-loans-danger-btn:hover:not(:disabled){background:#be123c}.employee-loans-primary-btn:disabled,.employee-loans-secondary-btn:disabled,.employee-loans-danger-btn:disabled,.employee-loans-reset-btn:disabled{opacity:.5;cursor:not-allowed}.employee-loans-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:11px;font-weight:600}.employee-loans-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.employee-loans-summary-card{border:1px solid var(--employee-loans-border,#e5e7eb);background:var(--employee-loans-surface,#fff);border-radius:11px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.employee-loans-summary-icon{border:1px solid var(--employee-loans-border,#e5e7eb);background:var(--employee-loans-surface-secondary,#f8fafc);color:#64748b;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.employee-loans-summary-card>div{min-width:0}.employee-loans-summary-card>div>span{color:var(--employee-loans-text-secondary,#8b95a6);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.employee-loans-summary-card strong{color:var(--employee-loans-text-primary,#172033);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;display:block;overflow:hidden}.employee-loans-filter-card{border:1px solid var(--employee-loans-border,#e5e7eb);background:var(--employee-loans-surface,#fff);border-radius:12px;margin-bottom:20px;padding:14px}.employee-loans-filters{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(150px,1fr)) auto;align-items:center;gap:10px;display:grid}.employee-loans-search{border:1px solid var(--employee-loans-border,#d1d5db);background:var(--employee-loans-input-bg,#fff);min-height:38px;color:var(--employee-loans-text-secondary,#94a3b8);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.employee-loans-search input{width:100%;min-width:0;color:var(--employee-loans-text-primary,#253047);background:0 0;border:none;outline:none;font-family:inherit;font-size:11px}.employee-loans-search input::placeholder{color:var(--employee-loans-text-secondary,#a0a9b7)}.employee-loans-filters select{border:1px solid var(--employee-loans-border,#d1d5db);background:var(--employee-loans-input-bg,#fff);width:100%;min-width:0;min-height:38px;color:var(--employee-loans-text-primary,#253047);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:11px}.employee-loans-search:focus-within,.employee-loans-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.employee-loans-card{border:1px solid var(--employee-loans-border,#e5e7eb);background:var(--employee-loans-surface,#fff);border-radius:12px;overflow:hidden}.employee-loans-card-header{border-bottom:1px solid var(--employee-loans-border,#edf0f4);justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:14px 17px;display:flex}.employee-loans-card-header h2{color:var(--employee-loans-text-primary,#172033);margin:0;font-size:15px;font-weight:700}.employee-loans-card-header p{color:var(--employee-loans-text-secondary,#8a95a5);margin:4px 0 0;font-size:10px}.employee-loans-table-wrap{width:100%;overflow-x:auto}.employee-loans-table{border-collapse:collapse;width:100%;min-width:1100px}.employee-loans-table th{border-bottom:1px solid var(--employee-loans-border,#e8ebf0);background:var(--employee-loans-table-header,#fafbfc);color:var(--employee-loans-text-secondary,#8a95a5);text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 13px;font-size:9px;font-weight:700}.employee-loans-table td{border-bottom:1px solid var(--employee-loans-border-light,#f0f2f5);color:var(--employee-loans-text-primary,#536075);vertical-align:middle;padding:12px 13px;font-size:10px}.employee-loans-table tbody tr:last-child td{border-bottom:0}.employee-loans-table tbody tr:hover{background:var(--employee-loans-table-hover,#fafbfc)}.employee-loans-table td strong{color:var(--employee-loans-text-primary,#253047);font-size:10px;font-weight:700}.employee-loans-table td small{color:var(--employee-loans-text-secondary,#94a3b8);margin-top:3px;font-size:9px;display:block}.employee-loans-empty{text-align:center!important;color:var(--employee-loans-text-secondary,#8a95a5)!important;padding:45px 20px!important;font-size:11px!important}.employee-loan-status{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.employee-loan-status.pending_approval{color:#d97706;background:#fffbeb}.employee-loan-status.approved,.employee-loan-status.processing{color:#2563eb;background:#eff6ff}.employee-loan-status.active,.employee-loan-status.completed,.employee-loan-status.paid{color:#059669;background:#ecfdf5}.employee-loan-status.rejected,.employee-loan-status.cancelled,.employee-loan-status.failed,.employee-loan-status.reversed{color:#e11d48;background:#fff1f2}.employee-loan-status.partially_paid{color:#a16207;background:#fefce8}.employee-loan-status.skipped{color:#ea580c;background:#fff7ed}.employee-loans-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:220px;display:flex}.employee-loans-actions button{border:1px solid var(--employee-loans-border,#e0e5eb);background:var(--employee-loans-surface,#fff);min-height:28px;color:var(--employee-loans-text-primary,#536075);cursor:pointer;border-radius:6px;padding:5px 7px;font-family:inherit;font-size:9px;font-weight:700}.employee-loans-actions button:hover:not(:disabled){background:var(--employee-loans-surface-hover,#f8fafc)}.employee-loans-actions button:disabled{opacity:.45;cursor:not-allowed}.employee-loans-actions .employee-loans-success-action{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.employee-loans-actions .employee-loans-danger-action,.employee-loans-actions .employee-loans-delete-action{color:#be123c;background:#fff1f2;border-color:#fecdd3}.employee-loans-pagination{border-top:1px solid var(--employee-loans-border,#edf0f4);justify-content:space-between;align-items:center;gap:15px;min-height:58px;padding:12px 16px;display:flex}.employee-loans-pagination>span{color:var(--employee-loans-text-secondary,#7b8495);font-size:10px}.employee-loans-pagination>div{gap:7px;display:flex}.employee-loans-pagination button{border:1px solid var(--employee-loans-border,#dfe4ea);background:var(--employee-loans-surface,#fff);min-height:32px;color:var(--employee-loans-text-primary,#536075);cursor:pointer;border-radius:7px;padding:6px 11px;font-size:9px}.employee-loans-pagination button:disabled{opacity:.45;cursor:not-allowed}.employee-loans-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a9e;justify-content:center;align-items:flex-start;padding:30px 18px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-loans-modal{border:1px solid var(--employee-loans-border,#e5e7eb);background:var(--employee-loans-surface,#fff);border-radius:14px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 60px #00000038}.employee-loans-modal-large{width:min(820px,100%)}.employee-loans-modal-xl{width:min(1100px,100%)}.employee-loans-modal-header{border-bottom:1px solid var(--employee-loans-border,#edf0f4);background:var(--employee-loans-surface,#fff);justify-content:space-between;align-items:flex-start;gap:15px;padding:15px 18px;display:flex}.employee-loans-modal-header h2{color:var(--employee-loans-text-primary,#172033);margin:0;font-size:16px;font-weight:700}.employee-loans-modal-header p{color:var(--employee-loans-text-secondary,#8a95a5);margin:4px 0 0;font-size:10px}.employee-loans-modal-header>button{border:1px solid var(--employee-loans-border,#e2e8f0);background:var(--employee-loans-surface,#fff);width:30px;height:30px;color:var(--employee-loans-text-primary,#64748b);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.employee-loans-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.employee-loans-form-grid label,.employee-loans-action-form label{min-width:0;color:var(--employee-loans-text-primary,#596579);flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.employee-loans-form-grid input:not([type=checkbox]),.employee-loans-form-grid select,.employee-loans-form-grid textarea,.employee-loans-action-form input:not([type=checkbox]),.employee-loans-action-form select,.employee-loans-action-form textarea{border:1px solid var(--employee-loans-border,#dfe4ea);background:var(--employee-loans-input-bg,#fff);width:100%;min-width:0;color:var(--employee-loans-text-primary,#253047);border-radius:8px;outline:none;padding:9px 10px;font-family:inherit;font-size:11px}.employee-loans-form-grid input:not([type=checkbox]),.employee-loans-form-grid select,.employee-loans-action-form input:not([type=checkbox]),.employee-loans-action-form select{min-height:38px}.employee-loans-form-grid textarea,.employee-loans-action-form textarea{resize:vertical}.employee-loans-form-grid input:not([type=checkbox]):focus,.employee-loans-form-grid select:focus,.employee-loans-form-grid textarea:focus,.employee-loans-action-form input:not([type=checkbox]):focus,.employee-loans-action-form select:focus,.employee-loans-action-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.employee-loans-form-grid label>small,.employee-loans-action-form label>small{color:var(--employee-loans-text-secondary,#94a3b8);font-size:9px;font-weight:500}.employee-loans-form-span-2{grid-column:span 2}.employee-loans-checkbox-group{border:1px solid var(--employee-loans-border,#e7eaf0);background:var(--employee-loans-surface-secondary,#fafbfc);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.employee-loans-checkbox-group label{min-width:0;color:var(--employee-loans-text-primary,#536075);cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.employee-loans-checkbox-group input[type=checkbox],.employee-loans-form-grid input[type=checkbox],.employee-loans-action-form input[type=checkbox]{appearance:auto;border:initial;background:initial;cursor:pointer;accent-color:#2563eb;border-radius:4px;flex:0 0 15px;width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;min-height:15px!important;max-height:15px!important;box-shadow:none!important;margin:0!important;padding:0!important}.employee-loans-details-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px;display:grid}.employee-loans-details-grid>div{border:1px solid var(--employee-loans-border,#e7eaf0);background:var(--employee-loans-surface-secondary,#fafbfc);border-radius:9px;min-width:0;padding:12px}.employee-loans-details-grid span{color:var(--employee-loans-text-secondary,#8a95a5);text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.employee-loans-details-grid strong{color:var(--employee-loans-text-primary,#253047);text-overflow:ellipsis;font-size:11px;font-weight:700;display:block;overflow:hidden}.employee-loans-detail-section{padding:0 18px 18px}.employee-loans-detail-section h3{color:var(--employee-loans-text-primary,#253047);margin:0 0 8px;font-size:12px;font-weight:700}.employee-loans-detail-section>p{border:1px solid var(--employee-loans-border,#e7eaf0);background:var(--employee-loans-surface-secondary,#fafbfc);color:var(--employee-loans-text-secondary,#596579);white-space:pre-wrap;border-radius:8px;margin:0;padding:11px 12px;font-size:10px;line-height:1.6}.employee-loans-action-form{flex-direction:column;gap:14px;padding:18px;display:flex}.employee-loans-modal-actions{border-top:1px solid var(--employee-loans-border,#edf0f4);justify-content:flex-end;align-items:center;gap:8px;padding:13px 18px;display:flex}.employee-loans-settlement-info{background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.employee-loans-settlement-info span{color:#64748b;font-size:10px;font-weight:700}.employee-loans-settlement-info strong{color:#1d4ed8;font-size:15px;font-weight:700}html.dark .employee-loans-page,body.dark .employee-loans-page,[data-theme=dark] .employee-loans-page{--employee-loans-text-primary:#f3f4f6;--employee-loans-text-secondary:#94a3b8;--employee-loans-surface:#111827;--employee-loans-surface-secondary:#172033;--employee-loans-surface-hover:#1f2937;--employee-loans-input-bg:#111827;--employee-loans-border:#2d3748;--employee-loans-border-light:#263244;--employee-loans-table-header:#172033;--employee-loans-table-hover:#172033}html.dark .employee-loan-status,body.dark .employee-loan-status,[data-theme=dark] .employee-loan-status{color:#cbd5e1;background:#1f2937}html.dark .employee-loan-status.active,html.dark .employee-loan-status.completed,html.dark .employee-loan-status.paid,body.dark .employee-loan-status.active,body.dark .employee-loan-status.completed,body.dark .employee-loan-status.paid,[data-theme=dark] .employee-loan-status.active,[data-theme=dark] .employee-loan-status.completed,[data-theme=dark] .employee-loan-status.paid{color:#6ee7b7;background:#05966929}html.dark .employee-loan-status.pending_approval,body.dark .employee-loan-status.pending_approval,[data-theme=dark] .employee-loan-status.pending_approval{color:#fbbf24;background:#f59e0b24}html.dark .employee-loan-status.approved,html.dark .employee-loan-status.processing,body.dark .employee-loan-status.approved,body.dark .employee-loan-status.processing,[data-theme=dark] .employee-loan-status.approved,[data-theme=dark] .employee-loan-status.processing{color:#93c5fd;background:#2563eb24}html.dark .employee-loan-status.rejected,html.dark .employee-loan-status.cancelled,html.dark .employee-loan-status.failed,html.dark .employee-loan-status.reversed,body.dark .employee-loan-status.rejected,body.dark .employee-loan-status.cancelled,body.dark .employee-loan-status.failed,body.dark .employee-loan-status.reversed,[data-theme=dark] .employee-loan-status.rejected,[data-theme=dark] .employee-loan-status.cancelled,[data-theme=dark] .employee-loan-status.failed,[data-theme=dark] .employee-loan-status.reversed{color:#fda4af;background:#e11d4824}html.dark .employee-loans-actions .employee-loans-success-action,body.dark .employee-loans-actions .employee-loans-success-action,[data-theme=dark] .employee-loans-actions .employee-loans-success-action{color:#6ee7b7;background:#05966924;border-color:#34d3994d}html.dark .employee-loans-actions .employee-loans-danger-action,html.dark .employee-loans-actions .employee-loans-delete-action,body.dark .employee-loans-actions .employee-loans-danger-action,body.dark .employee-loans-actions .employee-loans-delete-action,[data-theme=dark] .employee-loans-actions .employee-loans-danger-action,[data-theme=dark] .employee-loans-actions .employee-loans-delete-action{color:#fda4af;background:#e11d4824;border-color:#fb71854d}html.dark .employee-loans-checkbox-group,body.dark .employee-loans-checkbox-group,[data-theme=dark] .employee-loans-checkbox-group{background:var(--employee-loans-surface-secondary);border-color:var(--employee-loans-border)}html.dark .employee-loans-checkbox-group label,body.dark .employee-loans-checkbox-group label,[data-theme=dark] .employee-loans-checkbox-group label{color:var(--employee-loans-text-primary)}html.dark .employee-loans-checkbox-group input[type=checkbox],body.dark .employee-loans-checkbox-group input[type=checkbox],[data-theme=dark] .employee-loans-checkbox-group input[type=checkbox]{accent-color:#60a5fa}html.dark .employee-loans-settlement-info,body.dark .employee-loans-settlement-info,[data-theme=dark] .employee-loans-settlement-info{background:#2563eb1f;border-color:#60a5fa40}html.dark .employee-loans-settlement-info span,body.dark .employee-loans-settlement-info span,[data-theme=dark] .employee-loans-settlement-info span{color:#94a3b8}html.dark .employee-loans-settlement-info strong,body.dark .employee-loans-settlement-info strong,[data-theme=dark] .employee-loans-settlement-info strong{color:#93c5fd}html.dark .employee-loans-page input[type=date],body.dark .employee-loans-page input[type=date],[data-theme=dark] .employee-loans-page input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .employee-loans-page select option,body.dark .employee-loans-page select option,[data-theme=dark] .employee-loans-page select option{color:#f3f4f6;background:#111827}.employee-loans-spin{animation:.8s linear infinite employee-loans-spin-animation}@keyframes employee-loans-spin-animation{to{transform:rotate(360deg)}}@media (width<=1450px){.employee-loans-summary-grid,.employee-loans-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.employee-loans-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-loans-search{grid-column:span 2}}@media (width<=800px){.employee-loans-header{flex-direction:column}.employee-loans-header-actions{width:100%}.employee-loans-summary-grid,.employee-loans-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-loans-checkbox-group{grid-template-columns:1fr}}@media (width<=600px){.employee-loans-header-actions{flex-direction:column;align-items:stretch;width:100%}.employee-loans-header-actions button{width:100%}.employee-loans-summary-grid,.employee-loans-filters,.employee-loans-details-grid,.employee-loans-form-grid{grid-template-columns:1fr}.employee-loans-search,.employee-loans-form-span-2{grid-column:auto}.employee-loans-pagination{flex-direction:column;align-items:flex-start}.employee-loans-pagination>div{width:100%}.employee-loans-pagination button{flex:1}.employee-loans-modal-backdrop{padding:15px 10px}}.my-loans-page{width:100%;min-width:0;color:var(--my-loans-text-primary,#111827);--my-loans-text-primary:#111827;--my-loans-text-secondary:#6b7280;--my-loans-surface:#fff;--my-loans-surface-secondary:#f8fafc;--my-loans-surface-hover:#f9fafb;--my-loans-border:#e5e7eb;--my-loans-border-light:#eef0f3;--my-loans-table-header:#f9fafb;--my-loans-table-hover:#fafafa}.my-loans-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.my-loans-header h1{color:var(--my-loans-text-primary,#111827);margin:0;font-size:24px;font-weight:700}.my-loans-header p{color:var(--my-loans-text-secondary,#6b7280);margin:5px 0 0;font-size:13px}.my-loans-refresh-btn{border:1px solid var(--my-loans-border,#d1d5db);background:var(--my-loans-surface,#fff);min-height:38px;color:var(--my-loans-text-primary,#253047);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.my-loans-refresh-btn:hover:not(:disabled){background:var(--my-loans-surface-hover,#f8fafc)}.my-loans-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.my-loans-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:11px;font-weight:600}.my-loans-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.my-loans-summary-card{border:1px solid var(--my-loans-border,#e5e7eb);background:var(--my-loans-surface,#fff);border-radius:11px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.my-loans-summary-icon{border:1px solid var(--my-loans-border,#e5e7eb);background:var(--my-loans-surface-secondary,#f8fafc);color:#64748b;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.my-loans-summary-card>div>span{color:var(--my-loans-text-secondary,#8b95a6);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.my-loans-summary-card strong{color:var(--my-loans-text-primary,#172033);font-size:15px;font-weight:700;display:block}.my-loans-card{border:1px solid var(--my-loans-border,#e5e7eb);background:var(--my-loans-surface,#fff);border-radius:12px;overflow:hidden}.my-loans-card-header{border-bottom:1px solid var(--my-loans-border,#edf0f4);padding:14px 17px}.my-loans-card-header h2{color:var(--my-loans-text-primary,#172033);margin:0;font-size:15px;font-weight:700}.my-loans-card-header p{color:var(--my-loans-text-secondary,#8a95a5);margin:4px 0 0;font-size:10px}.my-loans-table-wrap{width:100%;overflow-x:auto}.my-loans-table{border-collapse:collapse;width:100%;min-width:1050px}.my-loans-table th{border-bottom:1px solid var(--my-loans-border,#e8ebf0);background:var(--my-loans-table-header,#fafbfc);color:var(--my-loans-text-secondary,#8a95a5);text-align:left;text-transform:uppercase;padding:11px 13px;font-size:9px;font-weight:700}.my-loans-table td{border-bottom:1px solid var(--my-loans-border-light,#f0f2f5);color:var(--my-loans-text-primary,#536075);padding:12px 13px;font-size:10px}.my-loans-table tbody tr:last-child td{border-bottom:0}.my-loans-table tbody tr:hover{background:var(--my-loans-table-hover,#fafbfc)}.my-loans-table td strong{color:var(--my-loans-text-primary,#253047)}.my-loans-table td small{color:var(--my-loans-text-secondary,#94a3b8);margin-top:3px;font-size:9px;display:block}.my-loans-empty{text-align:center!important;color:var(--my-loans-text-secondary,#8a95a5)!important;padding:45px 20px!important}.my-loan-status{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.my-loan-status.pending_approval{color:#d97706;background:#fffbeb}.my-loan-status.approved,.my-loan-status.processing{color:#2563eb;background:#eff6ff}.my-loan-status.active,.my-loan-status.completed,.my-loan-status.paid{color:#059669;background:#ecfdf5}.my-loan-status.rejected,.my-loan-status.cancelled,.my-loan-status.failed,.my-loan-status.reversed{color:#e11d48;background:#fff1f2}.my-loans-progress{align-items:center;gap:7px;min-width:110px;display:flex}.my-loans-progress-track{background:var(--my-loans-border,#e8edf3);border-radius:999px;width:80px;height:6px;overflow:hidden}.my-loans-progress-bar{border-radius:inherit;background:#16a34a;height:100%}.my-loans-progress small{color:var(--my-loans-text-secondary,#64748b)}.my-loans-view-btn{border:1px solid var(--my-loans-border,#dfe4ea);background:var(--my-loans-surface,#fff);min-height:30px;color:var(--my-loans-text-primary,#536075);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.my-loans-view-btn:hover{background:var(--my-loans-surface-hover,#f8fafc)}.my-loans-pagination{border-top:1px solid var(--my-loans-border,#edf0f4);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.my-loans-pagination>span{color:var(--my-loans-text-secondary,#7b8495);font-size:10px}.my-loans-pagination>div{gap:7px;display:flex}.my-loans-pagination button{border:1px solid var(--my-loans-border,#dfe4ea);background:var(--my-loans-surface,#fff);min-height:32px;color:var(--my-loans-text-primary,#536075);cursor:pointer;border-radius:7px;padding:6px 11px;font-size:9px}.my-loans-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a9e;justify-content:center;align-items:flex-start;padding:30px 18px;display:flex;position:fixed;inset:0;overflow-y:auto}.my-loans-modal{border:1px solid var(--my-loans-border,#e5e7eb);background:var(--my-loans-surface,#fff);border-radius:14px;width:min(1050px,100%);overflow:hidden}.my-loans-modal-header{border-bottom:1px solid var(--my-loans-border,#edf0f4);justify-content:space-between;padding:15px 18px;display:flex}.my-loans-modal-header h2{color:var(--my-loans-text-primary,#172033);margin:0}.my-loans-modal-header p{color:var(--my-loans-text-secondary,#8a95a5)}.my-loans-modal-header>button{border:1px solid var(--my-loans-border,#e2e8f0);background:var(--my-loans-surface,#fff);width:30px;height:30px;color:var(--my-loans-text-primary,#64748b);border-radius:7px}.my-loans-details-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:18px;display:grid}.my-loans-details-grid>div{border:1px solid var(--my-loans-border,#e7eaf0);background:var(--my-loans-surface-secondary,#fafbfc);border-radius:9px;padding:12px}.my-loans-details-grid span{color:var(--my-loans-text-secondary,#8a95a5);font-size:8px;font-weight:700;display:block}.my-loans-details-grid strong{color:var(--my-loans-text-primary,#253047);font-size:11px}.my-loans-next-installment{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 18px 18px;padding:14px;display:grid}.my-loans-next-installment span{color:#64748b}.my-loans-next-installment strong{color:#1d4ed8}.my-loans-section{padding:0 18px 18px}.my-loans-section h3{color:var(--my-loans-text-primary,#253047)}.my-loans-section>p{border:1px solid var(--my-loans-border,#e7eaf0);background:var(--my-loans-surface-secondary,#fafbfc);color:var(--my-loans-text-secondary,#596579);border-radius:8px;padding:11px 12px}html.dark .my-loans-page,body.dark .my-loans-page,[data-theme=dark] .my-loans-page{--my-loans-text-primary:#f3f4f6;--my-loans-text-secondary:#94a3b8;--my-loans-surface:#111827;--my-loans-surface-secondary:#172033;--my-loans-surface-hover:#1f2937;--my-loans-border:#2d3748;--my-loans-border-light:#263244;--my-loans-table-header:#172033;--my-loans-table-hover:#172033}html.dark .my-loan-status,body.dark .my-loan-status,[data-theme=dark] .my-loan-status{color:#cbd5e1;background:#1f2937}html.dark .my-loan-status.active,html.dark .my-loan-status.completed,html.dark .my-loan-status.paid,body.dark .my-loan-status.active,body.dark .my-loan-status.completed,body.dark .my-loan-status.paid,[data-theme=dark] .my-loan-status.active,[data-theme=dark] .my-loan-status.completed,[data-theme=dark] .my-loan-status.paid{color:#6ee7b7;background:#05966929}html.dark .my-loan-status.pending_approval,body.dark .my-loan-status.pending_approval,[data-theme=dark] .my-loan-status.pending_approval{color:#fbbf24;background:#f59e0b24}html.dark .my-loan-status.approved,html.dark .my-loan-status.processing,body.dark .my-loan-status.approved,body.dark .my-loan-status.processing,[data-theme=dark] .my-loan-status.approved,[data-theme=dark] .my-loan-status.processing{color:#93c5fd;background:#2563eb24}html.dark .my-loan-status.rejected,html.dark .my-loan-status.cancelled,html.dark .my-loan-status.failed,html.dark .my-loan-status.reversed,body.dark .my-loan-status.rejected,body.dark .my-loan-status.cancelled,body.dark .my-loan-status.failed,body.dark .my-loan-status.reversed,[data-theme=dark] .my-loan-status.rejected,[data-theme=dark] .my-loan-status.cancelled,[data-theme=dark] .my-loan-status.failed,[data-theme=dark] .my-loan-status.reversed{color:#fda4af;background:#e11d4824}html.dark .my-loans-next-installment,body.dark .my-loans-next-installment,[data-theme=dark] .my-loans-next-installment{background:#2563eb1f;border-color:#60a5fa40}html.dark .my-loans-next-installment span,body.dark .my-loans-next-installment span,[data-theme=dark] .my-loans-next-installment span{color:#94a3b8}html.dark .my-loans-next-installment strong,body.dark .my-loans-next-installment strong,[data-theme=dark] .my-loans-next-installment strong{color:#93c5fd}html.dark .my-loans-error,body.dark .my-loans-error,[data-theme=dark] .my-loans-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}@media (width<=1400px){.my-loans-summary-grid,.my-loans-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.my-loans-header{flex-direction:column}.my-loans-summary-grid,.my-loans-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.my-loans-summary-grid,.my-loans-details-grid,.my-loans-next-installment{grid-template-columns:1fr}.my-loans-pagination{flex-direction:column;align-items:flex-start}}.leave-balance-page{--lb-text:#172033;--lb-muted:#7b8495;--lb-surface:#fff;--lb-secondary:#f8fafc;--lb-hover:#fafbfc;--lb-border:#e7eaf0;--lb-border-light:#f0f2f5;--lb-input:#fff;--lb-header:#fafbfc;width:100%;min-width:0;color:var(--lb-text)}.leave-balance-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.leave-balance-header h1{color:var(--lb-text);margin:0;font-size:24px;font-weight:700}.leave-balance-header p{color:var(--lb-muted);margin:5px 0 0;font-size:13px}.leave-balance-header-actions{gap:8px;display:flex}.leave-balance-primary,.leave-balance-secondary,.leave-balance-action{cursor:pointer;border-radius:8px;min-height:36px;padding:7px 12px;font-family:inherit;font-size:10px;font-weight:700}.leave-balance-primary{color:#fff;background:#172033;border:1px solid #172033}.leave-balance-secondary,.leave-balance-action{background:var(--lb-input);border:1px solid var(--lb-border);color:var(--lb-text)}.leave-balance-action{min-height:29px;padding:5px 9px}.leave-balance-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:11px}.leave-balance-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.leave-balance-summary>div{border:1px solid var(--lb-border);background:var(--lb-surface);border-radius:11px;align-items:center;gap:11px;padding:15px;display:flex}.leave-balance-summary-icon{border:1px solid var(--lb-border);background:var(--lb-secondary);width:38px;height:38px;color:var(--lb-muted);border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.leave-balance-summary>div>div>span{color:var(--lb-muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.leave-balance-summary strong{color:var(--lb-text);font-size:15px}.leave-balance-filter-card{border:1px solid var(--lb-border);background:var(--lb-surface);border-radius:12px;grid-template-columns:minmax(260px,1fr) 150px;gap:10px;margin-bottom:20px;padding:14px;display:grid}.leave-balance-search{border:1px solid var(--lb-border);background:var(--lb-input);min-height:38px;color:var(--lb-muted);border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex}.leave-balance-search input{width:100%;color:var(--lb-text);background:0 0;border:0;outline:0;font-size:11px}.leave-balance-filter-card select{border:1px solid var(--lb-border);background:var(--lb-input);min-height:38px;color:var(--lb-text);border-radius:8px;padding:8px 10px}.leave-balance-card{border:1px solid var(--lb-border);background:var(--lb-surface);border-radius:12px;overflow:hidden}.leave-balance-card-header{border-bottom:1px solid var(--lb-border);padding:15px 17px}.leave-balance-card-header h2{color:var(--lb-text);margin:0;font-size:15px}.leave-balance-card-header p{color:var(--lb-muted);margin:4px 0 0;font-size:10px}.leave-balance-table-wrap{width:100%;overflow-x:auto}.leave-balance-table{border-collapse:collapse;width:100%;min-width:950px}.leave-balance-table th{background:var(--lb-header);border-bottom:1px solid var(--lb-border);color:var(--lb-muted);text-align:left;text-transform:uppercase;padding:11px 13px;font-size:9px;font-weight:700}.leave-balance-table td{border-bottom:1px solid var(--lb-border-light);color:var(--lb-muted);padding:12px 13px;font-size:10px}.leave-balance-table tbody tr:hover{background:var(--lb-hover)}.leave-balance-table strong{color:var(--lb-text)}.leave-balance-table small{color:var(--lb-muted);margin-top:3px;font-size:9px;display:block}.leave-balance-available{color:#059669!important}.leave-balance-empty{text-align:center!important;padding:45px!important}.leave-balance-modal-backdrop{z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-balance-modal{border:1px solid var(--lb-border);background:var(--lb-surface);border-radius:13px;width:min(520px,100%);overflow:hidden}.leave-balance-modal-header{border-bottom:1px solid var(--lb-border);justify-content:space-between;padding:15px 18px;display:flex}.leave-balance-modal-header h2{color:var(--lb-text);margin:0;font-size:16px}.leave-balance-modal-header p{color:var(--lb-muted);font-size:10px}.leave-balance-modal-header button{border:1px solid var(--lb-border);background:var(--lb-input);width:30px;height:30px;color:var(--lb-text);cursor:pointer;border-radius:7px}.leave-balance-form{flex-direction:column;gap:14px;padding:18px;display:flex}.leave-balance-form label{color:var(--lb-text);flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.leave-balance-form input:not([type=checkbox]),.leave-balance-form textarea,.leave-balance-form select{border:1px solid var(--lb-border);background:var(--lb-input);width:100%;color:var(--lb-text);border-radius:8px;padding:9px 10px}.leave-balance-form textarea{resize:vertical}.leave-balance-form small{color:var(--lb-muted);font-size:9px}.leave-balance-form input[type=checkbox]{accent-color:#2563eb;width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;margin:0!important;padding:0!important}.leave-balance-modal-actions{border-top:1px solid var(--lb-border);justify-content:flex-end;gap:8px;padding:13px 18px;display:flex}html.dark .leave-balance-page,body.dark .leave-balance-page,[data-theme=dark] .leave-balance-page{--lb-text:#f3f4f6;--lb-muted:#94a3b8;--lb-surface:#111827;--lb-secondary:#172033;--lb-hover:#1f2937;--lb-border:#2d3748;--lb-border-light:#263244;--lb-input:#172033;--lb-header:#172033}html.dark .leave-balance-primary,body.dark .leave-balance-primary,[data-theme=dark] .leave-balance-primary{color:#172033;background:#f8fafc;border-color:#f8fafc}html.dark .leave-balance-error,body.dark .leave-balance-error,[data-theme=dark] .leave-balance-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .leave-balance-available,body.dark .leave-balance-available,[data-theme=dark] .leave-balance-available{color:#34d399!important}html.dark .leave-balance-page select option,body.dark .leave-balance-page select option,[data-theme=dark] .leave-balance-page select option{color:#f8fafc;background:#111827}.leave-balance-spin{animation:.8s linear infinite leave-balance-spin}@keyframes leave-balance-spin{to{transform:rotate(360deg)}}@media (width<=1300px){.leave-balance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=750px){.leave-balance-header{flex-direction:column}.leave-balance-header-actions{width:100%}.leave-balance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-balance-filter-card{grid-template-columns:1fr}}@media (width<=520px){.leave-balance-summary{grid-template-columns:1fr}.leave-balance-header-actions{flex-direction:column}.leave-balance-header-actions button{width:100%}}@media (width<=600px){.leave-balance-adjustment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.leave-balance-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:11px 13px;font-size:11px;font-weight:600;display:flex}.leave-balance-success button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px}.leave-balance-loading-row{justify-content:center;align-items:center;gap:7px;display:inline-flex}.leave-balance-positive{color:#059669;font-weight:700}.leave-balance-negative{color:#e11d48;font-weight:700}.leave-balance-adjustment-summary{border-bottom:1px solid var(--lb-border);background:var(--lb-secondary);grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 18px;display:grid}.leave-balance-adjustment-summary>div{border:1px solid var(--lb-border);background:var(--lb-surface);border-radius:8px;min-width:0;padding:10px}.leave-balance-adjustment-summary span{color:var(--lb-muted);text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700;display:block}.leave-balance-adjustment-summary strong{color:var(--lb-text);font-size:12px;font-weight:700}.leave-balance-modal-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin:14px 18px 0;padding:10px 12px;font-size:10px;font-weight:600}html.dark .leave-balance-success,body.dark .leave-balance-success,[data-theme=dark] .leave-balance-success{color:#6ee7b7;background:#10b9811f;border-color:#34d39940}html.dark .leave-balance-modal-error,body.dark .leave-balance-modal-error,[data-theme=dark] .leave-balance-modal-error{color:#fda4af;background:#e11d481f;border-color:#fb718540}html.dark .leave-balance-positive,body.dark .leave-balance-positive,[data-theme=dark] .leave-balance-positive{color:#34d399}html.dark .leave-balance-negative,body.dark .leave-balance-negative,[data-theme=dark] .leave-balance-negative{color:#fb7185}@media (width<=600px){.leave-balance-adjustment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.chat-page{box-sizing:border-box;height:calc(100vh - 76px);min-height:0;color:var(--color-text);padding:18px;overflow:hidden}.chat-shell{border:1px solid var(--color-border);border-radius:var(--radius-md,16px);background:var(--color-card);height:100%;min-height:0;box-shadow:var(--shadow-sm);grid-template-columns:320px minmax(0,1fr);display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--color-border);background:var(--color-card);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.chat-list-head,.chat-main-head{border-bottom:1px solid var(--color-border);background:var(--color-card);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.chat-list-head h1{color:var(--color-text);margin:0;font-size:20px;font-weight:700}.chat-list-head span,.chat-main-head span{color:var(--color-text-light);margin-top:3px;font-size:12px;display:block}.chat-list-head button,.chat-main-head button,.chat-compose button,.chat-modal header button{color:var(--color-text);cursor:pointer;transition:var(--transition);background:0 0;border:0}.chat-list-head button:hover,.chat-modal header button:hover{color:var(--color-primary)}.chat-search{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-light);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin:12px;padding:9px 10px;display:flex}.chat-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.chat-search input{width:100%;color:var(--color-text);background:0 0;border:0;outline:0;font-family:inherit}.chat-search input::placeholder{color:var(--color-text-light)}.chat-conversations{overscroll-behavior:contain;background:var(--color-card);flex:1;min-height:0;overflow:hidden auto}.chat-conversations>button,.chat-user-picker>button{width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:flex}.chat-conversations>button:hover,.chat-conversations>button.active,.chat-user-picker>button:hover{background:var(--table-row-hover)}.chat-conversations>button.active{box-shadow:inset 3px 0 0 var(--color-primary)}.chat-avatar{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-card));width:38px;height:38px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.chat-summary{flex:1;gap:2px;min-width:0;display:grid}.chat-summary strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-summary small{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-conversations b{background:var(--color-primary);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid}.chat-main{background:var(--color-card);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.chat-main-head{flex-shrink:0}.chat-main-head strong{color:var(--color-text)}.chat-main-head button{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:9px;align-items:center;gap:7px;padding:8px 11px;display:flex}.chat-main-head button:hover{background:var(--table-row-hover)}.chat-main-head .call-end{border-color:var(--color-danger);background:var(--color-danger);color:#fff}.chat-main-head .call-end:hover{background:var(--color-danger);color:#fff;opacity:.9}.chat-messages{overscroll-behavior:contain;scroll-behavior:smooth;background:var(--color-surface);flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px;display:flex;overflow:hidden auto}.chat-message{border:1px solid var(--color-border);background:var(--color-card);max-width:70%;color:var(--color-text);word-break:break-word;box-shadow:var(--shadow-sm);border-radius:13px 13px 13px 4px;align-self:flex-start;padding:9px 12px}.chat-message.own{border-color:var(--color-primary);background:var(--color-primary);color:#fff;border-radius:13px 13px 4px;align-self:flex-end}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 3px}.chat-message small,.chat-message time{opacity:.7;font-size:10px}.chat-message:not(.own) small,.chat-message:not(.own) time{color:var(--color-text-light)}.chat-typing{background:var(--color-card);color:var(--color-text-light);flex-shrink:0;padding:5px 18px 7px;font-size:11px}.chat-compose{z-index:5;border-top:1px solid var(--color-border);background:var(--color-card);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px;display:flex;position:relative}.chat-compose textarea{resize:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;max-height:120px;color:var(--color-text);transition:var(--transition);border-radius:12px;outline:none;flex:1;padding:10px 12px;font-family:inherit;overflow-y:auto}.chat-compose textarea::placeholder{color:var(--color-text-light)}.chat-compose textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.chat-compose button{width:40px;height:40px;color:var(--color-text-light);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.chat-compose button:hover:not(:disabled){background:var(--table-row-hover);color:var(--color-primary)}.chat-compose .send{background:var(--color-primary);color:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px}.chat-compose .send:hover:not(:disabled){background:var(--color-primary-hover);color:#fff}.chat-compose button:disabled{opacity:.45;cursor:not-allowed}.chat-empty{color:var(--color-text-light);text-align:center;margin:auto;padding:20px}.chat-modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.chat-modal{border:1px solid var(--color-border);border-radius:var(--radius-md,16px);background:var(--color-card);width:min(520px,92vw);max-height:80vh;color:var(--color-text);box-shadow:var(--shadow-lg,0 20px 50px #0003);flex-direction:column;padding:18px;display:flex;overflow:hidden}.chat-modal header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-modal header h2,.chat-modal header h3{color:var(--color-text);margin:0}.chat-mode{flex-shrink:0;gap:8px;margin:14px 0;display:flex}.chat-mode button,.create-group{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;transition:var(--transition);border-radius:9px;padding:9px 14px}.chat-mode button:hover{background:var(--table-row-hover)}.chat-mode .active,.create-group{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.chat-group-name{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:9px;outline:none;flex-shrink:0;padding:10px}.chat-group-name::placeholder{color:var(--color-text-light)}.chat-group-name:focus{border-color:var(--color-primary)}.chat-user-picker{overscroll-behavior:contain;flex:1;min-height:0;margin:10px -8px;overflow:hidden auto}.chat-user-picker>button span:nth-child(2){flex:1;display:grid}.chat-user-picker strong{color:var(--color-text)}.chat-user-picker small{color:var(--color-text-light)}.status{background:var(--color-text-light);border-radius:50%;flex-shrink:0;width:9px;height:9px}.status.online{background:var(--color-success)}.incoming-call{z-index:4000;border:1px solid var(--color-border);background:var(--color-card);min-width:280px;color:var(--color-text);box-shadow:var(--shadow-lg,0 12px 35px #00000040);border-radius:14px;gap:10px;padding:16px;display:grid;position:fixed;bottom:24px;right:24px}.incoming-call strong{color:var(--color-text)}.incoming-call small{color:var(--color-text-light)}.incoming-call div{gap:8px;display:flex}.incoming-call button{background:var(--color-success);color:#fff;cursor:pointer;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.incoming-call .reject{background:var(--color-danger)}.chat-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-tool-wrap{flex-shrink:0;display:flex;position:relative}.chat-hidden-input{display:none}.emoji-picker{z-index:50;border:1px solid var(--color-border);background:var(--color-card);width:286px;max-height:230px;box-shadow:var(--shadow-lg,0 12px 32px #0003);border-radius:12px;grid-template-columns:repeat(8,1fr);gap:3px;padding:9px;display:grid;position:absolute;bottom:48px;left:0;overflow:hidden auto}.emoji-picker button{width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:21px;display:grid}.emoji-picker button:hover{background:var(--table-row-hover)}.chat-attachments{gap:7px;margin:5px 0;display:grid}.chat-image-link{max-width:340px;display:block}.chat-image-link img{object-fit:cover;border-radius:10px;max-width:100%;max-height:300px;display:block}.chat-file-link{min-width:220px;max-width:100%;color:inherit;background:#ffffff29;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;text-decoration:none;display:flex}.chat-message:not(.own) .chat-file-link{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.chat-file-link span{min-width:0;display:grid}.chat-file-link strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-file-link small{opacity:.75}.group-info-modal{overflow:hidden}.group-info-modal h3{color:var(--color-text);flex-shrink:0;margin:16px 0 7px}.group-info-modal header small,.chat-muted{color:var(--color-text-light)}.group-member-list{overscroll-behavior:contain;gap:4px;max-height:260px;display:grid;overflow:hidden auto}.group-member-row{border-bottom:1px solid var(--color-border);color:var(--color-text);align-items:center;gap:10px;padding:9px 4px;display:flex}.group-member-name{flex:1;min-width:0;display:grid}.group-member-name strong{color:var(--color-text)}.group-member-name small{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-remove{cursor:pointer;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;border:1px solid color-mix(in srgb, var(--color-danger) 30%, var(--color-border))!important;background:color-mix(in srgb, var(--color-danger) 7%, var(--color-card))!important;color:var(--color-danger)!important;border-radius:8px!important}.member-remove:hover{background:color-mix(in srgb, var(--color-danger) 14%, var(--color-card))!important}.group-add-picker{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;max-height:230px;margin:0;overflow-y:auto}.group-add-picker>button{padding:9px}.group-add-picker>button>span:nth-child(2){flex:1;display:grid}.group-add-picker svg{flex:none}.chat-conversations::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar{width:6px}.chat-user-picker::-webkit-scrollbar{width:6px}.group-member-list::-webkit-scrollbar{width:6px}.group-add-picker::-webkit-scrollbar{width:6px}.emoji-picker::-webkit-scrollbar{width:6px}.chat-conversations::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-user-picker::-webkit-scrollbar-track{background:0 0}.group-member-list::-webkit-scrollbar-track{background:0 0}.group-add-picker::-webkit-scrollbar-track{background:0 0}.emoji-picker::-webkit-scrollbar-track{background:0 0}.chat-conversations::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.chat-user-picker::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.group-member-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.group-add-picker::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.emoji-picker::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.chat-conversations::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.chat-user-picker::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.group-member-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.group-add-picker::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.emoji-picker::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html.dark .chat-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark .chat-modal-backdrop{background:#000000b3}html.dark .chat-message.own{color:#fff}html.dark .chat-file-link{color:inherit}@media (width<=800px){.chat-page{padding:10px}.chat-shell{grid-template-columns:110px minmax(0,1fr)}.chat-summary{display:none}}@media (width<=700px){.chat-head-actions button{font-size:0}.chat-head-actions button svg{margin:0}.emoji-picker{grid-template-columns:repeat(7,1fr);width:260px;left:-44px}.chat-image-link{max-width:240px}.chat-message{max-width:85%}}.platform-layout{background:var(--color-page);min-height:100vh;color:var(--color-text);grid-template-columns:250px 1fr;display:grid}.platform-sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;gap:26px;padding:20px 14px;display:flex}.platform-brand{align-items:center;gap:12px;padding:4px 8px;display:flex}.platform-brand-mark{background:var(--color-primary);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.platform-brand strong,.platform-brand span{display:block}.platform-brand span{color:var(--color-text-light);margin-top:3px;font-size:12px}.platform-sidebar nav{gap:6px;display:grid}.platform-sidebar nav a{color:var(--color-text-light);border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-weight:600;display:flex}.platform-sidebar nav a.active,.platform-sidebar nav a:hover{background:var(--table-row-hover);color:var(--color-primary)}.platform-main{min-width:0}.platform-header{background:var(--color-header);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;height:72px;padding:0 26px;display:flex;position:sticky;top:0}.platform-header>div>strong,.platform-header>div>span{display:block}.platform-header>div>span{color:var(--color-text-light);margin-top:3px;font-size:12px}.platform-header-actions{align-items:center;gap:10px;display:flex}.platform-header-actions>button,.platform-secondary{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.platform-content{padding:26px}.platform-page{max-width:1500px;margin:0 auto}.platform-page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.platform-page-heading h1{margin:0 0 5px;font-size:28px}.platform-page-heading p{color:var(--color-text-light);margin:0}.platform-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-weight:700;display:inline-flex}.platform-primary:hover{background:var(--color-primary-hover)}.platform-primary:disabled,.platform-secondary:disabled{opacity:.6;cursor:not-allowed}.platform-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.platform-stat-grid article{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;padding:18px;position:relative}.platform-stat-grid span{color:var(--color-text-light);font-size:13px;display:block}.platform-stat-grid strong{margin-top:8px;font-size:28px;display:block}.platform-stat-grid svg{color:var(--color-primary);position:absolute;top:20px;right:18px}.platform-card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.platform-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:14px;display:flex}.platform-search{border:1px solid var(--color-input-border);background:var(--color-input-bg);border-radius:9px;align-items:center;gap:8px;min-width:320px;padding:0 10px;display:flex}.platform-search input{width:100%;color:var(--color-text);background:0 0;border:0;outline:0;padding:10px 2px}.platform-table-wrap{overflow:auto}.platform-table{border-collapse:collapse;width:100%;min-width:1050px}.platform-table th,.platform-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:13px 14px;font-size:13px}.platform-table th{background:var(--table-header);color:var(--color-text-light);font-weight:700}.platform-table tbody tr:hover{background:var(--table-row-hover)}.platform-company-cell{align-items:center;gap:10px;display:flex}.platform-company-cell>img,.platform-company-cell>div{object-fit:contain;background:var(--table-header);width:38px;height:38px;color:var(--color-primary);border-radius:9px;place-items:center;font-weight:800;display:grid}.platform-company-cell strong,.platform-company-cell small{display:block}.platform-company-cell small,.platform-block{color:var(--color-text-light);margin-top:3px;display:block}.platform-badge,.platform-status{background:var(--table-header);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.platform-status.on{color:var(--color-success)}.platform-status.off{color:var(--color-danger)}.platform-link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:0;font-weight:700}.platform-empty{text-align:center;color:var(--color-text-light);padding:36px}.platform-modal-backdrop{z-index:1000;background:#0f172a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.platform-modal{background:var(--color-modal);border:1px solid var(--color-border);width:min(1120px,96vw);max-height:92vh;box-shadow:var(--shadow-lg);border-radius:16px;overflow:auto}.platform-modal>header{border-bottom:1px solid var(--color-border);background:var(--color-modal);z-index:2;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex;position:sticky;top:0}.platform-modal>header h2{margin:0}.platform-modal>header p{color:var(--color-text-light);margin:5px 0 0}.platform-modal>header button{color:var(--color-text);cursor:pointer;background:0 0;border:0}.platform-modal form{padding:20px 22px}.platform-modal form h3{border-bottom:1px solid var(--color-border);margin:18px 0 12px;padding-bottom:8px}.platform-modal form h3:first-child{margin-top:0}.platform-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.platform-field{gap:6px;display:grid}.platform-field span{color:var(--color-text-light);font-size:12px;font-weight:700}.platform-field input,.platform-field textarea{border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);border-radius:9px;outline:0;padding:10px}.platform-field textarea{resize:vertical;min-height:80px}.platform-field.full{margin-top:12px}.platform-check{align-items:center;gap:8px;padding-top:24px;display:flex}.platform-modal footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;display:flex}.platform-login-page{background:var(--color-page);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.platform-login-top{position:absolute;top:22px;right:22px}.platform-login-card{background:var(--color-card);border:1px solid var(--color-border);width:min(460px,94vw);box-shadow:var(--shadow-lg);border-radius:18px;padding:34px}.platform-login-icon{background:var(--color-primary);color:#fff;border-radius:15px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid}.platform-login-card h1{margin:0 0 8px}.platform-login-card>p{color:var(--color-text-light);margin:0 0 22px;line-height:1.5}.platform-login-card form{gap:9px;display:grid}.platform-login-card label{font-size:13px;font-weight:700}.platform-login-card input{border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text);border-radius:9px;margin-bottom:5px;padding:11px 12px}.platform-login-card .platform-primary{margin-top:8px;padding:12px}.platform-form-error{color:var(--color-danger);font-size:13px}.platform-company-login-link{color:var(--color-primary);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:700;display:flex}@media (width<=900px){.platform-layout{grid-template-columns:1fr}.platform-sidebar{display:none}.platform-content{padding:16px}.platform-stat-grid,.platform-form-grid{grid-template-columns:1fr}.platform-toolbar,.platform-page-heading{flex-direction:column}.platform-search{width:100%;min-width:0}}:root{--color-page:#f5f7fb;--color-surface:#fff;--color-sidebar:#fff;--color-header:#fff;--color-card:#fff;--color-modal:#fff;--color-primary:#e31d2a;--color-primary-hover:#c61722;--color-text:#1f2937;--color-text-light:#6b7280;--color-placeholder:#9ca3af;--color-border:#e5e7eb;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#2563eb;--color-input-bg:#fff;--color-input-border:#d1d5db;--table-header:#f8fafc;--table-row-hover:#f9fafb;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 10px 25px #00000014;--shadow-lg:0 20px 40px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .25s ease}[data-theme=dark]{--color-page:#0f172a;--color-surface:#1e293b;--color-sidebar:#111827;--color-header:#111827;--color-card:#1e293b;--color-modal:#1e293b;--color-primary:#ef4444;--color-primary-hover:#dc2626;--color-text:#f9fafb;--color-text-light:#9ca3af;--color-placeholder:#6b7280;--color-border:#334155;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-input-bg:#0f172a;--color-input-border:#475569;--table-header:#1e293b;--table-row-hover:#334155;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}*{box-sizing:border-box}body{background:var(--color-page);color:var(--color-text);transition:var(--transition);margin:0;font-family:Inter,sans-serif}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:100px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555}::selection{background:var(--color-primary);color:#fff}.theme-toggle{border:1px solid var(--color-border);background:var(--color-card);border-radius:9px;align-items:center;gap:4px;padding:4px;display:inline-flex}.theme-toggle-button{width:32px;height:32px;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:7px;place-items:center;display:grid}.theme-toggle-button:hover{background:var(--table-row-hover);color:var(--color-text)}.theme-toggle-button.active{background:var(--color-primary);color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif}.company-switcher{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);color:var(--text-primary,#101828);border-radius:10px;align-items:center;gap:6px;padding:7px 9px;display:flex}.company-switcher select{appearance:none;color:inherit;background:0 0;border:0;outline:0;max-width:170px;font-weight:600}.sidebar-logo img{object-fit:contain;border-radius:inherit;width:100%;height:100%}