:root{--blue: #0F2942;--blue-dark: #081A2C;--blue-light: #EEF2F7;--accent: #9C7B3D;--accent-light: #F5EFE2;--green: #0E7A4D;--green-light: #E8F4EE;--red: #B42318;--red-light: #FBEAE8;--amber: #A16207;--amber-light: #FBF1DC;--gray-50: #FAFAF7;--gray-100: #F4F4F0;--gray-200: #E8E8E2;--gray-300: #D4D4CC;--gray-400: #94A3B8;--gray-500: #64748B;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--r: 6px;--r-lg: 10px;--shadow-xs: 0 1px 2px rgba(15, 41, 66, .04);--shadow: 0 1px 2px rgba(15, 41, 66, .04), 0 1px 3px rgba(15, 41, 66, .06);--shadow-md: 0 4px 12px rgba(15, 41, 66, .06), 0 2px 4px rgba(15, 41, 66, .04);--shadow-lg: 0 12px 32px rgba(15, 41, 66, .08), 0 4px 8px rgba(15, 41, 66, .04);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Fraunces", "Georgia", serif;--accent-gold: #C9A24E;--accent-gold-hover: #B58E3D;--accent-gold-soft: #F2E5BF;--bg-cream: #FCFAF5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);font-size:15px;line-height:1.5;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--blue-light);color:var(--blue)}.app-layout{display:flex;min-height:100vh;background:var(--bg-cream)}.sidebar{width:232px;min-height:100vh;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{padding:1.5rem 1rem 1.25rem;border-bottom:1px solid var(--gray-200)}.sidebar-logo-text{font-weight:700;font-size:1.1rem;color:var(--blue);letter-spacing:-.02em}.sidebar-nav{flex:1;padding:1rem .625rem;display:flex;flex-direction:column;gap:1px}.sidebar-section-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);padding:.5rem .875rem .4rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--r);text-decoration:none;color:var(--gray-700);font-size:.875rem;font-weight:500;transition:background .15s ease,color .15s ease;position:relative}.nav-item:hover{background:#c9a24e12;color:var(--gray-900)}.nav-item--active{background:#c9a24e21;color:var(--gray-900);font-weight:600}.nav-item--active:before{content:"";position:absolute;left:-.625rem;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent-gold);border-radius:0 2px 2px 0}.nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gray-900);transition:color .15s ease}.nav-item:hover .nav-icon{color:var(--gray-900)}.nav-item--active .nav-icon{color:var(--accent-gold)}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;background:var(--gray-50)}.sidebar-user{display:flex;flex-direction:column;gap:2px;padding:.5rem .625rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r)}.user-email{font-size:.72rem;color:var(--gray-500);word-break:break-all}.user-role{font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-top:2px}.main-content{flex:1;min-width:0;padding:2rem 2.25rem;max-width:1200px}.page{display:flex;flex-direction:column;gap:1.5rem;min-height:0;flex:1}.page-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.page-title{font-size:1.5rem;font-weight:600;color:var(--gray-900);letter-spacing:-.02em;font-family:var(--font-serif);font-variation-settings:"opsz" 36}.page-welcome{font-size:.85rem;color:var(--gray-500);margin-bottom:.15rem}.page-header--welcome{border-bottom:none;padding-bottom:.25rem}.page-loading{color:var(--gray-500);padding:2rem 0;text-align:center}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1.75rem;box-shadow:var(--shadow-xs)}.card--success{border-color:var(--green);text-align:center}.card-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:var(--r);border:1px solid transparent;font-weight:500;font-size:.875rem;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap;cursor:pointer}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0f29422e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 1px 2px #0f29421f}.btn-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.btn-outline{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 1px 2px #b423182e}.btn-danger:hover:not(:disabled){background:#951b11;border-color:#951b11}.btn-sm{padding:.35rem .75rem;font-size:.8rem;gap:.35rem}.btn-full{width:100%}.btn svg{flex-shrink:0}.back-link{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:.25rem 0;margin-bottom:.75rem;color:var(--gray-500);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .15s ease}.back-link:hover{color:var(--gray-900)}.back-link:focus-visible{outline:none;color:var(--gray-900)}.back-link svg{flex-shrink:0}.link-btn{background:none;border:none;color:var(--blue);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.required{color:var(--red)}.input{width:100%;padding:.6rem .8rem;border:1px solid var(--gray-300);border-radius:var(--r);background:#fff;color:var(--gray-900);transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;font-size:.9rem}.input::placeholder{color:var(--gray-400)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0px 1000px #fff inset;caret-color:var(--gray-900)}.input:hover:not(:focus){border-color:var(--gray-400)}.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0f29421f}.textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;letter-spacing:.01em;border:1px solid transparent}.badge--green{background:var(--green-light);color:var(--green);border-color:#0e7a4d2e}.badge--amber{background:var(--amber-light);color:var(--amber);border-color:#a162072e}.badge--red{background:var(--red-light);color:var(--red);border-color:#b423182e}.badge--blue{background:var(--blue-light);color:var(--blue);border-color:#0f29421f}.badge--gray{background:var(--gray-100);color:var(--gray-500);border-color:var(--gray-200)}.alert{padding:.85rem 1.1rem;border-radius:var(--r);font-size:.875rem;border:1px solid;border-left-width:3px;display:flex;align-items:flex-start;gap:.6rem}.alert-error{background:var(--red-light);color:#7b1d14;border-color:#b4231840;border-left-color:var(--red)}.alert-success{background:var(--green-light);color:#08543a;border-color:#0e7a4d40;border-left-color:var(--green)}.alert-warning{background:var(--amber-light);color:#6e430a;border-color:#a1620740;border-left-color:var(--amber)}.sync-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.sync-badge--synced{background:var(--green-light);color:var(--green)}.sync-badge--pending{background:var(--amber-light);color:var(--amber)}.sync-badge--failed{background:var(--red-light);color:var(--red)}.sync-badge--offline{background:var(--gray-100);color:var(--gray-500)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;background:var(--bg-cream);background-image:radial-gradient(ellipse at top left,rgba(201,162,78,.1),transparent 55%),radial-gradient(ellipse at bottom right,rgba(201,162,78,.14),transparent 55%);overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(156,123,61,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(156,123,61,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none}.login-card{background:#fff;border:1px solid var(--accent-gold-soft);border-radius:14px;padding:2.75rem 2.5rem 2.25rem;width:100%;max-width:420px;box-shadow:0 18px 38px -18px #9c7b3d47,0 4px 12px -2px #0f172a0f;position:relative;z-index:1}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-gold-soft),var(--accent-gold),var(--accent-gold-soft));border-radius:14px 14px 0 0}.login-header{text-align:center;margin-bottom:2rem}.login-brand-mark{width:56px;height:56px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue) 0%,#1B3A5C 100%);color:#fff;border-radius:12px;box-shadow:0 4px 12px #0f29422e,inset 0 1px #ffffff1f}.login-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:.5rem}.login-title{font-family:var(--font-serif);font-variation-settings:"opsz" 60;font-size:1.65rem;font-weight:600;color:var(--gray-900);letter-spacing:-.02em;line-height:1.2}.login-subtitle{color:var(--gray-500);font-size:.875rem;margin-top:.5rem;line-height:1.5}.login-divider{display:flex;align-items:center;gap:.625rem;margin:1.25rem 0 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.login-divider-mark{width:5px;height:5px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 0 2px var(--accent-gold-soft)}.login-form{display:flex;flex-direction:column;gap:1.1rem}.login-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--gray-200);text-align:center;font-size:.7rem;color:var(--gray-400);letter-spacing:.04em}.search-container,.search-input-wrap{position:relative}.search-input{padding-right:2.5rem}.search-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--gray-300);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.search-dropdown{position:absolute;z-index:100;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r);box-shadow:var(--shadow-md);list-style:none;max-height:320px;overflow-y:auto}.search-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .1s}.search-item:last-child{border-bottom:none}.search-item:hover{background:var(--blue-light)}.search-item-name{font-weight:600;font-size:.9rem}.search-item-meta{font-size:.78rem;color:var(--gray-500);display:flex;gap:.75rem;margin-top:2px}.search-empty{font-size:.85rem;color:var(--gray-500);margin-top:.5rem}.search-bar{margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center}.emp-search{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1}.emp-search-controls{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.emp-search-controls .input:first-child{flex:1;min-width:160px}.emp-list{border:1px solid var(--gray-200);border-radius:var(--r);overflow-y:auto;background:#fff;flex:1;min-height:120px;max-height:calc(100dvh - 460px)}.emp-list-hint{padding:.45rem 1rem;font-size:.72rem;color:var(--gray-400);border-bottom:1px solid var(--gray-100);background:var(--gray-50);position:sticky;top:0;z-index:1}.emp-row{display:block;width:100%;text-align:left;padding:.6rem 1rem;border:none;border-bottom:1px solid var(--gray-100);background:transparent;cursor:pointer;transition:background .1s}.emp-row:last-child{border-bottom:none}.emp-row:hover{background:var(--blue-light)}.emp-row-main{display:flex;align-items:center;gap:.5rem}.emp-row-name{font-weight:600;font-size:.875rem;color:var(--gray-900)}.emp-row-meta{font-size:.74rem;color:var(--gray-500);display:flex;gap:.6rem;margin-top:2px;flex-wrap:wrap}.emp-badge-interviewed{font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:1px 7px;border-radius:20px;background:var(--green-light);color:var(--green);flex-shrink:0}.emp-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.45rem 1rem;font-size:.72rem;border-bottom:1px solid var(--gray-100);background:var(--gray-50);position:sticky;top:0;z-index:1}.emp-page-size{display:flex;align-items:center;gap:.3rem}.emp-pagesize-btn{padding:1px 8px;border-radius:4px;border:1px solid var(--gray-300);background:#fff;font-size:.72rem;color:var(--gray-600);cursor:pointer;transition:background .1s,border-color .1s}.emp-pagesize-btn:hover{background:var(--gray-100)}.emp-pagesize-btn--active{background:var(--blue);border-color:var(--blue);color:#fff}.emp-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem 1rem;border-top:1px solid var(--gray-100);background:var(--gray-50);position:sticky;bottom:0}.emp-pagination-info{font-size:.78rem;color:var(--gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--gray-300)}.stat-card:before{content:"";position:absolute;left:0;top:1.25rem;bottom:1.25rem;width:2px;background:currentColor;border-radius:0 2px 2px 0;opacity:.65}.stat-card--green{color:var(--green)}.stat-card--blue{color:var(--blue)}.stat-card--amber{color:var(--amber)}.stat-card--red{color:var(--red)}.stat-card--clickable{display:block;text-decoration:none;cursor:pointer}.stat-card--clickable:hover{box-shadow:var(--shadow);border-color:var(--gray-300);transform:translateY(-1px)}.stat-card--clickable:active{transform:translateY(0)}.stat-value{font-size:1.85rem;font-weight:600;color:var(--gray-900);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.stat-value-suffix{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:var(--accent-gold)}.stat-label{font-size:.72rem;color:var(--gray-500);margin-top:.5rem;font-weight:500;letter-spacing:.02em}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.875rem}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1.5rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);text-decoration:none;color:var(--gray-700);font-size:.9rem;font-weight:500;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.quick-action-card:hover{border-color:var(--accent-gold);color:var(--gray-900);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-gold);color:#fff;border-radius:50%;box-shadow:0 2px 6px #c9a24e52;transition:background .18s ease,transform .18s ease}.quick-action-card:hover .quick-action-icon{background:var(--accent-gold-hover);transform:scale(1.05)}.section{display:flex;flex-direction:column;gap:.875rem}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:.78rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em}.records-list{display:flex;flex-direction:column;gap:.5rem}.record-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1.1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);transition:border-color .15s ease,box-shadow .15s ease}.record-row--clickable{cursor:pointer;text-decoration:none;color:inherit}.record-row--clickable:hover{border-color:var(--gray-300);box-shadow:var(--shadow)}.record-info{flex:1;min-width:0}.record-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-meta{font-size:.78rem;color:var(--gray-500);margin-top:2px}.record-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.record-date{font-size:.75rem;color:var(--gray-400)}.record-photo-thumb{flex-shrink:0}.photo-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--gray-200)}.photo-thumb--clickable{cursor:zoom-in}.photo-placeholder-sm{width:48px;height:48px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.photo-capture{display:flex;flex-direction:column;gap:1rem}.photo-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;border:2px dashed var(--gray-300);border-radius:var(--r);cursor:pointer;transition:border-color .12s,background .12s}.photo-option:hover{border-color:var(--blue);background:var(--blue-light)}.photo-option .photo-placeholder-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--blue-light);color:var(--blue)}.photo-option .photo-placeholder-text{font-weight:600;color:var(--gray-700);font-size:.9rem;text-align:center}.photo-option:hover .photo-placeholder-icon{background:var(--blue);color:#fff}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem;border:2px dashed var(--gray-300);border-radius:var(--r);cursor:pointer;transition:border-color .12s,background .12s}.photo-placeholder:hover{border-color:var(--blue);background:var(--blue-light)}.photo-placeholder-icon{font-size:2.5rem}.photo-placeholder-text{font-weight:600;color:var(--gray-700)}.photo-placeholder-hint{font-size:.8rem;color:var(--red)}.camera-view{display:flex;flex-direction:column;gap:1rem}.camera-video{width:100%;border-radius:var(--r);background:#000;max-height:400px;object-fit:cover}.camera-controls{display:flex;align-items:center;justify-content:center;gap:2rem}.btn-capture{width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s}.btn-capture:active{transform:scale(.93)}.btn-capture-inner{width:44px;height:44px;border-radius:50%;background:var(--blue)}.photo-preview{display:flex;flex-direction:column;gap:.75rem}.photo-preview-img{width:100%;max-width:400px;border-radius:var(--r);border:2px solid var(--green)}.photo-preview-actions{display:flex;align-items:center;gap:1rem}.photo-compressing{font-size:.85rem;color:var(--gray-500)}.text-success{color:var(--green);font-weight:600}.stepper{display:flex;align-items:flex-start;width:100%;padding:.25rem 0 1.25rem}.stepper-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:6px}.stepper-item:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 14px);right:calc(-50% + 14px);height:1px;background:var(--gray-200);transition:background .3s}.stepper-item.done:not(:last-child):after{background:var(--blue)}.stepper-node{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gray-300);background:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;color:var(--gray-400);position:relative;z-index:1;transition:all .2s;flex-shrink:0}.stepper-item.done .stepper-node{background:var(--blue);border-color:var(--blue);color:#fff}.stepper-item.active .stepper-node{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 3px #1a56db1f}.stepper-label{font-size:.68rem;color:var(--gray-400);white-space:nowrap;letter-spacing:.01em}.stepper-item.done .stepper-label{color:var(--gray-500)}.stepper-item.active .stepper-label{color:var(--blue);font-weight:600}.employee-card{display:flex;gap:1rem;align-items:flex-start}.employee-photo{width:80px;height:80px;object-fit:cover;border-radius:var(--r)}.employee-info{flex:1}.employee-name{font-size:1.1rem;font-weight:700}.employee-meta{font-size:.85rem;color:var(--gray-500);margin-top:2px}.employee-summary{padding:.75rem 1rem;background:var(--gray-50);border-radius:var(--r);font-size:.9rem;margin-bottom:1rem}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.type-btn{padding:1.25rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--r);font-weight:600;color:var(--gray-700);transition:border-color .12s,background .12s,color .12s;text-align:center}.type-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.type-btn--active{border-color:var(--blue);background:var(--blue);color:#fff}.audit-card{display:flex;flex-direction:column}.audit-header{display:flex;gap:1rem;align-items:flex-start;padding-bottom:1.25rem;margin-bottom:.25rem;border-bottom:1px solid var(--gray-200)}.audit-header-left{flex:1;min-width:0}.audit-header-name{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:.3rem;line-height:1.3}.audit-header-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.audit-info-grid{display:flex;flex-direction:column;gap:.18rem}.audit-info-row{display:flex;gap:.5rem;font-size:.78rem;align-items:baseline}.audit-info-row>span:first-child{color:var(--gray-400);min-width:84px;flex-shrink:0;text-transform:uppercase;font-size:.67rem;font-weight:700;letter-spacing:.03em}.audit-info-row>span:last-child{color:var(--gray-800);font-weight:500}.audit-photo-slot{flex-shrink:0;width:136px}.audit-photo-detail{width:136px;height:166px;object-fit:cover;border-radius:var(--r);border:1px solid var(--gray-200);display:block}.audit-photo-detail--clickable{cursor:zoom-in}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:zoom-out}.photo-lightbox-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem;cursor:default}.photo-lightbox-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;padding:.4rem .75rem;font-size:.85rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.photo-lightbox-btn:hover{background:#ffffff40}.photo-lightbox-btn--close{padding:.4rem .55rem}.photo-lightbox-img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080;cursor:default}.audit-photo-placeholder{width:136px;height:166px;background:var(--gray-100);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--gray-300)}.photo-slot-idle{width:136px;height:166px;border:1.5px dashed var(--gray-300);border-radius:var(--r);background:var(--gray-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.photo-slot-cam,.photo-slot-file{background:#fff;border:1px solid var(--gray-200);border-radius:6px;padding:.4rem .55rem;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-700);transition:background .15s ease,border-color .15s ease,color .15s ease}.photo-slot-cam:hover,.photo-slot-file:hover{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.photo-slot-preview{display:flex;flex-direction:column;align-items:center;gap:.3rem}.photo-slot-img{width:136px;height:166px;object-fit:cover;border-radius:var(--r);border:1px solid var(--gray-200)}.photo-slot-retake{font-size:.7rem;color:var(--blue);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.audit-section-title{font-size:.72rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.07em;padding:1rem 0 .35rem;border-top:1px solid var(--gray-200);margin-top:.25rem}.audit-questions{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.audit-q{padding:.3rem 0;border-bottom:1px solid var(--gray-100)}.audit-q:last-child{border-bottom:none}.audit-q-label{font-size:.875rem;font-weight:500;color:var(--gray-700);line-height:1.4}.audit-q--inline{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.audit-q--inline .audit-q-label{margin-bottom:0;flex:1 1 0;min-width:0;padding-top:2px}.audit-q--inline .audit-q-control{flex:0 0 50%;min-width:240px}.audit-q--full{grid-column:span 1}.audit-q--full .audit-q-label{margin-bottom:.3rem}.audit-answers{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.audit-answer{padding:.3rem 0;border-bottom:1px solid var(--gray-100)}.audit-answer:last-child{border-bottom:none}.audit-answer--inline{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.audit-answer--inline .audit-q-label{flex:1}.audit-answer-value{font-size:.875rem;color:var(--gray-900);font-weight:500}.audit-answer--full{grid-column:span 1}.audit-answer--full .audit-answer-value{padding-left:1.4rem;margin-top:.1rem;display:block}.audit-auditor-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.audit-auditor-label{font-size:.67rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;min-width:52px}.audit-auditor-value{font-size:.875rem;font-weight:600;color:var(--gray-700);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:5px;padding:.18rem .55rem}.audit-q--error .audit-q-label{color:var(--red)}.audit-q--error .input,.audit-q--error .input--compact,.audit-q--error select.input{border-color:var(--red);background:var(--red-light)}.audit-q--error .yesno-btn:not(.yesno-btn--active),.audit-q--error .choice-btn:not(.choice-btn--active){border-color:var(--red);background:var(--red-light)}.audit-q-error-msg{color:var(--red);font-size:.78rem;font-weight:500}.audit-photo-slot--error{outline:2px solid var(--red);border-radius:var(--r)}.q-num{color:var(--blue);font-weight:700;font-size:.8rem;margin-right:3px}.input--compact{width:180px;padding:.3rem .5rem;font-size:.875rem}.input--number{width:72px;padding:.3rem .5rem;font-size:.875rem;text-align:center}.audit-q .input--compact{width:100%}.audit-q .input--number{width:80px}.audit-q .textarea{width:100%;max-width:100%}.yesno-group{display:flex;gap:.35rem}.yesno-btn{padding:.28rem .9rem;background:#fff;border:1.5px solid var(--gray-300);border-radius:6px;font-weight:600;font-size:.85rem;color:var(--gray-600);transition:all .1s}.yesno-btn--active{background:var(--blue);border-color:var(--blue);color:#fff}.yesno-btn:hover:not(.yesno-btn--active){background:var(--gray-100)}.choice-group{display:flex;gap:.4rem;flex-wrap:wrap}.choice-btn{padding:.4rem .85rem;background:#fff;border:1.5px solid var(--gray-300);border-radius:999px;font-size:.85rem;color:var(--gray-700);transition:all .12s}.choice-btn--active{background:var(--blue);border-color:var(--blue);color:#fff}.choice-btn:hover:not(.choice-btn--active){background:var(--gray-100)}.select-dynamic,.select-dynamic-manual{display:flex;flex-direction:column;gap:.2rem}.datequick{position:relative;display:inline-block;min-width:240px}.datequick-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;font-variant-numeric:tabular-nums}.datequick-trigger--empty{color:var(--gray-500)}.datequick-popover{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:100%;background:#fff;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px #0f29421f;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.datequick-quick{display:flex;gap:.4rem}.datequick-quick .choice-btn{flex:1;padding:.5rem .75rem}.datequick-divider{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.datequick-divider:before,.datequick-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.datequick-clear{align-self:flex-end;font-size:.78rem;color:var(--red, #b91c1c);background:none;border:none;cursor:pointer;padding:.15rem 0}.datequick-clear:hover{text-decoration:underline}.success-icon{width:68px;height:68px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 6px 18px #0e7a4d38,inset 0 1px #ffffff2e}.success-title{font-family:var(--font-serif);font-variation-settings:"opsz" 36;font-size:1.4rem;font-weight:600;letter-spacing:-.015em;margin-bottom:.5rem}.success-subtitle{color:var(--gray-500);font-size:.9rem}.success-info{margin-top:1rem}.record-detail-header{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:flex-start}.record-detail-info{flex:1}.record-detail-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.record-detail-meta{font-size:.85rem;color:var(--gray-500);margin-top:2px}.detail-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.detail-section-title{font-size:.875rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.detail-grid{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;gap:.5rem;font-size:.875rem}.detail-label{font-weight:600;color:var(--gray-700);min-width:120px;flex-shrink:0}.detail-value{color:var(--gray-900)}.response-row{display:flex;gap:.5rem;font-size:.875rem;padding:.35rem 0;border-bottom:1px solid var(--gray-100)}.response-key{font-weight:600;color:var(--gray-500);min-width:140px}.response-value{color:var(--gray-900)}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 2rem;border:2px dashed var(--gray-300);border-radius:var(--r);cursor:pointer;background:#fff;transition:all .12s}.drop-zone:hover,.drop-zone--active{border-color:var(--blue);background:var(--blue-light)}.drop-icon{display:inline-flex;width:56px;height:56px;align-items:center;justify-content:center;background:var(--blue-light);color:var(--blue);border-radius:50%;margin-bottom:.5rem}.drop-title{font-weight:700;font-size:1.1rem;color:var(--gray-700)}.drop-sub{font-size:.875rem;color:var(--gray-500)}.drop-hint{font-size:.78rem;color:var(--gray-400)}.preview-table-wrap{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;font-size:.85rem}.preview-table th,.preview-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.preview-table th{font-weight:600;color:var(--gray-500);background:var(--gray-50)}.preview-table tr:hover td{background:var(--gray-50)}.format-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.format-list li{font-size:.875rem;color:var(--gray-700)}.format-list code{background:var(--gray-100);padding:.1rem .4rem;border-radius:4px;font-size:.8rem}.tab-bar{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.5rem}.tab-btn{padding:.5rem 1rem;border:1px solid var(--gray-200);border-radius:var(--r);background:#fff;color:var(--gray-700);font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tab-btn:hover:not(.tab-btn--active){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.tab-btn--active{background:var(--blue);color:#fff;border-color:var(--blue)}.maintenance-form{margin-bottom:1.25rem}.maintenance-inputs{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.maintenance-inputs .input{flex:1;min-width:180px}.maintenance-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.maintenance-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .875rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r);font-size:.875rem}.maintenance-nombre{font-weight:600}.table-wrapper{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:auto;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.table thead th{background:var(--gray-50);color:var(--gray-600);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:.75rem .875rem;border-bottom:1px solid var(--gray-200);white-space:nowrap}.table tbody td{padding:.75rem .875rem;border-bottom:1px solid var(--gray-100);vertical-align:middle;color:var(--gray-900)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--bg-cream)}.table tbody tr:nth-child(2n) td{background:#f4f4f059}.table tbody tr:nth-child(2n):hover td{background:var(--bg-cream)}.table code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;background:var(--accent-gold-soft);color:var(--gray-900);padding:.1rem .4rem;border-radius:4px}.empty-state{text-align:center;color:var(--gray-400);padding:2.5rem;font-size:.9rem}.text-muted{color:var(--gray-500);font-size:.875rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.import-section{border-top:1px solid var(--gray-200);padding-top:1rem;margin-top:.5rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.import-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.import-actions{display:flex;gap:.5rem;flex-wrap:wrap}.paste-area{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r);padding:.875rem}.import-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1.5rem}.import-mode-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--r);padding:1.5rem 1.25rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s,box-shadow .15s}.import-mode-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md)}.import-mode-icon{font-size:2rem}.import-mode-title{font-weight:700;font-size:.95rem;color:var(--gray-900)}.import-mode-desc{font-size:.82rem;color:var(--gray-500);line-height:1.4}.picklist-type-grid{display:flex;gap:.5rem;flex-wrap:wrap}.picklist-type-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:2px solid var(--gray-200);border-radius:var(--r);background:#fff;font-size:.875rem;color:var(--gray-700);transition:border-color .12s,background .12s,color .12s}.picklist-type-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.picklist-type-btn--active{border-color:var(--blue);background:var(--blue);color:#fff}.import-detected-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.import-detected-card{background:var(--blue-light);border:1px solid var(--blue);border-radius:var(--r);padding:.875rem 1.25rem;min-width:130px;text-align:center}.import-detected-count{font-size:1.6rem;font-weight:700;color:var(--blue);line-height:1}.import-detected-label{font-size:.82rem;font-weight:600;color:var(--gray-700);margin-top:.25rem}.import-detected-sheet{font-size:.72rem;color:var(--gray-500);margin-top:.15rem}.demo-banner{background:#78350f;color:#fef3c7;text-align:center;font-size:.78rem;font-weight:600;padding:.4rem 1rem;border-radius:var(--r);margin-bottom:1rem;letter-spacing:.02em}.bottom-nav{display:none}@media (max-width: 640px){.sidebar{display:none}.main-content{padding:1rem .875rem calc(4.5rem + env(safe-area-inset-bottom))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--gray-200);z-index:200;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 8px #0f29420f}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{flex:1;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.5rem .25rem .4rem;text-decoration:none;color:var(--gray-400);font-size:.58rem;font-weight:500;position:relative;transition:color .15s}.bottom-nav-item--active{color:var(--blue)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center}.bottom-nav-label{white-space:nowrap}.bottom-nav-badge{position:absolute;top:4px;right:calc(50% - 18px);background:var(--red);color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:999px;min-width:16px;text-align:center}.more-popup{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));right:0;background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px -4px 24px #0f294229,0 2px 8px #0f294214;min-width:210px;padding:.35rem 0;z-index:210;border:1px solid var(--gray-200);border-right:none}.more-popup-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.7rem 1rem;font-size:.9rem;font-weight:500;color:var(--gray-700);text-decoration:none;background:none;border:none;cursor:pointer;transition:background .12s}.more-popup-item:hover,.more-popup-item:active{background:var(--gray-50)}.more-popup-item--active{color:var(--blue)}.more-popup-item--danger{color:var(--red)}.more-popup-hr{border:none;border-top:1px solid var(--gray-200);margin:.3rem 0}.page{gap:1rem}.page-title{font-size:1.2rem}.page-header{gap:.5rem;padding-bottom:.75rem}.card{padding:1rem}.stats-grid,.type-grid{grid-template-columns:1fr 1fr}.quick-actions{grid-template-columns:1fr 1fr;gap:.625rem}.quick-action-card{padding:.875rem .75rem;font-size:.8rem}.quick-action-icon{width:32px;height:32px}.record-photo-thumb{display:none}.record-name{font-size:.85rem}.audit-header{flex-direction:column-reverse}.audit-photo-slot{width:100%;display:flex;justify-content:center}.audit-photo-detail{width:110px;height:130px}.tab-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0}.maintenance-inputs{flex-direction:column}.maintenance-inputs .input{min-width:0}.filter-bar{gap:.375rem}.filter-select{min-width:0;flex:1}.search-bar,.form-actions,.import-actions{flex-wrap:wrap}.login-card{padding:1.75rem 1.25rem 1.5rem}}.login-logo-img{max-width:200px;max-height:110px;object-fit:contain;margin-bottom:.5rem}.sidebar-logo-img{width:100%;max-height:160px;object-fit:contain}.sidebar-logo{padding:.75rem .25rem;display:flex;align-items:center;justify-content:center}.user-name{font-weight:600;font-size:.82rem;color:var(--gray-900)}.user-email{font-size:.7rem;color:var(--gray-500);word-break:break-all}.sync-badge--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;font-family:inherit;border:1px solid currentColor}.sync-error-panel{position:absolute;bottom:calc(100% + 6px);left:0;min-width:260px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r);box-shadow:var(--shadow-md);padding:.75rem;z-index:100}.sync-error-panel-title{font-weight:700;font-size:.8rem;margin-bottom:.5rem;color:var(--red)}.sync-error-item{display:flex;flex-direction:column;gap:2px;padding:.35rem 0;border-bottom:1px solid var(--gray-100)}.sync-error-item:last-of-type{border-bottom:none}.sync-error-id{font-size:.7rem;color:var(--gray-400);font-family:monospace}.sync-error-msg{font-size:.78rem;color:var(--gray-700)}.photo-options--drag{position:relative;border:2px dashed var(--blue);border-radius:var(--r)}.photo-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a56db1f;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--blue);font-size:1.1rem;pointer-events:none}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.filter-select{width:auto;min-width:140px}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.conflict-th{text-align:left;font-size:.78rem;font-weight:600;color:var(--gray-500);padding:.5rem .75rem}.conflict-td{font-size:.85rem;padding:.6rem .75rem}.conflict-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.conflict-col{border:1px solid var(--gray-200);border-radius:var(--r);padding:1rem}.conflict-col--accent{border-color:var(--blue);background:var(--blue-light)}.conflict-col-title{font-weight:700;font-size:.85rem;margin-bottom:.75rem}.conflict-photo{width:80px;height:90px;object-fit:cover;border-radius:4px;margin-bottom:.75rem}.conflict-table{width:100%;border-collapse:collapse;font-size:.82rem}.conflict-table-label{font-weight:600;color:var(--gray-500);padding:3px .5rem 3px 0;width:40%;vertical-align:top}.conflict-table-value{color:var(--gray-900);padding:3px 0;vertical-align:top}.conflict-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--gray-200);margin-top:1.25rem}.conflict-type-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.03em;white-space:nowrap}.conflict-field-table{border:1px solid var(--gray-200);border-radius:var(--r);overflow:hidden;margin-bottom:1.25rem}.conflict-field-header{display:grid;grid-template-columns:130px 1fr 1fr;background:var(--gray-50);padding:.5rem .75rem;font-size:.75rem;font-weight:700;color:var(--gray-500);border-bottom:1px solid var(--gray-200)}.conflict-field-row{display:grid;grid-template-columns:130px 1fr 1fr;padding:.5rem .75rem;font-size:.85rem;border-bottom:1px solid var(--gray-100)}.conflict-field-row:last-child{border-bottom:none}.conflict-field-row--diff{background:#fffbeb}.conflict-field-label{font-weight:600;color:var(--gray-500)}.conflict-field-new{color:var(--blue);font-weight:600}@media (max-width: 640px){.conflict-compare{grid-template-columns:1fr}.conflict-field-header,.conflict-field-row{grid-template-columns:100px 1fr 1fr}}