@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary:#151917;--bg-secondary:#1a1f1c;--surface-glass:#202622;--surface-elevated:#262d29;--surface-border:#343d38;--surface-border-hover:#46524b;--text-primary:#f1efe8;--text-secondary:#b4bab5;--text-muted:#818b84;--primary:#65b7a0;--primary-hover:#398a76;--primary-glow:#4da38d24;--primary-gradient:#2f7968;--success:#69a879;--success-glow:#69a87924;--warning:#d1a451;--warning-glow:#d1a45124;--danger:#d16d64;--danger-glow:#d16d6424;--font-en:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-ar:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 8px 24px #0000002e;--shadow-lg:0 18px 48px #00000042;--transition-fast:.14s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}:root.light{--bg-primary:#f3f0e9;--bg-secondary:#eae6dc;--surface-glass:#fffdf8;--surface-elevated:#fff;--surface-border:#ddd7ca;--surface-border-hover:#c8c0b2;--text-primary:#252a27;--text-secondary:#5e6661;--text-muted:#8a928c;--primary:#176b5b;--primary-hover:#125548;--primary-glow:#176b5b1a;--primary-gradient:#176b5b;--success:#397b4c;--success-glow:#397b4c1a;--warning:#996b1f;--warning-glow:#996b1f1a;--danger:#a64942;--danger-glow:#a649421a;--shadow-sm:0 1px 2px #2c261e0f;--shadow-md:0 8px 24px #2c261e12;--shadow-lg:0 20px 50px #2c261e1f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-en);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);background-image:linear-gradient(180deg, var(--bg-secondary) 0, var(--bg-primary) 240px);background-repeat:no-repeat;min-height:100vh;line-height:1.5;overflow-x:hidden}body.rtl{font-family:var(--font-ar)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-panel{background:var(--surface-glass);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), background-color var(--transition-normal);border-radius:12px}.glass-panel:hover{border-color:var(--surface-border)}.app-container{max-width:1240px;margin:0 auto;padding:1.25rem 1.5rem 3rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.018em;color:var(--text-primary);font-weight:600}body.rtl h1,body.rtl h2,body.rtl h3,body.rtl h4,body.rtl h5,body.rtl h6{letter-spacing:0}.btn{cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.925rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-elevated);border:1px solid var(--surface-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--surface-border-hover)}.btn-success{color:#fff;box-shadow:none;background:#39764b}.btn-success:hover{filter:brightness(.92)}.btn-danger{color:#fff;box-shadow:none;background:#a94f48}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.input-field{background:var(--bg-secondary);border:1px solid var(--surface-border);color:var(--text-primary);transition:all var(--transition-fast);border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface-elevated)}.light .input-field:focus{background:var(--surface-elevated)}.input-field::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger)}.input-error-text{color:var(--danger);font-size:.75rem;font-weight:500}.table-container{border:1px solid var(--surface-border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:start;width:100%}th{background:var(--bg-secondary);color:var(--text-secondary);border-bottom:1px solid var(--surface-border);text-transform:none;letter-spacing:.01em;padding:1rem;font-size:.85rem;font-weight:600}body.rtl th{letter-spacing:0;font-size:.9rem}td{border-bottom:1px solid var(--surface-border);color:var(--text-primary);padding:1rem;font-size:.925rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--primary-glow)}.badge{text-transform:none;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}body.rtl .badge{font-size:.8rem;font-weight:600}.badge-pending-manager{background-color:var(--warning-glow);color:var(--warning);border:1px solid var(--warning-glow)}.badge-pending-finance{background-color:var(--primary-glow);color:var(--primary);border:1px solid var(--primary-glow)}.badge-approved{background-color:var(--success-glow);color:var(--success);border:1px solid var(--success-glow)}.badge-rejected{background-color:var(--danger-glow);color:var(--danger);border:1px solid var(--danger-glow)}.mock-email-container{z-index:9999;flex-direction:column;gap:.75rem;width:380px;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:1rem;right:1rem}body.rtl .mock-email-container{left:1rem;right:auto}.mock-email-toast{background:var(--surface-elevated);border:1px solid var(--surface-border-hover);box-shadow:var(--shadow-lg);color:var(--text-primary);border-radius:10px;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;position:relative;overflow:hidden}.mock-email-toast:before{content:"";background:var(--primary-gradient);width:100%;height:3px;position:absolute;top:0;left:0}.mock-email-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.mock-email-title{color:var(--primary);align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.mock-email-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.15rem;line-height:1}.mock-email-body{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.mock-email-label{color:var(--text-secondary);font-weight:600}.modal-overlay{z-index:1000;background:#0d110fad;justify-content:center;align-items:center;padding:1.5rem;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:650px;max-height:90vh;animation:.18s ease-out forwards scaleIn;overflow-y:auto}.dropzone{border:2px dashed var(--surface-border-hover);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary);border-radius:8px;padding:2rem}.dropzone:hover,.dropzone-active{border-color:var(--primary);background:var(--primary-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#confetti-canvas{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.app-header{z-index:20;position:sticky;top:1rem}.brand-mark{background:var(--primary-gradient);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff26}.login-page{isolation:isolate;position:relative}.login-page:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent 49.8%, var(--surface-border) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, var(--surface-border) 50%, transparent 50.2%);opacity:.16;pointer-events:none;background-size:64px 64px;position:fixed;inset:0}.login-card{box-shadow:var(--shadow-lg)}.stat-card{border-top:3px solid var(--surface-border-hover);min-height:112px}.stat-card:hover{border-color:var(--surface-border-hover)}.stat-icon{opacity:.88;border:1px solid}.dashboard-toolbar,.requests-panel{box-shadow:none}.requests-panel{overflow:hidden;padding:0!important}.requests-panel .table-container{border:0;border-radius:0}.requests-panel th:first-child,.requests-panel td:first-child{padding-inline-start:1.5rem}.requests-panel th:last-child,.requests-panel td:last-child{padding-inline-end:1.5rem}@media (width<=720px){.app-container{padding:.75rem .75rem 2rem}.app-header{position:static}.glass-panel{border-radius:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.stat-card{min-height:104px;padding:1rem!important}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:14px 14px 0 0;max-height:94vh}}.app-header>div:last-child{margin-inline-start:auto}