.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:all;background:#fff;border-left:4px solid;border-radius:12px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:14px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-notification{background:linear-gradient(135deg,#fefeff 0%,#f5f3ff 100%);border-left-color:#6366f1}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-notification .toast-icon{color:#6366f1}.toast-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.toast-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.toast-message{color:#4b5563;word-break:break-word;font-size:12.5px;font-weight:400;line-height:1.5}.toast-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-self:flex-start;align-items:center;margin-top:1px;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#1f2937;background:#f3f4f6}@media (max-width:640px){.toast-container{align-items:stretch;top:12px;left:12px;right:12px}.toast{min-width:auto;max-width:100%}}.login-container{background:linear-gradient(135deg,#1f8a5b 0%,#2d9cdb 100%);justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.login-container:before,.login-container:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#2d9cdb26 100%);width:200%;height:100%;animation:15s ease-in-out infinite wave;position:absolute;bottom:0;left:0}.login-container:after{opacity:.5;animation-delay:-7s}@keyframes wave{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-25%)translateY(-20px)}}.login-canvas{pointer-events:none;z-index:1;opacity:.35;width:100%;height:100%;position:absolute;top:0;left:0}.background-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff14 0%,#0000 40%),radial-gradient(circle at 80% 20%,#ffffff0f 0%,#0000 40%);position:absolute;inset:0}.background-overlay:before{content:"";background:#ffffff1a;border-radius:50%;width:120px;height:120px;animation:20s ease-in-out infinite float;position:absolute;top:10%;left:8%}.background-overlay:after{content:"";background:#ffffff14;border-radius:50%;width:80px;height:80px;animation:25s ease-in-out -8s infinite float;position:absolute;bottom:15%;right:10%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-50px)rotate(120deg)}66%{transform:translate(-20px,40px)rotate(240deg)}}.login-card{-webkit-backdrop-filter:blur(20px);z-index:10;background:#fffffffa;border:2px solid #fff9;border-radius:30px;width:100%;max-width:420px;padding:36px 32px;transition:transform .4s,box-shadow .4s;animation:.8s cubic-bezier(.23,1,.32,1) slideUp,3s ease-in-out infinite glow;position:relative;box-shadow:0 20px 60px #1f8a5b59,0 0 80px #2d9cdb26}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 80px #1f8a5b73,0 0 120px #2d9cdb40}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 20px 60px #1f8a5b59,0 0 80px #2d9cdb26}50%{box-shadow:0 20px 60px #1f8a5b80,0 0 100px #2d9cdb4d}}.login-header{text-align:center;margin-bottom:10px}.logo-wrapper{justify-content:center;align-items:center;margin:0 auto 4px;display:flex}.org-logo{object-fit:contain;filter:drop-shadow(0 5px 15px #1f8a5b40);width:180px;transition:all .4s;animation:1s ease-out fadeIn}.org-logo:hover{filter:drop-shadow(0 8px 25px #2d9cdb66);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-fallback{color:#1f8a5b;background:linear-gradient(135deg,#1f8a5b1a,#2d9cdb1a);border:2px solid #1f8a5b33;border-radius:20px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.login-title{letter-spacing:-.3px;background:linear-gradient(135deg,#1f8a5b 0%,#2d9cdb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:1.6rem;font-weight:700}.error-message{color:#c53030;background:linear-gradient(135deg,#dc354514 0%,#dc35450a 100%);border:1px solid #dc354540;border-radius:15px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;animation:.5s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.employee-info{color:#1f8a5b;background:linear-gradient(135deg,#1f8a5b14 0%,#2d9cdb0d 100%);border:1px solid #1f8a5b33;border-radius:15px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;display:flex}.input-container{margin-bottom:14px;animation:.8s ease-out .2s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.input-group{background:#fff;border:2px solid #2d9cdb40;border-radius:15px;margin-bottom:15px;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000008}.input-group:focus-within{border-color:#1f8a5b;transform:translateY(-2px);box-shadow:0 0 0 4px #1f8a5b1a,0 4px 16px #1f8a5b1f}.input-icon-container{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:48px;display:flex;position:absolute;top:0;bottom:0;left:0}.input-icon{color:#2d9cdb;opacity:.75;transition:all .3s}.input-group:focus-within .input-icon{color:#1f8a5b;opacity:1}.login-input{color:#2c3e50;letter-spacing:.2px;background:0 0;border:none;outline:none;width:100%;padding:14px 16px 14px 48px;font-family:inherit;font-size:.9rem;font-weight:500}.login-input::placeholder{color:#a0aec0;font-weight:400}.password-toggle{color:#2d9cdb;cursor:pointer;background:#2d9cdb0f;border:1px solid #2d9cdb33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle svg{width:28px;height:28px;display:block}.password-toggle:hover{color:#1f8a5b;background:#1f8a5b14;border-color:#1f8a5b;transform:translateY(-50%)scale(1.1)}.login-options{text-align:right;margin-bottom:18px}.forgot-password-link{color:#2d9cdb;align-items:center;gap:4px;padding:4px 2px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.forgot-password-link:hover{color:#1f8a5b;transform:translate(3px)}.login-button{color:#fff;cursor:pointer;letter-spacing:.4px;background:linear-gradient(135deg,#1f8a5b 0%,#2d9cdb 100%);border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #1f8a5b66}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f8a5b8c}.login-button:active{transform:translateY(-1px)}.login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.back-button{color:#fff;cursor:pointer;z-index:100;letter-spacing:.3px;background:linear-gradient(135deg,#1f8a5b 0%,#2d9cdb 100%);border:1px solid #2d9cdb33;border-radius:10px;align-items:center;gap:6px;padding:2px 4px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:16px;left:14px}.explore-button{color:#2d9cdb;cursor:pointer;background:#fff;border:2px solid #2d9cdb4d;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000008}.explore-button:hover{color:#1f8a5b;background:#1f8a5b0a;border-color:#1f8a5b;transform:translateY(-2px);box-shadow:0 8px 20px #1f8a5b33}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.org-logo{width:150px}.login-card{padding:30px 24px}}@media (max-width:480px){.org-logo{width:130px}.login-card{border-radius:22px;padding:24px 20px}.login-input{font-size:.85rem}}::-webkit-scrollbar{display:none}.app-footer{text-align:center;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-top:1px solid #ffffff26;padding:10px 18px;box-shadow:0 -2px 8px #00000014}.app-footer:not(.auth-footer){z-index:89;transition:left .3s;position:fixed;bottom:0;left:280px;right:0}.main-wrapper.sidebar-collapsed+.app-footer:not(.auth-footer){left:70px}body:has(.sidebar.closed) .app-footer:not(.auth-footer){left:70px}.footer-text{color:#ffffffd9;letter-spacing:.3px;margin:0;font-size:11px;font-weight:500}.company-link{color:#fffffff2;font-weight:700;text-decoration:none;transition:all .2s}.company-link:hover{color:#fff;text-decoration:underline}.auth-footer{background:#ffffff05;border-top:1px solid #2d9cdb26;border-radius:0 0 18px 18px;margin:14px -28px -24px;padding:9px 14px;position:relative}.auth-footer .footer-text{color:#1f8a5b;font-size:10px;font-weight:600}.auth-footer .company-link{color:#1f8a5b;font-weight:700}.auth-footer .company-link:hover{color:#176b47}@media (max-width:768px){.app-footer:not(.auth-footer),.main-wrapper.sidebar-collapsed+.app-footer:not(.auth-footer){width:100%!important;padding:9px 16px!important;left:0!important;right:0!important}body:has(.sidebar.closed) .app-footer:not(.auth-footer){width:100%!important;padding:9px 16px!important;left:0!important;right:0!important}.footer-text{font-size:10px}}@media (max-width:480px){.footer-text{font-size:9px}.app-footer{padding:8px 14px}.auth-footer{padding:7px 11px}}:root{--sidebar-open-width:240px;--sidebar-collapsed-width:64px;--header-height:60px;--primary:#4f46e5;--primary-dark:#4338ca;--bg:#f8fafc;--surface:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--text:#111827;--text-muted:#6b7280;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 12px #00000017;--radius:12px;--radius-sm:8px;--trans:all .2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.spin{animation:.9s linear infinite spin}.dashboard-wrapper{height:100vh;display:flex;position:relative;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;transition:margin-left .3s;display:flex;overflow:hidden}.main-wrapper.sidebar-open{margin-left:280px}.main-wrapper.sidebar-collapsed{margin-left:70px}.main-wrapper>.top-header+*{flex:1;overflow-y:auto}.top-header{height:var(--header-height);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 1px 4px #0000000a}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.org-header-section{align-items:center;gap:10px;display:flex}.org-logo-header{object-fit:cover;border-radius:8px;height:36px}.org-logo-placeholder-header{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.org-details-header h2{color:#111827;font-size:14px;font-weight:700;line-height:1.2}.org-details-header p{color:#9ca3af;font-size:11px}.user-profile{cursor:pointer;border:1px solid var(--border);transition:var(--trans);background:#fafafa;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.user-profile:hover{background:#f3f4f6}.user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.avatar-text{color:#fff;text-transform:uppercase;font-size:13px;font-weight:700}.user-info-header{flex-direction:column;line-height:1.2;display:flex}.user-name-header{color:#111827;white-space:nowrap;font-size:13px;font-weight:600}.hamburger-btn{border:none;border:1px solid var(--border);color:#374151;cursor:pointer;background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:none}.loading-container{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.overlay{z-index:90;background:#0006;position:fixed;inset:0}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:50%;min-width:16px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-4px}.branch-filter-label{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:500}.global-branch-select{border:1px solid var(--border);color:#374151;cursor:pointer;background:#fff;border-radius:7px;outline:none;padding:5px 8px;font-size:12px}.global-branch-select:focus{border-color:#6366f1}@media (max-width:768px){.hamburger-btn{display:flex}.user-info-header{display:none}.dashboard-wrapper{overflow:visible}.main-wrapper{height:100vh;overflow-y:auto}.main-wrapper.sidebar-open:before{content:"";z-index:90;background:#0006;position:fixed;inset:0}}.dk-stats{perspective:1000px;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.dk-stat{color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:18px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dk-stat:after{content:"";opacity:.5;z-index:2;background:linear-gradient(225deg,#fff3 0%,#fff0 50%);transition:opacity .3s;position:absolute;inset:0}.dk-stat-total{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%)}.dk-stat-present{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.dk-stat-absent{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.dk-stat-leave{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.dk-stat-late{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.dk-stat-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#fff3;border:1px solid #ffffff4d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:all .3s;display:flex;position:relative}.dk-stat-body{z-index:1;position:relative}.dk-stat-label{text-transform:uppercase;letter-spacing:.4px;opacity:.9;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.dk-stat-value{text-shadow:0 2px 4px #0000001a;font-size:32px;font-weight:900;line-height:1;display:block}.dk-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;width:100%;min-width:0;display:grid}.dk-col{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.dk-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--trans);flex-direction:column;display:flex;overflow:hidden}.dk-card-head{border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.dk-card-head h2{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.dk-card-body{flex:1;padding:16px 20px;overflow-y:auto}.top-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);box-sizing:border-box;z-index:90;height:72px;box-shadow:var(--shadow-sm);border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:28px;display:flex}.org-header-section{box-shadow:var(--shadow-sm);background:#ffffff1f;border:1px solid #fff3;border-radius:10px;align-items:center;gap:14px;padding:5px;transition:all .3s;display:flex}.org-header-section:hover{box-shadow:var(--shadow-md);background:#fff3;transform:translateY(-1px)}.org-logo-header{object-fit:contain;width:110px;height:50px;box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #ffffff4d;border-radius:6px;padding:2px}.org-logo-placeholder-header{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.org-details-header h2{color:#fffffff2;letter-spacing:.2px;margin:0;font-size:15px;font-weight:700}.org-details-header p{color:#ffffffbf;margin:3px 0 0;font-size:12px}.welcome-section h1{color:var(--text-primary);background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:22px;font-weight:700}.breadcrumb{color:var(--text-secondary);margin:0;font-size:12px}.branch-filter-section{align-items:center;gap:10px;display:flex}.branch-filter-label{color:var(--text-secondary);font-size:12px;font-weight:600}.global-branch-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s}.global-branch-select:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.global-branch-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1f8a5b1a}.header-right{align-items:center;gap:14px;display:flex}.header-settings-btn{cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.header-settings-btn:hover{box-shadow:var(--shadow-md);background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)rotate(90deg)}.header-settings-btn svg{color:#fff;width:22px;height:22px;transition:color .3s}.header-settings-btn:hover svg{color:#fff}.user-profile{cursor:pointer;box-shadow:var(--shadow-sm);background:#ffffff26;border:2px solid #ffffff40;border-radius:10px;align-items:center;gap:12px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-profile:hover{box-shadow:var(--shadow-md);background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);width:38px;height:38px;box-shadow:var(--shadow-sm);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-text{color:#fff;font-size:14px;font-weight:700}.user-info-header{flex-direction:column;display:flex}.user-name-header{color:#fffffff2;font-size:13px;font-weight:600}.user-designation-header{color:#ffffffbf;font-size:11px}.overlay{z-index:999;background:#00000080;width:100%;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}@media (max-width:1024px){.header-left{gap:20px}.org-header-section{padding:8px 14px}.global-branch-select{min-width:150px}}@media (max-width:768px){.top-header{flex-flow:wrap!important;align-items:center!important;gap:10px!important;min-height:auto!important;padding:10px!important;display:flex!important}.header-left{flex:auto!important;order:1!important;align-items:center!important;gap:10px!important;width:60%!important;display:flex!important}.org-header-section{gap:8px!important;width:auto!important;margin-left:45px!important;padding:6px 10px!important}.org-logo-header{object-fit:contain!important;width:240px!important;height:50px!important}.org-logo-placeholder-header{width:32px!important;height:32px!important;font-size:14px!important}.org-details-header h2{font-size:12px!important}.org-details-header p{margin-top:1px!important;font-size:10px!important}.welcome-section{display:none!important}.header-right{flex:none!important;order:2!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;display:flex!important}.branch-filter-section{background:var(--bg-tertiary,#f1f5f9)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;flex:calc(50% - 5px)!important;order:3!important;align-items:center!important;gap:6px!important;width:auto!important;margin-left:0!important;padding:6px 8px!important;display:flex!important}.global-branch-select{width:100%!important;min-width:0!important;height:32px!important;padding:4px 8px!important;font-size:11px!important;font-weight:600!important}.branch-filter-label{white-space:nowrap!important;font-size:11px!important;font-weight:700!important}.header-settings-btn,.user-profile{height:34px!important;padding:6px 10px!important}.user-profile{gap:6px!important}.user-avatar{width:26px!important;height:26px!important}.user-info-header{display:none!important}.notification-dropdown{z-index:100000!important;border-radius:12px!important;width:calc(100vw - 20px)!important;max-width:360px!important;position:fixed!important;top:60px!important;left:10px!important;right:10px!important;box-shadow:0 10px 30px #0000002e!important}}.up-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0000007a;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.up-drawer{background:#fff;flex-direction:column;width:100%;max-width:460px;height:100vh;animation:.28s cubic-bezier(.4,0,.2,1) upSlideIn;display:flex;overflow-y:auto;box-shadow:-10px 0 40px #00000024}@keyframes upSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.up-header{z-index:20;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 20px 20px;display:flex;position:sticky;top:0}.up-avatar-row{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.up-avatar-wrapper{flex-shrink:0;position:relative}.up-avatar-img{object-fit:cover;background:#e8e8f8;border:3px solid #ffffff80;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 4px 14px #00000040}.up-avatar-placeholder{color:#fff;background:0 0;border:3px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:26px;font-weight:700;display:flex;box-shadow:0 4px 14px #0003}.up-avatar-loading{color:#fff;background:0 0;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.up-camera-btn{cursor:pointer;color:#fff;background:#f59e0b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,background .2s;display:flex;position:absolute;bottom:1px;right:1px}.up-camera-btn:hover{background:#d97706;transform:scale(1.12)}.up-camera-btn svg{width:11px;height:11px}.up-name-block{min-width:0}.up-name-block h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #00000026;margin:0 0 5px;font-size:18px;font-weight:700;overflow:hidden}.up-role-pill{color:#fff;letter-spacing:.4px;background:#ffffff38;border:1px solid #ffffff59;border-radius:100px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.up-org-text{opacity:.82;color:#fff;margin:6px 0 0;font-size:12px}.up-close-btn{cursor:pointer;color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .25s;display:flex}.up-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.up-actions-bar{z-index:10;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:flex-end;padding:14px 20px;display:flex;position:sticky;top:118px}.up-btn-edit{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.up-btn-edit:hover{background:#e0e7ff;transform:translateY(-1px)}.up-actions-pair{gap:8px;display:flex}.up-btn-cancel{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.up-btn-cancel:hover{background:#e5e7eb}.up-btn-save{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.up-btn-save:hover{background:#4338ca;transform:translateY(-1px)}.up-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.up-sections{flex-direction:column;flex:1;gap:16px;padding:18px 20px 36px;display:flex}.up-section{background:#fafafa;border:1px solid #f0f0f5;border-radius:14px;padding:18px;transition:box-shadow .2s}.up-section:hover{box-shadow:0 3px 12px #4f46e512}.up-section-title{color:#4f46e5;text-transform:uppercase;letter-spacing:.7px;border-bottom:1.5px solid #e8e8f8;align-items:center;gap:8px;margin:0 0 14px;padding-bottom:10px;font-size:11.5px;font-weight:700;display:flex}.up-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.up-field{flex-direction:column;gap:4px;display:flex}.up-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.up-value{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:7px;align-items:center;min-height:36px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.up-value.up-readonly{color:#6b7280;background:#f9fafb}.up-empty{color:#d1d5db;font-style:normal}.up-input{color:#1f2937;background:#fff;border:1.5px solid #a5b4fc;border-radius:7px;outline:none;padding:8px 10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.up-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.up-loading-state{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.up-spin{animation:.8s linear infinite upSpin}@keyframes upSpin{to{transform:rotate(360deg)}}@media (max-width:520px){.up-drawer{max-width:100%}.up-grid{grid-template-columns:1fr}.up-name-block h2{font-size:16px}}.settings-container{background:var(--bg-primary);z-index:1000;width:500px;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.settings-header h2{margin:0;font-size:24px;font-weight:700}.settings-close-btn{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.settings-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.settings-close-btn svg{color:#fff;width:20px;height:20px}.settings-content{padding:24px}.settings-section{margin-bottom:32px}.settings-section h3{color:var(--text-primary);border-bottom:2px solid var(--primary-color);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:700}.theme-compact-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.theme-compact-card{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .3s;display:flex;position:relative}.theme-compact-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-2px)}.theme-compact-card.active{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-color:var(--primary-color)}.theme-compact-icon{width:20px;height:20px}.theme-compact-card span{text-align:center;font-size:11px;font-weight:600}.theme-compact-check{color:#fff;width:14px;height:14px;position:absolute;top:4px;right:4px}.settings-list{flex-direction:column;gap:16px;display:flex}.setting-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.setting-item:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-color)}.setting-info{flex:1;align-items:center;gap:12px;display:flex}.setting-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.setting-info label{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.setting-info p{color:var(--text-secondary);margin:0;font-size:12px}.custom-toggle{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.custom-toggle input{opacity:0;width:0;height:0}.custom-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:28px;transition:all .3s;position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.custom-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.custom-toggle-slider{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%)}input:checked+.custom-toggle-slider:before{transform:translate(22px)}input:focus+.custom-toggle-slider{box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #1f8a5b1a}.setting-select{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .3s}.setting-select:hover{border-color:var(--primary-color)}.setting-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1f8a5b1a}@media (max-width:768px){.settings-container{width:100%}.theme-compact-grid{grid-template-columns:repeat(2,1fr)}}.change-password-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.change-password-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1f8a5b4d}.password-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.password-modal{background:var(--bg-primary);border-radius:16px;width:90%;max-width:500px;animation:.3s slideUp;box-shadow:0 8px 32px #0003}.password-modal-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:24px;display:flex}.password-modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.password-modal-close{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.password-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.password-modal-close svg{color:#fff;width:18px;height:18px}.password-modal-body{padding:24px}.password-input-group{margin-bottom:20px}.password-input-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-icon{width:20px;height:20px;color:var(--text-secondary);position:absolute;left:12px}.password-input-wrapper input{border:2px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 12px 12px 44px;font-size:14px;transition:all .3s}.password-input-wrapper input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #1f8a5b1a}.password-input-wrapper input:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.password-toggle-btn{cursor:pointer;width:38px;height:38px;color:var(--primary-color);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{background:var(--bg-tertiary);transform:scale(1.1)}.password-toggle-btn svg{width:22px;height:22px;display:block}.password-validation{border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.password-validation.checking{color:#f4b400;background:#f4b4001a}.password-validation.valid{color:#1f8a5b;background:#1f8a5b1a}.password-validation.invalid{color:#e74c3c;background:#e74c3c1a}.validation-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.password-requirements{background:var(--bg-tertiary);border-radius:8px;margin-top:12px;padding:12px}.requirement{color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:13px;transition:all .3s;display:flex}.requirement.met{color:#1f8a5b;font-weight:600}.requirement-icon{background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.requirement.met .requirement-icon{color:#fff;background:#1f8a5b}.password-match{border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600}.password-match.match{color:#1f8a5b;background:#1f8a5b1a}.password-match.no-match{color:#e74c3c;background:#e74c3c1a}.password-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.password-cancel-btn,.password-submit-btn{cursor:pointer;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.password-cancel-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.password-cancel-btn:hover{background:var(--bg-disabled)}.password-submit-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border:none}.password-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1f8a5b4d}.password-submit-btn:disabled{opacity:.5;cursor:not-allowed}:root{--sidebar-width:280px;--sidebar-collapsed:70px}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;height:100vh;box-shadow:var(--shadow-md);flex-direction:column;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.closed{width:var(--sidebar-collapsed);box-shadow:var(--shadow-sm)}.sidebar-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);box-sizing:border-box;justify-content:space-between;align-items:center;height:72px;padding:18px 14px 14px;display:flex;position:relative}.logo-container{align-items:center;gap:12px;width:100%;display:flex}.logo-img{object-fit:contain;background:var(--bg-primary);width:34px;height:34px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;padding:3px}.logo-placeholder{color:#fff;width:34px;height:34px;box-shadow:var(--shadow-md);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.product-name-container{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.product-name{letter-spacing:-.2px;color:var(--text-primary);align-items:center;font-size:1rem;font-weight:700;display:flex}.product-logo-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000000d);max-width:140px;height:24px}.product-subtitle{letter-spacing:-.1px;align-items:center;gap:2px;margin-top:2px;font-size:.7rem;font-weight:500;display:flex}.smart-text{color:var(--success-color);background:linear-gradient(135deg, var(--success-hover) 0%, var(--success-color) 100%);-webkit-text-fill-color:transparent;letter-spacing:.2px;-webkit-background-clip:text;background-clip:text;font-size:.55rem;font-weight:400}.sidebar-toggle-container{z-index:1001;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.sidebar-toggle{border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;width:40px;height:32px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.sidebar-toggle:hover{background:var(--primary-color);color:#fff;border-color:#0000;transform:scale(1.2);box-shadow:0 4px 16px #1f8a5b66}.sidebar-search{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:8px;position:relative}.search-input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:9px 14px 9px 38px;font-size:12px;font-weight:500;transition:all .25s}.search-input:focus{border-color:var(--primary-color);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #1f8a5b1a}.search-icon{color:var(--text-secondary);font-size:15px;transition:color .25s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.clear-search{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .25s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.clear-search:hover{background:var(--hover-bg);color:var(--error-color)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;flex:1;gap:18px;padding:14px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:50px}.nav-section{margin-bottom:4px}.section-header{cursor:pointer;max-height:46px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 2px;font-size:10px;font-weight:600;transition:all .25s;display:flex}.section-header:hover{color:var(--primary-color);background:var(--hover-bg)}.section-title{align-items:center;gap:8px;display:flex;overflow:hidden}.section-icon-wrapper{flex-direction:column;align-items:center;gap:2px;min-width:28px;display:flex}.mini-menu-text{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;max-width:58px;color:var(--text-secondary);margin-top:1px;font-size:8px;font-weight:800;line-height:1;overflow:hidden}.sidebar.closed .section-header:hover .mini-menu-text{color:var(--primary-color)}.main-nav .nav-item{margin-bottom:6px}.nav-item{cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:600;transition:all .25s;display:flex;position:relative}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color);transform:translate(2px)}.nav-item.active{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm), 0 0 0 1px #1f8a5b1a;font-weight:700}.nav-item.active:before{content:"";background:var(--primary-color);border-radius:0 2px 2px 0;width:3px;height:65%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.nav-icon-container{background:var(--bg-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.nav-item:hover .nav-icon-container{background:var(--primary-color);color:#fff;transform:scale(1.05)}.nav-item.active .nav-icon-container{background:var(--primary-color);color:#fff;box-shadow:0 2px 6px #1f8a5b4d}.nav-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-size:13px;font-weight:600;overflow:hidden}.modules-container{flex-direction:column;gap:8px;max-height:260px;margin-bottom:6px;padding-right:2px;display:flex;overflow-y:auto}.modules-list{flex-direction:column;gap:4px;max-height:200px;margin-top:2px;padding-right:2px;display:flex;overflow-y:auto}.module-item{cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 9px;font-size:12px;font-weight:600;transition:all .25s;display:flex;position:relative}.module-item:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color);transform:translate(2px)}.module-item.active{background:var(--bg-primary);color:var(--primary-color);border-left:2px solid var(--primary-color);box-shadow:var(--shadow-sm);font-weight:700}.module-icon{background:var(--bg-tertiary);width:20px;height:20px;color:var(--text-secondary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .25s;display:flex}.module-item:hover .module-icon{background:var(--primary-color);color:#fff;transform:scale(1.05)}.module-item.active .module-icon{background:var(--primary-color);color:#fff;box-shadow:0 2px 5px #1f8a5b4d}.module-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.favorite-btn{opacity:0;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;font-size:10px;transition:all .25s;display:flex}.module-item:hover .favorite-btn{opacity:.7}.favorite-btn.active{opacity:1;color:var(--accent-color)}.favorite-btn:hover{background:var(--hover-bg);color:var(--accent-color);opacity:1;transform:scale(1.1)}.quick-access{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.quick-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;font-size:9px;font-weight:700;transition:all .25s;display:flex}.quick-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 6px #1f8a5b4d}.quick-btn svg{color:inherit;font-size:13px;transition:transform .25s}.quick-btn:hover svg{transform:scale(1.1)}.no-results{text-align:center;color:var(--text-secondary);opacity:.7;flex-direction:column;align-items:center;gap:7px;padding:22px 14px;display:flex}.no-results svg{color:var(--border-color);font-size:18px}.no-results p{font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:11px 14px;position:relative}.logout-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--error-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:12px;font-weight:700;transition:all .25s;display:flex}.logout-btn:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-1px);box-shadow:0 3px 10px #e74c3c4d}.sidebar.closed .sidebar-search,.sidebar.closed .nav-text,.sidebar.closed .product-name-container,.sidebar.closed .modules-container,.sidebar.closed .module-name,.sidebar.closed .quick-grid span,.sidebar.closed .logout-btn span,.sidebar.closed .section-title span,.sidebar.closed .favorite-btn{display:none!important}.sidebar.closed .sidebar-nav{gap:14px;padding:14px 7px}.sidebar.closed .nav-item{justify-content:center;min-height:34px;margin-bottom:4px;padding:7px}.sidebar.closed .nav-icon-container{width:24px;height:24px;margin:0}.sidebar.closed .quick-grid{grid-template-columns:repeat(2,1fr);gap:4px}.sidebar.closed .quick-btn{min-height:34px;padding:7px 4px}.sidebar.closed .logout-btn{justify-content:center;min-height:34px;padding:7px}.sidebar.closed .module-item{justify-content:center;margin-bottom:1px;padding:5px}.sidebar.closed .module-icon{width:17px;height:17px;margin:0}.sidebar.closed .section-header{justify-content:center;height:auto;min-height:48px;margin-bottom:6px;padding:8px 2px}.sidebar.closed .nav-item,.sidebar.closed .quick-btn,.sidebar.closed .module-item,.sidebar.closed .section-header,.sidebar.closed .logout-btn{position:relative}.sidebar.closed .nav-item:after,.sidebar.closed .quick-btn:after,.sidebar.closed .module-item:after,.sidebar.closed .section-header:after,.sidebar.closed .logout-btn:after{content:attr(data-tooltip);background:var(--text-primary);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1001;box-shadow:var(--shadow-md);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;transition:all .25s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%)}.sidebar.closed .nav-item:before,.sidebar.closed .quick-btn:before,.sidebar.closed .module-item:before,.sidebar.closed .section-header:before,.sidebar.closed .logout-btn:before{content:"";border:4px solid #0000;border-right-color:var(--text-primary);opacity:0;visibility:hidden;z-index:1001;pointer-events:none;transition:all .25s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.sidebar.closed .nav-item:hover:after,.sidebar.closed .quick-btn:hover:after,.sidebar.closed .module-item:hover:after,.sidebar.closed .logout-btn:hover:after,.sidebar.closed .nav-item:hover:before,.sidebar.closed .quick-btn:hover:before,.sidebar.closed .module-item:hover:before,.sidebar.closed .logout-btn:hover:before{opacity:1;visibility:visible}.sidebar-flyout{left:calc(var(--sidebar-collapsed) + 12px);background:var(--bg-secondary);border:1px solid var(--border-color);z-index:3000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;width:230px;animation:.25s cubic-bezier(.16,1,.3,1) flyoutFadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 15px 40px #0000002e,0 0 0 1px #0000000d}@keyframes flyoutFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.flyout-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:14px 16px}.flyout-header span{color:var(--primary-color);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.flyout-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;max-height:350px;padding:8px;overflow-y:auto}.flyout-content::-webkit-scrollbar{width:4px}.flyout-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.flyout-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.flyout-item:hover{background:var(--hover-bg);color:var(--primary-color);transform:translate(4px)}.flyout-item.active{background:var(--bg-primary);color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.flyout-icon{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.flyout-item:hover .flyout-icon{background:var(--primary-color);color:#fff;transform:scale(1.1)}.flyout-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@media (max-width:768px){.sidebar{z-index:10000!important;background:var(--bg-secondary,#fff)!important;width:250px!important;height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-250px!important;transform:none!important;box-shadow:4px 0 24px #00000026!important}.sidebar.open{left:0!important;transform:none!important}.sidebar.closed{left:-250px!important;transform:none!important}.sidebar-toggle-container{z-index:10005!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:15px!important;left:240px!important;right:auto!important;transform:none!important}.sidebar.closed .sidebar-toggle-container{left:15px!important}.sidebar-toggle{background:var(--bg-primary,#fff)!important;border:2px solid var(--primary-color)!important;width:38px!important;height:38px!important;color:var(--primary-color)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;display:flex!important;box-shadow:0 4px 16px #0000001f!important}.sidebar-nav{-webkit-overflow-scrolling:touch!important;flex:1!important;overflow-y:auto!important}}.chatbot-toggle{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;width:32px;height:32px;font-size:24px;transition:all .3s;position:fixed;bottom:4px;right:12px;box-shadow:0 4px 12px #00000026}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.chatbot-container{background:var(--bg-primary);z-index:998;border-radius:16px;flex-direction:column;width:380px;height:500px;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000026}.chatbot-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;text-align:center;padding:16px 20px}.chatbot-header h3{margin:0;font-size:16px;font-weight:600}.chatbot-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{animation:.3s fadeIn;display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:12px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.5}.message.user .message-content{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-content.typing{gap:4px;padding:14px;display:flex}.message-content.typing span{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chatbot-input{border-top:1px solid var(--border-color);background:var(--bg-secondary);gap:8px;padding:16px;display:flex}.chatbot-input textarea{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);resize:none;border-radius:8px;outline:none;flex:1;max-height:80px;padding:10px 12px;font-family:inherit;font-size:14px}.chatbot-input textarea:focus{border-color:var(--primary-color)}.chatbot-input button{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;width:40px;height:40px;font-size:18px;transition:all .3s}.chatbot-input button:hover:not(:disabled){transform:scale(1.05)}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.chatbot-container{width:calc(100vw - 32px);bottom:80px;right:16px}.chatbot-toggle{bottom:16px;right:16px}}.dashboard-home{max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.welcome-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #3b82f633}.welcome-content h1{margin:0 0 8px;font-size:28px;font-weight:700}.welcome-content p{opacity:.9;margin:0;font-size:15px}.welcome-illustration{position:absolute;top:50%;right:40px;transform:translateY(-50%)}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #00000005,0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000000d}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon{font-size:24px}.stat-card.primary .stat-icon-wrapper{color:#3b82f6;background:#eff6ff}.stat-card.success .stat-icon-wrapper{color:#10b981;background:#f0fdf4}.stat-card.warning .stat-icon-wrapper{color:#f59e0b;background:#fffbeb}.stat-card.danger .stat-icon-wrapper{color:#ef4444;background:#fef2f2}.stat-info{flex-direction:column;display:flex}.stat-label{color:#6b7280;margin-bottom:4px;font-size:13px;font-weight:500}.stat-value{color:#111827;font-size:24px;font-weight:700}.dashboard-content-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.content-panel{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000005}.panel-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:20px 24px}.panel-header h3{color:#374151;align-items:center;margin:0;font-size:16px;font-weight:600;display:flex}.panel-body{padding:24px}.empty-state{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-state p{margin:16px 0;font-size:14px}.primary-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background .2s}.primary-btn:hover{background:#4338ca}.updates-list{margin:0;padding:0;list-style:none}.updates-list li{border-bottom:1px solid #f3f4f6;padding:16px 0}.updates-list li:last-child{border-bottom:none;padding-bottom:0}.updates-list p{color:#374151;margin:8px 0;font-size:14px}.update-badge{text-transform:uppercase;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600}.update-badge.new{color:#1e40af;background:#dbeafe}.update-badge.update{color:#92400e;background:#fef3c7}.update-time{color:#9ca3af;font-size:12px}@media (max-width:768px){.dashboard-home{padding:16px}.welcome-illustration{display:none}.dashboard-content-grid{grid-template-columns:1fr}}.advanced-datatable-container{box-shadow:var(--shadow-sm,0 2px 8px #0000000f);background:var(--bg-secondary,#fff);color:var(--text-primary,#1a1d29);border:1px solid var(--border-color,#00000014);border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.datatable-header{background:var(--bg-tertiary,#f8f9fa);border-bottom:1px solid var(--border-color,#00000014);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.datatable-title{color:var(--text-primary,#1a1d29);margin:0;font-size:1.125rem;font-weight:600}.record-badge{background:var(--primary-color,#1f8a5b);color:#fff;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:500}.search-container{min-width:280px;position:relative}.search-icon{color:var(--text-secondary,#6b7280);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color,#00000014);background:var(--bg-secondary,#fff);width:100%;color:var(--text-primary,#1a1d29);border-radius:6px;padding:7px 35px;font-size:.8125rem;transition:all .2s}.search-input:focus{border-color:var(--primary-color,#1f8a5b);outline:none;box-shadow:0 0 0 2px #1f8a5b1a}.clear-search{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:3px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search:hover{color:var(--text-primary,#1a1d29);background:var(--bg-tertiary,#f8f9fa)}.action-buttons{gap:6px;margin-left:12px;display:flex}.action-btn{border:1.5px solid var(--border-color,#00000014);background:var(--bg-secondary,#fff);width:42px;height:42px;color:var(--primary-color,#1f8a5b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn svg{flex-shrink:0;width:22px;height:22px;display:block}.action-btn:hover{background:var(--primary-color,#1f8a5b);border-color:var(--primary-color,#1f8a5b);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-btn.active{background:var(--primary-color,#1f8a5b);color:#fff;border-color:var(--primary-color,#1f8a5b)}.dropdown-menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#00000014);box-shadow:var(--shadow-lg,0 8px 24px #00000026);z-index:1000;border-radius:8px;min-width:180px;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden}.column-toggle-wrapper,.export-wrapper{position:relative}.menu-header{border-bottom:1px solid var(--border-color,#00000014);background:var(--bg-tertiary,#f8f9fa);color:var(--text-primary,#1a1d29);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8125rem;font-weight:600;display:flex}.close-menu{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px}.close-menu:hover{color:var(--text-primary,#1a1d29);background:#0000000d}.menu-content{max-height:280px;padding:6px 0;overflow-y:auto}.menu-option{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;transition:background .2s;display:flex}.menu-option:hover{background:var(--bg-tertiary,#f8f9fa)}.menu-option input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary-color,#1f8a5b)}.export-option{width:100%;color:var(--text-primary,#1a1d29);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;font-size:.8125rem;transition:background .2s;display:flex}.export-option:hover{background:var(--bg-tertiary,#f8f9fa);color:var(--primary-color,#1f8a5b)}.active-filters{background:var(--bg-tertiary,#f8f9fa);border-bottom:1px solid var(--border-color,#00000014);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.filter-label{color:var(--text-secondary,#6b7280);font-size:.8125rem;font-weight:500}.filter-tag{background:var(--primary-color,#1f8a5b);color:#fff;border-radius:14px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;display:inline-flex}.filter-tag button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:1px;display:flex}.filter-tag button:hover{background:#fff3}.clear-all-filters{border:1px solid var(--border-color,#00000014);color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border-radius:5px;margin-left:auto;padding:4px 10px;font-size:.75rem;transition:all .2s}.clear-all-filters:hover{color:var(--text-primary,#1a1d29);border-color:var(--text-primary,#1a1d29);background:var(--bg-tertiary,#f8f9fa)}.table-wrapper{padding:0 16px;overflow-x:auto}.advanced-table{border-collapse:separate;border-spacing:0;width:100%;margin:12px 0}.header-row{background:var(--bg-tertiary,#f8f9fa)}.table-header{text-align:left;color:var(--text-primary,#1a1d29);border-bottom:2px solid var(--border-color,#00000014);background:var(--bg-tertiary,#f8f9fa);z-index:10;padding:10px 12px;font-size:.8125rem;font-weight:600;position:sticky;top:0}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header.sortable:hover{background:var(--bg-secondary,#fff)}.table-header.sorted{color:var(--primary-color,#1f8a5b);border-bottom-color:var(--primary-color,#1f8a5b)}.header-content{justify-content:space-between;align-items:center;gap:6px;display:flex}.sort-icon-neutral{color:var(--text-secondary,#6b7280)}.sort-icon-active{color:var(--primary-color,#1f8a5b)}.checkbox-header,.checkbox-cell{text-align:center;width:40px;padding:10px 8px}.checkbox-header input[type=checkbox],.checkbox-cell input[type=checkbox]{cursor:pointer;width:15px;height:12px;accent-color:var(--primary-color,#1f8a5b)}.filter-row{background:var(--bg-secondary,#fff)}.filter-cell{border-bottom:1px solid var(--border-color,#00000014);padding:6px 8px}.filter-input{border:1px solid var(--border-color,#00000014);background:var(--bg-secondary,#fff);width:100%;color:var(--text-primary,#1a1d29);border-radius:4px;padding:5px 8px;font-size:.75rem}.filter-input:focus{border-color:var(--primary-color,#1f8a5b);outline:none;box-shadow:0 0 0 2px #1f8a5b1a}.data-row{border-bottom:1px solid var(--border-color,#00000014);transition:background .2s}.data-row:hover{background:var(--bg-tertiary,#f8f9fa)}.split-day-row{background-color:#6366f10f!important}.split-day-row:hover{background-color:#6366f11f!important}.table-cell{color:var(--text-primary,#1a1d29);border-bottom:1px solid var(--border-color,#00000014);padding:10px 12px;font-size:.8125rem}.actions-header,.actions-cell{text-align:center;white-space:nowrap}.no-data{text-align:center;padding:50px 20px!important}.no-data-content{color:var(--text-secondary,#6b7280);flex-direction:column;align-items:center;gap:12px;display:flex}.no-data-icon{color:var(--text-secondary,#6b7280);opacity:.5}.clear-filters-btn{background:var(--primary-color,#1f8a5b);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:6px 16px;font-size:.8125rem;transition:background .2s}.clear-filters-btn:hover{background:var(--success-hover,#176b47)}.pagination-container{border-top:1px solid var(--border-color,#00000014);background:var(--bg-tertiary,#f8f9fa);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pagination-info{color:var(--text-secondary,#6b7280);font-size:.8125rem}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{border:1px solid var(--border-color,#00000014);background:var(--bg-secondary,#fff);color:var(--text-primary,#1a1d29);cursor:pointer;text-align:center;border-radius:5px;min-width:36px;padding:6px 12px;font-size:.8125rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary,#f8f9fa);border-color:var(--primary-color,#1f8a5b);color:var(--primary-color,#1f8a5b)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color,#1f8a5b);color:#fff;border-color:var(--primary-color,#1f8a5b)}.page-numbers{align-items:center;gap:4px;display:flex}.pagination-ellipsis{color:var(--text-secondary,#6b7280);padding:6px;font-size:.8125rem}.rows-per-page{align-items:center;gap:6px;display:flex}.rows-per-page label{color:var(--text-secondary,#6b7280);align-items:center;gap:6px;font-size:.8125rem;display:flex}.rows-select{border:1px solid var(--border-color,#00000014);background:var(--bg-secondary,#fff);color:var(--text-primary,#1a1d29);cursor:pointer;border-radius:5px;padding:5px 10px;font-size:.8125rem}.rows-select:focus{border-color:var(--primary-color,#1f8a5b);outline:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media (max-width:1024px){.datatable-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{flex-direction:column;gap:12px;width:100%}.search-container{min-width:100%}}@media (max-width:768px){.pagination-container{flex-direction:column;align-items:flex-start;gap:12px}.pagination-controls{justify-content:center;width:100%}.rows-per-page{align-self:flex-end}.table-cell,.table-header{padding:8px 10px;font-size:.75rem}}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out confirmFadeIn;display:flex;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:16px;width:100%;max-width:450px;animation:.3s ease-out confirmSlideUp;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-header{justify-content:space-between;align-items:flex-start;padding:24px 24px 0;display:flex}.confirm-icon-warning{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.confirm-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .2s;display:flex}.confirm-close:hover{color:#1f2937;background:#f3f4f6}.confirm-body{padding:20px 24px 24px}.confirm-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.confirm-message{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.confirm-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:13px 20px;display:flex}@media (max-width:640px){.confirm-modal{max-width:100%;margin:10px}.confirm-footer{flex-direction:column-reverse}.confirm-btn-cancel,.confirm-btn-delete{width:100%}}.confirm-icon.warning{color:#dc2626;background:#fee2e2}.confirm-icon.success{color:#059669;background:#d1fae5}.confirm-btn-action.delete{cursor:pointer;color:#fee2e2;background:#dc2626;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn-action.confirm{cursor:pointer;color:#fee2e2;background:#059669;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--bg-disabled:#f1f3f5;--text-primary:#1a1d29;--text-secondary:#6b7280;--border-color:#00000014;--primary-color:#1f8a5b;--secondary-color:#2d9cdb;--accent-color:#f4b400;--accent-hover:#e67e22;--success-color:#1f8a5b;--success-hover:#176b47;--error-color:#e74c3c;--error-hover:#c0392b;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 24px #00000026;--primary-gradient-start:var(--primary-color);--primary-gradient-end:var(--success-hover);--primary-hover:var(--success-hover);--primary-light:#1f8a5b1a;--primary-shadow:#1f8a5b4d;--view-color:var(--secondary-color);--view-bg:#2d9cdb1a;--edit-color:var(--accent-color);--edit-bg:#f4b4001a;--delete-color:var(--error-color);--delete-bg:#e74c3c1a;--success-bg:#1f8a5b1a;--success-text:var(--success-color);--success-border:#1f8a5b4d;--error-bg:#e74c3c1a;--error-text:var(--error-color);--error-border:#e74c3c4d;--warning-bg:#f4b4001a;--warning-text:var(--accent-color);--info-bg:#2d9cdb1a;--info-text:var(--secondary-color);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{padding:var(--spacing-xl);background:var(--bg-primary);min-height:calc(100vh - 80px);animation:.5s ease-out fadeIn}.page-header-org{height:53px;margin-bottom:var(--spacing-xl);padding:20px var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;animation:.5s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left-org{align-items:center;gap:20px;display:flex}.header-icon{background:var(--primary-color);color:#fff;box-shadow:0 6px 16px var(--shadow-md);border-radius:14px;justify-content:center;align-items:center;padding:7px;display:flex}.header-left-org h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.header-left-org p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.add-btn{align-items:center;gap:var(--spacing-xs);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);border:none;padding:5px 8px;font-size:15px;font-weight:600;display:flex}.add-btn:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.add-btn:active{transform:translateY(-1px)}.table-actions{justify-content:center;gap:var(--spacing-sm);display:flex}.action-btn-table{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary);border:none;justify-content:center;align-items:center;padding:8px 10px;display:flex}.view-btn{color:var(--secondary-color);background:#2d9cdb1a}.view-btn:hover{background:var(--secondary-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #2d9cdb4d}.edit-btn{color:var(--accent-color);background:#f4b4001a}.edit-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #f4b4004d}.info-btn{color:var(--text-primary);background:#3fb57a1a}.info-btn:hover{background:var(--text-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3fb57a1a}.delete-btn{color:var(--error-color);background:#e74c3c1a}.delete-btn:hover{background:var(--error-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #e74c3c4d}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.status-badge.active{color:var(--success-color);background:#1f8a5b1a;border:1px solid #1f8a5b33}.status-badge.inactive{color:var(--error-color);background:#e74c3c1a;border:1px solid #e74c3c33}.status-badge.pending{color:var(--accent-color);background:#f4b4001a;border:1px solid #f4b40033}.status-badge.approved{color:var(--success-color);background:#1f8a5b1a;border:1px solid #1f8a5b33}.status-badge.rejected{color:var(--error-color);background:#e74c3c1a;border:1px solid #e74c3c33}.type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.type-badge.leave{color:var(--secondary-color);background:#2d9cdb1a;border:1px solid #2d9cdb33}.type-badge.permission{color:var(--accent-color);background:#f4b4001a;border:1px solid #f4b40033}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;display:flex;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-large,.wide-modal{max-width:1000px}.modal-close:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border);transform:rotate(90deg)}.modal-body{padding:var(--spacing-2xl);background:var(--bg-secondary);flex:1;overflow-y:auto}.btn-cancel-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);padding:10px 20px;font-weight:600}.btn-cancel-modal:hover{background:var(--bg-disabled)}.btn-submit{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:flex}.modal-header{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title-section{align-items:center;gap:var(--spacing-lg);color:var(--text-primary);display:flex}.modal-title-section svg{padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary-color)}.modal-title-section h2{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.modal-close{padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);align-items:center;display:flex}.modal-close:hover{background:var(--bg-tertiary);transform:rotate(90deg)}.modal-body{padding:var(--spacing-2xl);background:var(--bg-secondary);max-height:calc(90vh - 200px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--bg-tertiary)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);align-items:center;gap:10px;margin:0 0 20px;font-size:17px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--primary-color);border-radius:2px;width:4px;height:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:600;display:flex}.required{color:var(--error-color);font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-disabled);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-group input.error,.form-group select.error{border-color:var(--error-color);background:#e74c3c0d}.error-text{color:var(--error-color);font-size:12px;font-weight:500}.toggle-grid{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.toggle-label{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);border:2px solid #0000;justify-content:space-between;align-items:center;display:flex}.toggle-label:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.toggle-label span{color:var(--text-primary);font-size:14px;font-weight:600}.toggle{background:var(--border-color);width:48px;height:24px;transition:all var(--transition-slow);border-radius:24px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--bg-secondary);border-radius:var(--radius-full);width:20px;height:20px;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);position:absolute;top:1.5px;left:2px}.toggle.active{background:var(--primary-color)}.toggle.active .toggle-slider{transform:translate(24px)}.profile-upload-container,.logo-upload-container{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);display:flex}.profile-preview,.logo-preview{border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-color);width:100px;height:100px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-preview{border-radius:var(--radius-lg)}.profile-preview-image,.logo-preview-image{object-fit:cover;width:100%;height:100%}.logo-preview-image{object-fit:contain;padding:var(--spacing-xs)}.profile-placeholder,.logo-placeholder{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.profile-placeholder svg,.logo-placeholder svg{color:var(--border-color);width:32px;height:32px}.profile-placeholder span,.logo-placeholder span{font-size:12px;font-weight:500}.profile-upload-controls,.logo-upload-controls{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;flex:1;display:flex}.profile-input,.logo-input{display:none}.profile-upload-btn,.logo-upload-btn{align-items:center;gap:var(--spacing-xs);background:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;color:#fff!important}.profile-upload-btn:hover,.logo-upload-btn:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-2px);color:#fff!important}.profile-remove-btn,.logo-remove-btn{align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);color:var(--error-color);border:2px solid var(--error-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.profile-remove-btn:hover,.logo-remove-btn:hover{background:var(--error-color);color:#fff!important}.profile-upload-hint,.logo-upload-hint{color:var(--text-secondary);width:100%;margin-top:0;font-size:11px}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);background:var(--bg-secondary);color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px}.react-datepicker__input-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.react-datepicker-popper{z-index:9999!important}.react-datepicker{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:var(--bg-secondary);font-family:inherit;overflow:hidden}.react-datepicker__header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding-top:12px}.react-datepicker__current-month{color:var(--text-primary);margin-bottom:10px;font-weight:700}.react-datepicker__day-name{color:var(--text-secondary);font-weight:600}.react-datepicker__day{color:var(--text-primary);border-radius:6px;transition:all .2s}.react-datepicker__day:hover{background-color:var(--primary-light);color:var(--primary-color)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{font-weight:700;background-color:var(--primary-color)!important;color:#fff!important}.react-datepicker__day--outside-month{color:#ccc}.react-datepicker__navigation{top:14px}.filter-row-inline .react-datepicker-wrapper{width:160px}.inline-date-input{border-radius:var(--radius-sm)!important;padding:6px 12px!important;font-size:13px!important}.filters-card,.filter-row-inline{overflow:visible!important}.modal-body{overflow:visible auto}@media (max-width:768px){.profile-upload-container,.logo-upload-container{text-align:center;flex-direction:column;align-items:center}.profile-upload-controls,.logo-upload-controls{flex-direction:column;align-items:center;width:100%}.profile-upload-btn,.logo-upload-btn,.profile-remove-btn,.logo-remove-btn{justify-content:center;width:100%}}.employee-avatar{border-radius:var(--radius-full);background:var(--primary-color);border:2px solid var(--bg-secondary);width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-avatar svg{color:#fff}.searchable-select{width:100%;position:relative}.select-trigger{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:space-between;align-items:center;max-height:36px;margin-top:-5px;padding:20px 40px;display:flex}.select-trigger:hover:not(.disabled){border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.select-trigger.open{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.select-trigger.disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.7;border-color:var(--border-color)}.searchable-select.error .select-trigger{border-color:var(--error-color);box-shadow:0 0 0 3px #e74c3c1a}.selected-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.placeholder{color:var(--text-secondary);font-size:14px;font-weight:400}.chevron{transition:transform var(--transition-slow);color:var(--text-secondary);margin-left:var(--spacing-sm);flex-shrink:0}.chevron.rotate{transform:rotate(180deg)}.select-dropdown{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);flex-direction:column;max-height:320px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownSlide;display:flex;position:absolute;top:calc(100% + 8px);overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:2px solid var(--bg-tertiary);background:var(--bg-tertiary);z-index:2;display:flex;position:sticky;top:0}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.search-box input::placeholder{color:var(--text-secondary)}.search-box:focus-within{background:var(--bg-secondary)}.search-box:focus-within svg{color:var(--primary-color)}.options-list{max-height:260px;padding:var(--spacing-xs) 0;overflow-y:auto}.option-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);margin:0 var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid #0000;align-items:center;font-size:14px;display:flex;position:relative}.option-item:hover{background:var(--primary-light);color:var(--text-primary);border-left-color:var(--primary-color);transform:translate(2px)}.option-item.selected{background:var(--primary-light);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.option-item.selected:after{content:"✓";right:var(--spacing-lg);color:var(--primary-color);font-weight:700;position:absolute}.no-options{padding:var(--spacing-2xl) 20px;text-align:center;color:var(--text-secondary);align-items:center;gap:var(--spacing-sm);flex-direction:column;font-size:14px;display:flex}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.options-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.options-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.searchable-select-inline{min-width:160px;height:32px}.modal-footer{padding:20px var(--spacing-2xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--spacing-md);display:flex}.btn-cancel,.btn-submit{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-base);border:none;font-size:15px;font-weight:600;display:flex}.btn-submit{padding:var(--spacing-xs) var(--spacing-xl)}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-submit:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit:active,.btn-cancel:active{transform:translateY(0)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:var(--radius-full);width:50px;height:50px;animation:.8s linear infinite spin}.loading-container p{color:var(--text-secondary);font-size:16px;font-weight:500}.error-alert{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);color:var(--error-text);padding:14px 18px;animation:.5s ease-out alertShake;display:flex}@keyframes alertShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-alert svg{flex-shrink:0}.checkbox-group{gap:var(--spacing-lg);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.checkbox-label:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color);margin:0}.checkbox-label span{color:var(--text-primary);font-size:14px;font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.btn-export,.btn-import{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:8px;padding:5px 8px;font-size:14px;font-weight:600;display:flex}.btn-export{background-color:var(--success-color);color:#fff}.btn-export:hover{background-color:var(--success-hover)}.btn-import{background-color:var(--secondary-color);color:#fff}.btn-import:hover{background-color:var(--primary-color)}.filters-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.filters-header{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;display:flex}.filters-header h3{margin:0;font-size:15px;font-weight:600}.filter-row-inline{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.filter-item{align-items:center;gap:8px;display:flex}.filter-label{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:500}.filter-colon{color:var(--text-secondary);font-weight:500}.inline-date-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-secondary);min-width:140px;height:32px;padding:6px 10px;font-size:14px}.inline-date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.filter-grid-single{align-items:flex-end;gap:20px;display:flex}.filter-grid-single .form-group{flex:1;min-width:200px}.import-instructions{background-color:var(--bg-tertiary);border-left:4px solid var(--secondary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:20px;padding:16px}.import-instructions ul{margin:8px 0 0 20px;padding:0}.import-instructions li{color:var(--text-secondary);margin-bottom:4px}.file-info{border-radius:var(--radius-md);color:var(--success-color);background-color:#1f8a5b1a;border:1px solid #1f8a5b33;align-items:center;gap:8px;margin-top:12px;padding:12px;display:flex}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:var(--spacing-lg)}.page-header-org{padding:20px var(--spacing-xl);text-align:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;height:auto}.add-btn{justify-content:center;width:100%}.modal-content{max-width:100%;max-height:95vh;margin:10px}.modal-header{padding:20px var(--spacing-xl)}.modal-title-section h2{font-size:20px}.modal-body{padding:var(--spacing-xl)}.form-grid-3{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}.profile-upload-container,.logo-upload-container{flex-direction:column;align-items:center}.profile-upload-controls,.logo-upload-controls{text-align:center;align-items:center}.toggle-grid{grid-template-columns:1fr}.filters-card{flex-direction:column;align-items:stretch;gap:12px}.filter-row-inline{flex-direction:column;align-items:stretch}.filter-item{flex-direction:column;align-items:flex-start;gap:4px}.filter-colon{display:none}.inline-date-input{width:100%;min-width:auto}.header-actions,.filter-grid-single{flex-direction:column;align-items:stretch}.filter-grid-single .form-group{min-width:auto}}@media (max-width:480px){.header-left-org h1{font-size:20px}.header-left-org p{font-size:13px}.header-icon{padding:var(--spacing-md)}.modal-title-section svg{padding:var(--spacing-sm)}.profile-preview,.logo-preview{width:100px;height:100px}}@media print{.modal-overlay,.action-btn-table,.btn-submit,.btn-cancel,.add-btn{display:none!important}}.modal-large{max-width:900px}.voucher-container{background:#fff;border:2px solid #000;padding:30px}.voucher-header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.org-info{flex:1}.org-name{color:#333;margin-bottom:5px;font-size:24px;font-weight:700}.org-details{color:#666;margin:2px 0;font-size:12px}.voucher-title{text-align:center;text-transform:uppercase;background:#f0f0f0;border:1px solid #ddd;margin:20px 0;padding:10px;font-size:20px;font-weight:700}.voucher-body table{border-collapse:collapse;width:100%;margin:15px 0}.voucher-body table td{border:1px solid #ddd;padding:10px}.voucher-body table td:first-child{background:#f9f9f9;width:200px;font-weight:700}.amount-section{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:15px}.amount-words{color:#333;margin-top:10px;font-size:14px;font-weight:700}.signature-section{border-top:1px solid #ddd;justify-content:space-between;margin-top:60px;padding-top:20px;display:flex}.signature-box{text-align:center;width:200px}.signature-line{border-top:2px solid #000;margin-top:60px;padding-top:5px;font-weight:600}.employee-code-preview{position:relative}.code-preview-input{color:#333;letter-spacing:.5px;cursor:not-allowed;background-color:#f5f5f5;border:1px solid #ddd;font-weight:500}input[name=date_of_joining]:invalid{border-color:#ff6b6b}.permissions-table-wrapper{border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;overflow-x:auto}.permissions-table{border-collapse:collapse;width:100%;min-width:800px}.permissions-table th,.permissions-table td{border-bottom:1px solid #e0e0e0;padding:12px;font-size:14px}.permissions-table th{color:#495057;z-index:10;background:#f8f9fa;font-weight:600;position:sticky;top:0}.permissions-table tbody tr:hover{background:#f8f9fa}.permissions-table input[type=checkbox]{cursor:pointer;accent-color:#4caf50;width:18px;height:18px}.permissions-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.select-all-header th{background:#e9ecef;padding:8px}.select-all-header input[type=checkbox]{margin:0}.permissions-table th div{position:relative}.permissions-table th div:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:20;background:#333;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.status-badge.weekly-off{color:#3949ab;background-color:#e8eaf6}.checkin-icon{cursor:help;opacity:.7;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.checkin-icon:hover{opacity:1;transform:scale(1.1)}.checkin-icon[title=Mobile\ App]{color:#4caf50}.checkin-icon[title=WhatsApp]{color:#25d366}.checkin-icon[title=Web\ Dashboard]{color:#2196f3}.cm-badge-sites{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--border-color);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.cm-site-count-pill{background:var(--primary-color);color:#fff;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.cm-optional{color:var(--text-secondary);margin-left:5px;font-size:11px;font-weight:400}.cm-input-wrap{align-items:center;width:100%;display:flex;position:relative}.cm-input-wrap.compact-width{max-width:320px}.cm-eye-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);z-index:10;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:60%;transform:translateY(-50%)}.cm-eye-btn:hover{color:var(--primary-color);background:var(--primary-light);border-color:var(--primary-color)}.cm-sites-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-sm)}.cm-site-search{margin-bottom:var(--spacing-md);position:relative}.cm-site-search input{border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--bg-secondary)!important;box-sizing:border-box!important;width:100%!important;padding:10px 10px 10px 35px!important;font-size:13px!important}.cm-site-search input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)!important}.cm-site-search-icon{color:var(--text-secondary);z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cm-site-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:250px;padding-right:5px;display:grid;overflow-y:auto}.cm-site-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.cm-site-item:hover,.cm-site-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.cm-check-icon{color:var(--text-secondary);transition:all var(--transition-base);flex-shrink:0}.cm-check-icon.checked{color:var(--primary-color)}.cm-site-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cm-site-all{background:var(--bg-disabled);border-style:dashed;grid-column:1/-1}.cm-view-sites{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cm-site-chip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.cm-no-sites{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:13px;font-style:italic}.cm-site-list::-webkit-scrollbar{width:5px}.cm-site-list::-webkit-scrollbar-track{background:0 0}.cm-site-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.cm-site-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.caption-input-group{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:8px 12px}.caption-input-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:6px 10px;font-size:13px;transition:all .2s}.caption-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.cm-name-cell{align-items:center;gap:12px;display:flex}.cm-avatar-sm{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.cm-avatar-sm img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){html,body{font-size:13.5px!important}h1,.page-title{font-size:1.5rem!important;line-height:1.25!important}h2,.section-title{font-size:1.3rem!important}h3,.card-title{font-size:1.15rem!important}.grid,.grid-2,.grid-3,.grid-4,.form-grid,.form-grid-3,.toggle-grid,.dk-grid,.dk-stats,.stat-cards,.report-stats-grid,.dk-modal-grid{grid-template-columns:1fr!important;gap:12px!important}.container,.app-container,.main-content,.page-content,.dk-wrap{padding:10px!important}.card,.dk-card,.stats-card,.benefit-header-stats{border-radius:12px!important;margin-bottom:12px!important;padding:12px!important}.stat-small{padding:8px!important}.form-group,.filter-item,.search-container,.dk-search-bar{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.form-control,input,select,textarea,.dk-search-input,.dk-datepicker-sm{box-sizing:border-box!important;width:100%!important;max-width:100%!important;font-size:14px!important}.filters-card,.filter-row-inline,.filter-bar,.report-filters,.header-actions,.dk-toggle-row,.dk-header,.page-header-org,.weekly-header,.benefit-header-stats{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-colon{display:none!important}.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker__input-container input{width:100%!important}.modal-overlay,.dk-overlay{padding:8px!important}.modal-content,.dk-modal,.modal,.dk-modal-large,.dk-modal-map,.confirm-modal{border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:auto!important;display:flex!important}.modal-body,.dk-modal-body{-webkit-overflow-scrolling:touch!important;flex:1!important;padding:14px!important;overflow-y:auto!important}.modal-footer,.dk-modal-foot{flex-direction:column-reverse!important;gap:8px!important;padding:12px 14px!important}.btn,.dk-btn-close,.btn-submit,.btn-cancel,.add-btn{justify-content:center!important;width:100%!important}.table-responsive,.table-wrapper,.datatable-wrapper,.permissions-table-wrapper,.dk-weekly-table,.benefit-table-container{-webkit-overflow-scrolling:touch!important;border:1px solid var(--border-color)!important;border-radius:8px!important;width:100%!important;margin-bottom:12px!important;overflow-x:auto!important}table,.datatable,.permissions-table,.benefit-table{min-width:600px!important}.table-cell,th,td{white-space:nowrap!important;padding:8px 10px!important;font-size:12px!important}.modal-tabs,.dk-modal-tabs{-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;border-bottom:1px solid var(--border-color)!important;gap:6px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.modal-tabs button,.dk-modal-tabs button{flex:none!important;padding:6px 12px!important;font-size:12px!important}.sidebar{z-index:1050!important;width:250px!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-250px!important;transform:none!important;box-shadow:4px 0 24px #00000026!important}.sidebar.open{left:0!important;transform:none!important}.sidebar.closed{left:-250px!important;transform:none!important}.main-content{margin-left:0!important;padding-top:60px!important}.searchable-select,.select-trigger{box-sizing:border-box!important;width:100%!important;min-height:40px!important}.select-dropdown{z-index:100000!important;width:100%!important;max-height:250px!important}.option-item{align-items:center!important;min-height:40px!important;padding:10px 14px!important;font-size:13.5px!important;display:flex!important}}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sm{gap:4px;padding:5px 11px;font-size:12px}.btn-view,.btn.btn-info{background:var(--info-bg);color:var(--secondary-color);border:1px solid #2d9cdb40}.btn-view:hover:not(:disabled),.btn.btn-info:hover:not(:disabled){background:var(--secondary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d9cdb59}.btn-edit,.btn.btn-primary{color:var(--accent-color);background:#f4b4001f;border:1px solid #f4b4004d}.btn-edit:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f4b40059}.btn-delete,.btn.btn-danger{background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.btn-delete:hover:not(:disabled),.btn.btn-danger:hover:not(:disabled){background:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c59}.btn-approve,.btn.btn-success{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.btn-approve:hover:not(:disabled),.btn.btn-success:hover:not(:disabled){background:var(--success-color);color:#fff;box-shadow:0 4px 12px var(--primary-shadow);transform:translateY(-1px)}.btn-reject,.btn.btn-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid #f4b4004d}.btn-reject:hover:not(:disabled),.btn.btn-warning:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.btn-review{color:#4338ca;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#4338ca1a;border:1px solid #4338ca40;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-review:hover:not(:disabled){color:#fff;background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4338ca59}.btn-review:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-outline:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--primary-color)}.btn-download{color:var(--secondary-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#2d9cdb1a;border:1px solid #2d9cdb40;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-download:hover:not(:disabled){background:var(--secondary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d9cdb4d}.btn-resubmit{color:#0f766e;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#14b8a61a;border:1px solid #14b8a64d;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-resubmit:hover:not(:disabled){color:#fff;background:#0f766e;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.rs-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px;animation:.4s fadeIn}.rs-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.rs-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .2s}.rs-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rs-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.rs-stat-value{color:var(--text-primary);font-size:30px;font-weight:800;line-height:1}.rs-stat-value.val-pub{color:var(--primary-color)}.rs-stat-value.val-pend{color:var(--accent-color)}.rs-stat-value.val-rej{color:var(--error-color)}.rs-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rs-section-header h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.rs-paper-count{color:var(--text-secondary);font-size:12px}.rs-tab-bar{border-bottom:2px solid var(--border-color);gap:4px;margin-bottom:24px;padding-bottom:0;display:flex}.rs-tab-btn,.tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:9px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.rs-tab-btn:hover,.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rs-tab-btn.active,.tab-btn.active{color:var(--primary-color);background:var(--primary-light);border-bottom-color:var(--primary-color)}.rs-tab-count{background:var(--bg-tertiary);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.rs-tab-btn.active .rs-tab-count{background:var(--primary-color);color:#fff}.rs-tracking-list{flex-direction:column;gap:16px;display:flex}.rs-track-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px 24px 18px 28px;transition:all .2s;position:relative;overflow:hidden}.rs-track-card:before{content:"";background:var(--accent-color);border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:4px;position:absolute;top:0;bottom:0;left:0}.rs-track-card.rs-published:before{background:var(--primary-color)}.rs-track-card.rs-rejected:before{background:var(--error-color)}.rs-track-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rs-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.rs-card-info{flex:1;min-width:200px}.rs-card-info h3{color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.rs-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.rs-meta-item{align-items:center;gap:4px;display:flex}.rs-meta-dot{color:var(--border-color)}.rs-rejection-badge{color:#d97706;background:#fef3c7;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.rs-card-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.rs-progress{margin-bottom:16px;overflow-x:auto}.rs-steps{align-items:flex-start;min-width:400px;display:flex}.rs-step{flex-direction:column;flex-shrink:0;align-items:center;width:72px;display:flex}.rs-step-dot{border:2px solid var(--border-color);background:var(--bg-tertiary);width:30px;height:30px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.rs-step.active .rs-step-dot{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 0 4px #f4b40026}.rs-step.completed .rs-step-dot{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rs-step.rejected .rs-step-dot{background:var(--error-color);border-color:var(--error-color);color:#fff}.rs-step-label{color:var(--text-secondary);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:600;line-height:1.3}.rs-step.active .rs-step-label{color:var(--accent-color);font-weight:700}.rs-step.completed .rs-step-label{color:var(--primary-color)}.rs-step.rejected .rs-step-label{color:var(--error-color)}.rs-step-connector{background:var(--border-color);flex:1;min-width:16px;height:2px;margin-top:14px;transition:background .3s}.rs-step-connector.done{background:var(--primary-color)}.rs-card-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;padding-top:14px;display:flex}.rs-remarks-preview{color:var(--text-secondary);background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:4px;flex:1;min-width:200px;padding:8px 12px;font-size:12px}.rs-empty{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--text-secondary);padding:60px 20px}.rs-empty svg{opacity:.25;margin-bottom:16px}.rs-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.rs-empty p{margin:0;font-size:14px}.rs-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.rs-upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;background:var(--bg-tertiary);cursor:pointer;padding:36px 20px;transition:all .2s}.rs-upload-zone:hover{border-color:var(--primary-color);background:var(--primary-light)}.rs-upload-icon{color:var(--text-secondary);margin-bottom:12px}.rs-upload-text{color:var(--text-primary);font-size:14px;font-weight:600}.rs-upload-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.rs-upload-limit{color:var(--text-secondary);opacity:.7;margin-top:6px;font-size:11px}.rs-file-selected{background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-color);border:1px solid #1f8a5b40;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.rs-file-selected span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rs-file-remove-btn{cursor:pointer;color:var(--error-color);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:background .15s;display:flex}.rs-file-remove-btn:hover{background:var(--error-bg)}.rs-dept-domain-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}.rs-dept-card{border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);overflow:hidden}.rs-dept-card-header{background:var(--primary-light);color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1f8a5b26;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.rs-dept-card-body{padding:14px}.rs-dept-name{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.rs-dept-hint{color:var(--text-secondary);font-size:12px;line-height:1.5}.rs-dept-loading{color:var(--text-secondary);font-size:13px;font-style:italic}.rs-edit-hint{color:var(--text-secondary);margin:4px 0 0;font-size:12px}@media (max-width:1024px){.rs-page{padding:20px}.rs-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rs-page{padding:16px}.rs-stats{grid-template-columns:repeat(2,1fr);gap:12px}.rs-stat-card{padding:14px 16px}.rs-stat-value{font-size:24px}.rs-card-top{flex-direction:column}.rs-card-actions{justify-content:flex-start}.rs-dept-domain-grid{grid-template-columns:1fr}.rs-step{width:60px}.rs-step-label{white-space:normal;text-align:center;font-size:9px}.rs-track-card{padding:16px 16px 14px 20px}.rs-tab-bar{border-bottom:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow:visible!important}.rs-tab-btn,.tab-btn{border:1px solid var(--border-color)!important;border-radius:8px!important;justify-content:space-between!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}}@media (max-width:480px){.rs-page{padding:12px}.rs-stats{grid-template-columns:1fr 1fr;gap:10px}.rs-stat-value{font-size:20px}.rs-stat-label{font-size:10px}.rs-card-info h3{font-size:14px}}.rs-remarks-container{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.rs-remark-preview{background:#f8fafc;border-left:3px solid;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.rs-remark-preview.hod{background:#eff6ff;border-left-color:#3b82f6}.rs-remark-preview.leadership{background:#f5f3ff;border-left-color:#8b5cf6}.rs-remark-decision-badge{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.rs-remark-decision-badge.approved{color:#166534;background:#dcfce7}.rs-remark-decision-badge.rejected{color:#991b1b;background:#fee2e2}.rs-rejection-badge{border-radius:12px;margin-top:8px;margin-right:8px;padding:2px 8px;font-size:11px;display:inline-block}.rs-rejection-badge.hod{color:#d97706;background:#fef3c7}.rs-rejection-badge.leader{color:#9a3412;background:#fed7aa}.remarks-modal{flex-direction:column;max-width:600px;max-height:80vh;display:flex}.rs-remarks-paper-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600}.rs-remarks-list{flex-direction:column;gap:16px;display:flex}.rs-remark-item{background:var(--bg-tertiary);border-radius:var(--radius-lg);border-left:4px solid var(--border-color);padding:16px}.rs-remark-item.approved{border-left-color:var(--primary-color)}.rs-remark-item.rejected{border-left-color:var(--error-color)}.rs-remark-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.rs-remark-level{color:var(--text-secondary);font-size:12px;font-weight:600}.rs-remark-decision{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.rs-remark-decision.approve{background:var(--primary-light);color:var(--primary-color)}.rs-remark-decision.reject{background:var(--error-bg);color:var(--error-color)}.rs-remark-meta{color:var(--text-secondary);margin-bottom:10px;font-size:11px}.rs-remark-text{color:var(--text-primary);font-size:13px;line-height:1.5}.rs-empty-remarks{text-align:center;color:var(--text-secondary);padding:40px}.rs-edit-hint{color:var(--text-secondary);margin-top:8px;font-size:11px;display:block}.rs-view-title{color:var(--text-primary);margin:0 0 12px;font-size:18px;font-weight:700}.rs-view-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.rs-view-meta span{align-items:center;gap:4px;display:inline-flex}.rs-view-abstract{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:16px}.rs-view-abstract p{color:var(--text-secondary);margin-top:8px;line-height:1.5}.rs-pdf-section{border-bottom:none;flex-direction:column;flex:1;min-height:500px;margin-bottom:0;padding-bottom:0;display:flex}.rs-pdf-viewer{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:500px}.r-email-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.r-email-btn:hover{background:var(--info-bg);color:var(--secondary-color);border-color:var(--secondary-color)}@media (max-width:768px){.rs-card-actions{flex-wrap:wrap}.rs-remark-preview{flex-direction:column;align-items:flex-start}.remarks-modal{width:95%;max-width:95%}}@media (max-width:480px){.rs-card-actions button{padding:4px 8px;font-size:11px}.rs-remark-preview{font-size:11px}}.rs-coauthor-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.rs-coauthor-info{color:#6b7280;background:#f3f4f6;border-radius:16px;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:4px 10px;font-size:12px;display:flex}.rs-view-coauthor{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.optional{color:var(--text-secondary);margin-left:4px;font-size:11px;font-weight:400}@media (max-width:768px){.rs-coauthor-grid{grid-template-columns:1fr;gap:12px}}.app-tabs-container{border-bottom:2px solid var(--border-color,#eee);scrollbar-width:none;gap:4px;margin-bottom:24px;padding-bottom:0;display:flex;overflow-x:auto}.app-tabs-container::-webkit-scrollbar{display:none}@media (min-width:768px){.app-tabs-container{gap:16px}}.app-tab{height:46px;color:var(--text-secondary,#6b7280);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:6px;padding:0 22px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;position:relative;bottom:-2px}.app-tab:hover{color:var(--primary-color,#1976d2);border-color:var(--border-color,#eee);background:#0000000a;border-bottom:none;transform:translateY(-1px)}.app-tab.active{background:linear-gradient(135deg, var(--primary-color,#1976d2) 0%, var(--secondary-color,var(--primary-color)) 100%);color:#fff;border-color:var(--primary-color,#1976d2);border-bottom:2px solid #fff;transform:translateY(-1px);box-shadow:0 -3px 12px #0000001f}.app-tab.active svg{color:#fff}.app-tab svg{flex-shrink:0}.rh-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px;animation:.4s fadeIn}.rh-header-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.rh-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.rh-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .2s}.rh-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rh-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.rh-stat-value{color:var(--text-primary);font-size:30px;font-weight:800;line-height:1}.rh-stat-value.val-pending{color:var(--accent-color)}.rh-stat-value.val-approved{color:var(--primary-color)}.rh-stat-value.val-rejected{color:var(--error-color)}.rh-tab-bar{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex}.rh-tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.rh-tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rh-tab-btn.active{color:var(--primary-color);background:var(--primary-light)}.rh-tab-count{background:var(--bg-tertiary);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.rh-tab-btn.active .rh-tab-count{background:var(--primary-color);color:#fff}.rh-tracking-list{flex-direction:column;gap:16px;display:flex}.rh-track-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px 24px 18px 28px;transition:all .2s;position:relative;overflow:hidden}.rh-track-card:before{content:"";background:var(--accent-color);border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:4px;position:absolute;top:0;bottom:0;left:0}.rh-track-card.rh-card-approved:before{background:var(--primary-color)}.rh-track-card.rh-card-rejected:before{background:var(--error-color)}.rh-track-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rh-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.rh-card-info{flex:1;min-width:200px}.rh-card-info h3{color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.rh-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.rh-meta-item{align-items:center;gap:4px;display:flex}.rh-meta-dot{color:var(--border-color)}.rh-rejection-badge{color:#d97706;background:#fef3c7;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.rh-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.rh-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rh-progress{margin:16px 0 0;overflow-x:auto}.rh-steps{align-items:flex-start;min-width:400px;display:flex}.rh-step{flex-direction:column;flex-shrink:0;align-items:center;width:72px;display:flex}.rh-step-dot{border:2px solid var(--border-color);background:var(--bg-tertiary);width:30px;height:30px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.rh-step.active .rh-step-dot{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 0 4px #f4b40026}.rh-step.completed .rh-step-dot{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rh-step.rejected .rh-step-dot{background:var(--error-color);border-color:var(--error-color);color:#fff}.rh-step-label{color:var(--text-secondary);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:600;line-height:1.3}.rh-step.active .rh-step-label{color:var(--accent-color);font-weight:700}.rh-step.completed .rh-step-label{color:var(--primary-color)}.rh-step.rejected .rh-step-label{color:var(--error-color)}.rh-step-connector{background:var(--border-color);flex:1;min-width:16px;height:2px;margin-top:14px;transition:background .3s}.rh-step-connector.done{background:var(--primary-color)}.rh-remarks-preview{color:var(--text-secondary);background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:12px}.rh-empty{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--text-secondary);padding:60px 20px}.rh-empty svg{opacity:.25;margin-bottom:16px}.rh-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.rh-empty p{margin:0;font-size:14px}.rh-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.rh-paper-meta-block{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:20px;padding:16px 20px}.rh-review-title{margin:0 0 12px;font-size:18px;font-weight:700}.rh-paper-meta-row{flex-wrap:wrap;gap:24px;margin-top:8px;display:flex}.rh-paper-meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.rh-paper-meta-item strong{color:var(--text-primary)}.rh-abstract-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);margin-bottom:20px;padding:16px;font-size:14px;line-height:1.7}.rh-pdf-section{flex-direction:column;flex:1;min-height:400px;display:flex}.rh-pdf-viewer{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:500px}.rh-remarks-section{margin-top:4px}.rh-char-hint{color:var(--text-secondary);align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.rh-view-title{margin:0 0 12px;font-size:18px;font-weight:700}.rh-view-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.rh-view-abstract{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:16px}.rh-view-abstract p{color:var(--text-secondary);margin-top:8px;line-height:1.5}.btn-hod-reject{background:var(--error-bg);color:var(--error-color);border:1.5px solid var(--error-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-hod-reject:hover:not(:disabled){background:var(--error-color);color:#fff}.btn-hod-reject:disabled{opacity:.5;cursor:not-allowed}.btn-hod-approve{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-hod-approve:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-hod-approve:disabled{opacity:.5;cursor:not-allowed}.rh-modal-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}@media (max-width:1024px){.rh-page{padding:20px}.review-modal{max-width:90%}}@media (max-width:768px){.rh-page{padding:16px}.rh-stats{grid-template-columns:1fr 1fr;gap:12px}.rh-stat-card{padding:14px 16px}.rh-stat-value{font-size:24px}.rh-card-top{flex-direction:column}.rh-card-right{align-items:flex-start;width:100%}.rh-card-actions{justify-content:flex-start}.rh-step{width:60px}.rh-step-label{white-space:normal;text-align:center;font-size:9px}.rh-track-card{padding:16px 16px 14px 20px}.rh-tab-bar{border-bottom:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow:visible!important}.rh-tab-btn{border:1px solid var(--border-color)!important;border-radius:8px!important;justify-content:space-between!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.review-modal{width:95%;max-width:95%}.rh-pdf-viewer{min-height:300px}}@media (max-width:480px){.rh-page{padding:12px}.rh-stats{grid-template-columns:1fr 1fr;gap:10px}.rh-stat-value{font-size:20px}.rh-stat-label{font-size:10px}.rh-card-info h3{font-size:14px}.rh-tab-btn{padding:4px 10px;font-size:11px}.rh-tab-count{padding:1px 6px;font-size:10px}}.rl-page{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:24px;animation:.4s fadeIn}.rl-header-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.rl-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;display:grid}.rl-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px;transition:all .2s}.rl-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rl-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.rl-stat-value{color:var(--text-primary);font-size:30px;font-weight:800;line-height:1}.rl-stat-value.val-awaiting{color:#4338ca}.rl-stat-value.val-published{color:var(--primary-color)}.rl-stat-value.val-rejected{color:var(--error-color)}.rl-tab-bar{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex}.rl-tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.rl-tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rl-tab-btn.active{color:#4338ca;background:#4338ca1a}.rl-tab-count{background:var(--bg-tertiary);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.rl-tab-btn.active .rl-tab-count{color:#fff;background:#4338ca}.rl-tracking-list{flex-direction:column;gap:16px;display:flex}.rl-track-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:22px 24px 18px 28px;transition:all .2s;position:relative;overflow:hidden}.rl-track-card:before{content:"";border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:#4338ca;width:4px;position:absolute;top:0;bottom:0;left:0}.rl-track-card.rl-card-published:before{background:var(--primary-color)}.rl-track-card.rl-card-rejected:before{background:var(--error-color)}.rl-track-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rl-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.rl-card-info{flex:1;min-width:200px}.rl-card-info h3{color:var(--text-primary);word-break:break-word;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.rl-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.rl-meta-item{align-items:center;gap:4px;display:flex}.rl-meta-dot{color:var(--border-color)}.rl-rejection-badge{color:#d97706;background:#fef3c7;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.rl-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.rl-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rl-progress{margin:16px 0 0;overflow-x:auto}.rl-steps{align-items:flex-start;min-width:400px;display:flex}.rl-step{flex-direction:column;flex-shrink:0;align-items:center;width:72px;display:flex}.rl-step-dot{border:2px solid var(--border-color);background:var(--bg-tertiary);width:30px;height:30px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.rl-step.active .rl-step-dot{color:#fff;background:#4338ca;border-color:#4338ca;box-shadow:0 0 0 4px #4338ca26}.rl-step.completed .rl-step-dot{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rl-step.rejected .rl-step-dot{background:var(--error-color);border-color:var(--error-color);color:#fff}.rl-step-label{color:var(--text-secondary);text-align:center;white-space:nowrap;margin-top:6px;font-size:10px;font-weight:600;line-height:1.3}.rl-step.active .rl-step-label{color:#4338ca;font-weight:700}.rl-step.completed .rl-step-label{color:var(--primary-color)}.rl-step.rejected .rl-step-label{color:var(--error-color)}.rl-step-connector{background:var(--border-color);flex:1;min-width:16px;height:2px;margin-top:14px;transition:background .3s}.rl-step-connector.done{background:var(--primary-color)}.rl-remarks-preview{color:var(--text-secondary);background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:12px}.rl-empty{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--text-secondary);padding:60px 20px}.rl-empty svg{opacity:.25;margin-bottom:16px}.rl-empty h3{color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:700}.rl-empty p{margin:0;font-size:14px}.rl-loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.review-modal{flex-direction:column;max-width:800px;max-height:90vh;display:flex}.rl-paper-meta-block{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:20px;padding:16px 20px}.rl-review-title{margin:0 0 12px;font-size:18px;font-weight:700}.rl-paper-meta-row{flex-wrap:wrap;gap:24px;margin-top:8px;display:flex}.rl-paper-meta-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.rl-paper-meta-item strong{color:var(--text-primary)}.rl-hod-remarks{border-radius:var(--radius-lg);color:var(--text-primary);background:#4338ca0d;border:1px solid #4338ca33;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.rl-hod-remarks-label{color:#4338ca;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.rl-abstract-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);margin-bottom:20px;padding:16px;font-size:14px;line-height:1.7}.rl-pdf-section{flex-direction:column;flex:1;min-height:400px;display:flex}.rl-pdf-viewer{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:500px}.rl-remarks-section{margin-top:4px}.rl-char-hint{color:var(--text-secondary);align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.rl-view-title{margin:0 0 12px;font-size:18px;font-weight:700}.rl-view-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.rl-view-abstract{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:16px}.rl-view-abstract p{color:var(--text-secondary);margin-top:8px;line-height:1.5}.btn-leader-reject{background:var(--error-bg);color:var(--error-color);border:1.5px solid var(--error-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-leader-reject:hover:not(:disabled){background:var(--error-color);color:#fff}.btn-leader-reject:disabled{opacity:.5;cursor:not-allowed}.btn-leader-approve{color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);background:#4338ca;border:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-leader-approve:hover:not(:disabled){box-shadow:var(--shadow-md);background:#3730a3;transform:translateY(-1px)}.btn-leader-approve:disabled{opacity:.5;cursor:not-allowed}.rl-modal-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}@media (max-width:1024px){.rl-page{padding:20px}.review-modal{max-width:90%}}@media (max-width:768px){.rl-page{padding:16px}.rl-stats{grid-template-columns:1fr 1fr;gap:12px}.rl-stat-card{padding:14px 16px}.rl-stat-value{font-size:24px}.rl-card-top{flex-direction:column}.rl-card-right{align-items:flex-start;width:100%}.rl-card-actions{justify-content:flex-start}.rl-step{width:60px}.rl-step-label{white-space:normal;text-align:center;font-size:9px}.rl-track-card{padding:16px 16px 14px 20px}.rl-tab-bar{border-bottom:none!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow:visible!important}.rl-tab-btn{border:1px solid var(--border-color)!important;border-radius:8px!important;justify-content:space-between!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.review-modal{width:95%;max-width:95%}.rl-pdf-viewer{min-height:300px}}@media (max-width:480px){.rl-page{padding:12px}.rl-stats{grid-template-columns:1fr 1fr;gap:10px}.rl-stat-value{font-size:20px}.rl-stat-label{font-size:10px}.rl-card-info h3{font-size:14px}.rl-tab-btn{padding:4px 10px;font-size:11px}.rl-tab-count{padding:1px 6px;font-size:10px}}button,.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:42px;font-weight:600;transition:all .3s;display:inline-flex}.btn-large{border-radius:8px;min-height:42px;padding:10px 20px;font-size:14px;font-weight:600}.btn-primary,.primary-btn{background:var(--button-color,#1f8a5b);color:#fff}.btn-primary:hover,.primary-btn:hover{background:var(--button-hover,#176b47)}.btn-view,.btn-edit,.btn-delete,.btn-approve,.btn-reject,.btn-final-review,.btn-resubmit,.btn-upload,.btn-download,.btn-save,.btn-update,.btn-submit{border-radius:8px;height:42px;padding:0 16px;font-size:14px;font-weight:600}.btn-delete,.btn-reject{color:#fff;background:#e74c3c}.btn-delete:hover,.btn-reject:hover{background:#c0392b}.btn-approve{color:#fff;background:#27ae60}.btn-approve:hover{background:#219653}