.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(145deg,#faf8f4 0%,#f5f0e8 35%,#ede8de 70%,#e8e2d6 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-arcs-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}@keyframes arcDrawIn{0%{stroke-dashoffset:3000px;opacity:0}to{stroke-dashoffset:0;opacity:1}}.arc-line{stroke-dasharray:3000;stroke-dashoffset:3000px;animation:2.2s cubic-bezier(.4,0,.2,1) forwards arcDrawIn}.arc-1{animation-delay:0s}.arc-2{animation-delay:.2s}.arc-3{animation-delay:.4s}.arc-4{animation-delay:.6s}.arc-5{animation-delay:.8s}.arc-6{animation-delay:1s}.login-corner-glow{pointer-events:none;z-index:0;filter:blur(60px);border-radius:50%;position:absolute}.login-corner-glow--tl{background:radial-gradient(circle,#99554214 0%,#0000 70%);width:380px;height:380px;top:-80px;left:-80px}.login-corner-glow--br{background:radial-gradient(circle,#583b3d0f 0%,#0000 70%);width:440px;height:440px;bottom:-100px;right:-100px}.login-card{-webkit-backdrop-filter:blur(24px);z-index:10;background:#ffffffeb;border:1.5px solid #9955421f;border-radius:28px;width:100%;max-width:420px;padding:36px 32px;transition:transform .4s,box-shadow .4s;animation:.7s cubic-bezier(.23,1,.32,1) both slideUp;position:relative;box-shadow:0 8px 40px #3c423e1a,0 2px 12px #99554214}.login-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #3c423e24,0 4px 20px #9955421a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 8px 40px #3c423e1a,0 2px 12px #99554214}50%{box-shadow:0 12px 50px #3c423e29,0 4px 20px #99554224}}.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,#3c423e 0%,#995542 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:1.5px solid #99554226;border-radius:15px;margin-bottom:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 4px #3c423e0d}.input-group:after{content:"";background:linear-gradient(90deg,#995542,#cfb29e,#583b3d);border-radius:0 0 15px 15px;width:0;height:2.5px;transition:width .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%}.input-group:focus-within:after{width:100%;animation:1.8s infinite lineShimmer;left:0}@keyframes lineShimmer{0%{background-position:-200%}to{background-position:200%}}.input-group:focus-within{background:#fffdfb;border-color:#99554273;transform:translateY(-2px);box-shadow:0 0 0 4px #99554214,0 4px 16px #9955421a}.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:#995542;opacity:.6;transition:all .3s}.input-group:focus-within .input-icon{color:#3c423e;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:#995542;cursor:pointer;background:#9955420d;border:1px solid #99554226;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:#fff;background:#995542;border-color:#995542;transform:translateY(-50%)scale(1.1)}.login-options{text-align:right;margin-bottom:18px}.forgot-password-link{color:#995542;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:#583b3d;transform:translate(3px)}.login-button{color:#fff;cursor:pointer;letter-spacing:.4px;background:linear-gradient(135deg,#995542 0%,#583b3d 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 #99554259}.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{background:linear-gradient(135deg,#583b3d 0%,#3c423e 100%);transform:translateY(-3px);box-shadow:0 12px 30px #99554280}.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}.forgot-card{max-width:440px}.fp-back-btn{color:#3c423e;cursor:pointer;background:#3c423e0f;border:1px solid #3c423e1f;border-radius:20px;align-items:center;gap:6px;margin-bottom:18px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.fp-back-btn:hover{color:#fff;background:#3c423e;border-color:#3c423e;transform:translate(-2px)}.fp-header{text-align:center;margin-bottom:24px}.fp-icon-ring{color:#995542;background:linear-gradient(135deg,#9955421f,#583b3d14);border:2px solid #99554233;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;animation:2.5s ease-in-out infinite pulseRing;display:flex}@keyframes pulseRing{0%,to{box-shadow:0 0 #9955422e}50%{box-shadow:0 0 0 10px #99554200}}.fp-subtitle{color:#6b7280;margin:6px 0 0;font-size:13.5px;font-weight:400;line-height:1.6}.fp-field{margin-bottom:18px;position:relative}.fp-label{letter-spacing:.5px;text-transform:uppercase;color:#898794;margin-bottom:7px;font-size:11.5px;font-weight:700;transition:color .2s;display:block}.fp-field--active .fp-label{color:#995542}.fp-field--valid .fp-label{color:#4caf7d}.fp-field--invalid .fp-label{color:#d95858}.fp-input-wrap{background:#fff;border:1.5px solid #99554226;border-radius:13px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #3c423e0d}.fp-field--active .fp-input-wrap{border-color:#99554273;box-shadow:0 0 0 3px #99554214,0 3px 12px #99554217}.fp-field--valid .fp-input-wrap{border-color:#4caf7d80;box-shadow:0 0 0 3px #4caf7d1a}.fp-field--invalid .fp-input-wrap{border-color:#d9585880;box-shadow:0 0 0 3px #d958581a}.fp-underline{pointer-events:none;background:linear-gradient(90deg,#995542,#cfb29e,#583b3d);border-radius:0 0 13px 13px;width:0;height:2px;transition:width .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%}.fp-field--active .fp-underline{width:100%;left:0}.fp-field--valid .fp-underline{background:linear-gradient(90deg,#4caf7d,#81d4a8);width:100%;left:0}.fp-field--invalid .fp-underline{background:linear-gradient(90deg,#d95858,#f0a0a0);width:100%;left:0}.fp-input-icon{color:#995542;opacity:.6;flex-shrink:0;margin-left:14px;transition:all .2s}.fp-field--active .fp-input-icon{color:#995542;opacity:1}.fp-field--valid .fp-input-icon{color:#4caf7d;opacity:1}.fp-field--invalid .fp-input-icon{color:#d95858;opacity:1}.fp-input{color:#1a1d29;background:0 0;border:none;outline:none;flex:1;padding:13px 12px 13px 10px;font-family:inherit;font-size:.88rem;font-weight:500}.fp-input::placeholder{color:#b0b8c0;font-weight:400}.fp-input--readonly{color:#4caf7d;cursor:default;font-weight:600}.fp-input--readonly::placeholder{color:#c4d9d1}.fp-valid-icon{color:#4caf7d;flex-shrink:0;margin-right:12px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fp-spinner-wrap{flex-shrink:0;margin-right:12px}.fp-spinner{border:2px solid #99554233;border-top-color:#995542;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.fp-user-chip{background:linear-gradient(120deg,#4caf7d0f,#4caf7d08);border:1px solid #4caf7d38;border-radius:13px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;animation:.35s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}.fp-user-avatar{color:#fff;background:linear-gradient(135deg,#995542,#583b3d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.fp-user-name{color:#1a1d29;font-size:14px;font-weight:700}.fp-user-label{color:#4caf7d;margin-top:2px;font-size:11.5px;font-weight:500}.fp-chip-check{color:#4caf7d;flex-shrink:0;margin-left:auto}.fp-success{text-align:center;padding:8px 0;animation:.5s ease-out both slideUp}.fp-success-ring{color:#4caf7d;background:linear-gradient(135deg,#4caf7d1f,#4caf7d0f);border:2px solid #4caf7d4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 18px;animation:.6s cubic-bezier(.34,1.56,.64,1) both successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.fp-success-title{color:#1a1d29;margin:0 0 10px;font-size:1.3rem;font-weight:700}.fp-success-text{color:#5a5a6a;margin:0 0 6px;font-size:14px}.fp-success-email{color:#995542;background:#99554214;border:1px solid #9955422e;border-radius:30px;margin-bottom:14px;padding:6px 18px;font-size:14.5px;font-weight:700;display:inline-block}.fp-success-sub{color:#898794;margin-bottom:24px;font-size:13px;line-height:1.6}@media (max-width:480px){.forgot-card{padding:24px 18px}.fp-success-ring{width:64px;height:64px}}.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}.main-wrapper.no-sidebar+.app-footer:not(.auth-footer){left:0}.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:var(--primary-color,#4f46e5);--primary-dark:var(--primary-dark,#4338ca);--bg:var(--bg-primary,#f8fafc);--surface:var(--bg-secondary,#fff);--border:var(--border-color,#e5e7eb);--border-light:#0000000d;--text:var(--text-primary,#111827);--text-muted:var(--text-secondary,#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}@keyframes backgroundBlink{0%,to{opacity:.15}50%{opacity:.7}}@keyframes dnaFlow{0%{background-position:0 0,0 0}to{background-position:60px 60px,-60px 60px}}@keyframes flowGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pageLoadFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-wrapper{background:var(--bg);z-index:0;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-wrapper.admin-dashboard{background:linear-gradient(135deg, var(--bg) 0%, var(--surface) 100%)}.dashboard-wrapper.admin-dashboard:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(-45deg, var(--primary-light,#3c423e0d) 0px, var(--primary-light,#3c423e0d) 2px, transparent 2px, transparent 30px), repeating-linear-gradient(45deg, var(--primary-light,#3c423e0d) 0px, var(--primary-light,#3c423e0d) 2px, transparent 2px, transparent 30px);background-size:85px 85px,85px 85px;animation:25s linear infinite dnaFlow,4s ease-in-out infinite backgroundBlink;position:absolute;inset:0}.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.no-sidebar{margin-left:0}.main-wrapper>.top-header+*{background:0 0;flex:1;animation:1.5s cubic-bezier(.16,1,.3,1) forwards pageLoadFadeIn;overflow-y:auto}.top-header{height:var(--header-height);border-bottom:1px solid var(--border);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;box-shadow:0 1px 15px #0000000d}.header-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.org-header-section{align-items:center;gap:12px;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 12px;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:6px 10px;font-size:12px}.global-branch-select:focus{border-color:#6366f1}.dashboard-home{width:100%;max-width:1600px;margin:0 auto;padding:24px 32px}.welcome-banner{background:linear-gradient(135deg, var(--primary-color,#4f46e5) 0%, var(--primary-dark,#3b82f6) 50%, var(--secondary-color,#7c3aed) 100%);color:#fff;box-shadow:0 10px 30px var(--primary-light,#4f46e54d);background-size:300% 300%;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;animation:20s infinite flowGradient;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#fff3 0%,#0000 60%);position:absolute;inset:0}.welcome-content h1{margin-bottom:8px;font-size:26px;font-weight:700}.welcome-content p{opacity:.9;font-size:14px}.welcome-illustration{opacity:.8}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface);box-shadow:0 4px 20px var(--primary-light);border:1px solid var(--border-light);transition:var(--trans);cursor:pointer;border-radius:20px;align-items:center;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary-color);opacity:.85;width:4px;height:100%;position:absolute;top:0;left:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.stat-card.primary .stat-icon-wrapper{background:var(--primary-light);color:var(--primary-color)}.stat-card.success .stat-icon-wrapper{color:var(--success-color,#10b981);background:#10b9811a}.stat-card.warning .stat-icon-wrapper{color:var(--accent-color,#f59e0b);background:#f59e0b1a}.stat-card.danger .stat-icon-wrapper{color:var(--secondary-color,#ef4444);background:#ef44441a}.stat-info{flex:1}.stat-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.stat-value{color:var(--text);font-size:32px;font-weight:800;line-height:1.2;display:block}.dashboard-content-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.content-panel{background:var(--surface);border:1px solid var(--border-light);box-shadow:0 4px 20px var(--primary-light);border-radius:20px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-light);padding:16px 20px}.panel-header h3{color:var(--text);align-items:center;font-size:16px;font-weight:700;display:flex}.panel-body{min-height:280px;padding:20px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state p{margin-bottom:16px;font-size:14px}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;transition:var(--trans);border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600}.primary-btn:hover{background:var(--primary-dark)}.updates-list{list-style:none}.updates-list li{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:baseline;gap:12px;padding:14px 0;display:flex}.updates-list li:last-child{border-bottom:none}.update-badge{text-transform:uppercase;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.update-badge.new{color:#4f46e5;background:#4f46e51a}.update-badge.update{color:#f59e0b;background:#f59e0b1a}.updates-list li p{color:var(--text);flex:1;font-size:13px}.update-time{color:var(--text-muted);font-size:11px}@media (max-width:1024px){.dashboard-stats-grid{gap:16px}.stat-value{font-size:28px}.stat-card{padding:16px 20px}}@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,.main-wrapper.sidebar-collapsed{margin-left:0}.main-wrapper.sidebar-open:before{content:"";z-index:90;background:#0006;position:fixed;inset:0}.dashboard-home{padding:16px}.welcome-banner{text-align:center;flex-direction:column;gap:16px;padding:20px}.welcome-content h1{font-size:20px}.welcome-illustration{display:none}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px 16px}.stat-icon-wrapper{width:40px;height:40px;font-size:18px}.stat-value{font-size:24px}.stat-label{font-size:11px}.dashboard-content-grid{grid-template-columns:1fr;gap:16px}.panel-header{padding:14px 16px}.panel-body{min-height:auto;padding:16px}.updates-list li{flex-direction:column;gap:6px}.update-time{align-self:flex-end}.top-header{padding:0 16px}.org-details-header,.branch-filter-label{display:none}.global-branch-select{max-width:100px}}@media (max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr;gap:10px}.welcome-banner{padding:16px}.welcome-content h1{font-size:18px}.header-right{gap:6px}.user-profile{padding:4px 8px}.user-avatar{width:28px;height:28px}}.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}}.logout-btn-header:hover{background:#ef4444;border-color:#f87171;transform:translateY(-2px)}.up-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#3c423e66;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.up-drawer{scrollbar-width:none;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 50px #3c423e33}.up-drawer::-webkit-scrollbar{display:none}@keyframes upSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.up-header{z-index:20;color:#fff;background:linear-gradient(135deg,#3c423e 0%,#583b3d 55%,#995542 100%);justify-content:space-between;align-items:center;gap:16px;padding:62px 45px 64px;display:flex;position:sticky;top:0;overflow:hidden;box-sizing:border-box!important}.up-header:after{content:"";pointer-events:none;border:2px solid #ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-30px}.up-header:before{content:"";pointer-events:none;border:1.5px solid #cfb29e2e;border-radius:50%;width:140px;height:140px;position:absolute;top:-60px;right:10px}.up-avatar-row{z-index:1;flex:1;align-items:center;gap:16px;min-width:0;display:flex;position:relative}.up-avatar-wrapper{flex-shrink:0;position:relative}.up-avatar-img{object-fit:cover;background:#cfb29e33;border:3px solid #ffffff73;border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 4px 14px #00000040}.up-avatar-placeholder{color:#fff;background:#ffffff1f;border:3px solid #ffffff59;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:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.up-camera-btn{cursor:pointer;color:#fff;background:#995542;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:#583b3d;transform:scale(1.12)}.up-camera-btn svg{width:11px;height:11px}.up-name-block{z-index:1;min-width:0;position:relative}.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:#cfb29e;letter-spacing:.4px;background:#cfb29e38;border:1px solid #cfb29e66;border-radius:100px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.up-org-text{opacity:.72;color:#fff;margin:6px 0 0;font-size:12px}.up-close-btn{cursor:pointer;color:#fff;z-index:1;background:#ffffff24;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .25s;display:flex;position:relative}.up-close-btn:hover{background:#99554280;transform:rotate(90deg)}.up-actions-bar{z-index:10;background:#fff;border-bottom:1px solid #9955421a;justify-content:flex-end;padding:14px 20px;display:flex}.up-btn-edit{color:#995542;cursor:pointer;background:#99554214;border:1.5px solid #99554238;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.up-btn-edit:hover{color:#fff;background:#995542;border-color:#995542;transform:translateY(-1px);box-shadow:0 4px 12px #99554247}.up-actions-pair{gap:8px;display:flex}.up-btn-cancel{color:#3c423e;cursor:pointer;background:#3c423e0f;border:1px solid #3c423e26;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.up-btn-cancel:hover{background:#3c423e1f}.up-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#995542,#583b3d);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 3px 10px #99554240}.up-btn-save:hover{background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-1px);box-shadow:0 5px 14px #99554259}.up-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.up-sections{background:#f5f3f0;flex-direction:column;flex:1;gap:16px;padding:18px 20px 36px;display:flex}.up-section{background:#fff;border:1px solid #9955421a;border-radius:14px;padding:18px;transition:box-shadow .2s}.up-section:hover{box-shadow:0 4px 16px #99554217}.up-section-title{color:#995542;text-transform:uppercase;letter-spacing:.7px;border-bottom:1.5px solid #9955421f;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:#898794;text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.up-value{color:#1a1d29;background:#f5f3f0;border:1px solid #9955421f;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:#5a5a6a;background:#f0ede9;font-style:italic}.up-empty{color:#d1d5db;font-style:normal}.up-input{color:#1a1d29;background:#fff;border:1.5px solid #99554240;border-radius:7px;outline:none;padding:8px 10px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.up-input:focus{border-color:#995542;box-shadow:0 0 0 3px #9955421f}.up-loading-state{color:#898794;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(--sidebar-bg,#3c423e);z-index:100;border-right:none;flex-direction:column;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 24px #3c423e40}.sidebar.closed{width:var(--sidebar-collapsed);box-shadow:var(--shadow-sm)}.sidebar-header{border-bottom:1px solid var(--sidebar-border,#ffffff14);background:var(--sidebar-header-bg,#0000001f);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{width:34px;height:34px;color:var(--sidebar-text-pure,white);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(--sidebar-text-pure,#fff);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;color:var(--sidebar-text-secondary,#ffffff80);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(--sidebar-border-light,#ffffff26);background:var(--sidebar-border,#ffffff14);cursor:pointer;width:40px;height:32px;color:var(--sidebar-text-secondary,#ffffffb3);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,#995542);color:var(--sidebar-text-pure,white);border-color:#0000;transform:scale(1.2);box-shadow:0 4px 16px #99554266}.sidebar-search{border-bottom:1px solid var(--sidebar-border,#ffffff14);background:var(--sidebar-search-bg,#00000014);padding:8px;position:relative}.search-input{border:1px solid var(--sidebar-border,#ffffff1f);background:var(--sidebar-border,#ffffff14);width:100%;color:var(--sidebar-text-primary,#ffffffe6);border-radius:8px;padding:9px 14px 9px 38px;font-size:12px;font-weight:500;transition:all .25s}.search-input:focus{background:var(--sidebar-border,#ffffff1f);border-color:#99554280;outline:none;box-shadow:0 0 0 3px #99554226}.search-icon{color:var(--sidebar-text-muted,#fff6);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(--sidebar-border,#ffffff1f) 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(--sidebar-text-muted,#ffffff73);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(--sidebar-text-primary,#fffc);background:var(--sidebar-hover-bg,#ffffff0d)}.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(--sidebar-text-secondary,#fff9);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover-bg,#ffffff12);color:var(--sidebar-text-primary,#ffffffe6);border-color:var(--sidebar-hover-bg,#ffffff0f);transform:translate(2px)}.nav-item.active{background:var(--primary-color,#995542);color:var(--sidebar-text-pure,white);border-color:#0000;font-weight:700;box-shadow:0 2px 10px #99554259}.nav-item.active:before{content:"";background:var(--sidebar-text-secondary,#fff9);border-radius:0 2px 2px 0;width:3px;height:65%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.nav-icon-container{background:var(--sidebar-border,#ffffff14);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(--sidebar-hover-bg-strong,#ffffff24);color:var(--sidebar-text-pure,white);transform:scale(1.05)}.nav-item.active .nav-icon-container{background:var(--sidebar-active-bg,#fff3);color:var(--sidebar-text-pure,#fff);box-shadow:none}.nav-text{text-overflow:ellipsis;white-space:nowrap;color:inherit;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(--sidebar-text-secondary,#ffffff8c);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 .2s;display:flex;position:relative}.module-item:hover{background:var(--sidebar-hover-bg,#ffffff0f);color:var(--sidebar-text-primary,#ffffffd9);border-color:var(--sidebar-hover-bg,#ffffff0f);transform:translate(2px)}.module-item.active{color:var(--sidebar-active-text,#cfb29e);box-shadow:var(--shadow-sm);background:#99554233;border-left:2px solid #995542;font-weight:700}.module-icon{background:var(--sidebar-border,#ffffff14);width:20px;height:20px;color:var(--sidebar-text-secondary,#ffffff80);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(--sidebar-hover-bg-strong,#ffffff24);color:var(--sidebar-text-primary,#ffffffd9);transform:scale(1.05)}.module-item.active .module-icon{color:var(--sidebar-active-text,#cfb29e);box-shadow:none;background:#9955424d}.module-name{text-overflow:ellipsis;white-space:nowrap;color:inherit;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:var(--sidebar-text-pure,white);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(--sidebar-border,#ffffff14);background:var(--sidebar-header-bg,#0000001f);padding:11px 14px;position:relative}.sidebar-user-chip{background:var(--sidebar-hover-bg,#ffffff0f);border:1px solid var(--sidebar-border,#ffffff14);border-radius:30px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.sidebar-user-avatar{background:var(--primary-color,#995542);width:32px;height:32px;color:var(--sidebar-text-pure,white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{color:var(--sidebar-text-primary,#ffffffd9);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text-muted,#ffffff73);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.logout-btn{width:100%;color:var(--error-color,#f08080);cursor:pointer;box-shadow:var(--shadow-sm);background:#d9585814;border:1px solid #d958584d;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-hover,#d95858);color:var(--sidebar-text-pure,white);border-color:var(--error-hover,#d95858);transform:translateY(-1px);box-shadow:0 3px 10px #d958584d}.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:var(--sidebar-text-pure,white);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:var(--sidebar-text-pure,#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}}.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{--color-forest:#3c423e;--color-terracotta:#995542;--color-mahogany:#583b3d;--color-slate:#4d4c51;--color-sand:#cfb29e;--color-muted:#898794;--color-sage:#8d9490;--color-rose:#a28a8a;--bg-primary:#f5f3f0;--bg-secondary:#fff;--bg-tertiary:#f0ede9;--bg-disabled:#f1f3f5;--text-primary:#1a1d29;--text-secondary:#5a5a6a;--border-color:#3c423e1f;--hover-bg:#3c423e0d;--primary-color:#995542;--secondary-color:#8d9490;--accent-color:#995542;--accent-hover:#583b3d;--success-color:#4caf7d;--success-hover:#3d9469;--error-color:#d95858;--error-hover:#c04040;--primary-gradient-start:var(--color-terracotta);--primary-gradient-end:var(--color-mahogany);--primary-hover:var(--color-mahogany);--primary-dark:var(--color-forest);--primary-light:#9955421a;--primary-shadow:#9955424d;--view-color:#2d9cdb;--view-bg:#2d9cdb1a;--edit-color:var(--color-terracotta);--edit-bg:#9955421a;--delete-color:var(--error-color);--delete-bg:#d958581a;--success-bg:#4caf7d1a;--success-text:var(--success-color);--success-border:#4caf7d4d;--error-bg:#d958581a;--error-text:var(--error-color);--error-border:#d958584d;--warning-bg:#9955421a;--warning-text:var(--color-terracotta);--info-bg:#2d9cdb1a;--info-text:#2d9cdb;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:50%;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--shadow-sm:0 2px 8px #3c423e12;--shadow-md:0 4px 20px #3c423e1f;--shadow-lg:0 8px 30px #3c423e29}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-primary);font-family:Poppins,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{min-height:64px;margin-bottom:var(--spacing-xl);border-radius:var(--radius-xl);background:linear-gradient(130deg,#f4ede6 0%,#ede8e0 40%,#e8e4dc 100%);border:1px solid #99554221;justify-content:space-between;align-items:center;padding:16px 28px;animation:.5s ease-out slideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 16px #99554212}.page-header-org:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 80%,#9955420f 0%,#0000 60%),radial-gradient(60% 100% at 100% 0,#583b3d0d 0%,#0000 55%);position:absolute;inset:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-left-org{align-items:center;gap:20px;display:flex}.header-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#995542,#583b3d);border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;box-shadow:0 4px 12px #9955424d}.header-left-org h1{color:#3c423e;letter-spacing:-.5px;z-index:1;margin:0;font-size:24px;font-weight:700;position:relative}.header-left-org p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.add-btn{align-items:center;gap:var(--spacing-xs);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);z-index:1;background:linear-gradient(135deg,#995542,#583b3d);border:none;padding:8px 16px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #9955424d}.add-btn:hover{background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-2px);box-shadow:0 6px 18px #99554266}.add-btn:active{transform:translateY(-1px)}.add-btn:after{content:"";border-radius:inherit;opacity:0;background:#ffffff26;transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:scale(0)}.add-btn:active:after{opacity:1;transition:all;transform:scale(2)}.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-header{padding:var(--spacing-xl) var(--spacing-2xl);background:linear-gradient(130deg,#f4ede6 0%,#ede4da 100%);border-bottom:1px solid #9955421a;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.modal-header:after{content:"";pointer-events:none;background:radial-gradient(120% 200% at 100% 0,#99554214 0%,#0000 60%);position:absolute;inset:0}.modal-title-section{align-items:center;gap:var(--spacing-lg);color:#3c423e;z-index:1;display:flex;position:relative}.modal-title-section svg{padding:var(--spacing-sm);color:#fff;background:linear-gradient(135deg,#995542,#583b3d);border-radius:9px}.modal-title-section h2{color:#3c423e;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:700}.modal-close{padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;color:#995542;transition:all var(--transition-base);z-index:1;background:#99554214;border:1px solid #99554226;align-items:center;display:flex;position:relative}.modal-close:hover{color:#fff;background:#995542;border-color:#995542;transform:rotate(90deg)}.modal-body{padding:var(--spacing-2xl);background:var(--bg-secondary);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-xl) var(--spacing-2xl);justify-content:flex-end;gap:var(--spacing-md);background:linear-gradient(90deg,#f9f5f1,#f4ede6);border-top:1px solid #9955421a;display:flex}.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{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#995542,#583b3d);border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #99554247}.btn-submit:hover{background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-1px);box-shadow:0 6px 16px #99554259}.btn-submit:after{content:"";border-radius:inherit;opacity:0;background:#ffffff26;transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:scale(0)}.btn-submit:active:after{opacity:1;transition:all;transform:scale(2)}.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-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}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rs-track-card,.rh-track-card,.rl-track-card{animation:.35s ease-out both fadeSlideUp}.rs-track-card:nth-child(5){animation-delay:.2s}.rh-track-card:nth-child(5){animation-delay:.2s}.rl-track-card:nth-child(5){animation-delay:.2s}.rs-stat-card,.rh-stat-card,.rl-stat-card{animation:.3s ease-out both fadeSlideUp}.rs-stat-card:first-child,.rh-stat-card:first-child,.rl-stat-card:first-child{animation-delay:0s}.rs-stat-card:nth-child(2),.rh-stat-card:nth-child(2),.rl-stat-card:nth-child(2){animation-delay:60ms}.rs-stat-card:nth-child(3),.rh-stat-card:nth-child(3),.rl-stat-card:nth-child(3){animation-delay:.12s}.btn,.add-btn,.btn-submit,.btn-hod-approve,.btn-leader-approve{position:relative;overflow:hidden}.btn:after,.add-btn:after,.btn-submit:after,.btn-hod-approve:after,.btn-leader-approve:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#ffffff26;transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:scale(0)}.btn:active:after,.add-btn:active:after,.btn-submit:active:after,.btn-hod-approve:active:after,.btn-leader-approve:active:after{opacity:1;transition:all;transform:scale(2)}.btn-edit{color:#995542;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#9955421a;border:1px solid #99554240;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-edit:hover{color:#fff;background:#995542;transform:translateY(-1px);box-shadow:0 4px 12px #9955424d}.btn-view{color:#2d9cdb;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-view:hover{color:#fff;background:#2d9cdb;transform:translateY(-1px);box-shadow:0 4px 12px #2d9cdb4d}.btn-review{color:#3c423e;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#3c423e14;border:1px solid #3c423e33;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:#3c423e;transform:translateY(-1px);box-shadow:0 4px 12px #3c423e4d}.btn-review:disabled{opacity:.55;cursor:not-allowed}.rs-stat-card:hover,.rh-stat-card:hover,.rl-stat-card:hover{box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.34,1.56,.64,1);transform:translateY(-3px)scale(1.01)}.rs-page{box-sizing:border-box;background:linear-gradient(#fafafa 0%,#f4f0ec 100%);width:100%;max-width:1400px;min-height:calc(100vh - 72px);margin:0 auto;padding:24px;animation:.4s fadeIn;position:relative}.rs-page:before{content:"";pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 800' preserveAspectRatio='xMidYMax slice'%3E%3Cstyle%3E .arc %7B stroke-dasharray: 4000; stroke-dashoffset: 4000; animation: draw 2.5s cubic-bezier(0.4,0,0.2,1) forwards; %7D .a1 %7B animation-delay: 0s; %7D .a2 %7B animation-delay: 0.2s; %7D .a3 %7B animation-delay: 0.4s; %7D .a4 %7B animation-delay: 0.6s; %7D @keyframes draw %7B to %7B stroke-dashoffset: 0; %7D %7D %3C/style%3E%3Cpath class='arc a1' d='M-100,850 Q400,-50 1500,750' fill='none' stroke='%233C423E' stroke-width='2' opacity='0.12'/%3E%3Cpath class='arc a2' d='M100,850 Q600,100 1500,800' fill='none' stroke='%23995542' stroke-width='2' opacity='0.20'/%3E%3Cpath class='arc a3' d='M300,850 Q800,250 1500,850' fill='none' stroke='%23CFB29E' stroke-width='3' opacity='0.35'/%3E%3Cpath class='arc a4' d='M500,850 Q1000,450 1500,850' fill='none' stroke='%23583B3D' stroke-width='1.5' opacity='0.15'/%3E%3C/svg%3E") bottom/cover no-repeat;width:100%;height:65vh;position:fixed;bottom:0;left:0}.rs-page>:not(.modal-overlay){z-index:1;position:relative}.rs-page:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#cfb29e1f 0%,#0000 12%),radial-gradient(circle at 20% 80%,#8987941f 0%,#0000 15%),radial-gradient(circle at 80% 20%,#8d94901f 0%,#0000 12%),radial-gradient(circle at 30% 30%,#a28a8a1f 0%,#0000 15%);background-size:100% 100%;animation:30s linear infinite alternate rsBubblesFlow;position:absolute;inset:-50%}@keyframes rsBubblesFlow{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(3%,5%)rotate(3deg)scale(1.05)}to{transform:translate(-3%,-5%)rotate(-3deg)scale(.95)}}.rs-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.rs-stat-card{border-radius:var(--radius-lg);border:none;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .5s cubic-bezier(.2,.8,.2,1);animation:1s cubic-bezier(.2,.8,.2,1) both cardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.rs-stat-card:first-child{animation-delay:.15s}.rs-stat-card:nth-child(2){animation-delay:.3s}.rs-stat-card:nth-child(3){animation-delay:.45s}.rs-stat-card:nth-child(4){animation-delay:.6s}.rs-stat-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #00000026}.rs-stat-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.rs-stat-card:hover:before{transition:all .7s;left:150%}.rs-stat-label{text-transform:uppercase;letter-spacing:.5px;z-index:2;margin-bottom:4px;font-size:15px;font-weight:800;position:relative;color:#ffffffd9!important}.rs-stat-value{z-index:2;font-size:40px;font-weight:900;line-height:1;position:relative;color:#fff!important}.rs-stat-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a;color:#fff!important;background:#ffffff26!important}.rs-stat-icon svg{color:#fff!important;stroke:#fff!important}.rs-stat-card:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-20px;right:-20px}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.rs-track-card{animation:.5s cubic-bezier(.2,.8,.2,1) both slideInRight}.rs-track-card:first-child{animation-delay:.1s}.rs-track-card:nth-child(2){animation-delay:.15s}.rs-track-card:nth-child(3){animation-delay:.2s}.rs-track-card:nth-child(4){animation-delay:.25s}.rs-track-card:nth-child(n+5){animation-delay:.3s}.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:16px;font-weight:700;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(--color-terracotta,#995542);background:#99554212;border-bottom-color:#995542}.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{color:#fff;background:#995542}.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:16px 20px 14px 24px;transition:all .2s;animation:.4s ease-out slideUpFade;position:relative;overflow:hidden}.rs-track-card:before{content:"";border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:linear-gradient(#995542,#3c423e);width:4px;position:absolute;top:0;bottom:0;left:0}.rs-track-card.rs-published:before{background:linear-gradient(#4caf7d,#3d9469)}.rs-track-card.rs-rejected:before{background:#d95858}.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:#583b3d;word-break:break-word;background:#9955420f;border:1px solid #99554226;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:18px;font-weight:800;line-height:1.4;display:inline-block}.rs-card-meta-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.rs-meta-highlight-block{color:#3c423e;background:#3c423e0d;border:1px solid #3c423e1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.rs-meta-highlight-block.secondary{color:#995542;background:#9955420d;border-color:#99554226}.rs-meta-item{align-items:center;gap:4px;display:flex}.rs-meta-dot{color:#00000026;font-weight:700}.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{color:#fff;background:#995542;border-color:#995542;box-shadow:0 0 0 4px #9955422e}.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:12px;font-weight:700;line-height:1.3}.rs-step.active .rs-step-label{color:#995542;font-weight:800}.rs-step.completed .rs-step-label{color:#4caf7d}.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-radius:var(--radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#fdf9f6,#f9f2ec);border:2px dashed #99554238;padding:36px 20px;transition:all .2s}.rs-upload-zone:hover{background:linear-gradient(135deg,#faf4ee,#f4e8de);border-color:#995542;box-shadow:0 4px 16px #9955421f}.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:16px;font-weight:700;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;background:linear-gradient(#fafafa 0%,#f4f0ec 100%);width:100%;max-width:1400px;min-height:calc(100vh - 72px);margin:0 auto;padding:24px;animation:.4s fadeIn;position:relative}.rh-page:before{content:"";pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 800' preserveAspectRatio='xMidYMax slice'%3E%3Cstyle%3E .arc %7B stroke-dasharray: 4000; stroke-dashoffset: 4000; animation: draw 2.5s cubic-bezier(0.4,0,0.2,1) forwards; %7D .a1 %7B animation-delay: 0s; %7D .a2 %7B animation-delay: 0.2s; %7D .a3 %7B animation-delay: 0.4s; %7D .a4 %7B animation-delay: 0.6s; %7D @keyframes draw %7B to %7B stroke-dashoffset: 0; %7D %7D %3C/style%3E%3Cpath class='arc a1' d='M-100,850 Q400,-50 1500,750' fill='none' stroke='%233C423E' stroke-width='2' opacity='0.12'/%3E%3Cpath class='arc a2' d='M100,850 Q600,100 1500,800' fill='none' stroke='%23995542' stroke-width='2' opacity='0.20'/%3E%3Cpath class='arc a3' d='M300,850 Q800,250 1500,850' fill='none' stroke='%23CFB29E' stroke-width='3' opacity='0.35'/%3E%3Cpath class='arc a4' d='M500,850 Q1000,450 1500,850' fill='none' stroke='%23583B3D' stroke-width='1.5' opacity='0.15'/%3E%3C/svg%3E") bottom/cover no-repeat;width:100%;height:65vh;position:fixed;bottom:0;left:0}.rh-page>:not(.modal-overlay){z-index:1;position:relative}.rh-page:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#cfb29e1f 0%,#0000 12%),radial-gradient(circle at 20% 80%,#8987941f 0%,#0000 15%),radial-gradient(circle at 80% 20%,#8d94901f 0%,#0000 12%),radial-gradient(circle at 30% 30%,#a28a8a1f 0%,#0000 15%);background-size:100% 100%;animation:30s linear infinite alternate rhBubblesFlow;position:absolute;inset:-50%}@keyframes rhBubblesFlow{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(3%,5%)rotate(3deg)scale(1.05)}to{transform:translate(-3%,-5%)rotate(-3deg)scale(.95)}}.rh-header-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.rh-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.rh-stat-card{border-radius:var(--radius-lg);border:none;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .5s cubic-bezier(.2,.8,.2,1);animation:1s cubic-bezier(.2,.8,.2,1) both cardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.rh-stat-card:first-child{animation-delay:.15s}.rh-stat-card:nth-child(2){animation-delay:.3s}.rh-stat-card:nth-child(3){animation-delay:.45s}.rh-stat-card:nth-child(4){animation-delay:.6s}.rh-stat-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #00000026}.rh-stat-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.rh-stat-card:hover:before{transition:all .7s;left:150%}.bg-gradient-total,.bg-gradient-pending,.bg-gradient-approved,.bg-gradient-published,.bg-gradient-rejected{border:1px solid #ffffff1a!important}.bg-gradient-total{background:linear-gradient(135deg,#3c423e 0%,#4d4c51 100%)!important}.bg-gradient-pending{background:linear-gradient(135deg,#898794 0%,#4d4c51 100%)!important}.bg-gradient-published,.bg-gradient-approved{background:linear-gradient(135deg,#995542 0%,#583b3d 100%)!important}.rh-stat-label{text-transform:uppercase;letter-spacing:.5px;z-index:2;margin-bottom:4px;font-size:15px;font-weight:800;position:relative;color:#ffffffd9!important}.rh-stat-value{z-index:2;font-size:40px;font-weight:900;line-height:1;position:relative;color:#fff!important}.rh-stat-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a;color:#fff!important;background:#ffffff26!important}.rh-stat-icon svg{color:#fff!important;stroke:#fff!important}.rh-stat-card:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-20px;right:-20px}.rh-track-card{animation:.5s cubic-bezier(.2,.8,.2,1) both slideInRight}.rh-track-card:first-child{animation-delay:.1s}.rh-track-card:nth-child(2){animation-delay:.15s}.rh-track-card:nth-child(3){animation-delay:.2s}.rh-track-card:nth-child(4){animation-delay:.25s}.rh-track-card:nth-child(n+5){animation-delay:.3s}.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);border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:8px 20px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.rh-tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rh-tab-btn.active{color:#995542;background:#99554214}.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{color:#fff;background:#995542}.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:16px 20px 14px 24px;transition:all .2s;animation:.4s ease-out slideUpFade;position:relative;overflow:hidden}.rh-track-card:before{content:"";border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:linear-gradient(#995542,#3c423e);width:4px;position:absolute;top:0;bottom:0;left:0}.rh-track-card.rh-card-approved:before{background:linear-gradient(#4caf7d,#3d9469)}.rh-track-card.rh-card-rejected:before{background:#d95858}.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:#583b3d;word-break:break-word;background:#9955420f;border:1px solid #99554226;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:18px;font-weight:800;line-height:1.4;display:inline-block}.rh-card-meta-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.rh-meta-highlight-block{color:#3c423e;background:#3c423e0d;border:1px solid #3c423e1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.rh-meta-highlight-block.secondary{color:#995542;background:#9955420d;border-color:#99554226}.rh-meta-item{align-items:center;gap:4px;display:flex}.rh-meta-dot{color:#00000026;font-weight:700}.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{color:#fff;background:#995542;border-color:#995542;box-shadow:0 0 0 4px #9955422e}.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:12px;font-weight:700;line-height:1.3}.rh-step.active .rh-step-label{color:#995542;font-weight:800}.rh-step.completed .rh-step-label{color:#4caf7d}.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-upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#fdf9f6,#f9f2ec);border:2px dashed #99554238;padding:36px 20px;transition:all .2s}.rh-upload-zone:hover{background:linear-gradient(135deg,#faf4ee,#f4e8de);border-color:#995542;box-shadow:0 4px 16px #9955421f}.rh-upload-icon{color:var(--text-secondary);margin-bottom:12px}.rh-upload-text{color:var(--text-primary);font-size:14px;font-weight:600}.rh-upload-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.rh-upload-limit{color:var(--text-secondary);opacity:.7;margin-top:6px;font-size:11px}.rh-file-selected{border-radius:var(--radius-md);color:#995542;background:#9955421a;border:1px solid #99554240;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.rh-file-selected span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rh-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}.rh-file-remove-btn:hover{background:var(--error-bg)}.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{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#995542,#583b3d);border:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #99554247}.btn-hod-approve:hover:not(:disabled){background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-1px);box-shadow:0 6px 16px #99554259}.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;background:linear-gradient(#fafafa 0%,#f4f0ec 100%);width:100%;max-width:1400px;min-height:calc(100vh - 72px);margin:0 auto;padding:24px;animation:.4s fadeIn;position:relative}.rl-page:before{content:"";pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 800' preserveAspectRatio='xMidYMax slice'%3E%3Cstyle%3E .arc %7B stroke-dasharray: 4000; stroke-dashoffset: 4000; animation: draw 2.5s cubic-bezier(0.4,0,0.2,1) forwards; %7D .a1 %7B animation-delay: 0s; %7D .a2 %7B animation-delay: 0.2s; %7D .a3 %7B animation-delay: 0.4s; %7D .a4 %7B animation-delay: 0.6s; %7D @keyframes draw %7B to %7B stroke-dashoffset: 0; %7D %7D %3C/style%3E%3Cpath class='arc a1' d='M-100,850 Q400,-50 1500,750' fill='none' stroke='%233C423E' stroke-width='2' opacity='0.12'/%3E%3Cpath class='arc a2' d='M100,850 Q600,100 1500,800' fill='none' stroke='%23995542' stroke-width='2' opacity='0.20'/%3E%3Cpath class='arc a3' d='M300,850 Q800,250 1500,850' fill='none' stroke='%23CFB29E' stroke-width='3' opacity='0.35'/%3E%3Cpath class='arc a4' d='M500,850 Q1000,450 1500,850' fill='none' stroke='%23583B3D' stroke-width='1.5' opacity='0.15'/%3E%3C/svg%3E") bottom/cover no-repeat;width:100%;height:65vh;position:fixed;bottom:0;left:0}.rl-page>:not(.modal-overlay){z-index:1;position:relative}.rl-page:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#cfb29e1f 0%,#0000 12%),radial-gradient(circle at 20% 80%,#8987941f 0%,#0000 15%),radial-gradient(circle at 80% 20%,#8d94901f 0%,#0000 12%),radial-gradient(circle at 30% 30%,#a28a8a1f 0%,#0000 15%);background-size:100% 100%;animation:30s linear infinite alternate rlBubblesFlow;position:absolute;inset:-50%}@keyframes rlBubblesFlow{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(3%,5%)rotate(3deg)scale(1.05)}to{transform:translate(-3%,-5%)rotate(-3deg)scale(.95)}}.rl-header-sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.rl-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.rl-stat-card{border-radius:var(--radius-lg);border:none;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .5s cubic-bezier(.2,.8,.2,1);animation:1s cubic-bezier(.2,.8,.2,1) both cardEntrance;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000000f}.rl-stat-card:first-child{animation-delay:.15s}.rl-stat-card:nth-child(2){animation-delay:.3s}.rl-stat-card:nth-child(3){animation-delay:.45s}.rl-stat-card:nth-child(4){animation-delay:.6s}.rl-stat-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #00000026}.rl-stat-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.rl-stat-card:hover:before{transition:all .7s;left:150%}.bg-gradient-awaiting,.bg-gradient-published,.bg-gradient-rejected{border:1px solid #ffffff1a!important}.bg-gradient-awaiting{background:linear-gradient(135deg,#898794 0%,#4d4c51 100%)!important}.bg-gradient-published{background:linear-gradient(135deg,#995542 0%,#583b3d 100%)!important}.bg-gradient-rejected{background:linear-gradient(135deg,#a28a8a 0%,#583b3d 100%)!important}.rl-stat-label{text-transform:uppercase;letter-spacing:.5px;z-index:2;margin-bottom:4px;font-size:15px;font-weight:800;position:relative;color:#ffffffd9!important}.rl-stat-value{z-index:2;font-size:40px;font-weight:900;line-height:1;position:relative;color:#fff!important}.rl-stat-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a;color:#fff!important;background:#ffffff26!important}.rl-stat-icon svg{color:#fff!important;stroke:#fff!important}.rl-stat-card:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-20px;right:-20px}.rl-track-card{animation:.5s cubic-bezier(.2,.8,.2,1) both slideInRight}.rl-track-card:first-child{animation-delay:.1s}.rl-track-card:nth-child(2){animation-delay:.15s}.rl-track-card:nth-child(3){animation-delay:.2s}.rl-track-card:nth-child(4){animation-delay:.25s}.rl-track-card:nth-child(n+5){animation-delay:.3s}.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);border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:8px 20px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.rl-tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.rl-tab-btn.active{color:#3c423e;background:#3c423e14}.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:#3c423e}.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:16px 20px 14px 24px;transition:all .2s;animation:.4s ease-out slideUpFade;position:relative;overflow:hidden}.rl-track-card:before{content:"";border-radius:var(--radius-xl) 0 0 var(--radius-xl);background:linear-gradient(#583b3d,#3c423e);width:4px;position:absolute;top:0;bottom:0;left:0}.rl-track-card.rl-card-published:before{background:linear-gradient(#4caf7d,#3d9469)}.rl-track-card.rl-card-rejected:before{background:#d95858}.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:#583b3d;word-break:break-word;background:#9955420f;border:1px solid #99554226;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:18px;font-weight:800;line-height:1.4;display:inline-block}.rl-card-meta-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.rl-meta-highlight-block{color:#3c423e;background:#3c423e0d;border:1px solid #3c423e1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.rl-meta-highlight-block.secondary{color:#995542;background:#9955420d;border-color:#99554226}.rl-meta-item{align-items:center;gap:4px;display:flex}.rl-meta-dot{color:#00000026;font-weight:700}.rl-rejection-badge{color:#d97706;background:#fef3c7;border-radius:12px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.role-1{color:#4f46e5;background:#e0e7ff}.role-2{color:#db2777;background:#fce7f3}.role-3{color:#16a34a;background:#dcfce7}.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:#3c423e;border-color:#3c423e;box-shadow:0 0 0 4px #3c423e2e}.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:12px;font-weight:700;line-height:1.3}.rl-step.active .rl-step-label{color:#995542;font-weight:800}.rl-step.completed .rl-step-label{color:#4caf7d}.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}.rl-upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:linear-gradient(135deg,#fdf9f6,#f9f2ec);border:2px dashed #99554238;padding:36px 20px;transition:all .2s}.rl-upload-zone:hover{background:linear-gradient(135deg,#faf4ee,#f4e8de);border-color:#995542;box-shadow:0 4px 16px #9955421f}.rl-upload-icon{color:var(--text-secondary);margin-bottom:12px}.rl-upload-text{color:var(--text-primary);font-size:14px;font-weight:600}.rl-upload-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.rl-upload-limit{color:var(--text-secondary);opacity:.7;margin-top:6px;font-size:11px}.rl-file-selected{border-radius:var(--radius-md);color:#995542;background:#9955421a;border:1px solid #99554240;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.rl-file-selected span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rl-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}.rl-file-remove-btn:hover{background:var(--error-bg)}.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:#583b3d0d;border:1px solid #583b3d2e;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.rl-hod-remarks-label{color:#583b3d;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;background:linear-gradient(135deg,#3c423e,#4d4c51);border:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #3c423e47}.btn-leader-approve:hover:not(:disabled){background:linear-gradient(135deg,#4d4c51,#3c423e);transform:translateY(-1px);box-shadow:0 6px 16px #3c423e59}.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{color:#fff;background:linear-gradient(135deg,#995542,#583b3d);box-shadow:0 3px 10px #99554247}.btn-primary:hover,.primary-btn:hover{background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-1px);box-shadow:0 6px 16px #99554261}.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:#d95858}.btn-delete:hover,.btn-reject:hover{background:#c04040}.btn-view,.btn-approve,.btn-review{color:#fff;background:linear-gradient(135deg,#995542,#583b3d);box-shadow:0 3px 10px #99554247}.btn-view:hover,.btn-approve:hover,.btn-review:hover{background:linear-gradient(135deg,#583b3d,#3c423e);transform:translateY(-1px);box-shadow:0 6px 16px #99554261}