.balance-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;margin-top:12px}.balance-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;text-align:center}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;color:var(--text-secondary)}.balance-progress-container{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-bottom:8px}.balance-progress-bar{height:100%;transition:width .3s ease,background-color .3s ease}.balance-status-text{font-size:.85rem;text-align:center;font-weight:500}:root{--primary: #4f66d6;--primary-dark: #3f53b8;--primary-light: #8b9af0;--secondary: #64748b;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--font-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #334155;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(6, 10, 26, .45);--shadow: 0 6px 16px -4px rgba(6, 10, 26, .55);--shadow-lg: 0 18px 40px -12px rgba(6, 10, 26, .7);--sidebar-width: 260px;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;direction:rtl;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#root{min-height:100dvh}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.login-container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(1100px 620px at 82% -12%,rgba(79,102,214,.18),transparent 60%),radial-gradient(900px 520px at 8% 112%,rgba(79,102,214,.1),transparent 55%),var(--bg-primary)}.login-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0a;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:2rem}.login-icon{width:64px;height:64px;background:var(--primary);box-shadow:0 8px 20px -6px #4f66d680;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.login-logo-img{width:110px;height:110px;object-fit:contain;margin:0 auto 1rem;display:block;box-sizing:border-box;padding:10px;background:#f1f5f9;border-radius:20px}:root[data-theme=light] .login-logo-img{background:transparent;padding:0}.login-header h1{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-header p{color:var(--text-secondary);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f66d633}.form-group input:disabled{opacity:.6;cursor:not-allowed}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-left:2.5rem}.input-icon-btn{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.checkbox-group{flex-direction:row;gap:1.5rem;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-start;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 18px -6px #4f66d68c}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:none}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.btn-icon{width:32px;height:32px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:var(--transition)}.btn-edit{color:var(--primary)}.btn-edit:hover{background:#4f66d61a}.btn-delete{color:var(--danger)}.btn-delete:hover:not(:disabled){background:#ef44441a}.btn-delete:disabled{opacity:.3;cursor:not-allowed}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--border-radius);font-size:.9rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.dashboard-layout{display:flex;min-height:100dvh}.main-content{flex:1;margin-right:var(--sidebar-width);background:var(--bg-primary);min-height:100dvh}@media(max-width:768px){.main-content{margin-right:0}}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}@media(max-width:768px){.sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}}.sidebar-toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:101;width:44px;height:44px;border-radius:var(--border-radius);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer}@media(max-width:768px){.sidebar-toggle{display:flex;align-items:center;justify-content:center}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;text-align:center}.sidebar-logo-img{width:64px;height:64px;object-fit:contain;margin-bottom:.5rem;box-sizing:border-box;padding:6px;background:#f1f5f9;border-radius:14px}:root[data-theme=light] .sidebar-logo-img{background:transparent;padding:0}.sidebar-logo{font-size:1.3rem;font-weight:700;color:var(--primary-light);letter-spacing:-.025em}.sidebar-subtitle{font-size:.72rem;color:var(--text-muted);margin-top:3px}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group+.sidebar-group{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.sidebar-group-title{font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);padding:.5rem .875rem .25rem;text-transform:uppercase}.sidebar-link{position:relative;display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;border-radius:var(--border-radius);color:var(--text-secondary);transition:var(--transition);text-decoration:none;border:none;background:none;width:100%;cursor:pointer;font-size:.9rem}.sidebar-link svg{flex-shrink:0;opacity:.85}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:#4f66d624;color:var(--primary);font-weight:600}.sidebar-link.active svg{opacity:1}.sidebar-link.active:before{content:"";position:absolute;inset-inline-start:0;top:22%;bottom:22%;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-color)}.logout-btn:hover{background:#ef44441f;color:var(--danger)}.logout-btn{color:var(--danger)!important}.logout-btn:hover{background:#ef44441a!important}.header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}@media(max-width:768px){.header{padding-right:4rem}}.header-title{font-size:1.25rem;font-weight:600}.header-user{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.user-role{background:var(--bg-input);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.page-content{padding:1.5rem}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0 1rem;flex:1;max-width:400px}.search-box input{flex:1;border:none;background:none;padding:.75rem 0;color:var(--text-primary);font-size:.95rem}.search-box input:focus{outline:none}.search-box button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem}.table-container{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:1rem;text-align:right}.data-table th{background:var(--bg-input);font-weight:600;color:var(--text-secondary);font-size:.8rem;letter-spacing:normal}.data-table tbody tr{border-top:1px solid var(--border-color);transition:var(--transition)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table td{font-size:.95rem}.empty-row{text-align:center!important;color:var(--text-muted);padding:3rem 1rem!important}.action-buttons{display:flex;gap:.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:6px;font-size:.78rem;font-weight:600}.badge-success{background:#22c55e26;color:#4ade80}.badge-danger{background:#ef444426;color:#f87171}.badge-warning{background:#f59e0b26;color:#fbbf24}.badge-info{background:#06b6d426;color:#22d3ee}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-md{max-width:500px}.modal-lg{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-blue .stat-icon{background:#4f66d626;color:var(--primary)}.stat-green .stat-icon{background:#22c55e26;color:var(--success)}.stat-orange .stat-icon{background:#f59e0b26;color:var(--warning)}.stat-purple .stat-icon{background:#a855f726;color:#a855f7}.stat-value{font-size:2.1rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){html,body{overflow-x:hidden}.header{padding-inline-start:4.25rem}.page-content{padding:1rem}.attendance-table .data-table{min-width:560px}}@media(max-width:640px){.page-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.75rem .5rem}.attendance-filters,.employee-info-card{gap:.75rem}.filter-group{flex:1 1 100%}.filter-group select{width:100%;min-width:0}}.attendance-filters{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.filter-group select{padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);min-width:150px}.filter-group select:focus{outline:none;border-color:var(--primary)}.employee-info-card{display:flex;gap:2rem;flex-wrap:wrap;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:1.5rem;border:1px solid var(--border-color)}.info-item{display:flex;gap:.5rem}.info-label{color:var(--text-secondary)}.info-value{font-weight:600;color:var(--primary-light)}.attendance-table .data-table td{padding:.5rem}.table-input{width:80px;padding:.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);text-align:center;font-size:.9rem}.table-input:focus{outline:none;border-color:var(--primary)}.note-input{width:100%;min-width:150px;text-align:right}.total-cell{font-weight:600;color:var(--primary-light)}.weekend-row{background:#f59e0b1a}.weekend-row td{color:var(--warning)}.totals-row{background:var(--bg-input)}.totals-row td{font-size:1rem;padding:1rem!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-muted)}.empty-state svg{opacity:.5}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}@media print{body,#root,.main-content{background-color:#fff!important;color:#000!important}:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #333333;--border-color: #cccccc}}.attg-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.attg-month-nav{display:flex;align-items:center;gap:4px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2px}.attg-month-nav .btn-icon{width:32px;height:32px}.attg-month-label{min-width:120px;text-align:center;font-weight:600;font-size:.95rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.attg-search{display:flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:7px 10px;color:var(--text-secondary);transition:border-color .15s ease,box-shadow .15s ease}.attg-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f66d640}.attg-search input{background:transparent;border:none;outline:none;color:var(--text-primary);width:160px;font-size:.9rem}.attg-legend{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--text-secondary)}.attg-legend span{display:inline-flex;align-items:center;gap:5px}.attg-lg{width:13px;height:13px;border-radius:4px;display:inline-block;border:1px solid rgba(255,255,255,.08)}.attg-save{margin-inline-start:auto;box-shadow:var(--shadow)}.attg-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.attg-spin{animation:attg-rotate 1s linear infinite}@keyframes attg-rotate{to{transform:rotate(360deg)}}.attg-wrap{overflow:auto;max-height:calc(100vh - 230px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-card);max-width:100%;box-shadow:var(--shadow-sm)}.attg-table{border-collapse:separate;border-spacing:0;width:max-content;font-variant-numeric:tabular-nums}.attg-table th,.attg-table td{border-inline-end:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.attg-table thead th{position:sticky;top:0;z-index:3;background:var(--bg-secondary);color:var(--text-secondary);padding:8px 4px;font-size:.72rem;font-weight:600;text-align:center;box-shadow:inset 0 -1px 0 var(--border-color),0 2px 6px -2px #00000080}.attg-day-col{min-width:42px}.attg-day-num{display:block;font-weight:700;font-size:.9rem;color:var(--text-primary)}.attg-day-name{display:block;font-size:.62rem;opacity:.65;margin-top:1px}.attg-day-col.attg-today{background:#4f66d629}.attg-day-col.attg-today .attg-day-num{color:var(--primary-light)}.attg-cell-td.attg-today{background:#4f66d612}.attg-sticky-start{position:sticky;inset-inline-start:0;z-index:2;background:var(--bg-secondary);border-inline-end:2px solid var(--border-color);box-shadow:6px 0 10px -6px #0000008c}.attg-sticky-end{position:sticky;inset-inline-end:0;z-index:2;background:var(--bg-secondary);border-inline-start:2px solid var(--border-color);box-shadow:-6px 0 10px -6px #0000008c}.attg-table thead .attg-sticky-start,.attg-table thead .attg-sticky-end{z-index:5}.attg-name-col{min-width:180px;text-align:start;padding:6px 12px}.attg-name-wrap{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.attg-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.attg-fill-btn{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;padding:3px 9px;cursor:pointer;transition:var(--transition)}.attg-fill-btn:hover{color:var(--primary-light);border-color:var(--primary);background:#4f66d61a}.attg-sum-col{min-width:86px;text-align:center;padding:6px 8px}.attg-sum-days{font-weight:700;font-size:.95rem;color:var(--text-primary)}.attg-sum-hours{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.attg-row:hover td{background:#94a3b812}.attg-row:hover .attg-sticky-start,.attg-row:hover .attg-sticky-end{background:var(--bg-hover)}.attg-cell-td{padding:3px;text-align:center}.attg-weekend{background:#94a3b80d}.attg-cell{position:relative;width:40px;height:36px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.85rem;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.attg-cell-val{pointer-events:none}.attg-cell.attg-empty{background:var(--bg-input);color:var(--text-muted);border-color:#94a3b81f}.attg-cell.attg-present{background:#22c55e29;color:#4ade80;border-color:#22c55e59}.attg-cell.attg-absent{background:#ef444429;color:#f87171;border-color:#ef444459}.attg-cell:hover{transform:translateY(-1px);box-shadow:var(--shadow);filter:brightness(1.1)}.attg-cell:active{transform:scale(.94)}.attg-cell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--primary)}.attg-cell.attg-dirty{border-color:var(--warning);box-shadow:0 0 0 2px #f59e0b99}.attg-dot{position:absolute;top:3px;inset-inline-end:3px;width:6px;height:6px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 1.5px var(--bg-card)}.attg-pencil{position:absolute;bottom:2px;inset-inline-start:2px;display:none;align-items:center;justify-content:center;padding:2px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;color:var(--text-secondary);cursor:pointer}.attg-cell:hover .attg-pencil,.attg-cell:focus-within .attg-pencil{display:inline-flex}.attg-pencil:hover{color:var(--primary-light);border-color:var(--primary)}.attg-pencil:focus-visible{outline:2px solid var(--primary)}.attg-lg.attg-present{background:#22c55e8c}.attg-lg.attg-absent{background:#ef44448c}.attg-lg.attg-empty{background:var(--bg-input)}.attg-empty-state{text-align:center;padding:28px;color:var(--text-muted)}.attg-editor-quick{display:flex;gap:8px;margin-bottom:14px}.attg-q{flex:1;padding:10px;border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer;font-weight:600;transition:var(--transition)}.attg-q.attg-present{background:#22c55e29;color:#4ade80;border-color:#22c55e59}.attg-q.attg-absent{background:#ef444429;color:#f87171;border-color:#ef444459}.attg-q:hover{filter:brightness(1.15);transform:translateY(-1px)}.attg-editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}@media(max-width:768px){.attg-cell{width:34px;height:32px;font-size:.78rem}.attg-day-col{min-width:36px}.attg-name-col{min-width:140px}.attg-save{margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.attg-cell,.attg-q,.attg-fill-btn,.attg-search,.attg-spin{transition:none!important;animation:none!important}.attg-cell:hover{transform:none}}:root[data-theme=light]{--primary: #4356c0;--primary-dark: #36469e;--primary-light: #5a6fd6;--secondary: #64748b;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--info: #0891b2;--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 4px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .12)}:root[data-theme=light] .badge-success{color:#15803d}:root[data-theme=light] .badge-danger{color:#b91c1c}:root[data-theme=light] .badge-warning{color:#b45309}:root[data-theme=light] .alert-error{color:#b91c1c}:root[data-theme=light] .alert-success{color:#15803d}:root[data-theme=light] .attg-cell.attg-present{color:#15803d}:root[data-theme=light] .attg-cell.attg-absent{color:#b91c1c}:root[data-theme=light] .attg-q.attg-present{color:#15803d}:root[data-theme=light] .attg-q.attg-absent{color:#b91c1c}:root[data-theme=light] .attg-table thead th{box-shadow:inset 0 -1px 0 var(--border-color),0 2px 6px -3px #0f172a26}:root[data-theme=light] .attg-sticky-start{box-shadow:6px 0 10px -8px #0f172a38}:root[data-theme=light] .attg-sticky-end{box-shadow:-6px 0 10px -8px #0f172a38}:root[data-theme=light] .attg-lg{border-color:#0f172a1a}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.theme-toggle:hover{color:var(--primary);border-color:var(--primary);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.theme-toggle:hover{transform:none}}.rivhit-settings-card{max-width:560px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.1rem}.form-hint{display:block;margin-top:4px;font-size:.72rem;color:var(--text-muted)}.filter-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:.6rem .75rem;font-size:.9rem}.toolbar-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:1rem;font-weight:600}.btn-sm{padding:.35rem .7rem;font-size:.8rem}.btn-send{color:var(--success)}.btn-send:hover{background:#22c55e26}.rv-lines{margin-top:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.85rem;background:var(--bg-input)}.rv-lines-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;font-weight:600;color:var(--text-secondary)}.rv-item,.rv-line{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.rv-item input,.rv-line input,.rv-line select{padding:.5rem .6rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.85rem}.rv-item input:focus,.rv-line input:focus,.rv-line select:focus{outline:none;border-color:var(--primary)}.rv-item>input:first-child{flex:1;min-width:150px}.rv-item>input:not(:first-child){width:90px}.rv-item-total{min-width:70px;text-align:center;font-weight:600;color:var(--text-primary)}.rv-line>select{flex:1;min-width:130px}.rv-line>input{width:90px}.rv-line>input[type=date]{width:130px}.rv-lines-total{margin-top:.5rem;text-align:end;color:var(--text-secondary)}.row-error{margin-top:4px;font-size:.72rem;color:#f87171;max-width:220px}:root[data-theme=light] .row-error{color:#b91c1c}.ss{position:relative;width:100%}.ss-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;transition:var(--transition)}.ss-control:hover{border-color:var(--primary)}.ss-control:focus,.ss-control:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.ss-placeholder{color:var(--text-muted)}.ss-caret{color:var(--text-secondary);flex-shrink:0}.ss-disabled{opacity:.6;pointer-events:none}.ss-menu{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:50;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden}.ss-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.ss-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.ss-options{list-style:none;margin:0;padding:4px;max-height:240px;overflow-y:auto}.ss-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.55rem .7rem;border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:.9rem}.ss-option.hl{background:var(--bg-hover)}.ss-option.sel{color:var(--primary);font-weight:600}.ss-empty{padding:.8rem;text-align:center;color:var(--text-muted);font-size:.85rem}.pdf-link{color:var(--primary);text-decoration:underline;font-weight:600}.pdf-link:hover{color:var(--primary-dark)}.email-quickfill{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.email-help{background:#4f66d614;border:1px solid rgba(79,102,214,.25);border-radius:var(--border-radius);padding:.9rem 1rem;font-size:.82rem;color:var(--text-secondary);line-height:1.7}.email-help strong{color:var(--text-primary)}.email-help ol{margin:.5rem 1.2rem 0;padding:0}.email-help a{color:var(--primary);text-decoration:underline}.email-help code{background:var(--bg-input);color:var(--text-primary);padding:2px 6px;border-radius:6px;font-size:.8rem;direction:ltr;display:inline-block;unicode-bidi:embed;word-break:break-all}.email-authtype{display:flex;gap:8px;flex-wrap:wrap}.email-authtype-btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem .9rem;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:all .15s ease}.email-authtype-btn:hover{background:var(--bg-hover)}.email-authtype-btn.active{border-color:var(--primary);color:var(--primary);background:#4f66d61a;font-weight:600}.email-oauth-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input)}.oauth-badge{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600}.oauth-badge.connected{color:#16a34a}.oauth-badge.disconnected{color:var(--text-muted)}.oauth-actions{display:flex;gap:8px;flex-wrap:wrap}.priv-table th,.priv-table td{text-align:center}.priv-table td:first-child,.priv-table th:first-child{text-align:start}.priv-table input[type=checkbox]{width:17px;height:17px;cursor:pointer}.priv-group-row td{background:var(--bg-hover);font-weight:600;color:var(--primary-light);font-size:.82rem}.dash{display:flex;flex-direction:column;gap:1.5rem}.dash-greeting{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dash-hello{font-size:1.55rem;font-weight:700;color:var(--text-primary)}.dash-hello span{color:var(--primary-light)}.dash-date{color:var(--text-secondary);font-size:.9rem;font-variant-numeric:tabular-nums}.dash-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.dash-feature{grid-column:span 5;grid-row:span 2}.dash-emp{grid-column:span 4}.dash-con{grid-column:span 3}.dash-actions{grid-column:span 7}.dash-tile{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.35rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;animation:dash-in .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.dash-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 40%,var(--border-color))}@keyframes dash-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dash-feature{justify-content:space-between;gap:1.5rem}.dash-feature:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0%,rgba(79,102,214,.16),transparent 58%);pointer-events:none}.dash-feature>*{position:relative}.dash-feature-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dash-label{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.85rem;font-weight:500}.dash-label svg{opacity:.85}.dash-value{font-size:2.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:.35rem}.dash-value-xl{font-size:3.4rem}.dash-sub{color:var(--text-secondary);font-size:.85rem;font-variant-numeric:tabular-nums;margin-top:.15rem}.dash-ring{--pct: 0;position:relative;width:96px;height:96px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--primary) calc(var(--pct) * 1%),var(--bg-input) calc(var(--pct) * 1%));display:grid;place-items:center}.dash-ring-hole{width:calc(100% - 16px);height:calc(100% - 16px);border-radius:50%;background:var(--bg-card);display:grid;place-items:center;text-align:center;line-height:1.1}.dash-ring-hole b{font-size:1.15rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-ring-hole small{display:block;font-size:.62rem;color:var(--text-muted)}.dash-feature-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dash-mini{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;background:var(--bg-input);border-radius:var(--border-radius)}.dash-mini-label{font-size:.78rem;color:var(--text-secondary)}.dash-mini-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.dash-bar{height:6px;border-radius:999px;background:var(--bg-input);overflow:hidden;margin-top:auto}.dash-bar i{display:block;height:100%;width:var(--pct, 0%);border-radius:999px;background:var(--primary);transition:width .7s cubic-bezier(.16,1,.3,1)}.dash-actions{gap:1rem}.dash-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.dash-action{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:var(--border-radius);background:var(--bg-input);border:1px solid transparent;color:var(--text-primary);font-weight:500;font-size:.92rem;transition:var(--transition)}.dash-action svg:first-child{color:var(--primary-light);flex-shrink:0}.dash-action span{flex:1}.dash-action-arrow{opacity:0;transform:translate(4px);transition:var(--transition)}.dash-action:hover{border-color:var(--primary);background:#4f66d61a;color:var(--primary-light)}.dash-action:hover .dash-action-arrow{opacity:1;transform:none}.dash-action:active{transform:scale(.98)}.dash-error{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem 1.5rem;border-radius:var(--border-radius-lg);background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--text-primary)}.dash-error svg{color:var(--danger);flex-shrink:0}.dash-error p{color:var(--text-secondary);font-size:.88rem;margin-top:2px}.dash-error .btn{margin-inline-start:auto}.dash-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:3.5rem 1.5rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg)}.dash-empty-card h3{font-size:1.1rem;color:var(--text-primary)}.dash-empty-card p{color:var(--text-secondary);font-size:.9rem;max-width:40ch}.dash-empty-card .btn{margin-top:.5rem}.dash-ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--bg-input);color:var(--primary-light)}.dash-ic-lg{width:64px;height:64px;border-radius:16px;background:#4f66d61f}.dash-skel{border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);position:relative;overflow:hidden;min-height:150px}.dash-skel.dash-feature{min-height:320px}.dash-skel:after{content:"";position:absolute;inset:0;transform:translate(100%);background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent);animation:dash-shimmer 1.4s infinite}@keyframes dash-shimmer{to{transform:translate(-100%)}}@media(max-width:900px){.dash-bento{grid-template-columns:1fr}.dash-feature,.dash-emp,.dash-con,.dash-actions{grid-column:auto;grid-row:auto}.dash-value-xl{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){.dash-tile{animation:none}.dash-tile:hover{transform:none}.dash-bar i,.dash-action,.dash-action-arrow{transition:none}.dash-skel:after{animation:none}}