:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#10b981;--secondary-dark:#059669;--accent:#f59e0b;--danger:#ef4444;--danger-dark:#dc2626;--warning:#f59e0b;--success:#22c55e;--info:#3b82f6;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#f1f5f9;--bg-input:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-radius:12px;--border-radius-sm:8px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--transition:all .3s ease;--sidebar-width:240px;--header-height:70px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#334155;--bg-input:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:var(--transition);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:1100;height:100vh;transition:var(--transition);box-shadow:var(--shadow-md);padding:20px 0;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-overlay{z-index:1090;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition);background:#0f172a80;position:fixed;inset:0}[data-theme=dark] .sidebar{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%)}.desktop-sidebar-hidden .sidebar{transform:translate(-100%)}.desktop-sidebar-hidden .main-wrapper{margin-left:0}.navbar-sidebar-toggle{cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition);background:0 0;border:none;align-items:center;margin-left:-12px;padding:4px 12px;display:flex}.navbar-sidebar-toggle:hover{background:#6366f11a}.sidebar-brand{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding:0 16px 24px}.sidebar-brand h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.sidebar-brand span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.sidebar-nav{padding:0 10px}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px;padding:0 12px;font-size:.7rem}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--primary);background:#6366f11a}.nav-link.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;box-shadow:var(--shadow-md)}.nav-icon{justify-content:center;align-items:center;width:24px;font-size:1.2rem;display:flex}.collapse-menu{padding-left:12px;transition:max-height .3s ease-out;overflow:hidden}.collapse-menu .nav-link{color:var(--text-muted);padding:10px 16px;font-size:.85rem;background:0 0!important}.collapse-menu .nav-link:hover{color:var(--primary);background:#6366f10d!important}.collapse-menu .nav-link.active{color:var(--primary);box-shadow:none;font-weight:600;background:#6366f11a!important}.master-badge{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.6rem}.mobile-only-nav{display:none}@media (max-width:1024px){.mobile-only-nav{border-top:1px dashed var(--border-color);margin-top:20px;padding-top:20px;display:block}.sidebar-profile-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;margin:12px;padding:12px;display:flex}.avatar-sm{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.profile-details{flex-direction:column;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.profile-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}}.main-content{background:var(--bg-primary);transition:var(--transition);flex-direction:column;flex:1;padding:10px;display:flex;overflow:auto}@media (max-width:767px){.main-content{-webkit-overflow-scrolling:touch;padding-bottom:80px;overflow-y:auto}.user-layout .main-content{padding:0 0 80px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}@media (max-width:767px){.page-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}}.page-title{color:var(--text-primary);font-size:1.75rem;font-weight:700}@media (max-width:767px){.page-title{font-size:1.4rem}}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:.9rem}@media (max-width:767px){.page-subtitle{font-size:.8rem}}.card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);padding:24px}@media (max-width:767px){.card{border-radius:10px;padding:0}}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}@media (max-width:767px){.card-header{flex-direction:column;align-items:stretch;gap:12px}}.card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.stats-grid,.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.dashboard-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:1024px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.stats-grid,.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.dashboard-grid-3{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.stats-grid,.dashboard-stats-grid{grid-template-columns:1fr;gap:8px}}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{width:48px;height:48px;color:var(--primary);background:#6366f11a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.5rem;display:flex}.stat-card.warning .stat-icon{color:var(--warning);background:#f59e0b1a}.stat-card.success .stat-icon{color:var(--success);background:#22c55e1a}.stat-card.info .stat-icon{color:var(--info);background:#3b82f61a}.stat-card.primary .stat-icon{color:var(--primary);background:#6366f11a}.stat-card.danger .stat-icon{color:var(--danger);background:#ef44441a}.stat-value{color:var(--text-primary);margin-bottom:4px;font-size:2rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.875rem}@media (max-width:767px){.stat-card{border-radius:16px;flex-direction:column;justify-content:center;min-height:140px;padding:24px 20px;display:flex}.stat-value{font-size:2.2rem;font-weight:800}.stat-label{font-size:.95rem;font-weight:500}.stat-icon{border-radius:14px;width:52px;height:52px;margin-bottom:16px;font-size:1.5rem}}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:linear-gradient(135deg,var(--danger)0%,var(--danger-dark)100%);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success)0%,var(--secondary-dark)100%);color:#fff}.table-container{border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}thead,[data-theme=dark] thead{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%)}th{text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;background:0 0;padding:16px 20px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 20px}tbody tr{transition:var(--transition);background:var(--bg-secondary)}tbody tr:hover td{background:#f8fafc!important}[data-theme=dark] tbody tr:hover td{background:var(--bg-card)!important}tbody tr:last-child td{border-bottom:none}tbody tr:nth-child(2n){background:#fbfcfd}[data-theme=dark] tbody tr:nth-child(2n){background:var(--bg-card)}tbody tr:nth-child(2n):hover{background:#6366f114}[data-theme=dark] tbody tr:nth-child(2n):hover{background:var(--bg-card)}.form-group{margin-bottom:24px}.form-label{color:var(--text-primary);letter-spacing:.025em;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-control{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-sm);padding:14px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f126}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}textarea.form-control{resize:vertical;min-height:120px}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.form-text{color:var(--text-muted);margin-top:6px;font-size:.8rem}.form-required{color:var(--danger);margin-left:2px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#16a34a;background:#22c55e26}[data-theme=dark] .badge-success{color:var(--success);background:#22c55e33}.badge-warning{color:#d97706;background:#f59e0b26}[data-theme=dark] .badge-warning{color:var(--warning);background:#f59e0b33}.badge-danger{color:#dc2626;background:#ef444426}[data-theme=dark] .badge-danger{color:var(--danger);background:#ef444433}.badge-info{color:#2563eb;background:#3b82f626}[data-theme=dark] .badge-info{color:var(--info);background:#3b82f633}.badge-hold{color:#64748b;background:#94a3b826}[data-theme=dark] .badge-hold{color:var(--text-secondary);background:#94a3b833}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .modal-overlay{background:#0f172ad9}.modal{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;display:flex}.modal-header-premium{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-icon-box{color:#3b82f6;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-title-main{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.modal-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem}.form-section{margin-bottom:12px}.form-section-header{border-bottom:1px dashed #e2e8f0;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;display:flex}.form-label-premium{color:#334155;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}[data-theme=dark] .form-label-premium{color:var(--text-secondary)}@keyframes pulse-red{0%,to{border-color:#ef4444;box-shadow:0 0 #ef444466}50%{border-color:#fca5a5;box-shadow:0 0 0 4px #ef44441a}}.anim-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-red}.document-upload-btn{color:#64748b;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;height:38px;padding:6px 16px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.document-upload-btn:hover{color:#3b82f6;background:#f0f9ff;border-color:#3b82f6}.document-upload-btn.uploaded{color:#16a34a;background:#f0fdf4;border:2px solid #22c55e}.document-upload-btn.uploading{background:#f8fafc;border-color:#3b82f6}.transaction-item-block{transition:all .3s cubic-bezier(.4,0,.2,1)}.transaction-item-block:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.item-index-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 2px 4px #0000001a}.trash-btn-premium{color:#ef4444;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.trash-btn-premium:hover{background:#fef2f2;transform:scale(1.1)}.form-control-premium:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.form-control-premium.border-danger{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2.5rem;border-color:#ef4444!important}.form-control-premium:read-only{color:#94a3b8;cursor:not-allowed;background-color:#f8fafc}.form-control-premium::placeholder{color:#94a3b8;font-size:.875rem}select.form-control-premium{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:60px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.status-card{background:var(--bg-secondary);border-radius:var(--border-radius-sm);text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);padding:20px}.status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.status-card.pending{border-left:4px solid var(--warning)}.status-card.done{border-left:4px solid var(--success)}.status-card.hold{border-left:4px solid var(--text-muted)}.status-count{color:var(--text-primary);font-size:1.75rem;font-weight:700}.status-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.actions{gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{margin-bottom:16px;font-size:3rem}.empty-state-title{color:var(--text-secondary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.alert{border-radius:var(--border-radius-sm);align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.alert-success{border:1px solid var(--success);color:#16a34a;background:#22c55e1a}[data-theme=dark] .alert-success{color:var(--success)}.alert-error{border:1px solid var(--danger);color:#dc2626;background:#ef44441a}[data-theme=dark] .alert-error{color:var(--danger)}.theme-toggle{background:var(--border-color);cursor:pointer;width:56px;height:28px;transition:var(--transition);border:none;border-radius:14px;padding:2px;position:relative}.theme-toggle:after{content:"☀️";background:var(--bg-secondary);width:24px;height:24px;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;left:2px;transform:translateY(-50%)}[data-theme=dark] .theme-toggle{background:var(--primary)}[data-theme=dark] .theme-toggle:after{content:"🌙";left:calc(100% - 26px)}.header-bar{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:24px;display:flex}.theme-toggle-wrapper{background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:flex}.theme-toggle-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.nav-item-link{color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item-link:hover{color:var(--primary);background:#6366f114}.nav-item-link.active{color:var(--primary);background:#6366f11a;font-weight:600}.nav-dropdown-wrapper{margin-bottom:-10px;padding-bottom:10px;position:relative}.nav-dropdown-content{background:var(--bg-secondary);border:1px solid var(--border-color);min-width:220px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;margin-top:0;padding:8px;animation:.2s navFadeIn;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-dropdown-content:before{content:"";background:0 0;height:15px;position:absolute;top:-15px;left:0;right:0}.nav-dropdown-wrapper:hover .nav-dropdown-content,.nav-dropdown-wrapper.open .nav-dropdown-content{display:block}.nav-dropdown-item{color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.nav-dropdown-item:hover{color:var(--primary);background:#6366f114}.nav-dropdown-item.active{color:var(--primary);background:#6366f11a;font-weight:600}.op-50{opacity:.5}@keyframes navFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar-desktop-menu{justify-content:flex-end;align-items:center;gap:4px;display:none}.navbar-desktop-logo{display:none}.navbar-mobile-toggle{display:flex!important}@media (min-width:1025px){.navbar-desktop-menu,.navbar-desktop-logo{display:flex}.navbar-mobile-toggle{display:none!important}.sidebar{display:none}.main-wrapper{margin-left:0!important}.navbar-sidebar-toggle{display:none!important}}.profile-btn-premium{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:40px;padding:4px 12px 4px 4px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.profile-btn-premium:hover{border-color:var(--primary);background:#f8fafc;box-shadow:0 4px 6px #0000000d}.avatar-navbar-premium{background:#eff6ff;border-radius:8px;flex-shrink:0;width:36px;height:36px}.profile-info-premium{flex-direction:column;align-items:flex-start;max-width:140px;line-height:1.2;display:flex}.profile-name-premium{color:#1e293b;font-size:.8rem;font-weight:700}.profile-role-premium{color:#64748b;font-size:.65rem}.profile-menu-premium{z-index:1000;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;width:260px;animation:.3s cubic-bezier(.16,1,.3,1) profileFadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.profile-menu-header-premium{background:linear-gradient(#6366f108 0%,#fff 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:15px;padding:24px 20px;display:flex}.avatar-lg-premium{background:#eff6ff;border:2px solid #fff;border-radius:14px;flex-shrink:0;width:52px;height:52px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.profile-menu-info-premium{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-menu-name-premium{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.profile-menu-role-premium{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.profile-menu-item-premium{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:calc(100% - 16px);margin:4px 8px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-menu-item-premium:hover{color:var(--primary);background:#f8fafc;transform:translate(4px)}.profile-menu-item-premium.logout:hover{color:#e11d48;background:#fff1f2}.profile-menu-item-premium svg{opacity:.8}.profile-menu-item-premium:hover svg{opacity:1}.rotate-180{transform:rotate(180deg)}@media (max-width:1024px){.desktop-only-profile{display:none!important}.sidebar{border-right:3px solid var(--primary);z-index:1100;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 30px #6366f133}.main-wrapper{margin-left:0}.mobile-menu-btn{display:block}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.stats-grid,.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dashboard-grid-3{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.table-container{font-size:.8rem}th,td{padding:12px 14px}}.mobile-menu-btn{color:#fff;cursor:pointer;z-index:99;background:#6366f1;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:none;position:fixed;inset:15px auto auto 15px;box-shadow:0 4px 6px #0000001a}@media (max-width:1024px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px;display:grid}.summary-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.summary-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.summary-title{color:var(--text-primary);font-size:1rem;font-weight:600}.summary-body{padding:0}.summary-item-label{color:var(--text-secondary);font-size:.9rem}.summary-item-value{color:var(--text-primary);font-weight:600}.input-group{align-items:stretch;display:flex}.input-group .form-control{border-radius:var(--border-radius-sm)0 0 var(--border-radius-sm)}.input-group-append{display:flex}.input-group-append .btn{border-radius:0 var(--border-radius-sm)var(--border-radius-sm)0}.search-input{position:relative}.search-input .form-control{padding-left:44px}.search-input:before{content:"🔍";z-index:1;font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.filter-bar{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px;display:flex}.filter-bar .form-group{flex:1;min-width:200px;margin-bottom:0}.tab-nav{border-bottom:2px solid var(--border-color);gap:0;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:12px 24px;font-weight:500;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:8px;font-weight:500}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--bg-card);color:var(--text-primary);border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-md);z-index:100;padding:8px 12px;font-size:.8rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1;visibility:visible}.progress{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);height:100%;transition:width .5s}.progress-bar.success{background:linear-gradient(135deg,var(--success)0%,var(--secondary-dark)100%)}.progress-bar.warning{background:linear-gradient(135deg,var(--warning)0%,#d97706 100%)}.progress-bar.danger{background:linear-gradient(135deg,var(--danger)0%,var(--danger-dark)100%)}.chip{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.chip-close{background:var(--text-muted);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.avatar{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.avatar-sm{width:32px;height:32px;font-size:.8rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.dropdown{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition);z-index:100;position:absolute;top:100%;right:0;transform:translateY(10px)}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown-item{color:var(--text-secondary);transition:var(--transition);padding:10px 16px;text-decoration:none;display:block}.dropdown-item:hover{background:var(--bg-card);color:var(--text-primary)}.divider{background:var(--border-color);height:1px;margin:16px 0}.list-group{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.list-group-item{border-bottom:1px solid var(--border-color);transition:var(--transition);align-items:center;gap:12px;padding:16px 20px;display:flex}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background:var(--bg-card)}.accordion{border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{background:var(--bg-secondary);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:500;display:flex}.accordion-header:hover{background:var(--bg-card)}.accordion-body{background:var(--bg-primary);color:var(--text-secondary);padding:16px 20px}.table-sticky thead{z-index:10;position:sticky;top:0}@media (max-width:768px){.actions{flex-direction:column;gap:4px}.actions .btn{justify-content:center;width:100%}}@media print{.sidebar,.mobile-menu-btn,.theme-toggle-wrapper,.btn{display:none!important}.main-content{margin-left:0!important}body{background:#fff!important}}.main-wrapper{margin-left:var(--sidebar-width);height:100vh;transition:var(--transition);flex-direction:column;flex:1;display:flex;overflow:hidden}.navbar{z-index:1030;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}[data-theme=dark] .navbar{background:#1e293bf2}.navbar-left{align-items:center;gap:16px;display:flex}.navbar-search{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);font-size:.9rem;position:absolute;left:14px}.navbar-search-input{border:2px solid var(--border-color);background:var(--bg-input);width:280px;color:var(--text-primary);transition:var(--transition);border-radius:25px;padding:10px 16px 10px 42px;font-size:.9rem}.navbar-search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f11a}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-center{justify-content:center;align-items:center;display:flex}.navbar-right{align-items:center;gap:12px;display:flex}.navbar-icon-btn{border:1px solid var(--border-color);background:var(--bg-input);cursor:pointer;width:42px;height:42px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.navbar-icon-btn:hover{background:var(--bg-card);border-color:var(--primary);transform:translateY(-2px)}.navbar-icon-btn .icon{font-size:1.1rem}.notification-badge{background:linear-gradient(135deg,var(--danger)0%,var(--danger-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.theme-btn{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%)}.theme-btn:hover{background:linear-gradient(135deg,var(--primary-light)0%,var(--primary)100%)}.profile-dropdown{position:relative}.profile-btn{border:1px solid var(--border-color);background:var(--bg-input);cursor:pointer;transition:var(--transition);border-radius:50px;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex}.profile-btn:hover{background:var(--bg-card);border-color:var(--primary)}.avatar-navbar{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:600;display:flex}.profile-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.profile-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2}.profile-role{color:var(--text-muted);font-size:.75rem}.dropdown-arrow{color:var(--text-muted);margin-left:4px;font-size:.6rem}.profile-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);min-width:280px;box-shadow:var(--shadow-lg);z-index:1040;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;align-items:center;gap:12px;padding:16px;display:flex}.profile-menu-header.guest{background:var(--bg-card);color:var(--text-primary)}.avatar-lg{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.avatar-lg.guest{background:var(--border-color);color:var(--text-muted)}.profile-menu-name{font-size:1rem;font-weight:600}.profile-menu-email{opacity:.8;font-size:.8rem}.profile-menu-divider{background:var(--border-color);height:1px}.profile-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;text-decoration:none;display:flex}.profile-menu-item:hover{background:var(--bg-card);color:var(--text-primary)}.menu-icon{text-align:center;width:20px;font-size:1rem}.logout-btn:hover{color:var(--danger);background:#ef44441a}.login-btn:hover{color:var(--primary);background:#6366f11a}.brand-logo{align-items:center;gap:8px;height:30px;display:flex}.logo-icon,.logo-icon-bg{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-text h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:700}.brand-text span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.nav-text{flex:1}.master-section{border-top:1px solid var(--border-color);margin-top:auto;padding-top:16px}.master-section .nav-section-title{justify-content:space-between;align-items:center;display:flex}.master-badge{background:linear-gradient(135deg,var(--warning)0%,#d97706 100%);color:#fff;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:.6rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:16px 20px}.sidebar-footer-content{justify-content:space-between;align-items:center;display:flex}.footer-version{color:var(--text-muted);background:var(--bg-card);border-radius:4px;padding:4px 8px;font-size:.75rem}.footer-copyright{color:var(--text-muted);font-size:.7rem}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.sidebar{flex-direction:column;display:flex}.sidebar-nav{flex-direction:column;flex:1;display:flex;overflow-y:auto}.pagination-container{background:#fff;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:16px 20px;display:flex;overflow-x:hidden}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-info strong{color:var(--text-primary);font-weight:600}.pagination{flex-wrap:nowrap;justify-content:center;gap:4px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled):not(.ellipsis){border-color:var(--primary);color:var(--primary);background:#6366f10d}.page-btn.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.ellipsis{cursor:default;color:var(--text-muted);background:0 0;border:none}.page-btn.page-nav{color:var(--primary);background:#f8fafc;border-color:#e2e8f0}.page-btn.page-nav:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn.page-nav:disabled{color:#cbd5e1;background:#f1f5f9;border-color:#e2e8f0}@media (min-width:992px){.premium-header-teal{background-color:var(--primary)!important;color:#fff!important}.premium-header-teal th{letter-spacing:.6px;background-color:var(--primary)!important;color:#fff!important;text-transform:uppercase!important;vertical-align:middle!important;border:none!important;padding:15px 20px!important;font-size:.8rem!important;font-weight:700!important}.premium-header-teal tr:first-child th:first-child{border-top-left-radius:12px!important}.premium-header-teal tr:first-child th:last-child{border-top-right-radius:12px!important}}.table-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.table-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.table-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:600;display:flex}.table-title-icon{font-size:1.25rem}.table-actions{align-items:center;gap:12px;display:flex}.table-search{position:relative}.table-search-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-input);width:200px;color:var(--text-primary);transition:var(--transition);padding:8px 12px 8px 36px;font-size:.85rem}.table-search-input:focus{border-color:var(--primary);outline:none;width:250px}.table-search-icon{color:var(--text-muted);font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stat-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);padding:24px;position:relative}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--primary-light)100%);width:100%;height:4px;position:absolute;top:0;left:0}.stat-card.warning:before{background:linear-gradient(90deg,var(--warning)0%,#fbbf24 100%)}.stat-card.success:before{background:linear-gradient(90deg,var(--success)0%,#4ade80 100%)}.stat-card.info:before{background:linear-gradient(90deg,var(--info)0%,#60a5fa 100%)}.stat-card.primary:before{background:linear-gradient(90deg,var(--primary)0%,var(--primary-light)100%)}.stat-card.danger:before{background:linear-gradient(90deg,var(--danger)0%,#f87171 100%)}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-icon{background:linear-gradient(135deg,#6366f126 0%,#6366f10d 100%);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f59e0b26 0%,#f59e0b0d 100%)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#22c55e26 0%,#22c55e0d 100%)}.stat-card.info .stat-icon{background:linear-gradient(135deg,#3b82f626 0%,#3b82f60d 100%)}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#6366f126 0%,#6366f10d 100%)}.stat-card.danger .stat-icon{background:linear-gradient(135deg,#ef444426 0%,#ef44440d 100%)}.stat-trend{border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;display:flex}.stat-trend.up{color:var(--success);background:#22c55e1a}.stat-trend.down{color:var(--danger);background:#ef44441a}.stat-value{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d}.btn-success{background:linear-gradient(135deg,var(--success)0%,var(--secondary-dark)100%);color:#fff;box-shadow:0 4px 14px #22c55e59}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e73}.btn-danger{background:linear-gradient(135deg,var(--danger)0%,var(--danger-dark)100%);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444473}.btn-warning{background:linear-gradient(135deg,var(--warning)0%,#d97706 100%);color:#fff;box-shadow:0 4px 14px #f59e0b59}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:16px 32px;font-size:1rem}.btn-icon{border-radius:10px;width:40px;height:40px;padding:0}.btn-icon.sm{border-radius:8px;width:32px;height:32px}.btn-action-view{cursor:pointer;transition:all .2s;color:#16a34a!important;background-color:#f0fdf4!important;border:1px solid #dcfce7!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.btn-action-view:hover{transform:translateY(-2px);color:#16a34a!important;background-color:#dcfce7!important}.btn-action-edit{cursor:pointer;transition:all .2s;color:#2563eb!important;background-color:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.btn-action-edit:hover{transform:translateY(-2px);color:#2563eb!important;background-color:#dbeafe!important}.btn-action-delete{cursor:pointer;transition:all .2s;color:#dc2626!important;background-color:#fef2f2!important;border:1px solid #fee2e2!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.btn-action-delete:hover{transform:translateY(-2px);color:#dc2626!important;background-color:#fee2e2!important}.btn-action-add{cursor:pointer;transition:all .2s;color:#3f34df!important;background-color:#eff6ff!important;border:1px solid #eff6ff!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.btn-action-add:hover{transform:translateY(-2px);color:#3f34df!important;background-color:#eff6ff!important}.btn-action-done{cursor:pointer;transition:all .2s;color:#2dad2d!important;background-color:#d4f3d4!important;border:1px solid #d4f3d4!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;padding:0!important;display:flex!important}.btn-action-done:hover{transform:translateY(-2px);color:#228a22!important;background-color:#b6ebb6!important}.main-content{background:var(--bg-primary);flex:1;margin-left:0}@media (max-width:1024px){.main-wrapper{margin-left:0}.navbar-search-input{width:200px}.profile-info{display:none}.profile-btn{border-radius:50%;padding:6px}}@media (max-width:768px){.navbar{padding:12px 16px}.navbar-search{display:none}.profile-menu{min-width:260px;right:-60px}.pagination-container{flex-direction:column;align-items:center}.page-btn{min-width:34px;height:34px}}.form-floating{position:relative}.form-floating .form-control{padding-top:28px;padding-bottom:8px}.form-floating label{color:var(--text-muted);transition:var(--transition);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label{color:var(--primary);font-size:.75rem;top:12px}.form-check{cursor:pointer;align-items:center;gap:10px;display:flex}.form-check-input{border:2px solid var(--border-color);cursor:pointer;width:20px;height:20px;transition:var(--transition);border-radius:4px}.form-check-input:checked{background:var(--primary);border-color:var(--primary)}.form-check-label{color:var(--text-secondary);cursor:pointer;font-size:.9rem}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--border-color)50%,var(--bg-card)75%);border-radius:var(--border-radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{width:60%;height:24px;margin-bottom:16px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stagger-animation>*{opacity:0;animation:.4s forwards fadeIn}.stagger-animation>:first-child{animation-delay:50ms}.stagger-animation>:nth-child(2){animation-delay:.1s}.stagger-animation>:nth-child(3){animation-delay:.15s}.stagger-animation>:nth-child(4){animation-delay:.2s}.stagger-animation>:nth-child(5){animation-delay:.25s}.stagger-animation>:nth-child(6){animation-delay:.3s}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#1e293bb3;border:1px solid #ffffff1a}.auth-container{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)50%,var(--secondary)100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .auth-container{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%)}.auth-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.auth-decoration-circle{background:#ffffff1a;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.auth-decoration-circle.circle-1{width:400px;height:400px;top:-200px;right:-200px}.auth-decoration-circle.circle-2{width:300px;height:300px;animation-delay:3s;bottom:-150px;left:-150px}.auth-decoration-circle.circle-3{width:200px;height:200px;animation-delay:6s;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1;border-radius:24px;width:100%;max-width:480px;padding:48px 40px;position:relative;box-shadow:0 20px 60px #0000004d}.auth-card-large{max-width:600px}.auth-header{text-align:center;margin-bottom:36px}.auth-logo{margin-bottom:24px}.auth-logo-icon{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:inline-flex}.auth-logo h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.75rem;font-weight:700}.auth-logo p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.auth-title{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-muted);font-size:.95rem}.auth-form{margin-top:32px}.auth-form .form-label{align-items:center;gap:6px;margin-bottom:10px;display:flex}.password-input-wrapper{position:relative}.password-toggle{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary);background:var(--bg-card)}.auth-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.auth-link{color:var(--text-muted);transition:var(--transition);font-size:.9rem;text-decoration:none}.auth-link:hover{color:var(--primary);text-decoration:underline}.auth-link-primary{color:var(--primary);transition:var(--transition);font-weight:600;text-decoration:none}.btn-block{width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600}.auth-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:32px;padding-top:24px}.auth-footer p{color:var(--text-secondary);font-size:.95rem}.stat-card{align-items:center;gap:20px;display:flex}.stat-icon.primary{color:var(--primary);background:#6366f126}.stat-icon.info{color:var(--info);background:#3b82f626}.stat-icon.success{color:var(--success);background:#22c55e26}.stat-icon.warning{color:var(--warning);background:#f59e0b26}.status-icon{opacity:.7;margin-bottom:12px}.status-card.pending .status-icon{color:var(--warning)}.status-card.done .status-icon{color:var(--success)}.status-card.hold .status-icon{color:var(--text-muted)}.auth-page{background:linear-gradient(135deg,#1e1e2e 0%,#2d1b4e 50%,#1a1a2e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle at 20% 80%,#6366f126 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0%,#0000 50%),radial-gradient(circle,#10b9811a 0%,#0000 70%);width:200%;height:200%;animation:15s ease-in-out infinite authBgPulse;position:absolute;top:-50%;left:-50%}@keyframes authBgPulse{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5%,5%)scale(1.1)}}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#1e1e2ecc;border-radius:24px;grid-template-columns:1fr 1fr;align-items:stretch;width:100%;max-width:1100px;min-height:750px;animation:.6s ease-out authContainerSlide;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a}@keyframes authContainerSlide{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-branding{background:linear-gradient(145deg,var(--primary)0%,#4338ca 50%,#6d28d9 100%);flex-direction:column;justify-content:space-between;height:100%;padding:48px;display:flex;position:relative;overflow:hidden}.auth-branding:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.auth-branding-content{z-index:1;position:relative}.auth-logo{align-items:center;gap:12px;margin-bottom:48px;display:flex}.auth-logo-icon{filter:drop-shadow(0 4px 6px #0003);font-size:2.5rem}.auth-logo h1{color:#fff;letter-spacing:-.5px;font-size:2rem;font-weight:800}.auth-branding-title{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:700;line-height:1.3}.auth-branding-text{color:#ffffffd9;margin-bottom:40px;font-size:1rem;line-height:1.7}.auth-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-feature{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.auth-feature:hover{background:#ffffff40;transform:translateY(-2px)}.auth-feature-icon{font-size:1.25rem}.auth-branding-footer{z-index:1;position:relative}.auth-branding-footer p{color:#fff9;font-size:.85rem}.auth-form-container{background:var(--bg-secondary);justify-content:center;align-items:center;height:100%;padding:48px;display:flex}.auth-form-wrapper{width:100%;max-width:400px}.auth-form-header{text-align:center;margin-bottom:32px}.auth-form-header h2{color:var(--text-primary);margin-bottom:8px;font-size:1.75rem;font-weight:700}.auth-form-header p{color:var(--text-muted);font-size:.95rem}.auth-alert{border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:.9rem;animation:.3s ease-out authAlertSlide;display:flex}@keyframes authAlertSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.auth-alert-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d}.auth-alert-icon{font-size:1.1rem}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.auth-form-group{flex-direction:column;gap:8px;display:flex}.auth-label{color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.auth-label-icon{opacity:.8;font-size:1rem}.auth-input-wrapper{position:relative}.auth-input{background:var(--bg-input);border:2px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .3s}.auth-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f126}.auth-input::placeholder{color:var(--text-muted)}.auth-input-error{border-color:var(--danger)!important}.auth-input-password .auth-input{padding-right:48px}.auth-password-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:opacity .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-password-toggle:hover{opacity:1}.auth-error{color:var(--danger);margin-top:4px;font-size:.8rem}.auth-form-options{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.auth-checkbox{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.auth-checkbox input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.auth-link{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--primary-light)}.auth-link-primary{color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s}.auth-link-primary:hover{color:var(--primary-light);text-decoration:underline}.auth-submit-btn{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #6366f166}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-divider span{color:var(--text-muted);font-size:.85rem;font-weight:500}.auth-form-footer{text-align:center;color:var(--text-muted);font-size:.95rem}.auth-demo-credentials{color:var(--text-secondary);background:#6366f11a;border:1px solid #6366f133;border-radius:12px;margin-top:24px;padding:16px;font-size:.85rem}.auth-demo-credentials p{margin:4px 0}.auth-demo-credentials code{color:var(--primary);background:#6366f126;border-radius:4px;padding:2px 8px;font-family:monospace}.loading-screen{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner-lg{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.profile-menu-role{color:var(--primary);background:#6366f11a;border-radius:8px;align-items:center;gap:8px;margin:8px 12px;padding:10px 16px;font-size:.85rem;display:flex}.role-icon{font-size:1rem}@media (max-width:900px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-branding{display:none}.auth-form-container{padding:32px 24px}}@media (max-width:480px){.auth-page{padding:16px}.auth-container{border-radius:20px}.auth-form-container{padding:24px 20px}.auth-form-row{grid-template-columns:1fr}.auth-form-options{flex-direction:column;align-items:flex-start;gap:12px}}[data-theme=dark] .auth-form-container{background:var(--bg-secondary)}[data-theme=dark] .auth-input{background:var(--bg-input)}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:8px;display:grid}@media (max-width:767px){.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{padding:16px 12px}}@media (max-width:480px){.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.quick-action-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;text-decoration:none;transition:all .3s;display:flex}.quick-action-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);background:#6366f10d;transform:translateY(-4px)}.quick-action-icon{margin-bottom:12px;font-size:2rem}.quick-action-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.stat-card{align-items:flex-start;gap:16px;display:flex;position:relative}.stat-content{flex:1}.stat-trend{opacity:.3;font-size:1.5rem;position:absolute;top:16px;right:16px}.stat-card .stat-icon svg{width:24px;height:24px}.stat-card .stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.animate-fadeIn{animation:.5s ease-out fadeIn}.animate-scaleIn{animation:.3s ease-out scaleIn}.summary-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item-label{color:var(--text-secondary);align-items:center;font-size:.9rem;display:flex}.summary-item-value{color:var(--text-primary);font-size:1rem;font-weight:700}.summary-item-value.positive{color:var(--success)}.summary-item-value.negative{color:var(--danger)}.mobile-menu-btn{background:var(--primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-lg);z-index:1000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:none;position:fixed;bottom:24px;right:24px}@media (max-width:768px){.mobile-menu-btn{display:flex}}.fade-in{animation:.4s ease-out fadeIn}.modal-lg{max-width:900px}.form-section{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:20px;padding:12px 16px}.section-title{color:var(--primary);border-bottom:1px dashed var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1rem;font-weight:600;display:flex}.form-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.form-grid-6{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}@media (max-width:1400px){.form-grid-6{grid-template-columns:repeat(5,1fr)}.form-grid-5{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.form-grid-6{grid-template-columns:repeat(4,1fr)}.form-grid-4,.form-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.form-grid,.form-grid-4,.form-grid-5,.form-grid-6{grid-template-columns:repeat(2,1fr)}.remarks-field-span{grid-column:span 2}}@media (max-width:768px){.form-grid-4,.form-grid-5,.form-grid-6{grid-template-columns:1fr}.remarks-field-span,.span-3,.span-2{grid-column:span 1}}.remarks-field-span,.span-3{grid-column:span 3}.span-2{grid-column:span 2}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;padding:1rem;position:fixed;inset:0;justify-content:center!important;align-items:center!important;display:flex!important}.modal{background:#fff;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header-premium{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:24px 24px 0 0;justify-content:space-between;align-items:flex-start;padding:12px 20px;display:flex}.modal-icon-box{color:#6366f1;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.modal-title-main{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.modal-subtitle{color:#64748b;margin-top:4px;font-size:.95rem}.form-label-premium{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700}.form-control-premium{color:#334155;background-color:#fff;background-clip:padding-box;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s ease-in-out;display:block}.form-control-premium:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 4px #6366f11a}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 24px 24px;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.ps-10{padding-left:2.5rem!important}@media (max-width:576px){.form-grid{grid-template-columns:1fr}}.full-width{grid-column:1/-1}.header-actions{align-items:center;gap:16px;display:flex}.search-bar{align-items:center;width:100%;display:flex;position:relative}.search-bar input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-primary);width:100%;max-width:300px;transition:var(--transition);padding:10px 16px 10px 40px;font-size:.9rem}@media (max-width:767px){.search-bar input{width:100%;max-width:100%}}.search-bar input:focus{border-color:var(--primary);outline:none;max-width:400px;box-shadow:0 0 0 4px #6366f11a}.search-icon{color:var(--text-muted);position:absolute;left:14px}.table-wrapper{border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-secondary);position:relative}[data-theme=dark] .table-wrapper{background:var(--bg-secondary)}[data-theme=dark] .flex-table-container{background:var(--bg-secondary);border-color:var(--border-color)}.table-responsive{overflow:auto}.table-sticky-header thead th{z-index:10;background:var(--bg-card);position:sticky;top:0}.logo-icon-bg{width:40px;height:40px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.brand-logo{align-items:center;gap:14px;display:flex}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.whitespace-nowrap{white-space:nowrap}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-bar{align-items:center;min-width:300px;display:flex;position:relative}.search-bar .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-bar input{border:1px solid var(--border-color);background:var(--bg-input);width:100%;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50px;padding:10px 16px 10px 42px;font-size:.9rem}.search-bar input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f11a}.bg-primary-light{background:#6366f11a}.page-fixed-layout{height:calc(100vh - var(--header-height) - 48px);flex-direction:column;display:flex;overflow:hidden}.flex-table-container{border-radius:var(--border-radius);border:1px solid var(--border-color);background:#fff;flex-direction:column;flex:1;margin-top:20px;display:flex;box-shadow:0 4px 20px #0000000d}@media (max-width:767px){.flex-table-container{overflow:visible}}.table-card-header{border-bottom:1px solid var(--border-color);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}@media (max-width:767px){.table-card-header{flex-direction:column;align-items:stretch;padding:16px}}.table-card-title{color:var(--text-primary);align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex}.table-card-title .icon-box{color:var(--primary);background:#f0f4ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.flex-table-responsive{background:0 0;flex:1;width:100%;overflow:auto}.flex-table-responsive table{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content!important}.table-sticky-header{margin-bottom:0}.table-sticky-header thead th{z-index:20;border:none;border-bottom:2px solid var(--border-color);white-space:nowrap;color:#64748b;text-align:left;letter-spacing:.05em;background:#f8fafc;padding:16px 20px;font-size:.75rem;font-weight:700;position:sticky;top:0}.table-sticky-header td{white-space:nowrap;vertical-align:middle;border:none;border-bottom:1px solid var(--border-color);color:#1e293b;background:#fff;padding:16px 20px;font-size:.875rem}.table-sticky-header tbody tr:hover td{background:#f8fafc!important}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:250px;display:block;overflow:hidden}.btn-icon.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-icon.btn-outline-primary:hover{background:var(--primary);color:#fff}.btn-edit{justify-content:center;align-items:center;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:38px!important;height:38px!important;display:flex!important;box-shadow:0 1px 3px #0000000d!important}.btn-edit:hover{color:#1e293b!important;background:#f8fafc!important;border-color:#cbd5e1!important}.btn-delete{justify-content:center;align-items:center;color:#fff!important;background:#ef4444!important;border:none!important;border-radius:10px!important;width:38px!important;height:38px!important;display:flex!important;box-shadow:0 4px 10px #ef444459!important}.btn-delete:hover{transform:translateY(-1px);background:#dc2626!important;box-shadow:0 6px 14px #ef444473!important}.actions{justify-content:center;gap:12px;padding:4px;display:flex}.table-date-cell{color:#64748b;align-items:center;gap:8px;font-size:.85rem;display:flex}.cards-grid{grid-template-columns:1fr;gap:16px;padding:16px 0;display:none;overflow-y:auto}.record-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);padding:16px}.record-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.record-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;display:flex}.record-card-title{color:var(--primary);font-size:1.1rem;font-weight:700}.record-card-body{grid-template-columns:1fr 1fr;gap:12px;display:grid}.record-card-item{flex-direction:column;display:flex}.record-card-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.75rem}.record-card-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.record-card-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;display:flex}.record-card-footer .btn{width:auto!important;height:36px!important;box-shadow:none!important;border-radius:8px!important;padding:6px 12px!important;font-size:.85rem!important}.record-card-footer .btn-edit{border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;background:0 0!important}.record-card-footer .btn-delete{border:1px solid var(--danger)!important;color:var(--danger)!important;background:0 0!important;width:36px!important;height:36px!important}[data-theme=dark] .record-card-footer .btn-edit{color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .table-container{background:var(--bg-secondary)}@media (max-width:992px){.flex-table-container{box-shadow:none;background:0 0;border:none}.table-card-header .search-bar{min-width:100%!important}.cards-grid{display:grid}.page-fixed-layout{height:auto!important;overflow:visible!important}}.flex-table-responsive::-webkit-scrollbar{width:8px;height:8px}.flex-table-responsive::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.flex-table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.flex-table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.file-input-hidden{display:none}.file-upload-wrapper{flex-direction:column;gap:8px;width:100%;display:flex}.file-upload-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-upload-controls label{cursor:pointer;margin-bottom:0}.file-upload-controls .btn{align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;display:inline-flex}.file-upload-controls .btn-sm{padding:6px 12px}.file-upload-controls .btn-info{background:linear-gradient(135deg,var(--info)0%,#2563eb 100%);color:#fff}.file-upload-controls .btn-info:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.file-name-display{color:var(--text-secondary);background:#6366f114;border:1px dashed #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;display:flex}.file-name-display span{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.file-name-display svg{color:var(--primary);flex-shrink:0}.btn-loading{pointer-events:none;opacity:.7}.spinner-sm{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}[data-theme=dark] .file-name-display{background:#6366f126;border-color:#6366f166}.file-link{color:var(--info);transition:var(--transition);background:#3b82f61a;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.file-link:hover{background:var(--info);color:#fff;transform:translateY(-1px)}.file-link svg{flex-shrink:0}.report-table{border-collapse:collapse;width:100%;font-size:.9rem}.report-table thead tr.report-header{background:var(--primary)}.report-table thead th{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:0 0;border:1px solid #d4d4d4;padding:12px 16px;font-size:.75rem;font-weight:600}.report-table tbody td{color:var(--text-primary);vertical-align:middle;border:1px solid #e2e8f0;padding:10px 16px}.report-table tbody tr{background:#fff}.report-table tbody tr:nth-child(2n){background:#f8fafc}.report-table tbody tr:hover{background:#f1f5f9}.report-table tfoot tr.report-footer{background:#f8fafc}.report-table tfoot td{border:1px solid #d4d4d4;padding:12px 16px;font-weight:600}[data-theme=dark] .report-table thead tr.report-header{background:linear-gradient(135deg,#854d0e 0%,#a16207 100%)}[data-theme=dark] .report-table thead th{color:#fef9c3;border-color:#78716c}[data-theme=dark] .report-table tbody td{border-color:var(--border-color)}[data-theme=dark] .report-table tbody tr{background:var(--bg-secondary)}[data-theme=dark] .report-table tbody tr:nth-child(2n){background:var(--bg-card)}[data-theme=dark] .report-table tbody tr:hover{background:#fef3c71a}[data-theme=dark] .report-table tfoot tr.report-footer{background:linear-gradient(135deg,#854d0e 0%,#a16207 100%)}[data-theme=dark] .report-table tfoot td{color:#fef9c3;border-color:#78716c}.dashboard-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1200px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.dashboard-grid-3{grid-template-columns:repeat(2,1fr);gap:12px}}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1024px){.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.form-grid-3{grid-template-columns:1fr}}.activity-list-container{max-height:600px;overflow-y:auto}.activity-item{border-bottom:1px solid var(--border-color);transition:var(--transition);align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--bg-primary)}.activity-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon-wrapper.bg-success-light{color:#16a34a;background:#dcfce7}.activity-icon-wrapper.bg-info-light{color:#2563eb;background:#dbeafe}.activity-icon-wrapper.bg-primary-light{color:#6366f1;background:#e0e7ff}.activity-icon-wrapper.bg-warning-light{color:#d97706;background:#fef3c7}.activity-icon-wrapper.bg-danger-light{color:#dc2626;background:#fee2e2}.activity-content{flex:1;min-width:0}.activity-description{color:var(--text-primary);margin-bottom:4px;font-weight:500}.activity-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.activity-timestamp{white-space:nowrap;color:var(--text-muted)}[data-theme=dark] .activity-item:hover{background:var(--bg-card)}[data-theme=dark] .activity-icon-wrapper.bg-success-light{background:#22c55e26}[data-theme=dark] .activity-icon-wrapper.bg-info-light{background:#3b82f626}[data-theme=dark] .activity-icon-wrapper.bg-primary-light{background:#6366f126}[data-theme=dark] .activity-icon-wrapper.bg-warning-light{background:#f59e0b26}[data-theme=dark] .activity-icon-wrapper.bg-danger-light{background:#ef444426}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.mb-6{margin-bottom:24px!important}[data-theme=dark] .table-card-header{border-bottom-color:var(--border-color)}[data-theme=dark] .table-card-title{color:var(--text-primary)}[data-theme=dark] .record-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .record-card-title{color:var(--primary-light)}[data-theme=dark] .record-card-value{color:var(--text-primary)}.hidden{display:none!important}@media (min-width:768px){.hidden.md\:block,.md\:block{display:block!important}}.md\:hidden{display:flex!important}@media (min-width:768px){.md\:hidden{display:none!important}}@media (max-width:767px){.card-body{max-height:none;overflow-y:auto}.main-content{overflow-y:auto}}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-1{gap:.25rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.mt-1{margin-top:.25rem}.bg-light\/30{background-color:#f8fafc4d}.bg-light\/20{background-color:#f8fafc33}.text-success{color:var(--success)}.mt-4{margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-dashed{border-style:dashed}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc}.bg-emerald-50{background-color:#ecfdf5}.border-emerald-100{border-color:#d1fae5}.border-emerald-200{border-color:#a7f3d0}.text-primary{color:var(--primary)}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-emerald-600{color:#059669}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.space-y-4>*+*{margin-top:1rem}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hover\:text-blue-600:hover{color:#2563eb}.hover\:text-red-600:hover{color:#dc2626}.hover\:bg-blue-50:hover{background-color:#eff6ff}.hover\:bg-red-50:hover{background-color:#fef2f2}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.cursor-pointer{cursor:pointer}.mx-auto{margin-left:auto;margin-right:auto}.max-w-xs{max-width:20rem}.text-center{text-align:center}.text-right{text-align:right}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.min-w-0{min-width:0}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.pb-3{padding-bottom:.75rem}.pt-3{padding-top:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.gap-y-2{row-gap:.5rem}.col-span-2{grid-column:span 2/span 2}.rounded{border-radius:.25rem}.border-none{border:none!important}.scale-90{transform:scale(.9)}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal.fade-in{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;animation:.3s ease-out modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;display:flex!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header-premium{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header-content{align-items:center;gap:16px;display:flex}.modal-icon-box{width:48px;height:48px;color:var(--primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000001a}.modal-title-main{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.modal-close:hover{color:#1e293b;background:#f1f5f9}.form-control-premium{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-control-premium:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f11a}.form-label-premium{color:#64748b;margin-bottom:8px;padding-left:4px;font-size:.875rem;font-weight:600;display:block}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:8px 12px}.form-section-header{border-bottom:1px dashed #e2e8f0;margin-bottom:12px;padding-bottom:8px}.form-section-title{color:#1e293b;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;display:flex}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.form-grid-5{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:991px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.form-grid-4{grid-template-columns:1fr}}.mobile-top-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:99;height:50px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.mobile-nav-toggle{margin-top:2px}.app-layout.sidebar-open .sticky-top{visibility:hidden}.app-layout.sidebar-open .mobile-top-nav{visibility:visible}.mobile-nav-toggle,.mobile-back-btn{color:var(--text-primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-nav-toggle:hover,.mobile-back-btn:hover{background:var(--bg-primary)}.mobile-nav-brand{align-items:center;gap:8px;font-size:1.1rem;display:flex}.mobile-only-nav{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px;display:none}@media (max-width:1024px){.mobile-only-nav{display:block}}.sidebar-profile-box{background:var(--bg-primary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.profile-details{flex-direction:column;display:flex;overflow:hidden}.profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.profile-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.logout-nav-link{color:var(--danger)!important}.logout-nav-link:hover{background:#ef44441a!important}@media (max-width:1024px){.app-layout{flex-direction:column}.main-wrapper{margin-top:0}.navbar{display:none!important}}.user-sidebar .logo-icon-bg.user-logo{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.user-sidebar .user-badge{text-transform:uppercase;letter-spacing:1px;color:#10b981;background:#10b9811a;border-radius:4px;margin-top:4px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.user-dashboard{min-height:100%}.user-dashboard .page-header{margin-bottom:24px}.user-dashboard .page-header-content h1{color:var(--text-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.user-dashboard .stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}@media (max-width:1200px){.user-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.user-dashboard .stats-grid{grid-template-columns:1fr}}.user-dashboard .stat-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.user-dashboard .stat-card:before{display:none}.user-dashboard .stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-dashboard .stat-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:0;display:flex}.user-dashboard .stat-content h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.user-dashboard .stat-content p{color:var(--text-muted);margin:0;font-size:.875rem}.tabs-container{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.tabs-nav{border-bottom:1px solid var(--border-color);background:var(--bg-card);scrollbar-width:none;display:flex;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 24px;font-size:.9rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--primary);background:#6366f10d}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:#6366f10d}@media (max-width:576px){.tab-btn{padding:12px 16px;font-size:.8rem}.tab-btn span:last-child{display:none}}.tab-content{padding:24px}@media (max-width:576px){.tab-content{padding:16px}}.loading-container{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state.small{padding:40px 20px}.empty-state.small svg{margin-bottom:12px}.user-dashboard .card{box-shadow:none;border:none;padding:0}.user-dashboard .card:hover{box-shadow:none;border:none}.user-dashboard .card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 0 16px;display:flex}.user-dashboard .card-header h3{color:var(--text-primary);align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.user-dashboard .card-body{padding:0}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.data-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-card);font-size:.75rem;font-weight:600}.data-table td{color:var(--text-primary);font-size:.9rem}.data-table tbody tr:hover{background:#6366f108}.action-buttons{gap:8px;display:flex}.work-form-container{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:24px;padding:24px}.work-form .form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.work-form .form-header h4{color:var(--text-primary);font-size:1rem;font-weight:600}.work-form .btn-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:4px}.work-form .btn-close:hover{background:var(--bg-primary);color:var(--text-primary)}.work-form .form-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (max-width:992px){.work-form .form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.work-form .form-grid{grid-template-columns:1fr}}.work-form .form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.work-form .form-actions{justify-content:flex-end;gap:12px;display:flex}.upload-form-container{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:32px;padding:24px}.upload-type-selector{gap:16px;margin-bottom:24px;display:flex}.upload-type-option{border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:var(--bg-secondary);flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px;display:flex}.upload-type-option input{display:none}.upload-type-option:hover{border-color:var(--primary)}.upload-type-option.active{border-color:var(--primary);color:var(--primary);background:#6366f10d}.upload-type-option svg{color:var(--text-muted)}.upload-type-option.active svg{color:var(--primary)}.upload-type-option span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.upload-type-option.active span{color:var(--primary)}.upload-dropzone{margin-bottom:20px;position:relative}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.dropzone-label{border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.dropzone-label:hover{border-color:var(--primary);background:#6366f108}.dropzone-label svg{color:var(--text-muted);margin-bottom:12px}.dropzone-label p{color:var(--text-secondary);margin:0 0 8px;font-size:.9rem}.uploads-list h4{color:var(--text-primary);border-top:1px solid var(--border-color);margin-bottom:16px;padding-top:16px;font-size:1rem;font-weight:600}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.upload-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);align-items:center;gap:16px;padding:16px;display:flex}.upload-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.upload-icon{width:48px;height:48px;color:var(--primary);background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-info{flex:1;min-width:0}.upload-info h5{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.9rem;font-weight:600;overflow:hidden}.upload-info p{color:var(--text-muted);margin:0;font-size:.75rem}.upload-date{color:var(--text-muted);font-size:.7rem}.upload-actions{gap:8px;display:flex}.alert{border-radius:var(--border-radius-sm);align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.9rem;font-weight:500;display:flex}.alert-success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.alert-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.btn-block{width:100%;display:flex}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.badge-primary{color:var(--primary);background:#6366f126}.badge-secondary{color:#475569;background:#64748b26}.d-flex{display:flex}.align-items-center{align-items:center}.gap-2{gap:8px}.btn-outline-primary{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary);color:#fff}.btn-outline-success{color:var(--success);border:1px solid var(--success);background:0 0}.btn-outline-success:hover{background:var(--success);color:#fff}.btn-outline-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-outline-danger:hover{background:var(--danger);color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media print{.no-print,.sidebar,.navbar,.mobile-top-nav,.mobile-back-btn,.modal-overlay,.btn,.no-print *{display:none!important}body,.main-content,.page-content,.card{box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.modal{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;display:block!important;position:static!important}.modal-overlay{background:#fff!important;position:static!important}}.mobile-app-view{display:none}@media (max-width:768px){.mobile-app-view{background:var(--bg-primary);min-height:100vh;padding-bottom:80px;display:block}}.mobile-app-header{background:linear-gradient(135deg,#2c2c2e 0%,#1c1c1e 100%);border-radius:0 0 24px 24px;margin-bottom:20px;padding:16px;box-shadow:0 4px 12px #0000001a}.mobile-app-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-app-logo{color:#fff;align-items:center;gap:8px;font-size:1.2rem;display:flex}.mobile-notification-btn,.mobile-profile-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.mobile-notification-btn:hover,.mobile-profile-btn:hover{background:#fff3;transform:scale(1.05)}.mobile-search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;align-items:center;padding:12px 16px;display:flex;position:relative}.mobile-search-bar .search-icon{color:#ffffffb3;flex-shrink:0;margin-right:12px}.mobile-search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:.95rem}.mobile-search-bar input::placeholder{color:#ffffff80}.mobile-stats-section{gap:12px;margin-bottom:24px;padding:0 16px;display:flex}.mobile-stat-card{color:#fff;border-radius:20px;flex:1;align-items:center;gap:12px;padding:16px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000026}.mobile-stat-card:active{transform:scale(.98)}.mobile-stat-icon{background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.mobile-stat-info{flex:1;min-width:0}.mobile-stat-label{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.75rem;font-weight:500;overflow:hidden}.mobile-stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.mobile-category-section{padding:0 16px}.mobile-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-section-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.mobile-menu-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1}.mobile-category-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (max-width:420px){.mobile-category-grid{grid-template-columns:repeat(3,1fr)}}.mobile-category-item{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:8px;transition:all .3s;display:flex}.mobile-category-item:active{background:#00000008;transform:scale(.95)}.mobile-category-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;box-shadow:0 4px 10px #00000026}.mobile-category-item:hover .mobile-category-icon{transform:translateY(-2px);box-shadow:0 6px 14px #0003}.mobile-category-name{color:var(--text-secondary);text-align:center;word-wrap:break-word;max-width:100%;font-size:.7rem;font-weight:500;line-height:1.2}.mobile-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;padding:8px 0 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:80px;padding:8px 16px;transition:all .3s;display:flex}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item span{font-size:.7rem;font-weight:500}.mobile-nav-item.active{color:#ffb800}.mobile-nav-item.active svg{filter:drop-shadow(0 2px 4px #ffb8004d)}@media (max-width:768px){.page-content.d-none.d-md-block,.mobile-app-view~* .mobile-top-nav{display:none!important}}[data-theme=dark] .mobile-app-header{background:linear-gradient(135deg,#1a1a1c 0%,#0a0a0b 100%)}[data-theme=dark] .mobile-bottom-nav{background:#1a1a1c;border-top-color:#2c2c2e}[data-theme=dark] .mobile-category-item:active{background:#ffffff0d}@media (max-width:768px){.mobile-top-nav.hide-on-dashboard{display:none!important}}.edge-to-edge-container{width:calc(100% + 40px);max-width:none;margin:-20px}@media (max-width:767px){.edge-to-edge-container{width:calc(100% + 32px);margin:-16px}}.sub-header{top:62px}@media (max-width:767px){.sub-header{top:60px}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-up{animation:.5s ease-out forwards slideUp}.animate-slide-in-right{animation:.4s ease-out forwards slideInRight}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.premium-header-purple{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)!important}.premium-header-purple th{color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:none!important;font-size:.8rem!important;font-weight:600!important}.premium-header-teal{color:#fff!important;background:linear-gradient(135deg,#20c997 0%,#0ca678 100%)!important}.premium-header-teal th{color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:none!important;font-size:.8rem!important;font-weight:600!important}