:root{--primary: #0096EC;--primary-hover: #0077bc;--bg-dark: #fbfbfb;--bg-card: #ffffff;--text-main: #1a1a1a;--text-muted: #64748b;--text-white: #ffffff;--border: #e2e8f0;--glass-bg: rgba(0, 150, 236, .05);--glass-blur: blur(0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 50% 100%,rgba(79,70,229,.1) 0,transparent 50%)}#root{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;box-shadow:2px 0 10px #0000000d}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.quick-logo{width:120px;height:60px;background:#f1f5f9;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--primary);font-weight:700;border:1px dashed var(--primary)}.logo-text{font-size:1.2rem;font-weight:800;color:var(--primary);letter-spacing:-.5px}.main-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.client-select{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:.6rem 1rem;border-radius:.5rem;outline:none;cursor:pointer;font-weight:500}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card h3{margin:-1.5rem -1.5rem 1.5rem;padding:1rem 1.5rem;background:var(--primary);color:#fff;border-radius:1rem 1rem 0 0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.list-item{padding:.75rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.list-item:last-child{border-bottom:none}.badge{background:var(--primary);padding:.2rem .6rem;border-radius:1rem;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1px}.tab{padding:.75rem 1.5rem;cursor:pointer;font-weight:600;color:var(--text-muted);border-bottom:3px solid transparent;transition:all .2s}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.data-table-container{background:#fff;border-radius:1rem;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--primary);color:#fff;text-align:left;padding:1rem;font-size:.9rem}.data-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.9rem}.data-table tr:hover td{background:#f8fafc}.evidence-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.evidence-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;border:1px solid var(--border)}.evidence-item img{width:100%;height:100%;object-fit:cover}.evidence-type{position:absolute;top:.5rem;left:.5rem;background:#0009;color:#fff;padding:.2rem .5rem;border-radius:.25rem;font-size:.65rem;font-weight:700}.filters-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.date-input{padding:.6rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-family:inherit;outline:none}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700}.status-ok{background:#dcfce7;color:#166534}.status-incomplete{background:#fee2e2;color:#991b1b}.status-novelty{background:#fef9c3;color:#854d0e}.btn-export{background:#166534;color:#fff;padding:.6rem 1.2rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s;margin-left:auto}.btn-export:hover{background:#15803d}.date-group{display:flex;align-items:center;gap:.5rem}.date-group label{font-size:.8rem;color:var(--text-muted)}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);position:fixed;top:0;left:0;z-index:1000;background-image:radial-gradient(at 0% 0%,rgba(0,150,236,.1) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(0,150,236,.1) 0,transparent 50%)}.login-card{background:var(--bg-card);padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;width:100%;max-width:420px;border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;margin-bottom:1rem}.login-header h1{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.input-group input{padding:.8rem 1rem;border:1px solid var(--border);border-radius:.75rem;outline:none;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0096ec1a}.btn-login{background:var(--primary);color:#fff;padding:.8rem;border-radius:.75rem;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:.5rem}.btn-login:hover{background:var(--primary-hover)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-error{background:#fee2e2;color:#ef4444;padding:.75rem;border-radius:.5rem;font-size:.85rem;text-align:center;font-weight:500}.login-footer{text-align:center;margin-top:2rem;font-size:.8rem}.sidebar-footer{margin-top:auto;padding-top:2rem}.btn-logout{width:100%;background:#f1f5f9;color:#64748b;padding:.75rem;border-radius:.5rem;border:1px solid #e2e8f0;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-logout:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.shortcuts-section{margin-bottom:2rem}.shortcuts-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;display:block}.shortcuts-grid{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;color:var(--text-main);font-size:.85rem;font-weight:500;transition:all .2s}.shortcut-item:hover{background:#fff;border-color:var(--primary);color:var(--primary);transform:translate(4px);box-shadow:0 4px 6px -1px #0000000d}.shortcut-icon{font-size:1.1rem}.btn-qr-view{background:var(--primary);color:#fff;border:none;padding:.3rem .6rem;border-radius:.4rem;font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s}.btn-qr-view:hover{background:var(--primary-hover)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,150,236,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:1.5rem auto}@keyframes spin{to{transform:rotate(360deg)}}.req-active,.req-inactive{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.req-active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.req-inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.employee-info-row{display:flex;justify-content:space-between;width:100%;font-size:.8rem;border-top:1px solid rgba(226,232,240,.4);padding-top:4px}.info-label{color:var(--text-muted);font-weight:500}.info-value{color:var(--text-main);font-weight:600}