@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:linear-gradient(160deg, #0c1530 0%, var(--brand-navy) 55%, #16327c 130%);color:#fff;padding:var(--space-3xl) var(--space-2xl);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}.login-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#6b8aff0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-20%}.login-brand-content{z-index:1;max-width:480px;position:relative}.login-logo{margin-bottom:var(--space-2xl);align-items:center;gap:10px;display:flex}.login-logo-mark{background:var(--accent);border-radius:var(--radius-md);width:40px;height:40px;font-family:var(--font-display);color:#fff;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.login-logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.login-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);margin-bottom:var(--space-md);font-size:.6875rem;font-weight:500}.login-brand h1{margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.15}.login-features{margin-bottom:var(--space-2xl);flex-direction:column;gap:14px;display:flex}.login-feature{color:#ffffffb3;align-items:center;gap:12px;font-size:.9375rem;display:flex}.login-feature-check{width:24px;height:24px;color:var(--accent-bright);background:#4c82f038;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.login-mock-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .8s var(--ease-out) .3s backwards;background:#ffffff0f;border:1px solid #ffffff14;padding:20px}.login-mock-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.login-mock-card-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-size:.6875rem}.login-mock-card-badge{border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#34d399;background:#10b98126;padding:3px 8px;font-size:.625rem;font-weight:600}.login-mock-value{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:2rem;font-weight:700}.login-mock-bar{border-radius:var(--radius-full);background:#ffffff14;height:6px;margin-top:12px;overflow:hidden}.login-mock-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent), var(--accent-bright));height:100%;animation:progressExpand 2s var(--ease-out) .6s backwards}@keyframes progressExpand{0%{width:0%}}.login-form-side{background:var(--bg);padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.login-form-container{width:100%;max-width:420px;animation:fadeIn var(--duration-slow) var(--ease-out)}.login-form-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:var(--space-sm);font-size:.6875rem;font-weight:500}.login-form-container h2{margin-bottom:var(--space-xs);font-size:1.75rem}.login-form-subtitle{color:var(--ink-muted);margin-bottom:var(--space-xl);font-size:.9375rem}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-form .form-group{animation:fadeInUp var(--duration-slow) var(--ease-out) backwards}.login-form .form-group:first-child{animation-delay:.1s}.login-form .form-group:nth-child(2){animation-delay:.15s}.login-extras{animation:fadeInUp var(--duration-slow) var(--ease-out) .2s backwards;justify-content:space-between;align-items:center;display:flex}.login-forgot{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8125rem}.login-forgot:hover{color:var(--accent-deep);text-decoration:underline}.login-submit{width:100%;animation:fadeInUp var(--duration-slow) var(--ease-out) .25s backwards;padding:14px;font-size:1rem;font-weight:600}.login-error{align-items:center;gap:var(--space-sm);background:var(--danger-soft);border-radius:var(--radius-md);color:var(--danger);animation:fadeInUp var(--duration-base) var(--ease-out);border:1px solid #ef444433;padding:12px 16px;font-size:.875rem;display:flex}.login-error-icon{flex-shrink:0;font-size:1rem}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{padding:var(--space-lg)}}.dashboard-header{background:linear-gradient(135deg, #0c1530 0%, var(--brand-navy) 45%, #16327c 100%);color:#fff;padding:var(--space-lg) 0 80px;position:relative;overflow:hidden}.dashboard-header:before{content:"";background:radial-gradient(ellipse at top right, var(--accent-glow) 0%, transparent 60%);pointer-events:none;width:40%;height:100%;position:absolute;top:0;right:0}.header-top{padding:0 var(--space-lg);z-index:1;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex;position:relative}.header-left{align-items:center;gap:var(--space-lg);min-width:0;display:flex}.header-nav{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.header-nav-link{border-radius:var(--radius-full);color:#ffffffa6;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;padding:7px 14px;font-size:.875rem;font-weight:500}.header-nav-link:hover{color:#fff;background:#ffffff14}.header-nav-link.active{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1f}.header-right{align-items:center;gap:var(--space-md);display:flex}.sync-badge{border-radius:var(--radius-full);font-family:var(--font-mono);color:#fff9;background:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:6px 14px;font-size:.6875rem;display:flex}.sync-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.header-user{align-items:center;gap:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) ease;padding:4px 8px;display:flex}.header-user:hover{background:#ffffff14}.header-user-info{text-align:right}.header-user-name{font-size:.875rem;font-weight:500}.header-user-company{color:#ffffff80;font-size:.6875rem}.header-avatar{border:2px solid var(--accent-bright);width:36px;height:36px;font-family:var(--font-mono);color:var(--accent-bright);background:#4c82f040;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.header-content{max-width:1280px;padding:var(--space-xl) var(--space-lg) 0;z-index:1;margin:0 auto;position:relative}.header-content h1{color:#fff;margin-bottom:4px;font-size:1.75rem}.header-subtitle{color:#ffffff80;font-size:.9375rem}.kpi-strip{gap:var(--space-md);max-width:1280px;padding:0 var(--space-lg);z-index:2;grid-template-columns:repeat(4,1fr);margin:-48px auto 0;display:grid;position:relative}.kpi-card:first-child{animation-delay:50ms}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.dashboard-content{max-width:1280px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.charts-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:2fr 1fr;display:grid}.chart-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeInUp var(--duration-slow) var(--ease-out) backwards;overflow:hidden}.chart-card:first-child{animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.15s}.chart-header{padding:var(--space-lg) var(--space-lg) 0;justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:.9375rem;font-weight:600}.chart-subtitle{font-family:var(--font-mono);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.chart-body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.projects-section{animation:fadeInUp var(--duration-slow) var(--ease-out) .2s backwards}.projects-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.projects-title{font-size:1.25rem;font-weight:600}.projects-toolbar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.projects-table-wrapper{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.projects-table-scroll{overflow-x:auto}.project-info{flex-direction:column;gap:2px;display:flex}.project-code{font-family:var(--font-mono);color:var(--accent);font-size:.8125rem;font-weight:600}.project-name{font-size:.9375rem;font-weight:600}.project-part{font-family:var(--font-mono);color:var(--ink-muted);font-size:.75rem}.project-progress{min-width:180px}.project-progress-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.project-progress-label{font-family:var(--font-mono);color:var(--ink-muted);font-size:.6875rem}.project-progress-pct{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:600}.project-pending{font-family:var(--font-mono);color:var(--warn);font-size:.9375rem;font-weight:600}.project-date{color:var(--ink-soft);font-size:.875rem}@media (width<=900px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.header-user-info{display:none}.projects-header{flex-direction:column;align-items:flex-start}.projects-toolbar{flex-direction:column;align-items:stretch;width:100%}.search-input-wrapper{max-width:none}.pill-group{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.kpi-strip{grid-template-columns:1fr}.dashboard-header{padding-bottom:60px}.kpi-strip{margin-top:-36px}.header-content h1{font-size:1.375rem}}.reports-content{max-width:1280px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.reports-toolbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin:-56px 0 var(--space-xl);z-index:2;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex;position:relative}.reports-toolbar-filters{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.reports-group{margin-bottom:var(--space-xl);animation:fadeInUp var(--duration-slow) var(--ease-out) backwards}.reports-group-title{align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:var(--space-md);font-size:.8125rem;font-weight:600;display:flex}.reports-group-title:after{content:"";background:var(--line);flex:1;height:1px}.reports-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.report-card{gap:var(--space-sm);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);cursor:pointer;text-align:left;width:100%;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) ease;flex-direction:column;display:flex}.report-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-2px)}.report-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.report-card-icon{border-radius:var(--radius-md);background:var(--accent-glow);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.report-card-name{font-family:var(--font-display);color:var(--ink);font-size:1rem;font-weight:600;line-height:1.3}.report-card-desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.report-card-meta{align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--line-soft);color:var(--ink-muted);flex-wrap:wrap;margin-top:auto;font-size:.75rem;display:flex}.report-card-chip{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--bg-alt);color:var(--ink-soft);padding:2px 8px;font-size:.6875rem}.report-card-author{align-items:center;gap:6px;display:flex}.report-card-avatar{background:var(--accent-glow);width:22px;height:22px;color:var(--accent);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.5625rem;font-weight:600;display:flex}.report-detail-kpis{gap:var(--space-md);max-width:1280px;padding:0 var(--space-lg);z-index:2;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:-48px auto 0;display:grid;position:relative}.report-detail-content{max-width:1280px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.report-charts-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.chart-controls{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.chart-controls .form-select{width:auto;padding:6px 28px 6px 10px;font-size:.8125rem}.report-table-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.report-table-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;display:flex}.report-table-title{font-size:.9375rem;font-weight:600}.report-table-scroll{overflow-x:auto}.wizard-steps{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line-soft);display:flex}.wizard-step{color:var(--ink-muted);align-items:center;gap:8px;font-size:.8125rem;display:flex}.wizard-step-num{width:24px;height:24px;font-family:var(--font-mono);background:var(--bg-alt);color:var(--ink-muted);border:1px solid var(--line);transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.wizard-step.active{color:var(--ink);font-weight:600}.wizard-step.active .wizard-step-num{background:var(--accent);color:#fff;border-color:var(--accent)}.wizard-step.done .wizard-step-num{background:var(--success-soft);color:var(--success);border-color:#0000}.wizard-step-divider{background:var(--line);flex:0 0 24px;height:1px}.file-dropzone{border:2px dashed var(--line);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;background:var(--bg)}.file-dropzone:hover,.file-dropzone.dragover{border-color:var(--accent);background:var(--accent-glow)}.file-dropzone-icon{margin-bottom:var(--space-sm);font-size:2rem}.file-dropzone-hint{color:var(--ink-muted);margin-top:4px;font-size:.8125rem}.columns-config-table{border-collapse:collapse;width:100%;font-size:.8125rem}.columns-config-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.6875rem}.columns-config-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:6px 10px}.columns-config-table .form-input,.columns-config-table .form-select{padding:6px 10px;font-size:.8125rem}.columns-config-table tr.excluded td{opacity:.45}.preview-table-wrapper{border:1px solid var(--line);border-radius:var(--radius-md);margin-top:var(--space-md);overflow-x:auto}.preview-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.75rem}.preview-table th{background:var(--bg-alt);text-align:left;font-family:var(--font-mono);color:var(--ink-soft);border-bottom:1px solid var(--line);padding:6px 10px;font-size:.6563rem}.preview-table td{border-bottom:1px solid var(--line-soft);color:var(--ink-soft);padding:5px 10px}.wizard-summary{gap:var(--space-sm);display:grid}.wizard-summary-row{justify-content:space-between;gap:var(--space-md);background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:10px 14px;font-size:.875rem;display:flex}.wizard-summary-label{color:var(--ink-muted);flex-shrink:0}.wizard-summary-value{text-align:right;font-weight:600}.coltype-badge{font-family:var(--font-mono);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.625rem;display:inline-block}.coltype-number{background:var(--accent-glow);color:var(--accent)}.coltype-date{color:var(--success);background:#10b9811f}.coltype-category{color:#7c5cfc;background:#7c5cfc1f}.coltype-text{background:var(--bg-alt);color:var(--ink-muted)}@media (width<=900px){.report-charts-grid{grid-template-columns:1fr}}@media (width<=768px){.reports-toolbar{flex-direction:column;align-items:stretch}.report-detail-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.report-detail-kpis{grid-template-columns:1fr}}.admin-page{background:var(--bg);min-height:100vh}.admin-header{color:#fff;padding:var(--space-lg) 0;background:linear-gradient(135deg,#0b1220 0%,#141e33 100%)}.admin-header-content{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.admin-header-top{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.admin-back{align-items:center;gap:var(--space-sm);color:#fff9;transition:color var(--duration-fast) ease;font-size:.875rem;display:flex}.admin-back:hover{color:#fff}.admin-header h1{color:#fff;font-size:1.5rem}.admin-header p{color:#ffffff80;margin-top:4px;font-size:.9375rem}.admin-content{max-width:1280px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.admin-tabs{border-bottom:1px solid var(--line);margin-bottom:var(--space-xl);gap:0;display:flex}.admin-tab{color:var(--ink-muted);transition:all var(--duration-fast) ease;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:.9375rem;font-weight:500}.admin-tab:hover{color:var(--ink-soft)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-stats{gap:var(--space-md);margin:-80px 0 var(--space-xl);z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.admin-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-card-header{padding:var(--space-lg);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.admin-card-title{font-size:1rem;font-weight:600}.admin-card-body{padding:0}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--line);background:var(--bg-alt);padding:12px 16px;font-size:.6875rem;font-weight:600}.admin-table tbody td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 16px;font-size:.9375rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--accent-glow)}.user-email{font-family:var(--font-mono);color:var(--ink-muted);font-size:.8125rem}.user-role-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.user-role-admin{color:#7c5cfc;background:#7c5cfc1f}.user-role-supervisor{background:var(--accent-glow);color:var(--accent)}.user-role-user{color:var(--ink-muted);background:#8492a61f}.admin-actions{gap:4px;display:flex}@media (width<=768px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-card-body{overflow-x:auto}}@media (width<=480px){.admin-stats{grid-template-columns:1fr}}:root{--brand-navy:#121d45;--brand-navy-soft:#1b2a5e;--brand-blue:#1e5edb;--brand-gray:#8a93a6;--ink:#0c142e;--bg:#f4f6fb;--bg-alt:#edf0f7;--card:#fff;--line:#dfe4f0;--line-soft:#eaeef7;--ink-soft:#3b4763;--ink-muted:#7e8aa3;--accent:#1e5edb;--accent-deep:#1548b8;--accent-bright:#4c82f0;--accent-glow:#1e5edb1f;--success:#10b981;--success-soft:#10b9811f;--warn:#f59e0b;--warn-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--shadow-sm:0 1px 3px #0b122014, 0 1px 2px #0b12200a;--shadow-md:0 4px 12px #0b12201a, 0 2px 4px #0b12200f;--shadow-lg:0 12px 40px #0b122026, 0 4px 12px #0b122014;--font-display:"Space Grotesk", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:2000}[data-theme=dark]{--ink:#eef1fa;--bg:#0a0f22;--bg-alt:#101731;--card:#151e3d;--line:#263257;--line-soft:#1c2649;--ink-soft:#a9b4d0;--ink-muted:#6b7a9e;--accent:#5a8bf5;--accent-deep:#3e6fe8;--accent-bright:#85abfa;--accent-glow:#5a8bf529;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #00000026;--shadow-md:0 4px 12px #0000004d, 0 2px 4px #0003;--shadow-lg:0 12px 40px #0006, 0 4px 12px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--ink);background-color:var(--bg);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--accent);transition:color var(--duration-fast) ease;text-decoration:none}a:hover{color:var(--accent-deep)}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.text-muted{color:var(--ink-muted)}.text-soft{color:var(--ink-soft)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressStripe{0%{background-position:0 0}to{background-position:40px 0}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-fade-in-scale{animation:fadeInScale var(--duration-base) var(--ease-out)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-md);transition:all var(--duration-fast) ease;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:0 4px 14px var(--accent-glow)}.btn-secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--bg-alt);border-color:var(--ink-muted)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-glow);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-md);padding:8px}.btn .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.badge-active{background:var(--success-soft);color:var(--success)}.badge-active .badge-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.badge-paused{background:var(--warn-soft);color:var(--warn)}.badge-closed{color:var(--ink-muted);background:#8492a61f}.badge-sorting{background:var(--accent-glow);color:var(--accent)}.badge-inspection{color:#7c5cfc;background:#7c5cfc1f}.badge-containment{color:#0ea5e9;background:#0ea5e91f}.badge-ok{background:var(--success-soft);color:var(--success)}.badge-ng{background:var(--danger-soft);color:var(--danger)}.badge-hold{background:var(--warn-soft);color:var(--warn)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.6875rem;font-weight:500}.form-input{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);transition:all var(--duration-fast) ease;outline:none;padding:10px 14px;font-size:.9375rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--ink-muted)}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.form-error{color:var(--danger);font-size:.8125rem}.form-select{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);transition:all var(--duration-fast) ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238492A6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px;font-size:.9375rem}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--ink-soft);font-size:.875rem;display:flex}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.progress-bar{background:var(--bg-alt);border-radius:var(--radius-full);width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent), var(--accent-bright));height:100%;transition:width var(--duration-slow) var(--ease-out);position:relative}.progress-fill.warn{background:linear-gradient(90deg, var(--warn), #fbbf24)}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer;position:absolute;inset:0}.progress-text{font-family:var(--font-mono);color:var(--ink-muted);margin-top:4px;font-size:.75rem}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-md{width:32px;height:32px}.spinner-lg{border-width:4px;width:48px;height:48px}.loading-screen{justify-content:center;align-items:center;gap:var(--space-md);min-height:100vh;color:var(--ink-muted);flex-direction:column;font-size:.875rem;display:flex}.empty-state{padding:var(--space-3xl) var(--space-lg);text-align:center;animation:fadeInUp var(--duration-slow) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--accent-glow);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--accent);margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.empty-state h3{margin-bottom:var(--space-sm);font-size:1.125rem}.empty-state p{color:var(--ink-muted);max-width:400px;margin-bottom:var(--space-lg);font-size:.9375rem}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--line-soft)}.card-body{padding:var(--space-lg)}.kpi-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out);animation:fadeInUp var(--duration-slow) var(--ease-out) backwards;padding:20px 24px}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:8px;font-size:.625rem;font-weight:600}.kpi-value{font-family:var(--font-display);color:var(--ink);margin-bottom:6px;font-size:2rem;font-weight:700;line-height:1}.kpi-delta{font-family:var(--font-mono);font-size:.6875rem;font-weight:500}.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--danger)}.kpi-delta.flat{color:var(--ink-muted)}.pill-group{background:var(--bg-alt);border-radius:var(--radius-full);border:1px solid var(--line-soft);gap:4px;padding:4px;display:flex}.pill{border-radius:var(--radius-full);color:var(--ink-muted);transition:all var(--duration-fast) ease;cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:.8125rem;font-weight:500}.pill:hover{color:var(--ink-soft)}.pill.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--line);background:var(--bg-alt);z-index:1;padding:12px 16px;font-size:.6875rem;font-weight:600;position:sticky;top:0}.data-table tbody tr{transition:background-color var(--duration-fast) ease;cursor:pointer}.data-table tbody tr:hover{background:var(--accent-glow)}.data-table tbody td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:14px 16px;font-size:.9375rem}.data-table tbody tr:last-child td{border-bottom:none}.tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.tab{color:var(--ink-muted);transition:all var(--duration-fast) ease;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--ink-soft)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.avatar{width:36px;height:36px;font-family:var(--font-mono);background:var(--accent-glow);color:var(--accent);border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.avatar-lg{width:48px;height:48px;font-size:.875rem}.dropdown{position:relative}.dropdown-menu{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:fadeInScale var(--duration-fast) var(--ease-out);padding:4px;position:absolute;top:calc(100% + 4px);right:0}.dropdown-item{align-items:center;gap:var(--space-sm);width:100%;color:var(--ink-soft);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;cursor:pointer;text-align:left;background:0 0;border:none;padding:10px 12px;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--accent-glow);color:var(--accent)}.dropdown-divider{background:var(--line-soft);height:1px;margin:4px 0}.toast-custom{font-family:var(--font-body)!important}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-modal) + 10);animation:fadeIn var(--duration-fast) ease;background:#0b122080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--card);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:fadeInScale var(--duration-base) var(--ease-spring)}.confirm-dialog h3{margin-bottom:var(--space-sm);font-size:1.125rem}.confirm-dialog p{color:var(--ink-muted);margin-bottom:var(--space-lg);font-size:.9375rem}.confirm-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.tag-input-container{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);cursor:text;min-height:42px;transition:all var(--duration-fast) ease;flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.tag-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.tag{background:var(--accent-glow);color:var(--accent);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.8125rem;font-weight:500;display:inline-flex}.tag button{width:14px;height:14px;color:var(--accent);transition:all var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;display:flex}.tag button:hover{background:var(--accent);color:#fff}.tag-input{min-width:80px;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.tag-input::placeholder{color:var(--ink-muted)}.search-input-wrapper{flex:1;max-width:300px;position:relative}.search-input-wrapper .search-icon{color:var(--ink-muted);pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-full);width:100%;color:var(--ink);transition:all var(--duration-fast) ease;outline:none;padding:8px 12px 8px 36px;font-size:.875rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--card)}.pagination{padding:var(--space-md) 0;justify-content:center;align-items:center;gap:4px;display:flex}.pagination button{border-radius:var(--radius-md);min-width:36px;height:36px;color:var(--ink-muted);transition:all var(--duration-fast) ease;justify-content:center;align-items:center;padding:0 8px;font-size:.875rem;font-weight:500;display:flex}.pagination button:hover:not(:disabled){background:var(--accent-glow);color:var(--accent)}.pagination button.active{background:var(--accent);color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.theme-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--ink-muted);transition:all var(--duration-fast) ease;cursor:pointer;border:1px solid var(--line);background:var(--card);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--accent-glow);color:var(--accent);border-color:var(--accent)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn var(--duration-fast) ease;background:#0b12208c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:720px;max-height:90vh;animation:fadeInScale var(--duration-base) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.modal-lg{max-width:900px}.modal-sm{max-width:480px}.modal-close{border-radius:var(--radius-md);color:#fff9;width:32px;height:32px;transition:all var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.modal-close:hover{color:#fff;background:#ffffff1f}.modal-dark-header{color:#fff;padding:var(--space-lg) var(--space-lg);background:linear-gradient(135deg,#0b1220 0%,#141e33 100%);position:relative;overflow:hidden}.modal-dark-header:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.modal-header-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex;position:relative}.modal-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-bright);margin-bottom:8px;font-size:.6875rem;font-weight:500}.modal-dark-header h3{margin-bottom:var(--space-sm);font-size:1.5rem}.modal-badges{flex-wrap:wrap;gap:8px;display:flex}.modal-stats{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);display:grid}.mini-stat{text-align:center;padding:var(--space-sm)}.mini-stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:4px;font-size:.625rem;font-weight:500}.mini-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.mini-stat-value.ok{color:var(--success)}.mini-stat-value.ng{color:var(--danger)}.mini-stat-value.warn{color:var(--warn)}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--line-soft);display:flex}.modal-light-header{padding:var(--space-lg);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex}.modal-light-header h3{font-size:1.25rem}.modal-light-header .modal-close{color:var(--ink-muted)}.modal-light-header .modal-close:hover{background:var(--accent-glow);color:var(--accent)}.modal-form{gap:var(--space-lg);flex-direction:column;display:flex}.modal-form-section{gap:var(--space-md);flex-direction:column;display:flex}.modal-form-section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);padding-bottom:var(--space-sm);border-bottom:1px solid var(--line-soft);font-size:.6875rem;font-weight:600}.form-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.form-grid-full{grid-column:1/-1}.tab-content{animation:fadeIn var(--duration-base) var(--ease-out)}.summary-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.summary-item{flex-direction:column;gap:4px;display:flex}.summary-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-size:.6875rem;font-weight:500}.summary-value{font-size:.9375rem;font-weight:500}.custom-fields-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--line-soft)}.custom-fields-title{margin-bottom:var(--space-md);font-size:.875rem;font-weight:600}.pieces-toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.pieces-table-wrapper{border:1px solid var(--line-soft);border-radius:var(--radius-md);max-height:400px;overflow-y:auto}.custom-fields-builder{gap:var(--space-sm);flex-direction:column;display:flex}.custom-field-row{align-items:center;gap:var(--space-sm);animation:fadeInUp var(--duration-base) var(--ease-out);display:flex}.custom-field-row .form-input{flex:1}.custom-field-row .form-select{flex-shrink:0;width:140px}.custom-field-remove{border-radius:var(--radius-md);width:32px;height:32px;color:var(--danger);transition:all var(--duration-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-field-remove:hover{background:var(--danger-soft)}.custom-field-presets{padding-top:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.preset-btn{border-radius:var(--radius-full);border:1px dashed var(--line);color:var(--ink-muted);transition:all var(--duration-fast) ease;background:0 0;padding:4px 12px;font-size:.8125rem}.preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:95vh}.modal-stats{grid-template-columns:repeat(2,1fr)}.form-grid,.summary-grid{grid-template-columns:1fr}}.forgot-modal{max-width:420px}.forgot-modal .modal-body{gap:var(--space-md);flex-direction:column;display:flex}.forgot-success{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;flex-direction:column;display:flex}.forgot-success-icon{background:var(--success-soft);width:56px;height:56px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}