@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap";:root{--color-primary: #3368A0;--color-secondary: #DCB023;--color-accent-blue: #66A3BF;--color-accent-mint: #C8DFDB;--color-accent-cream: #F2EFE7;--color-primary-dark: #244e7a;--color-primary-light: #5589bb;--color-secondary-dark: #b8911b;--color-secondary-light:#f0cc5a;--color-white: #ffffff;--color-black: #0d1117;--color-text-dark: #1a2332;--color-text-muted: #5a6b7e;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(16px);--nav-height: 72px;--transition-fast: .2s ease;--transition-med: .35s ease;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--color-text-dark);background:var(--color-primary-dark);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:#1428468c;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.navbar-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer}.navbar-brand-text{display:flex;flex-direction:column;line-height:1.1}.navbar-brand-name{font-size:1rem;font-weight:700;color:var(--color-white);letter-spacing:.02em}.navbar-brand-tagline{font-size:.62rem;font-weight:400;color:var(--color-accent-mint);letter-spacing:.08em;text-transform:uppercase}.navbar-actions{display:flex;align-items:center;gap:1rem}.btn-login{display:flex;align-items:center;gap:.45rem;padding:.5rem 1.4rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-white);font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.05em;border:none;cursor:pointer;box-shadow:0 4px 16px #dcb02366;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-transform:uppercase}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dcb0238c}.btn-login:active{transform:translateY(0)}.home-page{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/hero_banner-BIVhR-PW.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;animation:bgZoom 20s ease-in-out infinite alternate}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#142846d1,#3368a094,#0d1c32e0)}.hero-content{position:relative;z-index:10;text-align:center;padding:0 1.5rem;max-width:860px;animation:heroFadeUp 1s ease forwards;opacity:0;transform:translateY(30px)}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.hero-divider{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.hero-divider-line{width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--color-secondary));border-radius:2px}.hero-divider-line.right{background:linear-gradient(90deg,var(--color-secondary),transparent)}.hero-divider-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 14px #dcb023e6;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #dcb023b3}50%{box-shadow:0 0 22px #dcb023}}.hero-label{font-size:.72rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:.85rem}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.1;color:var(--color-white);margin-bottom:.6rem;text-shadow:0 4px 24px rgba(0,0,0,.4)}.hero-title span{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(.82rem,1.6vw,1rem);font-weight:400;color:var(--color-accent-mint);line-height:1.75;margin-bottom:0;max-width:580px;margin-left:auto;margin-right:auto}.hero-stats{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:.9rem 0;white-space:nowrap;animation:statsFadeUp 1s .4s ease forwards;opacity:0}@keyframes statsFadeUp{to{opacity:1}}.stat-item{display:flex;flex-direction:column;align-items:center;padding:0 2rem;gap:.15rem}.stat-item+.stat-item{border-left:1px solid rgba(255,255,255,.12)}.stat-value{font-size:1.55rem;font-weight:800;color:var(--color-secondary);line-height:1}.stat-label{font-size:.62rem;font-weight:500;color:var(--color-accent-mint);letter-spacing:.12em;text-transform:uppercase}.floating-badge{position:absolute;z-index:10;background:#ffffff1a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:.75rem 1.1rem;display:flex;align-items:center;gap:.65rem}.floating-badge.badge-left{left:4rem;top:48%;animation:float 4s ease-in-out infinite}.floating-badge.badge-right{right:4rem;top:40%;animation:float 4s 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{font-size:1.5rem}.badge-text{display:flex;flex-direction:column;line-height:1.25}.badge-title{font-size:.8rem;font-weight:700;color:var(--color-white)}.badge-desc{font-size:.63rem;color:var(--color-accent-mint)}@media (max-width: 900px){.floating-badge{display:none}}@media (max-width: 600px){.navbar{padding:0 1rem}.navbar-brand-tagline{display:none}.hero-stats{width:calc(100vw - 2rem)}.stat-item{padding:0 1rem}.stat-value{font-size:1.2rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#081428b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem;animation:backdropFadeIn .25s ease forwards}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:440px;background:linear-gradient(145deg,#1a3255f5,#122440fa);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:2.5rem 2.2rem 2rem;box-shadow:0 32px 80px #0000008c,0 0 0 1px #3368a040,inset 0 1px #ffffff14;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(36px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:1.1rem;right:1.1rem;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff8c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.modal-close-btn svg{width:14px;height:14px}.modal-close-btn:hover{background:#ffffff24;color:var(--color-white);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:1.4rem}.modal-logo-ring{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:2px solid rgba(220,176,35,.5);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 0 28px #3368a073,0 0 0 6px #3368a01f}.modal-logo-ring svg{width:28px;height:28px;color:var(--color-secondary-light)}.modal-title{font-family:Playfair Display,serif;font-size:1.65rem;font-weight:700;color:var(--color-white);margin-bottom:.3rem}.modal-subtitle{font-size:.8rem;color:var(--color-accent-mint);font-weight:400;letter-spacing:.02em}.modal-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1.4rem}.modal-divider-line{flex:1;height:1px;background:#ffffff1a}.modal-divider-text{font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.75rem;font-weight:600;color:#ffffffbf;letter-spacing:.04em;text-transform:uppercase}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:.9rem;display:flex;align-items:center;color:#ffffff59;pointer-events:none}.form-input-icon svg{width:15px;height:15px}.form-input{width:100%;padding:.72rem 2.8rem .72rem 2.6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--color-white);font-family:Poppins,sans-serif;font-size:.88rem;font-weight:400;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.form-input::-moz-placeholder{color:#ffffff47}.form-input::placeholder{color:#ffffff47}.form-input:focus{background:#ffffff1a;border-color:var(--color-secondary);box-shadow:0 0 0 3px #dcb0232e}.form-input:disabled{opacity:.55;cursor:not-allowed}.form-toggle-password{position:absolute;right:.9rem;background:none;border:none;color:#ffffff59;cursor:pointer;display:flex;align-items:center;padding:0;transition:color var(--transition-fast)}.form-toggle-password svg{width:16px;height:16px}.form-toggle-password:hover{color:#ffffffb3}.form-forgot-row{display:flex;justify-content:flex-end;margin-top:-.25rem}.form-forgot-link{font-size:.75rem;color:var(--color-secondary-light);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.form-forgot-link:hover{color:var(--color-secondary);text-decoration:underline}.modal-error{display:flex;align-items:center;gap:.6rem;background:#dc3c3c24;border:1px solid rgba(220,60,60,.35);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.8rem;color:#ff8a8a;font-weight:500;animation:shake .4s ease}.modal-error svg{width:15px;height:15px;flex-shrink:0}.modal-info{display:flex;align-items:center;gap:.6rem;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.8rem;color:#93c5fd;font-weight:500}.modal-info svg{width:15px;height:15px;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.btn-modal-submit{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;padding:.82rem 1.5rem;margin-top:.25rem;border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-white);font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 6px 24px #dcb02361;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #dcb0238c}.btn-modal-submit:active:not(:disabled){transform:translateY(0)}.btn-modal-submit:disabled{opacity:.75;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:var(--color-white);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.modal-footer-note{text-align:center;margin-top:1.4rem;font-size:.76rem;color:#ffffff59}.modal-footer-link{color:var(--color-accent-blue);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.modal-footer-link:hover{color:var(--color-secondary-light);text-decoration:underline}@media (max-width: 480px){.modal-card{padding:2rem 1.4rem 1.6rem;border-radius:var(--radius-md)}.modal-title{font-size:1.4rem}}.admin-shell{display:flex;width:100vw;height:100vh;overflow:hidden;background:#0d1825;font-family:Poppins,sans-serif}.admin-sidebar{display:flex;flex-direction:column;width:260px;min-width:260px;height:100vh;background:linear-gradient(180deg,#0f1e35,#0a1624);border-right:1px solid rgba(255,255,255,.06);transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:50;position:relative}.admin-sidebar--collapsed{width:68px;min-width:68px}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1rem 1.4rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);min-height:68px;gap:.5rem}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.2;overflow:hidden;white-space:nowrap}.sidebar-brand-name{font-size:1rem;font-weight:700;color:var(--color-white);letter-spacing:.02em}.sidebar-brand-sub{font-size:.62rem;font-weight:500;color:var(--color-secondary);letter-spacing:.1em;text-transform:uppercase}.sidebar-toggle-btn{width:28px;height:28px;min-width:28px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-toggle-btn svg{width:14px;height:14px}.sidebar-toggle-btn:hover{background:#ffffff1f;color:var(--color-white)}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:1rem .6rem;gap:.2rem;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);background:none;border:none;color:#ffffff80;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap;position:relative;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.sidebar-nav-item:hover{background:#ffffff0f;color:var(--color-white)}.sidebar-nav-item--active{background:linear-gradient(135deg,#3368a059,#3368a026);color:var(--color-white);border:1px solid rgba(51,104,160,.3)}.sidebar-nav-item--accent.sidebar-nav-item--active{background:linear-gradient(135deg,#dcb02340,#dcb0231a);border-color:#dcb0234d;color:var(--color-secondary-light)}.sidebar-nav-icon{width:18px;height:18px;min-width:18px;display:flex;align-items:center;justify-content:center}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-active-dot{width:6px;height:6px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 8px #dcb023cc;flex-shrink:0}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}.sidebar-footer-text{font-size:.65rem;color:#fff3;font-weight:500}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-topbar{height:64px;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;background:#0d1828fa;border-bottom:1px solid rgba(255,255,255,.06);gap:1rem;position:relative;z-index:40}.topbar-page-title{font-size:1.1rem;font-weight:700;color:var(--color-white);letter-spacing:.01em}.topbar-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.topbar-icon-btn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff8c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-icon-btn svg{width:17px;height:17px}.topbar-icon-btn:hover{background:#ffffff1a;color:var(--color-white)}.topbar-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--color-secondary);color:#0d1825;font-size:.55rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #0d1825}.profile-dropdown-wrapper{position:relative}.profile-trigger{display:flex;align-items:center;gap:.6rem;padding:.4rem .75rem .4rem .4rem;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.profile-trigger:hover,.profile-trigger--open{background:#ffffff1a;border-color:#3368a080}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary-dark));display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--color-white);flex-shrink:0;border:2px solid rgba(220,176,35,.4)}.profile-trigger-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.profile-trigger-name{font-size:.8rem;font-weight:600;color:var(--color-white);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.profile-trigger-role{font-size:.62rem;color:var(--color-secondary);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.profile-trigger-chevron{width:14px;height:14px;color:#fff6;transition:transform var(--transition-fast)}.profile-trigger--open .profile-trigger-chevron{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:270px;background:linear-gradient(145deg,#162540,#0f1e35);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080,0 0 0 1px #3368a026;overflow:hidden;animation:dropdownFadeIn .2s cubic-bezier(.34,1.56,.64,1) forwards;z-index:200}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown-header{display:flex;align-items:center;gap:.85rem;padding:1.1rem 1.1rem 1rem;background:#3368a01f}.profile-dropdown-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary-dark));display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--color-white);border:2px solid rgba(220,176,35,.45)}.profile-dropdown-info{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.profile-dropdown-name{font-size:.9rem;font-weight:700;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-email{font-size:.72rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-badge{display:inline-block;margin-top:.1rem;padding:.15rem .55rem;border-radius:var(--radius-pill);background:#dcb0232e;border:1px solid rgba(220,176,35,.35);font-size:.6rem;font-weight:700;color:var(--color-secondary-light);letter-spacing:.08em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.profile-dropdown-divider{height:1px;background:#ffffff12;margin:.3rem 0}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem 1.1rem;background:none;border:none;color:#ffffffa6;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.profile-dropdown-item svg{width:15px;height:15px;flex-shrink:0;color:#ffffff59;transition:color var(--transition-fast)}.profile-dropdown-item:hover{background:#ffffff12;color:var(--color-white)}.profile-dropdown-item:hover svg{color:var(--color-secondary-light)}.profile-dropdown-item--danger{color:#ff8a8a}.profile-dropdown-item--danger svg{color:#ff8a8a}.profile-dropdown-item--danger:hover{background:#dc3c3c1f;color:#faa}.admin-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.75rem;background:#0d1825}.admin-content::-webkit-scrollbar{width:6px}.admin-content::-webkit-scrollbar-track{background:transparent}.admin-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#3368a040,#0d182880);border:1px solid rgba(51,104,160,.25);border-radius:var(--radius-lg);padding:1.4rem 1.75rem;gap:1rem}.dashboard-welcome-title{font-size:1.2rem;font-weight:700;color:var(--color-white);margin-bottom:.2rem}.dashboard-welcome-sub{font-size:.8rem;color:#ffffff73}.dashboard-welcome-date{font-size:.75rem;color:var(--color-secondary);font-weight:600;white-space:nowrap;letter-spacing:.02em}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:default}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.stat-card-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card-icon svg{width:22px;height:22px}.stat-card--blue .stat-card-icon{background:#3368a033;color:#66a3d9;border:1px solid rgba(51,104,160,.3)}.stat-card--gold .stat-card-icon{background:#dcb02326;color:#f0cc5a;border:1px solid rgba(220,176,35,.3)}.stat-card--teal .stat-card-icon{background:#00b4a026;color:#5ecfc5;border:1px solid rgba(0,180,160,.3)}.stat-card--orange .stat-card-icon{background:#f0641e26;color:#f09060;border:1px solid rgba(240,100,30,.3)}.stat-card-body{display:flex;flex-direction:column;gap:.1rem}.stat-card-value{font-size:1.6rem;font-weight:800;color:var(--color-white);line-height:1}.stat-card-label{font-size:.72rem;color:#ffffff73;font-weight:500}.stat-card-change{font-size:.68rem;font-weight:600;margin-top:.2rem}.stat-card-change.positive{color:#5dd98a}.stat-card-change.negative{color:#ff8a8a}.dashboard-bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.dashboard-bottom-grid--single{grid-template-columns:1fr}.emp-dashboard-empty{padding:1.25rem .5rem;font-size:.85rem;color:#ffffff73}.dashboard-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:1.3rem 1.4rem}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-card-title{font-size:.9rem;font-weight:700;color:var(--color-white)}.dashboard-card-action{font-size:.72rem;color:var(--color-secondary-light);background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;transition:color var(--transition-fast)}.dashboard-card-action:hover{color:var(--color-secondary)}.activity-list{display:flex;flex-direction:column;gap:.7rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid rgba(255,255,255,.05);transition:background var(--transition-fast)}.activity-item:hover{background:#ffffff0d}.activity-dot{width:8px;height:8px;min-width:8px;border-radius:50%;margin-top:4px}.activity-dot--success{background:#5dd98a;box-shadow:0 0 6px #5dd98a80}.activity-dot--info{background:#66a3d9;box-shadow:0 0 6px #66a3d980}.activity-dot--warning{background:#f0cc5a;box-shadow:0 0 6px #f0cc5a80}.activity-dot--danger{background:#ff8a8a;box-shadow:0 0 6px #ff8a8a80}.activity-body{flex:1;display:flex;flex-direction:column;gap:.1rem}.activity-name{font-size:.8rem;font-weight:600;color:var(--color-white)}.activity-action{font-size:.72rem;color:#ffffff73}.activity-doc{font-size:.68rem;color:var(--color-secondary);margin-top:.1rem}.activity-time{font-size:.65rem;color:#ffffff47;white-space:nowrap;font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#fff9;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);text-align:center}.quick-action-icon{font-size:1.4rem}.quick-action-btn:hover{background:#3368a033;border-color:#3368a066;color:var(--color-white);transform:translateY(-2px)}.placeholder-page{display:flex;align-items:center;justify-content:center;height:100%;min-height:60vh}.placeholder-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.placeholder-icon{font-size:4rem;line-height:1}.placeholder-title{font-size:1.4rem;font-weight:700;color:var(--color-white)}.placeholder-desc{font-size:.85rem;color:#ffffff59;max-width:320px}.placeholder-badge{display:inline-block;padding:.35rem 1rem;border-radius:var(--radius-pill);background:#dcb02326;border:1px solid rgba(220,176,35,.3);font-size:.72rem;font-weight:700;color:var(--color-secondary-light);letter-spacing:.1em;text-transform:uppercase}@media (max-width: 1100px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.admin-sidebar{width:68px;min-width:68px}.sidebar-brand-text,.sidebar-nav-label,.sidebar-nav-active-dot,.sidebar-footer{display:none}.dashboard-bottom-grid{grid-template-columns:1fr}.profile-trigger-text{display:none}}@media (max-width: 560px){.dashboard-stats-grid{grid-template-columns:1fr 1fr}.admin-topbar{padding:0 1rem}.admin-content{padding:1rem}.dashboard-welcome{flex-direction:column;align-items:flex-start}}.emp-page{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding-bottom:2rem}.emp-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.emp-page-header-left{display:flex;flex-direction:column;gap:.75rem}.emp-page-title{font-size:1.6rem;font-weight:700;color:var(--color-white);letter-spacing:-.02em;line-height:1.1}.emp-page-subtitle{font-size:.82rem;color:#fff6;margin-top:.2rem}.emp-stats-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.emp-stats-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .75rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600}.emp-stats-pill--active{background:#5dd98a1f;border:1px solid rgba(93,217,138,.25);color:#5dd98a}.emp-stats-pill--inactive{background:#ff8a8a1f;border:1px solid rgba(255,138,138,.25);color:#ff8a8a}.emp-stats-pill--total{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffff8c}.emp-stats-dot{width:7px;height:7px;border-radius:50%}.emp-stats-dot--active{background:#5dd98a;box-shadow:0 0 5px #5dd98a99}.emp-stats-dot--inactive{background:#ff8a8a;box-shadow:0 0 5px #ff8a8a99}.emp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.3rem;border-radius:var(--radius-md);font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.emp-btn svg{width:15px;height:15px;flex-shrink:0}.emp-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);box-shadow:0 4px 16px #3368a059}.emp-btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 22px #3368a080}.emp-btn--ghost{background:#ffffff0f;color:#ffffffa6;border:1px solid rgba(255,255,255,.12)}.emp-btn--ghost:hover{background:#ffffff1a;color:var(--color-white);border-color:#fff3}.emp-add-btn{padding:.7rem 1.5rem;font-size:.85rem}.emp-search-wrap{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.emp-search-box{flex:1;min-width:260px;max-width:520px;position:relative;display:flex;align-items:center}.emp-search-icon{position:absolute;left:.9rem;width:16px;height:16px;color:#ffffff59;pointer-events:none}.emp-search-input{width:100%;padding:.65rem 2.8rem .65rem 2.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-white);font-family:Poppins,sans-serif;font-size:.82rem;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.emp-search-input::-moz-placeholder{color:#ffffff47}.emp-search-input::placeholder{color:#ffffff47}.emp-search-input:focus{border-color:#3368a099;background:#ffffff17;box-shadow:0 0 0 3px #3368a026}.emp-search-clear{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#fff6;padding:.2rem;display:flex;align-items:center;border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast)}.emp-search-clear svg{width:14px;height:14px}.emp-search-clear:hover{color:var(--color-white);background:#ffffff14}.emp-search-results{font-size:.75rem;color:#ffffff59;font-weight:500;white-space:nowrap}.emp-table-wrap{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.pg-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.9rem .25rem .25rem}.pg-summary{font-size:.75rem;color:#ffffff59;font-weight:500;white-space:nowrap}.pg-controls{display:flex;align-items:center;gap:.3rem}.pg-btn{min-width:30px;height:30px;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffffa6;font-size:.78rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pg-btn svg{width:14px;height:14px}.pg-btn:hover:not(:disabled){background:#ffffff1a;color:var(--color-white)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.pg-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.pg-ellipsis{color:#ffffff4d;font-size:.78rem;padding:0 .15rem}.pg-size-select-wrap{display:flex;align-items:center;gap:.5rem}.pg-size-label{font-size:.72rem;color:#ffffff59;white-space:nowrap}.pg-size-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffffbf;font-size:.78rem;font-weight:600;padding:.3rem .5rem;cursor:pointer}@media (max-width: 640px){.pg-bar{justify-content:center}.pg-summary{width:100%;text-align:center}}.emp-table{width:100%;border-collapse:collapse;min-width:680px}.emp-th{padding:.9rem 1rem;text-align:left;font-size:.72rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff06;white-space:nowrap}.emp-th--no{width:52px;text-align:center}.emp-th--status{width:140px;text-align:center}.emp-th--actions{text-align:right}.emp-th-content{display:inline-flex;align-items:center;gap:.4rem}.emp-th-content svg{width:13px;height:13px}.emp-tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background var(--transition-fast)}.emp-tr:last-child{border-bottom:none}.emp-tr:hover{background:#ffffff0a}.emp-tr--flash{animation:empFlash .3s ease}@keyframes empFlash{0%{background:#3368a026}to{background:transparent}}.emp-td{padding:.85rem 1rem;font-size:.82rem;color:#ffffffbf;vertical-align:middle}.emp-td--no{text-align:center;color:#ffffff40;font-weight:600;font-size:.72rem}.emp-td--email{color:#ffffff80;font-size:.78rem}.emp-td--phone{color:#fff9;font-size:.78rem}.emp-td--status{text-align:center}.emp-user-cell{display:flex;align-items:center;gap:.65rem}.emp-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:var(--color-white);box-shadow:0 2px 8px #3368a059}.emp-username{font-weight:600;color:var(--color-white);font-size:.83rem}.emp-nic-badge{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-sm);background:#dcb0231a;border:1px solid rgba(220,176,35,.2);font-size:.75rem;font-weight:600;color:var(--color-secondary-light);letter-spacing:.03em;font-family:Courier New,monospace}.emp-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:.55rem}.emp-toggle{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);border:none;cursor:pointer;padding:0;transition:background var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.emp-toggle--active{background:linear-gradient(135deg,#27ae60,#5dd98a);box-shadow:0 0 10px #5dd98a66}.emp-toggle--inactive{background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.emp-toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:var(--color-white);box-shadow:0 1px 4px #0000004d;transition:left var(--transition-fast)}.emp-toggle--active .emp-toggle-knob{left:calc(100% - 21px)}.emp-toggle--inactive .emp-toggle-knob{left:3px}.emp-status-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;min-width:52px;text-align:left}.emp-status-label--active{color:#5dd98a}.emp-status-label--inactive{color:#ffffff4d}.emp-table-empty{text-align:center;padding:3rem 1rem}.emp-empty-state{display:inline-flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff3}.emp-empty-state svg{width:48px;height:48px}.emp-empty-state span{font-size:.85rem;font-weight:500}.emp-empty-action{margin-top:.25rem;padding:.45rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary-light);font-size:.78rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.emp-empty-action:hover{background:var(--color-primary);color:var(--color-white)}.emp-loading-state{display:inline-flex;flex-direction:column;align-items:center;gap:.75rem;color:#ffffff59;font-size:.85rem;font-weight:500}.emp-loading-state .spinner{width:26px;height:26px;border-width:3px;border-color:#ffffff26;border-top-color:var(--color-primary-light)}.emp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:empOverlayIn .2s ease}@keyframes empOverlayIn{0%{opacity:0}to{opacity:1}}.emp-modal{width:100%;max-width:540px;background:linear-gradient(145deg,#142641fa,#0f1c32fa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 24px 60px #0009,0 0 0 1px #3368a026;overflow:hidden;animation:empModalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes empModalIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.emp-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);background:#3368a00f}.emp-modal-header-left{display:flex;align-items:flex-start;gap:1rem}.emp-modal-icon{width:42px;height:42px;min-width:42px;border-radius:var(--radius-md);background:#3368a033;border:1px solid rgba(51,104,160,.3);display:flex;align-items:center;justify-content:center;color:var(--color-primary-light)}.emp-modal-icon svg{width:20px;height:20px}.emp-modal-title{font-size:1.1rem;font-weight:700;color:var(--color-white);line-height:1.2}.emp-modal-subtitle{font-size:.75rem;color:#ffffff59;margin-top:.25rem}.emp-modal-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.emp-modal-close svg{width:15px;height:15px}.emp-modal-close:hover{background:#ff505026;color:#ff8a8a;border-color:#ff505040}.emp-modal-form{padding:1.5rem}.emp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem;margin-bottom:1.5rem}.emp-form-group{display:flex;flex-direction:column;gap:.4rem}.emp-form-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.73rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em}.emp-form-label svg{width:13px;height:13px}.emp-form-input{padding:.65rem .9rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-white);font-family:Poppins,sans-serif;font-size:.82rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.emp-form-input::-moz-placeholder{color:#fff3}.emp-form-input::placeholder{color:#fff3}.emp-form-input:focus{border-color:#3368a0b3;background:#3368a014;box-shadow:0 0 0 3px #3368a02e}.emp-form-group--error .emp-form-input{border-color:#ff505080;background:#ff50500d}.emp-form-group--error .emp-form-input:focus{box-shadow:0 0 0 3px #ff505026}.emp-form-error{font-size:.7rem;color:#ff8a8a;font-weight:500}.emp-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.07);margin-top:.5rem}@media (max-width: 640px){.emp-form-grid{grid-template-columns:1fr}.emp-page-header{flex-direction:column;align-items:flex-start}.emp-add-btn{align-self:flex-start}}.emp-modal{max-width:620px}.emp-form-group--full{grid-column:1 / -1}.emp-password-wrap{position:relative;display:flex;align-items:center}.emp-password-input{width:100%;padding-right:2.6rem}.emp-password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#ffffff59;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color var(--transition-fast)}.emp-password-toggle svg{width:16px;height:16px}.emp-password-toggle:hover{color:#ffffffbf}.emp-btn--full{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:.88rem}.cty-page{display:flex;flex-direction:column;gap:1.5rem;height:100%}.cty-name-cell{display:flex;align-items:center;gap:.75rem}.cty-flag-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-blue));color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #3368a059}.cat-icon-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--color-secondary-dark),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #dcb02359}.cat-icon-avatar svg{width:15px;height:15px}.cty-name-text{font-size:.875rem;font-weight:500;color:#ffffffd9}.cty-date-badge{display:inline-flex;align-items:center;gap:.35rem;background:#3368a014;color:var(--color-primary);border:1px solid rgba(51,104,160,.18);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.78rem;font-weight:500;letter-spacing:.01em}.cty-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a1428a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cty-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0a143238;width:100%;max-width:480px;overflow:hidden;animation:slideUp .22s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cty-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.cty-modal-header-left{display:flex;align-items:center;gap:.9rem}.cty-modal-icon{width:42px;height:42px;border-radius:var(--radius-md);background:#ffffff26;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.cty-modal-icon svg{width:20px;height:20px}.cty-modal-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.cty-modal-subtitle{font-size:.75rem;color:#ffffffa6;margin-top:.1rem}.cty-modal-close{width:32px;height:32px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.cty-modal-close svg{width:14px;height:14px}.cty-modal-close:hover{background:#ffffff40;color:#fff}.cty-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.cty-form-group{display:flex;flex-direction:column;gap:.45rem}.cty-form-label{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.cty-form-label svg{width:13px;height:13px}.cty-form-input{width:100%;padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--color-text-dark);background:#f8fafc;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}.cty-form-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3368a01f}.cty-form-group--error .cty-form-input{border-color:#e53e3e;background:#fff5f5}.cty-form-error{font-size:.74rem;color:#e53e3e;font-weight:500}.cty-status-select-wrap{position:relative;display:flex;align-items:center}.cty-form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.2rem;cursor:pointer}.cty-select-chevron{position:absolute;right:.75rem;width:15px;height:15px;color:var(--color-text-muted);pointer-events:none}.cty-modal-footer{padding-top:.5rem}.cty-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);padding:.6rem 1.2rem}.cty-btn svg{width:15px;height:15px}.cty-btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:0 4px 14px #3368a04d}.cty-btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:0 6px 20px #3368a066;transform:translateY(-1px)}.cty-btn--primary:active{transform:translateY(0)}.cty-btn--danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc26264d;padding:.4rem .8rem}.cty-btn--danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc262666;transform:translateY(-1px)}.cty-btn--danger:active{transform:translateY(0)}.cty-btn--full{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:.88rem}.cty-btn--outline{background:#fff;color:var(--color-primary-dark);border:1px solid #d8dde3}.cty-btn--outline:hover{background:#f4f7fb;border-color:var(--color-primary)}.doc-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 80px #0a143238;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.34,1.56,.64,1)}.doc-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.doc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 560px){.doc-form-row{grid-template-columns:1fr}}.doc-files-section{display:flex;flex-direction:column;gap:.75rem}.doc-files-heading{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);padding-bottom:.5rem;border-bottom:1px solid #e9edf2}.doc-files-heading svg{width:13px;height:13px}.doc-files-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 560px){.doc-files-grid{grid-template-columns:1fr}}.doc-file-field{display:flex;flex-direction:column;gap:.4rem}.doc-file-drop{border:1.5px dashed #c8d4e0;border-radius:var(--radius-md);background:#f8fafc;padding:.7rem .9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-height:56px}.doc-file-drop:hover{border-color:var(--color-primary);background:#3368a00a}.doc-file-drop--has-file{border-color:#38a169;background:#38a1690d}.doc-file-placeholder{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#94a3b8;font-weight:500}.doc-file-placeholder svg{width:16px;height:16px}.doc-file-name{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#38a169;font-weight:600;word-break:break-all;text-align:center}.doc-file-name svg{width:14px;height:14px;flex-shrink:0}.doc-status-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0a1428bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.doc-status-card{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:0 32px 80px #0a143247;width:100%;max-width:440px;padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}.doc-status-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3368a01f,#66a3bf26);border:2px solid rgba(51,104,160,.2);display:flex;align-items:center;justify-content:center;font-size:2rem}.doc-status-icon-wrap--spin{animation:spinPulse 1.4s ease-in-out infinite}.doc-status-icon-wrap--done{background:linear-gradient(135deg,#38a1691f,#38a1692e);border-color:#38a16959;animation:none}@keyframes spinPulse{0%,to{transform:scale(1);box-shadow:0 0 #3368a04d}50%{transform:scale(1.08);box-shadow:0 0 0 12px #3368a000}}.doc-status-big-icon{line-height:1}.doc-status-title{font-size:1.1rem;font-weight:700;color:var(--color-text-dark);text-align:center}.doc-status-sub{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:-.4rem}.doc-steps{width:100%;display:flex;flex-direction:column;gap:.45rem;background:#f8fafc;border-radius:var(--radius-md);padding:.9rem 1rem;border:1px solid #e9edf2}.doc-step{display:flex;align-items:center;gap:.65rem}.doc-step-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.doc-step--done .doc-step-dot{background:#38a169;color:#fff}.doc-step--done .doc-step-dot svg{width:11px;height:11px}.doc-step--active .doc-step-dot{background:var(--color-primary);position:relative}.doc-step-pulse{width:8px;height:8px;border-radius:50%;background:#fff;display:block;animation:blink .8s ease-in-out infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.3}}.doc-step--pending .doc-step-dot{background:#e2e8f0}.doc-step-label{font-size:.8rem;font-weight:500}.doc-step--done .doc-step-label{color:#38a169}.doc-step--active .doc-step-label{color:var(--color-primary);font-weight:700}.doc-step--pending .doc-step-label{color:#94a3b8}.doc-progress-bar-wrap{width:100%;height:6px;background:#e2e8f0;border-radius:var(--radius-pill);overflow:hidden}.doc-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-blue));border-radius:var(--radius-pill);transition:width .5s ease}.doc-progress-pct{font-size:.78rem;font-weight:700;color:var(--color-primary);margin-top:-.5rem}.doc-done-btn{margin-top:.5rem}.doc-passport-badge{display:inline-flex;align-items:center;background:#3368a014;color:var(--color-primary);border:1px solid rgba(51,104,160,.18);border-radius:var(--radius-pill);padding:.22rem .7rem;font-size:.78rem;font-weight:600;letter-spacing:.04em}.doc-pdf-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--color-secondary);text-decoration:none;background:#dcb0231a;border:1px solid rgba(220,176,35,.25);border-radius:var(--radius-pill);padding:.22rem .65rem;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.doc-pdf-link svg{width:13px;height:13px;flex-shrink:0}.doc-pdf-link:hover{background:#dcb02333;color:var(--color-secondary-dark)}.doc-uploader-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adddoc-table .emp-td{padding:.55rem .85rem;font-size:.8rem}.adddoc-table .emp-th{padding:.6rem .85rem;font-size:.7rem}.adddoc-cell{display:flex;align-items:center;gap:.55rem}.adddoc-flag{font-size:1.35rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.adddoc-cat-icon{font-size:1.2rem;line-height:1;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#dcb0231f;border:1px solid rgba(220,176,35,.2);display:flex;align-items:center;justify-content:center}.adddoc-joborder-link{color:var(--color-primary);background:#3368a01a;border-color:#3368a033}.adddoc-joborder-link:hover{background:#3368a033;color:var(--color-primary-dark)}.profile-page{display:flex;flex-direction:column;gap:1.25rem;max-width:700px}.profile-avatar-card{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:0 8px 32px #0a14322e}.profile-big-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.02em}.profile-avatar-info{display:flex;flex-direction:column;gap:.2rem}.profile-avatar-name{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.01em}.profile-avatar-role{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.07em}.profile-avatar-email{font-size:.8rem;color:#ffffffbf}.chpw-header-card{gap:1.1rem}.chpw-lock-icon{width:56px;height:56px;border-radius:16px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.chpw-lock-icon svg{width:26px;height:26px}.profile-form-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0a143214;overflow:hidden}.profile-form-heading{display:flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);padding:1.1rem 1.5rem;border-bottom:1px solid #f0f4f8;background:#fafbfc}.profile-form-heading svg{width:14px;height:14px}.profile-success-banner{display:flex;align-items:center;gap:.6rem;background:#f0fff4;border-left:3px solid #38a169;color:#276749;font-size:.82rem;font-weight:600;padding:.7rem 1.5rem;animation:fadeIn .3s ease}.profile-success-banner svg{width:16px;height:16px;flex-shrink:0}.profile-form{padding:1.5rem}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}@media (max-width: 560px){.profile-form-grid{grid-template-columns:1fr}}.chpw-fields{display:flex;flex-direction:column;gap:1.1rem}.profile-field{display:flex;flex-direction:column;gap:.45rem}.profile-field--full{grid-column:1 / -1}.profile-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-label svg{width:12px;height:12px}.profile-input{width:100%;padding:.65rem .9rem;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--color-text-dark);background:#f8fafc;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);outline:none}.profile-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #3368a01f}.profile-field--error .profile-input{border-color:#e53e3e;background:#fff5f5}.profile-error{font-size:.74rem;color:#e53e3e;font-weight:500}.profile-form-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f0f4f8;display:flex;justify-content:flex-end}.profile-save-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);padding:.7rem 1.6rem;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #3368a04d;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.profile-save-btn svg{width:15px;height:15px}.profile-save-btn:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));transform:translateY(-1px);box-shadow:0 6px 20px #3368a066}.profile-save-btn:active{transform:translateY(0)}.chpw-input-wrap{position:relative;display:flex;align-items:center}.chpw-input{padding-right:2.6rem}.chpw-eye-btn{position:absolute;right:.7rem;background:none;border:none;cursor:pointer;color:#94a3b8;padding:.2rem;display:flex;align-items:center;border-radius:4px;transition:color var(--transition-fast)}.chpw-eye-btn svg{width:16px;height:16px}.chpw-eye-btn:hover{color:var(--color-primary)}.chpw-strength{display:flex;align-items:center;gap:.3rem;margin-top:.35rem}.chpw-strength-bar{flex:1;height:4px;border-radius:var(--radius-pill);background:#e2e8f0;transition:background var(--transition-fast)}.chpw-strength-bar--weak{background:#e53e3e}.chpw-strength-bar--fair{background:#ed8936}.chpw-strength-bar--good{background:#ecc94b}.chpw-strength-bar--strong{background:#38a169}.chpw-strength-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);min-width:36px;text-align:right}