.policy-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.policy-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.policy-modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 28px}.policy-modal-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.policy-counter{background:#f5f5f5;border-radius:20px;color:var(--text-muted);font-size:14px;font-weight:500;padding:6px 12px}.policy-modal-body{flex:1 1;overflow-y:auto;padding:28px}.policy-content{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:24px;max-height:400px;overflow-y:auto;padding:20px}.policy-content::-webkit-scrollbar{width:8px}.policy-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.policy-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.policy-content::-webkit-scrollbar-thumb:hover{background:#999}.policy-acceptance{background:#fff8e1;border:2px solid #ffc107;border-radius:8px;margin-top:20px;padding:16px}.policy-checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px}.policy-checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:20px;width:20px}.policy-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.policy-modal-footer{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.btn-accept,.btn-next{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-next{background:#e0e0e0;color:var(--text-primary)}.btn-next:hover:not(:disabled){background:#d0d0d0}.btn-accept{background:var(--primary);color:#fff}.btn-accept:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #cc00004d;transform:translateY(-1px)}.btn-accept:disabled,.btn-next:disabled{cursor:not-allowed;opacity:.5}.login-page{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:420px;overflow:hidden;width:100%}.login-header{background:#c00;color:#fff;padding:30px;text-align:center}.login-header .logo{height:auto;margin-bottom:15px;width:80px}.login-header h1{font-size:24px;font-weight:600;margin:0}.login-header .subtitle{font-size:14px;margin:5px 0 0;opacity:.9}.login-form-container{padding:30px}.login-form-container h2{color:#333;font-size:20px;margin:0 0 5px}.form-description{color:#666;font-size:14px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{font-size:14px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#c00;box-shadow:0 0 0 3px #cc00001a;outline:none}.form-group input::placeholder{color:#aaa}.btn-primary{background:#c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s;width:100%}.btn-primary:hover{background:#a30000}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-link{background:none;border:none;color:#c00;cursor:pointer;display:block;font-size:14px;margin-top:15px;padding:8px;text-decoration:none;width:100%}.btn-link:hover{text-decoration:underline}.error-message{background:#fff5f5;border:1px solid #fcc}.error-message,.message-box{font-size:14px;margin-bottom:20px}.message-box{border-radius:6px;padding:12px}.message-box.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.login-footer{background:#f8f8f8;border-top:1px solid #eee;padding:15px;text-align:center}.login-footer p{color:#999;font-size:12px;margin:0}.signup-container{max-width:500px}.form-row{gap:15px}.form-row .form-group{flex:1 1}.form-group select{box-sizing:border-box;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.form-group select:focus{border-color:#c00;box-shadow:0 0 0 3px #cc00001a}.form-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.form-footer a{color:#c00;font-weight:500;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (max-width:480px){.login-container{margin:10px}.login-form-container,.login-header{padding:20px}.form-row{flex-direction:column;gap:0}}.header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border-bottom:1px solid #0000000f;box-shadow:0 4px 30px #0000000d;display:flex;height:64px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-logo-link{text-decoration:none}.header-logo{color:var(--primary);cursor:pointer;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0;position:relative;transition:all var(--transition-normal)}.header-logo:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.header-logo:hover:after{width:100%}.header-logo:hover{transform:scale(1.02)}.header-nav{display:flex;gap:8px}.nav-link{border-radius:var(--radius-xl);color:var(--text-secondary);font-size:14px;font-weight:500;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-link:before{background:var(--primary);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform var(--transition-normal);width:100%;z-index:-1}.nav-link:hover{background:#cc000014;color:var(--primary);transform:translateY(-2px)}.nav-link.active{background:var(--primary);box-shadow:0 4px 12px #cc00004d;color:#fff}.nav-link.active:hover{background:var(--primary-dark);box-shadow:0 6px 16px #c006;color:#fff}.header-right{gap:16px}.header-right,.user-menu{align-items:center;display:flex}.user-menu{border-radius:var(--radius-lg);gap:12px;padding:6px 12px;transition:all var(--transition-normal)}.user-menu:hover{background:#0000000a}.user-name{color:var(--text-primary);font-size:14px}.logout-btn{background:#0000;border:2px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all var(--transition-normal)}.logout-btn:before{background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform var(--transition-normal);width:100%;z-index:-1}.logout-btn:hover:before{transform:translateX(0)}.logout-btn:hover{box-shadow:0 4px 12px #cc00004d;color:#fff;transform:translateY(-2px)}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:all var(--transition-normal)}.user-menu-trigger:hover{background:#0000000a}.user-avatar-small{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.dropdown-arrow{color:var(--text-muted);font-size:8px;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:fadeIn .2s ease;background:#fff;border:1px solid #0000000f;border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:12px 16px;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:#0000000a;color:var(--primary)}.dropdown-item.logout{color:var(--primary)}.dropdown-item.logout:hover{background:#cc000014}.dropdown-divider{background:#0000000f;height:1px;margin:4px 0}@media (max-width:768px){.header{height:58px;padding:0 16px}.header-logo{font-size:22px}.nav-link{font-size:13px;padding:8px 14px}.user-name{display:none}}@media (max-width:600px){.header{height:54px;padding:0 12px}.header-logo{font-size:20px}.header-nav{gap:4px}.nav-link{font-size:12px;padding:6px 12px}.logout-btn{font-size:12px;padding:6px 10px}}@media (max-width:400px){.header-nav{gap:2px}.nav-link{font-size:11px;padding:5px 10px}}.left-sidebar{animation:slideIn .4s ease;display:flex;flex-direction:column;gap:20px;max-height:100vh;overflow-y:auto;padding:20px;width:280px}.nav-icons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:8px;padding:12px}.nav-icon-btn,.nav-icons{display:flex;justify-content:center}.nav-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;height:44px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:44px}.nav-icon-btn:after{background:var(--primary);border-radius:inherit;content:"";height:100%;position:absolute;transform:scale(0);transition:transform var(--transition-normal);width:100%}.nav-icon-btn:hover{background:#0000000d;transform:translateY(-2px)}.nav-icon-btn.active:after{transform:scale(1)}.nav-icon-btn.active{box-shadow:0 4px 12px #cc00004d}.nav-icon-btn.active .nav-icon{filter:brightness(0) invert(1);position:relative;z-index:1}.nav-icon{font-size:18px;transition:transform var(--transition-fast)}.nav-icon-btn:hover .nav-icon{transform:scale(1.1)}.profile-card{animation:scaleIn .4s ease .1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px 20px;text-align:center;transition:all var(--transition-normal)}.profile-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;box-shadow:0 8px 24px #cc000040;color:#fff;display:flex;font-size:28px;font-weight:600;height:80px;justify-content:center;margin:0 auto 16px;overflow:hidden;transition:all var(--transition-normal);width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-card:hover .profile-avatar{box-shadow:0 12px 32px #cc000059;transform:scale(1.05)}.profile-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 6px}.profile-role{background:#cc000014;border-radius:var(--radius-xl);color:var(--primary);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;padding:4px 12px;text-transform:uppercase}.profile-details{border-top:1px solid #0000000f;color:var(--text-secondary);font-size:12px;padding-top:16px;text-align:left}.profile-details p{margin:8px 0;padding:4px 0;transition:all var(--transition-fast)}.profile-details p:hover{padding-left:4px}.profile-details p:hover,.profile-details strong{color:var(--text-primary)}.attendance-card{animation:scaleIn .4s ease .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:all var(--transition-normal)}.attendance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.attendance-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 16px}.attendance-info{margin-bottom:16px}.attendance-row{border-bottom:1px solid #0000000a;display:flex;font-size:13px;justify-content:space-between;padding:10px 0;transition:all var(--transition-fast)}.attendance-row:hover{background:#00000005;border-radius:var(--radius-sm);margin:0 -8px;padding-left:8px;padding-right:8px}.attendance-row:last-child{border-bottom:none}.attendance-row .time{color:var(--text-primary);font-weight:600}.attendance-row .status{border-radius:var(--radius-xl);font-size:11px;font-weight:500;padding:3px 10px}.attendance-row .status.pending{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.attendance-row .status.present{background:linear-gradient(135deg,#d4edda,#b8e6c1);color:#155724}.punch-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #cc000040;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all var(--transition-normal);width:100%}.punch-btn:hover{box-shadow:0 6px 20px #cc000059;transform:translateY(-2px)}.punch-btn:active{transform:translateY(0)}.add-event-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 6px #cc000040;color:#fff;cursor:pointer;display:flex;font-size:0;height:28px;justify-content:center;position:relative;transition:all var(--transition-fast);width:28px}.add-event-btn:after,.add-event-btn:before{background:#fff;border-radius:2px;content:"";position:absolute}.add-event-btn:before{height:2px;width:12px}.add-event-btn:after{height:12px;width:2px}.add-event-btn:hover{background:var(--primary-dark);box-shadow:0 3px 8px #cc000059;transform:scale(1.1)}.event-item{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.event-content{flex:1 1}.event-description{color:var(--text-muted);font-size:11px;line-height:1.4;margin:4px 0 0}.event-actions{display:flex;flex-shrink:0;gap:4px}.event-action-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:4px;transition:all var(--transition-fast)}.event-action-btn:hover{background:#0000001a}.event-action-btn.delete:hover{background:#ff00001a}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group textarea{min-height:60px}.right-sidebar{animation:slideIn .4s ease;animation-direction:reverse;display:flex;flex-direction:column;gap:20px;padding:20px;width:300px}.sidebar-card{animation:scaleIn .4s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;transition:all var(--transition-normal)}.sidebar-card:first-child{animation-delay:.1s}.sidebar-card:nth-child(2){animation-delay:.2s}.sidebar-card:nth-child(3){animation-delay:.3s}.sidebar-card:nth-child(4){animation-delay:.4s}.sidebar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sidebar-card h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 14px;padding-left:12px;position:relative}.sidebar-card h4:before{background:var(--primary);border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.events-list{display:flex;flex-direction:column;gap:12px}.event-item{border-bottom:1px solid #0000000a;border-radius:var(--radius-sm);cursor:pointer;margin:-8px;padding:8px;transition:all var(--transition-fast)}.event-item:hover{background:#cc00000a;transform:translateX(4px)}.event-item:last-child{border-bottom:none;padding-bottom:0}.event-date{display:flex;gap:10px;margin-bottom:6px}.event-date .date{color:var(--primary);font-size:11px;font-weight:600}.event-date .time{color:var(--text-muted);font-size:11px}.event-title{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.4;margin:0}.quick-access-list{display:flex;flex-direction:column;gap:6px}.quick-access-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:10px;position:relative;transition:all var(--transition-normal)}.quick-access-item:before{background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-normal);width:3px}.quick-access-item:hover{background:#cc00000f;transform:translateX(4px)}.quick-access-item:hover:before{transform:scaleY(1)}.item-icon{font-size:18px;transition:transform var(--transition-fast)}.quick-access-item:hover .item-icon{transform:scale(1.15)}.item-label{color:var(--text-primary);flex:1 1;font-size:12px;font-weight:500}.item-count{background:#0000000f;border-radius:var(--radius-xl);color:var(--text-muted);font-size:11px;font-weight:500;padding:3px 8px;transition:all var(--transition-normal)}.quick-access-item:hover .item-count{background:var(--primary);color:#fff}.welcome-card{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;box-shadow:0 8px 24px #cc00004d;color:#fff}.welcome-card:hover{box-shadow:0 12px 32px #c006}.welcome-card h4{color:#fff}.welcome-card h4:before{background:#ffffff80}.welcome-user{gap:12px}.welcome-avatar,.welcome-user{align-items:center;display:flex}.welcome-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;font-size:18px;font-weight:600;height:48px;justify-content:center;overflow:hidden;transition:all var(--transition-normal);width:48px}.welcome-avatar img{height:100%;object-fit:cover;width:100%}.welcome-card:hover .welcome-avatar{background:#ffffff4d;transform:scale(1.08)}.welcome-info{display:flex;flex-direction:column;gap:2px}.welcome-name{font-size:13px;font-weight:600}.welcome-dept{font-size:11px;opacity:.9}.welcome-date{font-size:10px;opacity:.7}.sharepoint-links{font-size:12px}.sharepoint-link{color:var(--accent);position:relative;text-decoration:none;transition:all var(--transition-fast)}.sharepoint-link:after{background:var(--accent);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.sharepoint-link:hover{color:#1976d2}.sharepoint-link:hover:after{width:100%}.message-card{cursor:pointer}.message-card .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.message-card .message-header h4{margin:0}.edit-message-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:4px 8px;transition:all var(--transition-fast)}.edit-message-btn:hover{background:#0000000d}.message-profile-picture{border:2px solid var(--primary);border-radius:50%;box-shadow:0 2px 8px #c003;height:60px;margin:0 auto 12px;overflow:hidden;width:60px}.message-profile-picture img{height:100%;object-fit:cover;width:100%}.message-content{color:var(--text-secondary);font-size:12px;line-height:1.6;max-height:150px;overflow-y:auto}.message-content p{word-wrap:break-word;margin:0;white-space:pre-wrap;word-break:break-word}.message-profile-picture-large{border:3px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #cc00004d;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.message-profile-picture-large img{height:100%;object-fit:cover;width:100%}.current-profile-picture{border:2px solid var(--primary);border-radius:50%;height:80px;margin-bottom:12px;overflow:hidden;width:80px}.current-profile-picture img{height:100%;object-fit:cover;width:100%}.preview-profile-picture{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:12px}.preview-profile-picture img{border:2px solid var(--primary);border-radius:50%;height:80px;object-fit:cover;width:80px}.preview-profile-picture span{color:var(--primary);font-size:12px;font-weight:500}.policies-section{margin-bottom:20px}.policies-list{display:flex;flex-direction:column;gap:10px}.policy-item{align-items:center;background:#ffffff80;border:1px solid #0000000d;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px;transition:all var(--transition-fast)}.policy-item:hover{background:#fffc;border-color:var(--primary)}.policy-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.policy-title{color:var(--text-primary);font-size:12px;font-weight:600}.policy-type{color:var(--text-muted);font-size:10px;text-transform:uppercase}.policy-actions{display:flex;gap:4px}.policy-action-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:4px 6px;transition:all var(--transition-fast)}.policy-action-btn:hover{background:#0000000d}.policy-action-btn.delete:hover{background:#cc00001a}.policy-modal{max-width:600px}.policy-modal .form-group textarea{font-family:inherit;resize:vertical}.message-modal{max-width:450px}.view-message-modal{max-width:550px}.view-message-body{max-height:400px;min-height:150px;overflow-y:auto}.view-message-body p{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-height:120px;padding:10px 12px;width:100%}.form-group textarea:focus{border-color:var(--primary);outline:none}.info-section{margin-bottom:20px}.info-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.info-section .section-header h4{margin:0}.add-info-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 6px #cc000040;color:#fff;cursor:pointer;display:flex;font-size:0;height:28px;justify-content:center;position:relative;transition:all var(--transition-fast);width:28px}.add-info-btn:after,.add-info-btn:before{background:#fff;border-radius:2px;content:"";position:absolute}.add-info-btn:before{height:2px;width:12px}.add-info-btn:after{height:12px;width:2px}.add-info-btn:hover{background:var(--primary-dark);box-shadow:0 3px 8px #cc000059;transform:scale(1.1)}.info-items-list{display:flex;flex-direction:column;gap:8px}.no-items{color:var(--text-muted);font-size:12px;padding:16px 0;text-align:center}.info-item{align-items:center;background:#00000005;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:8px;transition:all var(--transition-fast)}.info-item:hover{background:#0000000d;transform:translateX(2px)}.info-item-content{flex:1 1}.info-link{color:var(--text-primary);display:block;font-size:12px;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.info-link:hover{color:var(--primary)}.info-actions{display:flex;gap:4px}.info-action-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;padding:4px;transition:all var(--transition-fast)}.info-action-btn:hover{background:#0000001a}.info-action-btn.delete:hover{background:#ff00001a}.form-group select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group select:focus{border-color:var(--primary);outline:none}.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.form-group input[type=file],.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:var(--primary);outline:none}.form-group input[type=file]{padding:8px}.footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border-top:1px solid #0000000f;box-shadow:0 -4px 30px #0000000d;margin-top:auto;padding:40px 24px 20px}.footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 32px;max-width:1440px}.footer-section{display:flex;flex-direction:column}.footer-title{color:var(--primary);font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.footer-description{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.footer-heading{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.footer-links{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:var(--text-secondary);display:inline-block;font-size:13px;position:relative;text-decoration:none;transition:all var(--transition-normal)}.footer-links a:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.footer-links a:hover{color:var(--primary);transform:translateX(4px)}.footer-links a:hover:after{width:100%}.footer-links-departments{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.footer-bottom{border-top:1px solid #0000000f;margin:0 auto;max-width:1440px;padding-top:24px;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:12px;margin:0}@media (max-width:900px){.footer-content{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.footer{padding:32px 16px 16px}.footer-content{gap:24px;grid-template-columns:1fr;margin-bottom:24px}.footer-section{text-align:center}.footer-links{align-items:center}.footer-bottom{padding-top:20px}}.post-card{animation:fadeIn .4s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.post-header{align-items:center;border-bottom:1px solid #0000000a;display:flex;justify-content:space-between;padding:14px 16px}.post-department-badge{border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000026;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:5px 14px;text-transform:uppercase}.post-menu-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:16px;padding:6px;transition:all var(--transition-fast)}.post-menu-btn:hover{background:#0000000d;color:var(--text-primary)}.post-menu-container{position:relative}.post-menu-dropdown{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;margin-top:4px;min-width:100px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.post-menu-dropdown button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:10px 16px;text-align:left;transition:all var(--transition-fast);width:100%}.post-menu-dropdown button:hover{background:#0000000d}.post-menu-dropdown button.delete{color:#c62828}.post-menu-dropdown button.delete:hover{background:#ffebee}.post-author{gap:12px;padding:16px}.author-avatar,.post-author{align-items:center;display:flex}.author-avatar{border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:15px;font-weight:600;height:44px;justify-content:center;overflow:hidden;transition:all var(--transition-normal);width:44px}.author-avatar img{height:100%;object-fit:cover;width:100%}.post-card:hover .author-avatar{transform:scale(1.05)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{color:var(--text-primary);font-size:14px;font-weight:600}.post-time{color:var(--text-muted);font-size:12px}.post-content{padding:0 16px 16px}.post-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px}.post-text{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.post-media{overflow:hidden;width:100%}.post-media img{max-height:400px;object-fit:cover;transition:transform var(--transition-slow);width:100%}.post-card:hover .post-media img{transform:scale(1.02)}.post-footer{background:#00000005;border-top:1px solid #0000000a;padding:14px 16px}.post-category{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (max-width:600px){.post-card{border-radius:var(--radius-md)}.post-header{padding:12px 14px}.post-department-badge{font-size:10px;padding:4px 10px}.post-author{gap:10px;padding:14px}.author-avatar{font-size:13px;height:38px;width:38px}.author-name{font-size:13px}.post-time{font-size:11px}.post-content{padding:0 14px 14px}.post-title{font-size:14px;margin-bottom:8px}.post-text{font-size:12px}.post-media img{max-height:280px}.post-footer{padding:12px 14px}.post-category{font-size:10px}}@media (max-width:400px){.post-header{padding:10px 12px}.post-department-badge{font-size:9px}.post-author{padding:12px}.author-avatar{font-size:12px;height:34px;width:34px}.post-content{padding:0 12px 12px}.post-title{font-size:13px}.post-media img{max-height:220px}}.modal-content{border-radius:12px}.modal-header{border-bottom:1px solid #f0f0f0}.modal-header h2{color:#333}.modal-close{color:#999;line-height:1}.modal-close:hover{color:#333}.form-group{margin-bottom:15px}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c00;outline:none}.form-group textarea{min-height:80px;resize:vertical}.image-upload-area{border:2px dashed #ddd;border-radius:8px;overflow:hidden}.upload-placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px;transition:background .2s}.upload-placeholder:hover{background:#f9f9f9}.upload-icon{font-size:32px;margin-bottom:8px}.upload-placeholder span:last-child{color:#666;font-size:13px}.image-preview{position:relative}.image-preview img{max-height:200px;object-fit:cover;width:100%}.remove-image{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.remove-image:hover{background:#000c}.modal-footer{border-top:1px solid #f0f0f0}.btn-cancel,.btn-submit{border-radius:6px;transition:all .2s}.btn-cancel{border:1px solid #ddd;color:#666}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-submit{background:#c00}.btn-submit:hover{background:#a30000}.current-image-preview{border-radius:8px;margin-bottom:8px;overflow:hidden}.current-image-preview img{max-height:150px;object-fit:cover;width:100%}@media (max-width:600px){.modal-content{margin:10px;max-height:85vh;width:95%}.modal-header{padding:15px}.modal-header h2{font-size:16px}.modal-body{padding:15px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:8px 10px}.upload-placeholder{padding:20px}.upload-icon{font-size:24px}.upload-placeholder span:last-child{font-size:12px}.modal-footer{gap:8px;padding:12px 15px}.btn-cancel,.btn-submit{font-size:13px;padding:8px 16px}}@media (max-width:400px){.modal-content{width:98%}.modal-body,.modal-header{padding:12px}.form-group{margin-bottom:12px}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.post-feed{animation:fadeIn .5s ease;flex:1 1;max-width:700px;padding:20px}.time-filter-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-bottom:20px;padding:8px}.time-tab{background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:12px 28px;position:relative;transition:all var(--transition-normal)}.time-tab:before{background:var(--primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-normal);width:0}.time-tab:hover{color:var(--primary);transform:translateY(-1px)}.time-tab:hover:before{width:80%}.time-tab.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:var(--shadow-glow);color:#fff}.time-tab.active:before{width:0}.department-tabs-container{align-items:center;display:flex;gap:8px;margin-bottom:16px;position:relative}.department-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex:1 1;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.department-tabs::-webkit-scrollbar{display:none}.scroll-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:2px solid #c003;border-radius:50%;box-shadow:0 2px 8px #cc000026;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1}.scroll-arrow:before{background:#cc00001a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.scroll-arrow:hover{background:#cc00001a;border-color:var(--primary);box-shadow:0 4px 16px #cc00004d;color:var(--primary);transform:scale(1.15) translateY(-2px)}.scroll-arrow:hover:before{height:100px;width:100px}.scroll-arrow:active{box-shadow:0 2px 8px #c003;transform:scale(1.05) translateY(0)}.scroll-arrow{animation:pulse 2s ease-in-out infinite}.scroll-arrow:hover{animation:none}.dept-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;overflow:visible;padding:10px 22px;position:relative;transition:all var(--transition-normal);white-space:nowrap}.dept-tab:before{background:currentColor;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-normal);width:100%}.dept-tab:hover:not(.active){transform:translateY(-2px)}.dept-tab.active,.dept-tab.active:hover,.dept-tab:hover:not(.active){background:#000;box-shadow:var(--shadow-md);color:#fff}.dept-tab.active:hover{transform:translateY(-2px)}.filter-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:16px;padding:12px 16px}.category-filter,.filter-row{align-items:center;display:flex}.category-filter{gap:10px}.sort-section{align-items:center;display:flex;gap:8px}.filter-label,.sort-label{color:var(--text-secondary);font-size:13px;font-weight:500}.sort-select{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all var(--transition-normal)}.sort-select:focus,.sort-select:hover{border-color:var(--primary)}.sort-select:focus{box-shadow:0 0 0 3px #cc00001a;outline:none}.create-post-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px #cc00004d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;overflow:hidden;padding:14px;position:relative;transition:all var(--transition-normal);width:100%}.create-post-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.create-post-btn:hover:before{height:300px;width:300px}.create-post-btn:hover{box-shadow:0 8px 24px #c006;transform:translateY(-3px)}.create-post-btn:active{transform:translateY(-1px)}.category-btn{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all var(--transition-normal)}.category-btn:hover{border-color:var(--primary);box-shadow:0 2px 8px #cc000026;color:var(--primary);transform:translateY(-1px)}.category-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 12px #cc000040;color:#fff}.posts-list{display:flex;flex-direction:column;gap:20px}.loading,.no-posts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:14px;padding:60px 40px;text-align:center}.loading:after{animation:spin .8s linear infinite;border:2px solid var(--primary);border-radius:50%;border-top:2px solid #0000;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}@media (max-width:600px){.post-feed{max-width:100%;padding:15px}.time-filter-tabs{gap:8px;margin-bottom:16px;padding:6px}.time-tab{font-size:13px;padding:10px 20px}.department-tabs{flex-wrap:wrap;gap:8px}.dept-tab{font-size:12px;padding:8px 16px}.filter-row{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.category-filter{flex-wrap:wrap;gap:6px}.category-btn{font-size:11px;padding:5px 12px}.sort-section{justify-content:flex-end;width:100%}.create-post-btn{font-size:13px;padding:12px}.posts-list{gap:15px}}@media (max-width:400px){.post-feed{padding:10px}.time-filter-tabs{gap:4px;padding:4px}.time-tab{font-size:12px;padding:8px 16px}.department-tabs{justify-content:center}.dept-tab{padding:6px 14px}.dept-tab,.filter-label,.sort-label{font-size:11px}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#f0f2f5);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{animation:fadeIn .5s ease;display:flex;flex:1 1;margin:0 auto;max-width:1440px;min-height:calc(100vh - 64px)}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-left:1px solid #0000000f;border-right:1px solid #0000000f;display:flex;flex:1 1;justify-content:center}@media (max-width:1200px){.right-sidebar{display:none}.dashboard-content{max-width:100%}}@media (max-width:900px){.left-sidebar{display:none}.dashboard-content{flex-direction:column}.main-content{background:#0000;border:none;padding:0}}@media (max-width:600px){.dashboard{min-height:100vh}.dashboard-content{padding:0}.main-content{width:100%}}.documents-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#f0f2f5);background-attachment:fixed;min-height:100vh}.documents-container{animation:fadeIn .5s ease;display:flex;margin:0 auto;max-width:1440px;min-height:calc(100vh - 64px)}.folders-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-right:1px solid #0000000f;padding:20px;width:280px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sidebar-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.add-folder-btn{align-items:center;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 8px #cc00004d;color:#fff;cursor:pointer;display:flex;font-size:0;height:32px;justify-content:center;position:relative;transition:all var(--transition-normal);width:32px}.add-folder-btn:after,.add-folder-btn:before{background:#fff;border-radius:2px;content:"";position:absolute}.add-folder-btn:before{height:2.5px;width:14px}.add-folder-btn:after{height:14px;width:2.5px}.add-folder-btn:hover{box-shadow:0 4px 12px #c006;transform:scale(1.1)}.folders-list{display:flex;flex-direction:column;gap:8px}.folder-item{align-items:center;background:var(--bg-glass);border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:12px;transition:all var(--transition-normal)}.folder-item:hover{transform:translateX(4px)}.folder-item.active,.folder-item:hover{background:#fff;box-shadow:var(--shadow-sm)}.folder-item.active{border-color:var(--primary)}.folder-icon{font-size:18px}.folder-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-folder-btn{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:16px;height:24px;opacity:0;transition:all var(--transition-fast);width:24px}.folder-item:hover .delete-folder-btn{opacity:1}.delete-folder-btn:hover{background:#fee;color:#c00}.documents-main{flex:1 1;padding:20px}.documents-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-info h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.folder-description{color:var(--text-secondary);font-size:13px;margin:0}.upload-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #cc00004d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all var(--transition-normal)}.upload-btn:hover{box-shadow:0 6px 16px #c006;transform:translateY(-2px)}.documents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.no-documents,.no-folder-selected{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:16px}.no-documents p,.no-folder-selected p{color:var(--text-secondary);font-size:14px;margin:0}.upload-btn-secondary{background:#fff;border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:13px;font-weight:600;margin-top:16px;padding:10px 20px;transition:all var(--transition-normal)}.upload-btn-secondary:hover{background:var(--primary);color:#fff}.document-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:16px;transition:all var(--transition-normal)}.document-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.doc-icon{font-size:32px;text-align:center}.doc-info{flex:1 1}.doc-name{color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;margin:0 0 8px;overflow:hidden}.doc-date{color:var(--text-muted);font-size:11px}.doc-actions{gap:8px}.doc-action-btn,.doc-actions{display:flex;justify-content:center}.doc-action-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:36px;text-decoration:none;transition:all var(--transition-fast);width:36px}.doc-action-btn.download:hover{background:#e3f2fd}.doc-action-btn.delete:hover{background:#ffebee}.empty-text,.loading-text{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.modal-content{max-width:450px}.modal-close{padding:0}.error-message{background:#fee;border-radius:6px;color:#c00;margin-bottom:15px;padding:10px 15px}.form-group input,.form-group textarea{border:1px solid #0000001a;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.modal-footer{padding:15px 20px}@media (max-width:900px){.documents-container{flex-direction:column}.folders-sidebar{border-bottom:1px solid #0000000f;border-right:none;padding:15px;width:100%}.folders-list{flex-direction:row;overflow-x:auto;padding-bottom:10px}.folder-item{flex-shrink:0;padding:10px 16px}}@media (max-width:600px){.documents-main{padding:15px}.documents-header{flex-direction:column;gap:12px}.header-info h2{font-size:18px}.upload-btn{text-align:center;width:100%}.documents-grid{grid-template-columns:1fr}.modal-content{margin:10px;width:95%}}.user-management-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#f0f2f5);background-attachment:fixed;min-height:100vh}.user-management-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px;padding:20px}.access-denied{padding:100px 20px;text-align:center}.access-denied h2{color:var(--primary);margin-bottom:10px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.header-info h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 4px}.header-info p{color:var(--text-secondary);font-size:14px;margin:0}.btn-create{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #cc00004d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.btn-create:hover{box-shadow:0 6px 16px #c006;transform:translateY(-2px)}.filters-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-box{flex:1 1;min-width:250px}.search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #0000001a;border-radius:var(--radius-md);font-size:14px;padding:12px 16px;transition:all var(--transition-normal);width:100%}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #cc00001a;outline:none}.filter-group{display:flex;gap:10px}.filter-group select{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-md);cursor:pointer;font-size:14px;padding:12px 16px;transition:all var(--transition-normal)}.filter-group select:focus{border-color:var(--primary);outline:none}.users-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#00000005;border-bottom:1px solid #0000000f;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #0000000a;color:var(--text-primary);font-size:14px;padding:16px}.users-table tr:hover{background:#00000005}.users-table tr:last-child td{border-bottom:none}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-name{font-weight:500}.user-empno{color:var(--text-muted);font-size:12px}.role-badge{border-radius:var(--radius-xl);font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge-admin{background:#ffebee;color:#c62828}.badge-hr{background:#e8f5e9;color:#2e7d32}.badge-employee{background:#e3f2fd;color:#1565c0}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-edit{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast)}.btn-edit{background:#e3f2fd;border:none;color:#1565c0}.btn-edit:hover{background:#bbdefb}.btn-delete{background:#ffebee;border:none;color:#c62828}.btn-delete:hover{background:#ffcdd2}.loading,.no-users{color:var(--text-secondary);padding:60px 20px;text-align:center}.table-footer{border-top:1px solid #0000000f;color:var(--text-muted);font-size:13px;padding:16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:20px}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:24px}.modal-body{padding:20px}.form-row{display:flex;gap:12px}.form-group{flex:1 1;margin-bottom:16px}.form-group input,.form-group select{transition:border-color var(--transition-fast)}.modal-footer{border-top:1px solid #0000000f;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.btn-cancel,.btn-submit{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.btn-submit{background:var(--primary);border:none;color:#fff}.btn-submit:hover{background:var(--primary-dark)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.users-table-container{overflow-x:auto}.users-table{min-width:700px}}@media (max-width:600px){.user-management-container{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:16px}.btn-create{text-align:center}.filters-section{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.modal-content{margin:10px;width:95%}.form-row{flex-direction:column;gap:0}}.profile-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#f0f2f5);background-attachment:fixed;min-height:100vh}.profile-container{animation:fadeIn .5s ease;margin:0 auto;max-width:800px;padding:20px}.profile-container h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 24px}.profile-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.profile-header-card{align-items:center;display:flex;gap:24px}.profile-avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;box-shadow:0 8px 24px #cc000040;color:#fff;display:flex;font-size:36px;font-weight:600;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.change-picture-btn{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all var(--transition-fast)}.change-picture-btn:hover{background:#0000000d;border-color:var(--primary);color:var(--primary)}.picture-error{color:#c00;font-size:11px;text-align:center}.profile-basic-info h2{color:var(--text-primary);font-size:24px;margin:0 0 8px}.profile-role-badge{background:#cc00001a;border-radius:var(--radius-xl);color:var(--primary);display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.profile-email{color:var(--text-secondary);font-size:14px;margin:4px 0}.profile-empno{color:var(--text-muted);font-size:13px;margin:4px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.section-header .btn-edit{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.section-header .btn-edit:hover{border-color:var(--primary);color:var(--primary)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.password-form{max-width:400px}.form-group{margin-bottom:0}.form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-sm);font-size:14px;padding:10px 12px;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #cc00001a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed}.disabled-field,.field-note{color:var(--text-muted)}.field-note{display:block;font-size:11px;margin-top:4px}.form-actions{border-top:1px solid #0000000f;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.btn-cancel,.btn-save{border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all var(--transition-fast)}.btn-cancel{background:#fff;border:1px solid #0000001a;color:var(--text-secondary)}.btn-cancel:hover{background:#f5f5f5}.btn-save{background:var(--primary);border:none;color:#fff}.btn-save:hover{background:var(--primary-dark)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ffebee;color:#c62828}.error-message,.success-message{border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;padding:12px}.success-message{background:#e8f5e9;color:#2e7d32}@media (max-width:600px){.profile-container{padding:15px}.profile-header-card{flex-direction:column;text-align:center}.profile-avatar-large{font-size:28px;height:80px;width:80px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.department-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1 50%,#f0f2f5);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh}.department-container{animation:fadeIn .5s ease;flex:1 1;margin:0 auto;max-width:1200px;padding:40px 24px}.department-header{margin-bottom:40px;text-align:center}.department-header h1{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.department-description{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:700px}.department-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.department-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 30px #0000000d;padding:24px;transition:all var(--transition-normal)}.department-card:hover{box-shadow:0 8px 40px #0000001a;transform:translateY(-4px)}.department-card h3{color:var(--primary);font-size:20px;font-weight:700;margin:0 0 16px}.department-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 12px}.department-card ul{list-style:none;margin:0;padding:0}.department-card ul li{color:var(--text-secondary);font-size:14px;line-height:1.8;padding-left:20px;position:relative}.department-card ul li:before{color:var(--primary);content:"▸";font-weight:700;left:0;position:absolute}@media (max-width:900px){.department-container{padding:32px 16px}.department-header h1{font-size:28px}.department-content{gap:20px;grid-template-columns:1fr}}@media (max-width:600px){.department-header h1{font-size:24px}.department-description{font-size:14px}.department-card{padding:20px}}:root{--primary:#c00;--primary-dark:#a30000;--primary-light:#f33;--secondary:#333;--accent:#2196f3;--success:#4caf50;--warning:#ff9800;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-glass:#ffffffd9;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-glow:0 0 20px #cc000026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.App,.loading-screen{min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e8e8e8);background:linear-gradient(135deg,var(--bg-primary) 0,#e8e8e8 100%);color:#666;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center}.loading-screen:after{animation:spin .8s linear infinite;border:2px solid #c00;border:2px solid var(--primary);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}button{cursor:pointer;font-family:inherit;transition:all .25s ease;transition:all var(--transition-normal)}button:active{transform:scale(.97)}input,select,textarea{font-family:inherit;transition:all .25s ease;transition:all var(--transition-normal)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #cc000026;outline:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c00;background:var(--primary)}::selection{background:#c003;color:#1a1a1a;color:var(--text-primary)}
/*# sourceMappingURL=main.badebf98.css.map*/