@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#080c14;--panel-bg:#0f172aa6;--panel-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#00f2fe;--primary-glow:#00f2fe26;--secondary:#8a2be2;--secondary-glow:#8a2be226;--success:#10b981;--success-glow:#10b9811a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--danger:#f43f5e;--danger-glow:#f43f5e1a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shadow:0 10px 30px -10px #00000080}body.light-mode{--bg-color:#f1f5f9;--panel-bg:#ffffffd9;--panel-border:#0f172a14;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#0284c7;--primary-glow:#0284c71f;--secondary:#6d28d9;--secondary-glow:#6d28d91f;--shadow:0 10px 30px -10px #94a3b840}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%, var(--primary-glow) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--secondary-glow) 0px, transparent 50%);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition), color var(--transition);font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.glass-card{border:1px solid var(--panel-border);border-radius:var(--radius-md);transition:var(--transition);background:#1e293b4d}body.light-mode .glass-card{background:#ffffffb3}.glass-card:hover{border-color:var(--primary);box-shadow:0 8px 30px #00000026, 0 0 15px var(--primary-glow);transform:translateY(-2px)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}body.light-mode ::-webkit-scrollbar-thumb{background:#0f172a1a}::-webkit-scrollbar-thumb:hover{background:var(--primary)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--panel-border);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition);background:#0f172a99;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem}body.light-mode input:not([type=checkbox]):not([type=radio]),body.light-mode select,body.light-mode textarea{background:#ffffffe6;border-color:#cbd5e1}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}button{cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;border:none;outline:none;justify-content:center;align-items:center;min-height:36px;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary));color:#0b0f19;box-shadow:0 4px 15px var(--primary-glow)}body.light-mode .btn-primary{color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff14}body.light-mode .btn-secondary{background:#fff;border-color:#cbd5e1}.btn-secondary:hover{background:#ffffff26}body.light-mode .btn-secondary:hover{background:#f1f5f9}.btn-danger{background:linear-gradient(135deg, var(--danger), #ff758c);color:#fff}.btn-success{background:linear-gradient(135deg, var(--success), #059669);color:#fff}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-draft{color:#64748b;background:#64748b33}.badge-submitted{color:#8a2be2;background:#8a2be233}.badge-pending{color:#d97706;background:#f59e0b33}.badge-verified{color:#059669;background:#10b98133}.badge-rejected{color:#dc2626;background:#f43f5e33}.main-grid{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--panel-border);z-index:100;scrollbar-width:none;flex-direction:column;justify-content:space-between;height:100vh;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.content-area{width:100%;min-width:0;max-height:100vh;padding:28px;overflow-y:auto}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;width:100%;max-width:440px;padding:40px}.mobile-header{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--panel-border);z-index:130;justify-content:space-between;align-items:center;min-height:52px;padding:12px 16px;display:none;position:sticky;top:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:140;background:#0000008c;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-backdrop.active,.mobile-close-btn{display:block}@media (width>=1025px){.mobile-close-btn{display:none!important}}.table-responsive{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--panel-bg) 0%, transparent 5%), linear-gradient(to left, var(--panel-bg) 0%, transparent 5%) 100% 0, linear-gradient(to right, #00f2fe14 0%, transparent 5%), linear-gradient(to left, #00f2fe14 0%, transparent 5%) 100% 0;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;width:100%;overflow-x:auto}@media (width<=640px){.mobile-card-table thead{display:none}.mobile-card-table tbody tr{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);margin-bottom:12px;padding:12px 14px;display:block;position:relative}body.light-mode .mobile-card-table tbody tr{background:#fff;border-color:#e2e8f0}.mobile-card-table td{justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:.8rem;display:flex;border:none!important}.mobile-card-table td:not(:last-child){border-bottom:1px solid var(--panel-border)!important}.mobile-card-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;min-width:70px;font-size:.65rem;font-weight:700}.mobile-card-table td:last-child{justify-content:flex-end;margin-top:4px;padding-top:8px;border-bottom:none!important}.mobile-card-table td:last-child:before{display:none}}@media (width<=1024px){.main-grid{width:100%;max-width:100%;min-height:calc(100vh - 52px);display:block;overflow-x:hidden}.sidebar{border-right:1px solid var(--panel-border);background:var(--bg-color);z-index:150;width:272px;max-width:85vw;box-shadow:none;border-radius:0;top:0;bottom:0;left:0;transform:translate(-100%);height:100vh!important;padding:14px!important;position:fixed!important}.sidebar .space-y-6{margin-top:4px}.sidebar nav .space-y-1{margin-top:2px}.sidebar nav button{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important;font-size:.825rem!important}.sidebar.active{transform:translate(0);box-shadow:4px 0 30px #0006}.mobile-header{display:flex}.content-area{width:100%;max-width:100%;min-height:calc(100vh - 52px);max-height:none;padding:16px;overflow:hidden visible}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr!important}.login-card{padding:20px 14px}.content-area{padding:8px}.modal-overlay{align-items:flex-start!important;padding:0!important}.modal-content{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100vh!important;padding:16px!important}.checklist-answer-btn{min-height:48px;font-size:.85rem}.section-nav-btn{width:100%;min-height:44px;padding:12px 16px;font-size:.75rem}.kpi-grid{grid-template-columns:1fr!important;gap:8px!important}.kpi-card h3{font-size:1.4rem!important}form input,form select,form textarea,form button,.btn-primary,.btn-secondary{width:100%!important;min-height:44px!important}}@media (width<=360px){.kpi-grid{grid-template-columns:1fr!important}.content-area{padding:6px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.flex{display:flex}.modal-content{width:90%;max-width:700px;max-height:90vh;padding:24px;overflow-y:auto}.uploader-box{border:2px dashed var(--panel-border);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#0f172a33;padding:20px}body.light-mode .uploader-box{background:#fff6;border-color:#cbd5e1}.uploader-box:hover{border-color:var(--primary);background:#00f2fe05}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{border-radius:var(--radius-md);padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";width:100%;height:3px;position:absolute;bottom:0;left:0}.stat-total:after{background:var(--primary)}.stat-pending:after{background:var(--warning)}.stat-verified:after{background:var(--success)}.stat-rejected:after{background:var(--danger)}@media (width<=1024px){a,button,[role=button],label[for],select,input[type=checkbox],input[type=radio],input:not([type=checkbox]):not([type=radio]),textarea{min-height:44px!important}.sidebar nav button{min-height:44px;padding-top:12px;padding-bottom:12px}}@supports (padding:max(0px)){.mobile-header{padding-top:max(12px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.content-area{padding-bottom:max(12px, env(safe-area-inset-bottom))}.sidebar{padding-bottom:max(20px, env(safe-area-inset-bottom))}}img,video,iframe,table{max-width:100%}pre,code{white-space:pre-wrap;word-break:break-word}