*{box-sizing:border-box;margin:0;padding:0}.auth-checking{color:#64748b;background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;font-size:14px;display:flex}body{color:#1f2937;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer;font-family:inherit}.login-page{background:radial-gradient(circle at 12% 18%,#3b82f63d,#0000 30%),radial-gradient(circle at 88% 82%,#8b5cf638,#0000 32%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#111827 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";filter:blur(25px);pointer-events:none;background:#3b82f617;border-radius:50%;width:500px;height:500px;position:absolute;top:-220px;right:-150px}.login-page:after{content:"";filter:blur(30px);pointer-events:none;background:#8b5cf617;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-220px;left:-140px}.login-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:520px;padding:52px;animation:.6s ease-out loginAppear;position:relative;box-shadow:0 30px 80px #00000073,0 0 0 1px #ffffff08}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#60a5fae6,#0000);width:76%;height:1px;position:absolute;top:0;left:12%}.login-card h1{text-align:center;letter-spacing:-.8px;color:#fff;text-shadow:0 0 25px #60a5fa33;margin:0 0 10px;font-size:32px;font-weight:750}.login-card>p{text-align:center;color:#94a3b8;letter-spacing:.2px;margin:0 0 38px;font-size:15px;font-weight:400}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card input{color:#f8fafc;background:#0206178c;border:1px solid #94a3b833;border-radius:11px;outline:none;width:100%;height:54px;padding:0 17px;font-family:inherit;font-size:15px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}.login-card input::placeholder{color:#64748b}.login-card input:hover{border-color:#94a3b859}.login-card input:focus{background:#020617bf;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61f,0 0 25px #3b82f614}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 55%,#7c3aed 100%);border:none;border-radius:11px;width:100%;height:54px;margin-top:8px;font-family:inherit;font-size:15px;font-weight:650;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 10px 25px #2563eb47}.login-card button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.65}.login-card button:disabled:hover{transform:none}.login-error{color:#fca5a5;background:#7f1d1d47;border:1px solid #f8717159;border-radius:11px;padding:13px 16px;font-size:14px;line-height:1.4;animation:.3s ease-out loginAppear}.login-card button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 15px 32px #2563eb61}.login-card button:active{transform:translateY(0);box-shadow:0 7px 16px #2563eb40}.login-options{justify-content:space-between;align-items:center;margin-top:-6px;font-size:13px;display:flex}.login-options a{color:#60a5fa;text-decoration:none;transition:color .2s,opacity .2s}.login-options a:hover{color:#93c5fd}.new-user{text-align:center;color:#64748b;border-top:1px solid #94a3b81f;margin-top:28px;padding-top:24px;font-size:13px}.new-user a{color:#60a5fa;margin-left:5px;font-weight:600;text-decoration:none;transition:color .2s}.new-user a:hover{color:#93c5fd}@keyframes loginAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.login-page{padding:20px}.login-card{border-radius:20px;max-width:100%;padding:42px 30px}.login-card h1{font-size:28px}.login-card>p{margin-bottom:30px}.login-card input,.login-card button{height:52px}}@media (width<=400px){.login-page{padding:14px}.login-card{padding:34px 22px}.login-card h1{font-size:25px}.login-card>p{font-size:13px}}.sidebar{color:#fff;box-sizing:border-box;z-index:100;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;width:250px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 30px #0f172a14}.logo{letter-spacing:-.3px;align-items:center;gap:11px;padding:8px 10px 28px;font-size:18px;font-weight:700;display:flex}.logo svg{color:#60a5fa}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav a{color:#94a3b8;cursor:pointer;border-radius:10px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.sidebar nav a svg{flex-shrink:0;width:19px;height:19px}.sidebar nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#2563ebf2,#4f46e5f2);box-shadow:0 8px 20px #2563eb38}.logout-button{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-top:auto;padding:12px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.logout-button:hover{color:#fca5a5;background:#ef44441f}.main-content{box-sizing:border-box;width:100%;min-height:100vh;margin-left:25px;padding:30px 800px 50px 0}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;padding:4px 0;display:flex}.topbar h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 7px;font-size:26px;font-weight:700}.topbar p{color:#64748b;margin:0;font-size:14px}.user-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:11px;padding:8px 12px;display:flex;box-shadow:0 4px 12px #0f172a0a}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex}.user-info strong{color:#1e293b;font-size:13px;display:block}.user-info small{color:#64748b;margin-top:2px;font-size:11px;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:15px;padding:21px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a0a}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a14}.stat-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-card span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.stat-card h2{color:#0f172a;margin:0;font-size:24px;font-weight:700}.section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:28px;padding:24px;box-shadow:0 5px 18px #0f172a09}.section>h2{color:#0f172a;margin:0 0 18px;font-size:18px;font-weight:700}.section-header p{color:#64748b;margin:0;font-size:13px}.quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.quick-actions button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:88px;padding:14px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,color .2s;display:flex}.quick-actions button svg{color:#2563eb}.quick-actions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-3px)}.employee-workload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.employee-workload-card{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:13px;padding:20px;transition:transform .2s,box-shadow .2s}.employee-workload-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a0f}.employee-workload-card strong{color:#0f172a;margin-bottom:14px;font-size:14px;display:block}.employee-workload-card span{color:#64748b;padding:5px 0;font-size:13px;display:block}.button-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button-group button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.button-group button:hover{background:#f8fafc;border-color:#bfdbfe;transform:translateY(-1px)}.button-group button:first-child{color:#fff;background:#2563eb;border-color:#2563eb}.button-group button:first-child:hover{background:#1d4ed8}.table-container{border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow-x:auto}.table-container table{border-collapse:collapse;width:100%;min-width:900px}.table-container td{color:#475569;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:12px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a99;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:95%;padding:26px;animation:.25s ease-out modalAppear;box-shadow:0 30px 80px #0f172a40}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.modal-header h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 5px;font-size:20px;display:flex}.modal-header>button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.edit-grid label{flex-direction:column;gap:7px;display:flex}.edit-grid label span{color:#475569;font-size:12px;font-weight:600}.edit-grid input,.edit-grid select{color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:8px;outline:none;width:100%;min-height:40px;padding:8px 11px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.edit-grid input:focus,.edit-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@keyframes modalAppear{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:25px;padding:25px 8px 50px 0}.employee-workload-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:100%;min-height:auto;position:relative}.admin-layout{display:block}.main-content{width:100%;margin-left:0;padding:20px}.topbar{flex-direction:column;align-items:flex-start;gap:15px}.stats-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}}@media (width<=450px){.quick-actions{grid-template-columns:1fr}.section{padding:18px}}.admin-layout{color:#1f2937;background:#f4f7fb;min-height:100vh;display:flex}.admin-layout .sidebar{color:#fff;z-index:20;background:linear-gradient(#111827 0%,#172033 100%);flex-direction:column;width:250px;min-width:250px;height:100vh;min-height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0f172a14}.admin-layout .logo{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;margin-bottom:12px;padding:4px 10px 24px;display:flex}.admin-layout .logo-icon{background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 20px #2563eb4d}.admin-layout .logo span{letter-spacing:-.2px;font-size:17px;font-weight:700}.admin-layout .sidebar nav{flex-direction:column;gap:5px;display:flex}.admin-layout .sidebar nav a{color:#aeb9ca;cursor:pointer;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.admin-layout .sidebar nav a svg{flex-shrink:0}.admin-layout .sidebar nav a:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.admin-layout .sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#2563ebf2,#4f46e5f2);box-shadow:0 8px 18px #2563eb33}.admin-layout .logout-button{color:#d6deea;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:11px;width:100%;height:44px;margin-top:auto;font-size:14px;font-weight:600;transition:all .2s}.admin-layout .logout-button:hover{color:#fca5a5;background:#ef444424;border-color:#ef44444d}.admin-layout .main-content{flex:1;min-width:0;padding:28px;overflow-x:hidden}.admin-layout .topbar{background:#ffffffeb;border:1px solid #e7ebf2;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:82px;margin-bottom:22px;padding:18px 22px;display:flex;box-shadow:0 8px 28px #0f172a0d}.admin-layout .topbar h1{color:#111827;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:750;line-height:1.25}.admin-layout .topbar p{color:#6b7280;margin:6px 0 0;font-size:13px}.admin-layout .user-info{border-left:1px solid #e5e7eb;align-items:center;gap:11px;padding-left:15px;display:flex}.admin-layout .avatar{color:#4338ca;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex}.admin-layout .user-info strong{color:#1f2937;font-size:13px;display:block}.admin-layout .user-info small{color:#6b7280;margin-top:3px;font-size:11px;display:block}.records-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.summary-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 18px #0f172a0a}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a12}.summary-card span{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.summary-card strong{color:#111827;font-size:25px;font-weight:750;display:block}.admin-layout .section{background:#fff;border:1px solid #e5e9f0;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #0f172a0b}.admin-layout .master-records-section{padding:0}.admin-layout .section-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:21px 22px;display:flex}.admin-layout .section-header h2{color:#111827;margin:0;font-size:18px;font-weight:750}.admin-layout .section-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.refresh-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #dce2ea;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.refresh-button:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.records-search{color:#64748b;background:#f8fafc;border:1px solid #dfe5ed;border-radius:12px;align-items:center;gap:11px;min-height:48px;margin:18px 22px;padding:5px 6px 5px 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.records-search:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.records-search>svg{color:#64748b;flex-shrink:0}.records-search input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;height:36px;font-size:13px}.records-search input::placeholder{color:#9ca3af}.clear-filter-button{color:#4b5563;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d9dee7;border-radius:8px;height:36px;padding:0 13px;font-size:12px;font-weight:600;transition:all .2s}.clear-filter-button:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.admin-layout .table-container{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;width:100%;max-height:calc(100vh - 290px);overflow:auto}.admin-layout .table-container::-webkit-scrollbar{width:9px;height:9px}.admin-layout .table-container::-webkit-scrollbar-track{background:#f1f5f9}.admin-layout .table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.admin-layout .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-layout .table-container table{border-collapse:separate;border-spacing:0;background:#fff;width:max-content;min-width:1900px;font-size:12px}.admin-layout .table-container thead th{z-index:5;color:#374151;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #dfe4eb;border-right:1px solid #edf0f4;padding:12px 11px;font-size:11px;font-weight:750;position:sticky;top:0}.admin-layout .table-container thead .filter-row th{z-index:4;background:#fff;border-bottom:1px solid #e2e8f0;padding:7px 6px;position:sticky;top:43px}.filter-select{color:#4b5563;cursor:pointer;background:#f8fafc;border:1px solid #d9e0e8;border-radius:7px;outline:none;width:100%;min-width:105px;height:32px;padding:0 7px;font-family:inherit;font-size:10px}.filter-select:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f612}.admin-layout .table-container tbody td{color:#4b5563;vertical-align:middle;white-space:nowrap;background:#fff;border-bottom:1px solid #edf0f4;border-right:1px solid #f1f3f6;max-width:280px;padding:11px}.admin-layout .table-container tbody tr{transition:background .15s}.admin-layout .table-container tbody tr:hover td{background:#f8fbff}.file-name-cell{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;color:#1f2937!important;width:240px!important;min-width:240px!important;max-width:240px!important}.subject-cell{text-overflow:ellipsis;overflow:hidden;max-width:280px!important}.headers-cell{white-space:pre;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.45;overflow:hidden;vertical-align:top!important;width:420px!important;min-width:420px!important;max-width:420px!important;padding:0!important}.reason-cell{text-overflow:ellipsis;overflow:hidden;max-width:220px!important}.status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.status.processing{color:#c2410c;background:#fff7ed}.status.qc{color:#6d28d9;background:#f5f3ff}.status.completed{color:#047857;background:#ecfdf5}.status.rejected{color:#dc2626;background:#fef2f2}.edit-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:11px;font-weight:650;transition:all .2s;display:inline-flex}.edit-button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.mini-clear-button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;height:31px;padding:0 9px;font-size:10px;font-weight:600}.mini-clear-button:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.no-records{height:260px;text-align:center!important;vertical-align:middle!important}.no-records>div{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.no-records svg{opacity:.65;margin-bottom:5px}.no-records strong{color:#475569;font-size:14px}.no-records span{font-size:12px}.records-footer{color:#64748b;background:#fafbfc;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:12px 22px;font-size:11px;display:flex}.records-footer strong{color:#374151}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;justify-content:center;align-items:center;padding:25px;animation:.18s modalFadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:95%;max-width:1000px;max-height:90vh;animation:.2s modalSlideIn;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.modal-header{z-index:3;background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px;display:flex;position:sticky;top:0}.modal-header p strong{color:#374151}.modal-close-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.modal-close-button:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:22px 23px;display:grid}.form-group input,.form-group textarea,.form-group select{color:#111827;background:#f8fafc;border:1px solid #dce2ea;border-radius:9px;outline:none;width:100%;padding:10px 11px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input{height:40px}.form-group textarea{resize:vertical;min-height:82px;line-height:1.45}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f614}.modal-footer{z-index:3;background:#fafbfc;border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:10px;padding:17px 23px;display:flex;position:sticky;bottom:0}.cancel-button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d9dee7;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.cancel-button:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 17px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 7px 15px #2563eb2e}.save-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb40}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(15px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.admin-layout .sidebar{width:225px;min-width:225px}.admin-layout .main-content{padding:22px}.records-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.admin-layout .sidebar{width:200px;min-width:200px}.admin-layout .sidebar nav a{font-size:13px}.admin-layout .main-content{padding:18px}.admin-layout .topbar h1{font-size:21px}.records-summary,.edit-grid{grid-template-columns:1fr}}@media (width<=700px){.admin-layout{display:block}.admin-layout .sidebar{width:100%;min-width:0;height:auto;min-height:auto;padding:14px;position:relative}.admin-layout .logo{margin-bottom:10px;padding-bottom:14px}.admin-layout .sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.admin-layout .sidebar nav a{min-height:42px}.admin-layout .logout-button{margin-top:12px}.admin-layout .main-content{padding:14px}.admin-layout .topbar{flex-direction:column;align-items:flex-start;padding:17px}.admin-layout .user-info{border-top:1px solid #e5e7eb;border-left:none;width:100%;padding:10px 0 0}.admin-layout .section-header{flex-direction:column;align-items:flex-start;padding:17px}.refresh-button{width:100%}.records-search{margin:14px}.clear-filter-button{padding:0 9px}.records-footer{flex-direction:column;align-items:flex-start}.modal-overlay{padding:12px}.modal{width:100%;max-height:94vh}.edit-grid{padding:17px}.modal-footer{padding:14px 17px}}@media (width<=450px){.admin-layout .sidebar nav{grid-template-columns:1fr}.admin-layout .topbar h1{font-size:19px}.records-search{flex-wrap:wrap;align-items:stretch;padding:9px}.records-search input{min-width:calc(100% - 35px)}.clear-filter-button{width:100%}.modal-footer{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}.employee-layout{background:#f5f7fb;min-height:100vh}.employee-layout .sidebar{color:#fff;box-sizing:border-box;z-index:100;background:#111827;width:250px;height:100vh;padding:24px 16px;position:fixed;top:0;left:0}.employee-layout .logo{white-space:nowrap;align-items:center;gap:10px;padding:4px 10px 28px;font-size:19px;font-weight:700;display:flex}.employee-layout .logo svg{flex-shrink:0}.employee-layout .sidebar nav{flex-direction:column;gap:6px;display:flex}.employee-layout .sidebar nav a{color:#cbd5e1;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.employee-layout .sidebar nav a:hover{color:#fff;background:#1f2937}.employee-layout .sidebar nav a.active{color:#fff;background:#2563eb}.employee-layout .sidebar nav a svg{flex-shrink:0}.employee-layout .main-content{box-sizing:border-box;width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:30px 34px 50px}.employee-layout .topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.employee-layout .topbar h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700}.employee-layout .topbar p{color:#6b7280;margin:0;font-size:14px}.employee-layout .user-info{align-items:center;gap:11px;display:flex}.employee-layout .avatar{color:#2563eb;background:#e5edff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.employee-layout .user-info strong{color:#111827;font-size:14px;display:block}.employee-layout .user-info small{color:#6b7280;margin-top:3px;font-size:12px;display:block}.employee-layout .logout-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:8px;transition:all .2s;display:flex}.employee-layout .logout-button:hover{color:#111827;background:#f3f4f6}.employee-layout .stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.employee-layout .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 1px 2px #00000008}.employee-layout .stat-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.employee-layout .stat-icon svg{width:21px;height:21px}.employee-layout .stat-card span{color:#6b7280;margin-bottom:5px;font-size:13px;display:block}.employee-layout .stat-card h2{color:#111827;margin:0;font-size:25px;font-weight:700}.employee-layout .section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:24px;overflow:hidden}.employee-layout .section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.employee-layout .section-header h2{color:#111827;margin:0 0 5px;font-size:19px}.employee-layout .section-header p{color:#6b7280;margin:0;font-size:13px}.employee-layout .section-header>div:last-child{color:#6b7280;font-size:13px}.employee-layout .section-header>div:last-child strong{color:#111827;font-size:16px}.employee-layout .table-container{width:100%;overflow:auto hidden}.employee-layout table{border-collapse:collapse;background:#fff;width:100%;min-width:950px}.employee-layout thead{background:#f9fafb}.employee-layout th{text-align:left;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:600}.employee-layout td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f1f3;padding:15px 16px;font-size:13px}.employee-layout tbody tr:hover{background:#fafbfc}.employee-layout tbody tr:last-child td{border-bottom:none}.employee-layout td strong{color:#111827;font-weight:600}.employee-layout .section .table-container table{min-width:2600px}.employee-layout .section .table-container th,.employee-layout .section .table-container td{white-space:nowrap;text-overflow:clip;vertical-align:middle;overflow:hidden}.employee-layout .status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.employee-layout .status.processing{color:#c2410c;background:#fff7ed}.employee-layout .status.qc{color:#2563eb;background:#eff6ff}.employee-layout .status.completed{color:#047857;background:#ecfdf5}.employee-layout .status.rejected{color:#dc2626;background:#fef2f2}.employee-layout .process-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.employee-layout .process-button:hover{background:#1d4ed8}.employee-layout .process-button svg{flex-shrink:0}.employee-layout .completed-text{color:#6b7280;font-size:12px;font-weight:600}.employee-layout .employee-info-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px 24px}.employee-layout .employee-info-box h3{color:#111827;margin:0 0 9px;font-size:16px}.employee-layout .employee-info-box p{color:#6b7280;margin:0 0 8px;font-size:13px;line-height:1.6}.employee-layout .employee-info-box p:last-child{margin-bottom:0}.employee-layout table td[colspan]{color:#6b7280;font-size:13px}.employee-layout .table-container::-webkit-scrollbar{height:8px}.employee-layout .table-container::-webkit-scrollbar-track{background:#f1f5f9}.employee-layout .table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.employee-layout .table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.employee-layout .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.employee-layout .sidebar{width:210px}.employee-layout .main-content{width:calc(100% - 210px);margin-left:210px;padding:24px}.employee-layout .topbar{align-items:flex-start;gap:20px}}@media (width<=650px){.employee-layout .sidebar{width:70px;padding:20px 10px}.employee-layout .logo{justify-content:center;padding:4px 0 28px}.employee-layout .logo span{display:none}.employee-layout .sidebar nav a{justify-content:center;padding:12px;font-size:0}.employee-layout .sidebar nav a svg{width:20px;height:20px}.employee-layout .main-content{width:calc(100% - 70px);margin-left:70px;padding:20px 16px}.employee-layout .topbar{flex-direction:column;align-items:flex-start}.employee-layout .stats-grid{grid-template-columns:1fr}.employee-layout .user-info{width:100%}}@media (width<=450px){.employee-layout .topbar h1{font-size:23px}.employee-layout .topbar p{font-size:12px}.employee-layout .section-header,.employee-layout .employee-info-box{padding:18px}}.employee-layout .bulk-check-cell{text-align:center;width:44px;padding-right:0}.employee-layout .bulk-check-cell input[type=checkbox]{cursor:pointer;accent-color:#2563eb;width:15px;height:15px}.employee-layout .bulk-check-cell input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.employee-layout tbody tr.row-selected{background:#eff6ff}.employee-layout .process-button:disabled{color:#64748b;cursor:not-allowed;background:#cbd5e1}.employee-layout .process-button:disabled:hover{background:#cbd5e1}.employee-layout .bulk-bar{background:#eff6ff;border-bottom:1px solid #bfdbfe;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.employee-layout .bulk-bar-count{color:#1e3a8a;align-items:center;gap:8px;font-size:13px;display:inline-flex}.employee-layout .bulk-bar-count strong{color:#1d4ed8;font-size:15px}.employee-layout .bulk-bar-actions{align-items:center;gap:10px;display:inline-flex}.employee-layout .bulk-clear-button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:7px;padding:8px 13px;font-size:12px;font-weight:600;transition:background .2s}.employee-layout .bulk-clear-button:hover{background:#dbeafe}.employee-layout .bulk-proceed-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;align-items:center;gap:7px;padding:9px 16px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.employee-layout .bulk-proceed-button:hover{background:#1d4ed8}.bulk-modal-backdrop{z-index:60;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bulk-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 45px #0f172a40}.bulk-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;display:flex}.bulk-modal-header h3{color:#111827;margin:0 0 4px;font-size:17px}.bulk-modal-header p{color:#6b7280;margin:0;font-size:13px}.bulk-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:inline-flex}.bulk-modal-close:hover:not(:disabled){background:#e5e7eb}.bulk-modal-close:disabled{cursor:not-allowed;opacity:.5}.bulk-modal-body{padding:20px 22px;overflow-y:auto}.bulk-field{margin-bottom:16px}.bulk-field label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.bulk-field select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:10px 11px;font-size:13px}.bulk-field select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.bulk-field select:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.bulk-decision-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bulk-decision{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:13px 10px;transition:border-color .2s,background .2s;display:flex}.bulk-decision strong{color:#111827;font-size:13px}.bulk-decision span{color:#6b7280;text-align:center;font-size:11px}.bulk-decision:hover:not(:disabled){border-color:#cbd5e1}.bulk-decision:disabled{cursor:not-allowed;opacity:.6}.bulk-decision.bulk-pass svg{color:#16a34a}.bulk-decision.bulk-reject svg{color:#dc2626}.bulk-decision.bulk-pass.selected{background:#f0fdf4;border-color:#16a34a}.bulk-decision.bulk-reject.selected{background:#fef2f2;border-color:#dc2626}.bulk-modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:10px 12px;font-size:12px;line-height:1.5}.bulk-modal-progress{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;margin-top:10px;padding:10px 12px;font-size:12px}.bulk-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.bulk-cancel-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .2s}.bulk-cancel-button:hover:not(:disabled){background:#f3f4f6}.bulk-submit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .2s}.bulk-submit-button:hover:not(:disabled){background:#1d4ed8}.bulk-cancel-button:disabled,.bulk-submit-button:disabled{cursor:not-allowed;opacity:.6}@media (width<=520px){.bulk-bar{align-items:stretch}.bulk-decision-grid{grid-template-columns:1fr}}.employee-layout .load-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:14px 24px;font-size:13px;display:flex}.employee-layout .load-error strong{font-weight:600}.employee-layout .load-error span{color:#7f1d1d;opacity:.9}.employee-layout .load-error button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;margin-left:auto;padding:7px 14px;font-size:12px;font-weight:600}.employee-layout .load-error button:hover{background:#fee2e2}.qc-layout{color:#1e293b;background:#f5f7fb;min-height:100vh;display:flex}.qc-layout .sidebar{box-sizing:border-box;color:#fff;background:linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.qc-layout .logo{color:#fff;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;font-size:17px;font-weight:700;display:flex}.qc-layout .logo svg{color:#60a5fa;flex-shrink:0}.qc-layout .sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.qc-layout .sidebar nav a{color:#cbd5e1;cursor:pointer;border-radius:9px;align-items:center;gap:11px;padding:11px 13px;font-size:14px;transition:background .2s,color .2s;display:flex}.qc-layout .sidebar nav a:hover{color:#fff;background:#94a3b81f}.qc-layout .sidebar nav a.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);box-shadow:0 6px 16px #2563eb4d}.qc-layout .sidebar nav a svg{flex-shrink:0}.qc-layout .sidebar>.logout-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:9px;width:100%;margin-top:16px;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,color .2s}.qc-layout .sidebar>.logout-button:hover{color:#fca5a5;border-color:#f8717199}.qc-layout .main-content{box-sizing:border-box;flex:1;min-width:0;margin-left:250px;padding:30px 32px 50px}.qc-layout .topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.qc-layout .topbar h1{color:#0f172a;margin:0 0 6px;font-size:25px;font-weight:700}.qc-layout .topbar p{color:#64748b;margin:0;font-size:13px}.qc-layout .user-info{flex-shrink:0;align-items:center;gap:12px;display:flex}.qc-layout .avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.qc-layout .user-info strong{color:#0f172a;font-size:14px;display:block}.qc-layout .user-info small{color:#64748b;font-size:12px;display:block}.qc-layout .topbar .logout-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .2s,color .2s;display:flex}.qc-layout .topbar .logout-button:hover{color:#dc2626;border-color:#fca5a5}.qc-layout .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.qc-layout .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;align-items:center;gap:15px;padding:21px;display:flex;box-shadow:0 5px 18px #0f172a0a}.qc-layout .stat-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.qc-layout .stat-icon svg{width:22px;height:22px}.qc-layout .stat-card span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.qc-layout .stat-card h2{color:#0f172a;margin:0;font-size:24px;font-weight:700}.qc-layout .section{background:#fff;border:1px solid #e2e8f0;border-radius:15px;margin-bottom:26px;padding:24px;box-shadow:0 5px 18px #0f172a0a}.qc-layout .section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.qc-layout .section-header h2{color:#0f172a;margin:0 0 5px;font-size:17px;font-weight:650}.qc-layout .section-header p{color:#64748b;margin:0;font-size:13px}.qc-layout .table-container{border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow-x:auto}.qc-layout .table-container table{border-collapse:collapse;width:100%;min-width:760px}.qc-layout .table-container th{color:#475569;text-transform:uppercase;letter-spacing:.4px;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:700}.qc-layout .table-container td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.qc-layout .table-container tbody tr:last-child td{border-bottom:none}.qc-layout .table-container tbody tr:hover{background:#f8fafc}.qc-layout .file-name{align-items:center;gap:9px;min-width:0;display:flex}.qc-layout .file-name svg{color:#2563eb;flex-shrink:0}.qc-layout .file-name strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-weight:600;overflow:hidden}.qc-layout .status{white-space:nowrap;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-block}.qc-layout .status.processing{color:#b45309;background:#fef3c7}.qc-layout .status.completed{color:#15803d;background:#dcfce7}.qc-layout .status.rejected{color:#b91c1c;background:#fee2e2}.qc-layout .review-button,.qc-layout .details-button{cursor:pointer;border-radius:8px;padding:7px 15px;font-family:inherit;font-size:12.5px;font-weight:600;transition:filter .2s,border-color .2s}.qc-layout .review-button{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;box-shadow:0 4px 10px #2563eb33}.qc-layout .review-button:hover:not(:disabled){filter:brightness(1.08)}.qc-layout .details-button{color:#475569;background:#fff;border:1px solid #cbd5e1}.qc-layout .details-button:hover:not(:disabled){border-color:#94a3b8}.qc-layout .review-button:disabled,.qc-layout .details-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.qc-layout .qc-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:15px;padding:22px 24px}.qc-layout .qc-info-box h3{color:#1e3a8a;margin:0 0 12px;font-size:15px;font-weight:650}.qc-layout .qc-info-box ul{color:#1e40af;margin:0;padding-left:20px}.qc-layout .qc-info-box li{margin-bottom:7px;font-size:13px;line-height:1.5}.qc-layout .qc-info-box li:last-child{margin-bottom:0}.qc-layout .table-container td[colspan]{color:#94a3b8;text-align:center;padding:28px 14px}@media (width<=1100px){.qc-layout .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.qc-layout .sidebar{width:210px}.qc-layout .main-content{margin-left:210px;padding:25px 20px 45px}}@media (width<=700px){.qc-layout{display:block}.qc-layout .sidebar{width:100%;min-height:auto;position:relative}.qc-layout .main-content{margin-left:0;padding:20px}.qc-layout .topbar{flex-direction:column;align-items:flex-start}.qc-layout .stats-grid{grid-template-columns:1fr}}.qc-layout .load-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 24px;font-size:13px;display:flex}.qc-layout .load-error strong{font-weight:600}.qc-layout .load-error span{color:#7f1d1d;opacity:.9}.qc-process-page{color:#1e293b;background:#f5f7fb;min-height:100vh;padding:30px 24px 60px}.qc-process-container{max-width:1080px;margin:0 auto}.qc-loading{color:#64748b;text-align:center;max-width:1080px;margin:0 auto;padding:40px 0}.qc-back-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 15px;font-family:inherit;font-size:13.5px;transition:border-color .2s,color .2s;display:inline-flex}.qc-back-button:hover{color:#0f172a;border-color:#94a3b8}.qc-process-header{color:#2563eb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:18px;display:flex}.qc-process-header h1{color:#0f172a;margin:0 0 6px;font-size:25px;font-weight:700}.qc-process-header p{color:#64748b;margin:0;font-size:13.5px}.qc-alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;display:flex}.qc-alert svg{flex-shrink:0}.qc-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.qc-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.qc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:22px 24px;box-shadow:0 5px 18px #0f172a0a}.qc-card h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 18px;font-size:16px;font-weight:650;display:flex}.qc-detail-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px 20px;display:grid}.qc-detail-grid>div{min-width:0}.qc-detail-grid label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.qc-detail-grid span{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.qc-category-block{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:18px}.qc-category-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.qc-category-head>span{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.qc-edit-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.qc-edit-button:hover{background:#eff6ff;border-color:#2563eb}.qc-category-fields{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 20px;display:grid}.qc-detail-grid span.qc-unset{color:#94a3b8;font-style:italic}.qc-category-fields .qc-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.qc-field-label{color:#475569;margin:0 0 7px;font-size:12.5px;font-weight:600;display:block}.qc-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:44px;margin-bottom:18px;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.qc-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.qc-textarea{box-sizing:border-box;color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:340px;padding:14px;font-family:Consolas,Monaco,monospace;font-size:12.5px;line-height:1.55;transition:border-color .2s,box-shadow .2s}.qc-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.qc-decision-row{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.qc-choice{cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:13.5px;font-weight:650;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.qc-pass{color:#15803d;border:1px solid #bbf7d0}.qc-pass:hover,.qc-pass.selected{background:#dcfce7;border-color:#4ade80}.qc-reject{color:#b91c1c;border:1px solid #fecaca}.qc-reject:hover,.qc-reject.selected{background:#fee2e2;border-color:#f87171}.qc-warning{color:#b45309;margin:-6px 0 18px;font-size:12.5px}.qc-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:9px;height:46px;padding:0 28px;font-family:inherit;font-size:14px;font-weight:650;transition:transform .2s,filter .2s;box-shadow:0 8px 20px #2563eb38}.qc-submit-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.qc-submit-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}@media (width<=640px){.qc-process-page{padding:20px 14px 45px}.qc-process-header{flex-direction:column;align-items:flex-start}.qc-process-header h1{font-size:22px}.qc-card{padding:18px}.qc-textarea{height:260px}}.primary-button,.secondary-button,.complete-button,.confirm-button,.edit-button,.delete-button{cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.primary-button:active,.secondary-button:active,.complete-button:active,.confirm-button:active,.edit-button:active,.delete-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.import-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0f172a0a}.form-row{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:18px;display:grid}.file-upload{box-sizing:border-box;color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;height:44px;padding:0 13px;font-size:14px;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.file-upload:hover{background:#fafafa;border-color:#9ca3af}.file-upload svg{color:#2563eb;flex-shrink:0}.file-upload span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.import-message{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:13px;font-weight:500}.extraction-results,.confirmed-folders{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.results-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;display:flex}.results-header h2,.section-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.results-header p,.section-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.current-counts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.current-counts span{color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;padding:7px 11px;font-size:12px}.current-counts strong{color:#111827;font-weight:700}.current-counts .count-reject{color:#dc2626;background:#fef2f2;border-color:#fecaca}.current-counts .count-reject strong{color:#b91c1c}.current-counts .count-pending{color:#d97706;background:#fffbeb;border-color:#fde68a}.current-counts .count-pending strong{color:#b45309}.table-container td{color:#4b5563;vertical-align:middle;border-bottom:1px solid #eef0f3;max-width:260px;padding:14px 16px;font-size:13px}.table-container td:nth-child(2),.table-container td:nth-child(3),.table-container td:nth-child(4),.table-container td:nth-child(5),.table-container td:nth-child(6),.table-container td:nth-child(7){text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.status-badge{border-radius:999px;justify-content:center;align-items:center;min-width:70px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.status-badge.pass{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.status-badge.reject{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-badge.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.reason-text{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:220px;display:block;overflow:hidden}.row-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.edit-button{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;min-height:33px;padding:0 10px;font-size:12px}.edit-button:hover{background:#dbeafe;border-color:#93c5fd}.delete-button{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:7px;min-height:33px;padding:0 10px;font-size:12px}.delete-button:hover{background:#fef2f2;border-color:#fca5a5}.extraction-actions{background:#fafbfc;border-top:1px solid #eef0f3;justify-content:flex-end;padding:18px 24px;display:flex}.confirm-button{color:#fff;background:#2563eb;border-radius:8px;min-height:44px;padding:0 20px;font-size:14px}.confirm-button:hover{background:#1d4ed8;box-shadow:0 4px 10px #2563eb2e}.confirmed-folders .table-container table{min-width:800px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.summary-box{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:125px;padding:20px;display:flex;box-shadow:0 2px 8px #0f172a0a}.summary-box svg{color:#2563eb;width:22px;height:22px}.summary-box span{color:#6b7280;font-size:13px;font-weight:500}.summary-box strong{color:#111827;font-size:25px;font-weight:700;line-height:1}.summary-box.rejected-summary{border-color:#fee2e2}.summary-box.rejected-summary svg,.summary-box.rejected-summary strong{color:#dc2626}.summary-box.pending-summary{border-color:#fef3c7}.summary-box.pending-summary svg{color:#d97706}.summary-box.pending-summary strong{color:#b45309}.assignment-footer button{white-space:nowrap}.modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a33}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.modal-header h2{color:#111827;margin:0 0 5px;font-size:19px;font-weight:700}.modal-header p{color:#6b7280;margin:0;font-size:13px}.modal-header>button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s,color .2s;display:flex}.modal-header>button:hover{color:#111827;background:#f3f4f6}.modal-header>button svg{width:20px;height:20px}.edit-form{grid-template-columns:repeat(2,1fr);gap:18px;padding:24px;display:grid;overflow-y:auto}.edit-form .form-group,.edit-form input,.edit-form select{min-width:0}.modal-actions{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:18px 24px;display:flex}.table-container::-webkit-scrollbar{width:8px;height:8px}.edit-form::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9}.edit-form::-webkit-scrollbar-track{background:#f1f5f9}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.edit-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.admin-page{padding:24px}.form-row{grid-template-columns:1fr 1fr}.form-row>.primary-button{grid-column:1/-1;width:fit-content}.summary-grid{grid-template-columns:repeat(2,1fr)}.results-header{flex-direction:column;align-items:flex-start}.current-counts{justify-content:flex-start}}@media (width<=700px){.admin-page{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:25px}.page-header .secondary-button{width:100%}.import-card{padding:18px}.form-row{grid-template-columns:1fr}.form-row>.primary-button{grid-column:auto;width:100%}.results-header,.section-header{padding:18px}.current-counts{gap:7px;width:100%}.current-counts span{text-align:center;flex:1}.extraction-actions{padding:16px 18px}.confirm-button{width:100%}.summary-grid{grid-template-columns:1fr;gap:12px}.summary-box{min-height:105px}.assignment-footer{flex-direction:column;align-items:stretch}.assignment-footer button{width:100%}.modal-overlay{padding:12px}.edit-modal{max-height:94vh}.modal-header{padding:18px}.edit-form{grid-template-columns:1fr;gap:15px;padding:18px}.modal-actions{padding:16px 18px}.modal-actions button{flex:1}}.box-url-group{margin-top:18px}.field-hint{color:#6b7280;font-size:12px;line-height:1.5}.admin-page{color:#1f2937;box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:32px}.page-header p{color:#6b7280;margin:0;font-size:14px}.primary-button,.secondary-button,.complete-button,.remove-assignment-button{cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.primary-button:active,.secondary-button:active,.complete-button:active,.remove-assignment-button:active{transform:translateY(1px)}.primary-button{color:#fff;background:#2563eb;border-radius:8px;min-height:44px;padding:0 20px;font-size:14px}.primary-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 10px #2563eb2e}.secondary-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:42px;padding:0 16px;font-size:14px}.secondary-button:hover{background:#f9fafb;border-color:#9ca3af}.complete-button{color:#fff;background:#16a34a;border-radius:8px;min-height:44px;padding:0 20px;font-size:14px}.complete-button:hover{background:#15803d;box-shadow:0 4px 10px #16a34a2e}.assignment-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:0;margin-bottom:24px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.assignment-summary-card>div{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:105px;padding:22px 24px;display:flex}.assignment-summary-card>div:not(:first-child){border-left:1px solid #eef0f3}.assignment-summary-card .summary-icon{color:#2563eb;background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;min-height:56px;margin:auto 0;padding:0;display:flex}.assignment-summary-card span{color:#6b7280;margin-bottom:7px;font-size:13px;font-weight:500}.assignment-card,.assignment-history{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0f172a0a}.card-header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.card-header h2,.section-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.card-header p,.section-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.assignment-form{grid-template-columns:minmax(220px,1fr) minmax(180px,280px) auto;align-items:end;gap:18px;padding:24px;display:grid}.form-group select,.form-group input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group select:focus,.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:#9ca3af}.assignment-form .primary-button{white-space:nowrap;height:44px}.assignment-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 24px 16px;padding:12px 14px;font-size:13px;font-weight:500}.assignment-availability{color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;margin:0 24px 22px;padding:11px 13px;font-size:13px;display:flex}.assignment-availability svg{color:#2563eb;flex-shrink:0}.employee-workload-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.employee-workload-card{box-sizing:border-box;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;gap:7px;min-height:100px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.employee-workload-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.employee-workload-card strong{color:#111827;font-size:15px;font-weight:650}.employee-workload-card span{color:#6b7280;font-size:13px}.assignment-history{overflow:hidden}.section-header{border-bottom:1px solid #eef0f3;padding:22px 24px}.table-container{width:100%;overflow-x:auto}.table-container th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 18px;font-size:12px;font-weight:700}.table-container td strong{color:#111827;font-weight:600}.remove-assignment-button{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:7px;min-height:34px;padding:0 11px;font-size:12px}.remove-assignment-button:hover{background:#fef2f2;border-color:#fca5a5}.empty-assignment{text-align:center;color:#9ca3af;padding:50px 24px;font-size:14px}.assignment-footer{justify-content:space-between;align-items:center;gap:16px;padding:4px 0 10px;display:flex}.assignment-footer .secondary-button,.assignment-footer .complete-button{white-space:nowrap}@media (width<=1000px){.admin-page{padding:24px}.assignment-summary-card{grid-template-columns:repeat(2,1fr)}.assignment-summary-card>div{min-height:95px}.assignment-summary-card .summary-icon{width:48px;height:48px;min-height:48px}.assignment-summary-card>div:not(:first-child){border-left:none}.assignment-summary-card>div:nth-child(n+3){border-top:1px solid #eef0f3}.assignment-form{grid-template-columns:1fr 1fr}.assignment-form .primary-button{grid-column:1/-1;width:fit-content}.employee-workload-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.admin-page{padding:18px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:25px}.page-header .secondary-button{width:100%}.assignment-summary-card{grid-template-columns:1fr}.assignment-summary-card>div{min-height:auto;padding:17px 20px}.assignment-summary-card>div:nth-child(n+3){border-top:1px solid #eef0f3}.assignment-summary-card .summary-icon{margin:0 0 14px}.card-header,.section-header{padding:18px}.assignment-form{grid-template-columns:1fr;padding:18px}.assignment-form .primary-button{grid-column:auto;width:100%}.assignment-error,.assignment-availability{margin-left:18px;margin-right:18px}.employee-workload-grid{grid-template-columns:1fr;padding:18px}.assignment-footer{flex-direction:column;align-items:stretch}.assignment-footer button{width:100%}.table-container th,.table-container td{padding-left:14px;padding-right:14px}}.admin-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;width:100%;min-height:100vh;padding:28px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-header>div{min-width:0}.page-header h1{color:#111827;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.25}.page-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.primary-button,.secondary-button{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.primary-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb2e}.secondary-button{color:#374151;background:#fff;border:1px solid #d1d5db}.secondary-button:hover{color:#111827;background:#f9fafb;border-color:#9ca3af}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.assignment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0f172a0a}.card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.card-header>div{min-width:0}.card-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.card-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.card-header>svg{color:#2563eb;flex-shrink:0}.assignment-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;align-items:end;gap:16px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-height:42px;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:hover{border-color:#9ca3af}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.assignment-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:72px repeat(4,minmax(0,1fr));align-items:center;gap:0;min-height:110px;margin-bottom:24px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.summary-icon{color:#2563eb;background:#eff6ff;justify-content:center;align-self:stretch;align-items:center;display:flex}.assignment-summary-card>div:not(.summary-icon){border-left:1px solid #eef0f4;flex-direction:column;justify-content:center;gap:7px;min-height:72px;padding:16px 20px;display:flex}.assignment-summary-card span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.assignment-summary-card strong{color:#111827;font-size:24px;font-weight:700;line-height:1}.assignment-history{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0f172a0a}.section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-header h2{color:#111827;margin:0 0 5px;font-size:18px;font-weight:700}.section-header p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto}.table-container table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:680px}.table-container th{color:#4b5563;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:700}.table-container td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef0f4;padding:14px 16px;font-size:14px}.table-container tbody tr{transition:background-color .15s}.table-container tbody tr:hover{background:#f8fafc}.table-container tbody tr:last-child td{border-bottom:none}.table-container th:nth-child(3),.table-container th:nth-child(4),.table-container th:nth-child(5),.table-container th:nth-child(6),.table-container td:nth-child(3),.table-container td:nth-child(4),.table-container td:nth-child(5),.table-container td:nth-child(6){text-align:center}.table-container tbody tr:last-child{background:#f8fafc}.table-container tbody tr:last-child td{color:#111827;border-top:2px solid #dbe1e8}.table-container tbody tr:last-child strong{font-weight:700}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.table-container::-webkit-scrollbar{height:7px}.table-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#c7cdd4;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#aeb5bd}@media (width<=1000px){.admin-page{padding:22px}.assignment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-form .secondary-button,.assignment-form .primary-button{width:100%}.assignment-summary-card{grid-template-columns:64px repeat(4,minmax(120px,1fr));overflow-x:auto}.assignment-summary-card>div:not(.summary-icon){min-width:120px}}@media (width<=700px){.admin-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.page-header h1{font-size:24px}.page-header .secondary-button{width:100%}.assignment-card,.assignment-history{border-radius:10px;padding:18px}.card-header{margin-bottom:18px}.assignment-form{grid-template-columns:1fr;gap:14px}.assignment-summary-card{grid-template-columns:1fr 1fr;min-height:auto;display:grid}.summary-icon{grid-column:1/-1;min-height:64px}.assignment-summary-card>div:not(.summary-icon){min-height:82px;padding:14px 16px}.assignment-summary-card>div:nth-child(3),.assignment-summary-card>div:nth-child(5){border-left:1px solid #eef0f4}.assignment-summary-card>div:nth-child(2),.assignment-summary-card>div:nth-child(4){border-left:none}.section-header{align-items:flex-start}.table-container table{min-width:650px}}@media (width<=480px){.admin-page{padding:12px}.page-header h1{font-size:22px}.page-header p{font-size:13px}.assignment-card,.assignment-history{padding:15px}.card-header h2,.section-header h2{font-size:16px}.card-header p,.section-header p{font-size:12px}.assignment-summary-card{grid-template-columns:1fr}.summary-icon{grid-column:auto}.assignment-summary-card>div:not(.summary-icon){border-top:1px solid #eef0f4;border-left:none;min-height:70px}.assignment-summary-card>div:nth-child(2),.assignment-summary-card>div:nth-child(3),.assignment-summary-card>div:nth-child(4),.assignment-summary-card>div:nth-child(5){border-left:none}.assignment-summary-card strong{font-size:22px}.primary-button,.secondary-button{width:100%}.table-container th,.table-container td{padding:11px 12px}}.manage-users-page{color:#e2e8f0;background:linear-gradient(135deg,#020617 0%,#0f172a 48%,#111827 100%);min-height:100vh;padding:32px 24px 60px}.manage-users-container{max-width:1150px;margin:0 auto}.back-button{color:#cbd5e1;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b838;border-radius:10px;align-items:center;gap:8px;margin-bottom:22px;padding:10px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,color .2s;display:inline-flex}.back-button:hover{color:#fff;border-color:#60a5fa99}.manage-users-header{color:#60a5fa;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding-bottom:22px;display:flex}.manage-users-header h1{letter-spacing:-.6px;color:#fff;margin:0 0 6px;font-size:30px;font-weight:750}.manage-users-header p{color:#94a3b8;max-width:620px;margin:0;font-size:14px;line-height:1.5}.alert{border-radius:11px;margin-bottom:20px;padding:13px 16px;font-size:14px;line-height:1.4}.alert-error{color:#fca5a5;background:#7f1d1d47;border:1px solid #f8717159}.alert-success{color:#86efac;background:#14532d47;border:1px solid #4ade804d}.create-user-card,.users-card{background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;margin-bottom:26px;padding:26px}.create-user-card h2,.users-card h2{color:#f1f5f9;align-items:center;gap:9px;margin:0 0 22px;font-size:18px;font-weight:650;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:22px;display:grid}.form-grid label{color:#94a3b8;flex-direction:column;gap:8px;font-size:13px;font-weight:550;display:flex}.form-grid input,.form-grid select{color:#f8fafc;background:#02061799;border:1px solid #94a3b833;border-radius:10px;outline:none;height:46px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-grid input:focus,.form-grid select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}.form-grid select option{color:#f8fafc;background:#0f172a}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 55%,#7c3aed 100%);border:none;border-radius:10px;height:46px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:650;transition:transform .2s,filter .2s;box-shadow:0 10px 22px #2563eb40}.primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.6}.table-wrapper{overflow-x:auto}.users-card table{border-collapse:collapse;width:100%;font-size:14px}.users-card th{color:#94a3b8;text-align:left;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:1px solid #94a3b82e;padding:12px 14px;font-size:12px;font-weight:600}.users-card td{color:#e2e8f0;white-space:nowrap;border-bottom:1px solid #94a3b814;padding:14px}.users-card tbody tr:hover{background:#1e293b66}.users-card code{color:#93c5fd;background:#020617b3;border-radius:6px;padding:3px 8px;font-size:12.5px}.role-badge{text-transform:capitalize;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-block}.role-admin{color:#c4b5fd;background:#8b5cf62e}.role-employee{color:#93c5fd;background:#3b82f62e}.role-qc{color:#fde047;background:#eab3082e}.status-active{color:#4ade80;font-weight:600}.status-inactive{color:#f87171;font-weight:600}.actions-cell{gap:9px;display:flex}.icon-button{color:#cbd5e1;cursor:pointer;background:#0206178c;border:1px solid #94a3b838;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .2s,color .2s;display:inline-flex}.icon-button:hover{color:#fff;border-color:#60a5faa6}.icon-button.danger:hover{color:#fca5a5;border-color:#f87171a6}.empty-state{color:#64748b;text-align:center;margin:0;padding:26px 0}@media (width<=640px){.manage-users-page{padding:20px 14px 40px}.manage-users-header{flex-direction:column;align-items:flex-start}.manage-users-header h1{font-size:25px}.create-user-card,.users-card{padding:20px}}.box-settings-page{color:#1e293b;background:#f5f7fb;min-height:100vh;padding:30px 24px 60px}.box-settings-container{max-width:760px;margin:0 auto}.box-back-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;margin-bottom:20px;padding:9px 15px;font-family:inherit;font-size:13.5px;transition:border-color .2s,color .2s;display:inline-flex}.box-back-button:hover{color:#0f172a;border-color:#94a3b8}.box-settings-header{color:#2563eb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding-bottom:18px;display:flex}.box-settings-header h1{color:#0f172a;margin:0 0 6px;font-size:25px;font-weight:700}.box-settings-header p{color:#64748b;max-width:540px;margin:0;font-size:13.5px;line-height:1.5}.box-alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;line-height:1.45;display:flex}.box-alert svg{flex-shrink:0}.box-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.box-alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.box-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;padding:22px 24px;box-shadow:0 5px 18px #0f172a0a}.box-card h2{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:650}.box-status{align-items:center;gap:8px;margin:0 0 16px;font-size:13.5px;line-height:1.45;display:flex}.box-status svg{flex-shrink:0}.box-status-good{color:#15803d}.box-status-bad{color:#b91c1c}.box-status-idle{color:#64748b}.box-field-label{color:#475569;margin:0 0 7px;font-size:12.5px;font-weight:600;display:block}.box-token-row{gap:10px;margin-bottom:18px;display:flex}.box-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;flex:1;min-width:0;height:44px;padding:0 14px;font-family:Consolas,Monaco,monospace;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.box-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.box-primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:9px;height:44px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:650;transition:transform .2s,filter .2s;box-shadow:0 8px 20px #2563eb38}.box-primary-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.box-primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.box-secondary-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:44px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.box-secondary-button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.box-secondary-button:disabled{cursor:not-allowed;opacity:.6}.box-hint{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:18px;padding:13px 15px;font-size:12.5px;line-height:1.55}@media (width<=640px){.box-settings-page{padding:20px 14px 45px}.box-settings-header{flex-direction:column;align-items:flex-start}.box-settings-header h1{font-size:22px}.box-token-row{flex-direction:column}.box-card{padding:18px}}