@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";.top-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#030305b3;border-bottom:1px solid #ffffff0d;align-items:center;height:70px;padding:0 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #00000080}.nav-brand{flex-shrink:0;align-items:center;gap:1rem;margin-right:3rem;text-decoration:none;display:flex;position:relative}.nav-brand-logo{color:var(--primary-color);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#38bdf833,#818cf833);border:1px solid #38bdf84d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 0 20px #38bdf826}.nav-brand-text{font-family:var(--font-sans);color:var(--text-main);letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.95rem;font-weight:700}.nav-brand-sub{color:var(--primary-color);letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-top:2px;font-size:.65rem}.nav-links{height:100%;display:flex}.nav-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;height:100%;padding:0 1.5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-link:after{content:"";background:var(--primary-color);height:2px;box-shadow:0 -2px 10px var(--primary-color);transform-origin:100% 100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-main)}.nav-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.nav-link.active{color:#fff}.nav-link.active:after{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform:scaleX(1)}.nav-spacer{flex-grow:1}.nav-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:600;display:flex}.nav-status-dot{background-color:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.nav-logout{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-left:2rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-logout:hover{color:var(--danger-color);text-shadow:0 0 10px #f43f5e66}.main-wrapper{max-width:1400px;margin:0 auto;padding:3rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInLayout}@keyframes fadeInLayout{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hamburger{cursor:pointer;z-index:210;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;margin-left:12px;padding:4px;display:none}.hamburger span{background:var(--text-main);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger--active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger--active span:nth-child(2){opacity:0}.hamburger--active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-footer,.nav-overlay{display:none}@media (width<=768px){.top-nav{height:56px;padding:0 1rem}.nav-brand{margin-right:0}.nav-brand-logo{border-radius:8px;width:32px;height:32px;font-size:.7rem}.nav-brand-text{letter-spacing:.1em;font-size:.8rem}.nav-brand-sub{font-size:.55rem}.hamburger{display:flex}.nav-status--desktop,.nav-logout--desktop{display:none}.nav-links{-webkit-backdrop-filter:blur(24px);z-index:200;-webkit-overflow-scrolling:touch;background:#0a0a0ef7;border-left:1px solid #ffffff14;flex-direction:column;width:280px;height:100dvh;padding:80px 0 24px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-links--open{transform:translate(0)}.nav-link{border-bottom:1px solid #ffffff0a;height:auto;padding:14px 28px;font-size:.85rem}.nav-link:after{width:3px;height:100%;bottom:0;left:0;right:auto;transform:scaleY(0)}.nav-link.active:after,.nav-link:hover:after{transform:scaleY(1)}.nav-mobile-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:16px;margin-top:auto;padding:24px 28px;display:flex}.nav-mobile-footer .nav-logout{margin-left:0}.nav-overlay{z-index:150;-webkit-tap-highlight-color:transparent;background:#0009;display:block;position:fixed;inset:0}.main-wrapper{padding:1.25rem .75rem}}.login-container{background:var(--bg-color);width:100vw;height:100vh;color:var(--text-main);background-image:radial-gradient(circle at 10% 10%,#38bdf80d,#0000 30%),radial-gradient(circle at 90% 90%,#818cf80d,#0000 30%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{-webkit-backdrop-filter:blur(40px);z-index:1;background:#14141880;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;animation:.8s cubic-bezier(.16,1,.3,1) forwards floatUp;box-shadow:0 24px 80px -10px #000c,inset 0 0 0 1px #ffffff0d}@keyframes floatUp{0%{opacity:0;filter:blur(8px);transform:translateY(40px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.login-brand{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.brand-logo{background:linear-gradient(135deg,#38bdf833,#818cf833);border:1px solid #38bdf866;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;box-shadow:0 0 30px #38bdf833}.brand-logo span{font-family:var(--font-mono);color:var(--primary-color);letter-spacing:.15em;text-shadow:0 0 10px #38bdf880;font-size:16px;font-weight:700}.login-brand h1{font-family:var(--font-sans);letter-spacing:.02em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.login-brand p{color:var(--text-muted);letter-spacing:.05em;margin-top:6px;font-size:13px}.login-divider{align-items:center;gap:16px;margin-bottom:28px;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);flex:1;height:1px}.login-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:#cad4e0;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.form-group input{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);box-sizing:border-box;background:#0006;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#64748b}.btn-login{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:700;font-family:var(--font-sans);letter-spacing:.05em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #38bdf84d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #38bdf880}.btn-login:active:not(:disabled){transform:scale(.97)}.btn-login:disabled{opacity:.5;cursor:not-allowed;filter:grayscale();box-shadow:none}.btn-login svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.error-msg{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex;box-shadow:0 0 20px #ef44441a}.error-msg svg{fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0;width:18px;height:18px}.security-note{text-align:center;color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-top:32px;font-size:11px;line-height:1.6}.security-note svg{vertical-align:-2px;opacity:.6;width:12px;height:12px;margin-right:4px}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@media (width<=768px){.login-card{border-radius:20px;max-width:100%;margin:0 16px;padding:32px 24px}.login-brand{margin-bottom:28px}.login-brand h1{font-size:17px}.brand-logo{width:48px;height:48px;margin-bottom:16px}.form-group input{padding:12px 14px;font-size:14px}.btn-login{padding:12px;font-size:13px}}.employees-table{border-collapse:separate;border-spacing:0;width:100%}.employees-table th,.employees-table td{text-align:left;border-bottom:1px solid var(--border-color);background:var(--surface-color);padding:16px 20px;transition:background .2s}.employees-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--border-color);background:#0003;font-size:12px;font-weight:600}.employees-table td{font-size:14px}.employees-table tr:hover td{background:#ffffff08}.employees-table tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.employees-table tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}@media (width<=768px){.employees-table thead{display:none}.employees-table,.employees-table tbody,.employees-table tr,.employees-table td{background:0 0;border:none;width:100%;display:block}.employees-table tr{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;padding:14px 16px}.employees-table td{padding:2px 0;font-size:13px}.employees-table td:first-child{border-radius:0;margin-bottom:6px;font-size:15px}.employees-table td:nth-child(4),.employees-table td:nth-child(5){display:none}.employees-table td:last-child{border-radius:0;margin-top:8px}.employees-table td:last-child .flex{justify-content:flex-start!important}}.scan-modal-overlay{z-index:10000;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scan-modal{background:var(--bg-card,#1a1a2e);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:96vw;max-width:1400px;height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #000000b3}.scan-modal-header{border-bottom:1px solid var(--border-color,#333);background:#0000004d;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.scan-modal-header-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.scan-modal-counter{color:var(--text-muted,#888);margin-left:4px;font-size:12px}.scan-modal-header-center{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.scan-modal-doc-badge{letter-spacing:.03em;color:#888;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.scan-modal-doc-badge.known{color:#7dd3fc;background:linear-gradient(135deg,#38bdf833,#818cf833);border:1px solid #38bdf84d}.scan-modal-filename{color:var(--text-muted,#888);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scan-modal-header-right{flex-shrink:0;gap:8px;display:flex}.scan-modal-body{flex:1;display:flex;overflow:hidden}.scan-modal-viewer{background:#0a0a0a;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:auto}.scan-modal-fields{border-left:1px solid var(--border-color,#333);background:var(--bg-elevated,#1e1e2e);flex-direction:column;flex-shrink:0;width:360px;min-width:300px;display:flex}.scan-modal-fields-header{border-bottom:1px solid var(--border-color,#333);background:#0003;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.scan-modal-fields-header h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#ccc);margin:0;font-size:13px}.scan-modal-fields-body{flex:1;padding:12px 16px;overflow-y:auto}.scan-modal-field-input{border:1px solid var(--border-color,#333);width:100%;color:var(--text,#eee);box-sizing:border-box;background:#0000004d;border-radius:4px;padding:6px 10px;font-family:monospace;font-size:13px}.scan-modal-fields-footer{border-top:1px solid var(--border-color,#333);background:#0003;flex-shrink:0;padding:10px 16px}.scan-modal-thumbs{border-left:1px solid var(--border-color,#333);background:#00000026;flex-shrink:0;width:130px;padding:8px;overflow-y:auto}.scan-modal-thumb{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;margin-bottom:6px;padding:5px;transition:all .15s}.scan-modal-thumb.active{border-color:var(--primary-color,#6366f1);background:#6366f12e}@media (width<=768px){.scan-modal{border-radius:0;width:100vw;max-width:none;height:100dvh}.scan-modal-header{flex-wrap:wrap;gap:6px;padding:8px 10px}.scan-modal-header-center{order:3;justify-content:center;width:100%}.scan-modal-filename,.scan-modal-open-link{display:none}.scan-modal-body{flex-direction:column}.scan-modal-viewer{flex:1;min-height:0}.scan-modal-fields{border-left:none;border-top:1px solid var(--border-color,#333);width:100%;min-width:0;max-height:45vh}.scan-modal-fields-body{padding:10px 14px}.scan-modal-field-input{padding:8px 10px;font-size:16px}.scan-modal-thumbs{display:none}}.employee-detail-page{padding:0;animation:.4s ease-out fadeIn}.subtitle{color:var(--primary-color);text-transform:uppercase;letter-spacing:.15em;margin-top:4px;font-size:.85rem}.split-layout{align-items:flex-start;gap:32px;display:flex}.split-left{flex:1;min-width:380px}.split-right{flex:1.5}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.form-group input{border:1px solid var(--border-color);box-sizing:border-box;width:100%;color:var(--text-main);font-family:var(--font-mono);background:#0003;border-radius:8px;padding:12px 14px;font-size:14px;transition:all .3s}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);background:#0006;outline:none}.justify-end{justify-content:flex-end}@media (width<=768px){.split-layout{flex-direction:column;gap:20px}.split-left{width:100%;min-width:0}.split-right{width:100%}.grid-2,.grid-3{grid-template-columns:1fr!important}.employee-detail-page .flex-between{flex-direction:column;align-items:flex-start;gap:12px}.employee-detail-page .flex-between .flex.gap-8{justify-content:flex-start;width:100%}}.new-employee-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.new-employee-page .form-section{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;padding:24px}.new-employee-page .form-section h3{color:var(--primary-light);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:500}.new-employee-page .form-group{margin-bottom:16px}.new-employee-page .form-group label{color:var(--text-color);opacity:.7;margin-bottom:4px;font-size:.85rem;display:block}.new-employee-page .form-group input,.new-employee-page .form-group select,.new-employee-page .form-group textarea{border:1px solid var(--border-color);color:#fff;background:#0000004d;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;transition:all .2s}.new-employee-page .form-group input:focus,.new-employee-page .form-group select:focus,.new-employee-page .form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6366f133}.new-employee-page .form-group textarea{resize:vertical;min-height:80px}@media (width<=768px){.new-employee-page .form-grid{grid-template-columns:1fr;gap:20px}.new-employee-page .form-section{padding:16px}}.dashboard-container{animation:.4s ease-out fadeIn}.dashboard-hero{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb0d 100%);border:1px solid #3b82f633;border-radius:16px;padding:3rem}.dashboard-hero h1{letter-spacing:-.02em;color:var(--text-main);background:linear-gradient(to right, var(--text-main), #94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.dashboard-hero p{font-size:1.1rem;line-height:1.6}.max-w-2xl{max-width:42rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.feature-card{transition:transform .2s,box-shadow .2s}.feature-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.feature-icon svg{width:24px;height:24px}.bg-blue{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f633}.bg-green{color:#10b981;background:#10b98126;border:1px solid #10b98133}.bg-purple{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf633}@media (width<=768px){.dashboard-hero{border-radius:12px;padding:1.5rem}.dashboard-hero h1{font-size:1.5rem}.dashboard-hero p{font-size:.9rem}.dashboard-hero .flex.gap-24{flex-direction:column;gap:12px}.dashboard-hero .flex.gap-24>div{justify-content:space-between;align-items:center;display:flex}.dashboard-hero .flex.gap-24>div>div:last-child{font-size:1.4rem!important}.dashboard-hero .flex.gap-16{flex-direction:column;gap:10px}.feature-icon{width:40px;height:40px}.feature-icon svg{width:20px;height:20px}}.page-title{color:var(--text-main);letter-spacing:.02em;font-size:1.5rem;font-weight:600}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.date-picker-wrapper{align-items:center;gap:1rem;display:flex}.date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.date-input-fake{background:var(--surface-color);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-main);border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.stat-cards{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.bordered-red{border:1px solid #ef444433}.stat-value{font-family:var(--font-mono);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.text-blue{color:#3b82f6}.text-red{color:#ef4444}.table-wrapper{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.dark-table{border-collapse:collapse;width:100%;font-size:.8rem}.dark-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:1rem;font-size:.7rem;font-weight:600}.dark-table td{color:var(--text-main);border-bottom:1px solid #ffffff05;padding:1rem}.dark-table tbody tr:hover{background:#ffffff05}.subtotal-row td{border-bottom:1px solid var(--border-color);background:#ffffff0d;padding-top:.75rem;padding-bottom:.75rem}.font-bold{font-weight:600}.tabular-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-right{text-align:right}.text-center{text-align:center}@media (width<=768px){.salaries-page .page-header.flex-between{flex-direction:column;align-items:flex-start;gap:12px}.date-picker-wrapper{flex-wrap:wrap;gap:6px;width:100%}.date-picker-wrapper input{flex:1;min-width:0;font-size:16px}.stat-cards,.grid-4{gap:10px;grid-template-columns:1fr 1fr!important}.stat-card{padding:1rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.6rem}.table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -.75rem;padding:0;overflow-x:auto}.dark-table{min-width:700px;font-size:.7rem}.dark-table th{padding:.75rem .5rem;font-size:.6rem}.dark-table td{padding:.75rem .5rem}}@media (width<=480px){.stat-cards,.grid-4{grid-template-columns:1fr!important}}.settings-page .settings-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}.settings-page .card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.settings-page .card-header h3{margin:0;font-size:1.1rem}.settings-page .form-group label{color:var(--text-color);opacity:.8;margin-bottom:6px;font-size:.85rem;display:block}.settings-page .form-group input,.settings-page .form-group select{border:1px solid var(--border-color);color:#fff;background:#0003;border-radius:8px;width:100%;padding:10px 12px}.settings-page .alert-green{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:12px;font-size:.9rem}@media (width<=768px){.settings-page .settings-grid{grid-template-columns:1fr}}.analytics-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.analytics-stat-grid{grid-template-columns:repeat(2,1fr)}}.analytics-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:border-color .2s;display:flex}.analytics-stat-card.highlight-green{border-color:#22c55e59}.analytics-stat-card.highlight-orange{border-color:#f9731659}.analytics-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.analytics-stat-icon svg{width:22px;height:22px}.analytics-stat-icon.bg-blue{color:#818cf8;background:#6366f12e}.analytics-stat-icon.bg-green{color:#22c55e;background:#22c55e26}.analytics-stat-icon.bg-purple{color:#c084fc;background:#a855f726}.analytics-stat-icon.bg-orange{color:#fb923c;background:#f9731626}.analytics-stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;line-height:1.1}.analytics-stat-label{color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.4}.analytics-stat-date{color:var(--text-muted);font-size:11px}.text-orange{color:#fb923c}.text-green{color:#22c55e}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 12px;font-size:11px}.data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:13px}.data-table tfoot td{padding:10px 12px;font-size:13px}.data-table tbody tr:hover{background:#ffffff08}.data-table tbody tr.row-expanded{background:#6366f114}.font-mono{font-family:var(--font-mono)}.mb-32{margin-bottom:32px}@media (width<=768px){.analytics-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.analytics-stat-card{gap:10px;padding:14px}.analytics-stat-icon{width:40px;height:40px}.analytics-stat-value{font-size:1.2rem}.data-table{font-size:12px}.data-table th{padding:6px 8px;font-size:10px}.data-table td{padding:8px}}@media (width<=480px){.analytics-stat-grid{grid-template-columns:1fr}}.contracts-select{background:var(--bg-card,#1e1e2e);border:1px solid var(--border-color);width:100%;color:var(--text);appearance:auto;border-radius:6px;padding:10px 12px;font-size:14px}.contracts-select option{background:var(--bg-card,#1e1e2e);color:var(--text,#e2e2e2)}.contracts-layout{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.contracts-layout{grid-template-columns:1fr}}.employee-info-mini{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;flex-wrap:wrap;gap:12px;padding:8px 10px;font-size:12px;display:flex}.doc-type-list{flex-direction:column;gap:6px;display:flex}.doc-type-item{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.doc-type-item:hover{border-color:var(--primary-color);background:#6366f10d}.doc-type-item.selected{background:#6366f114;border-color:#6366f180}.doc-type-item input[type=checkbox]{accent-color:var(--primary-color);flex-shrink:0;width:16px;height:16px;margin-top:2px}.doc-type-name{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.doc-type-desc{color:var(--text-muted);margin-top:2px;font-size:11px}.doc-ext{font-size:10px;font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-weight:600}.ext-docx{color:#818cf8;background:#6366f126}.ext-xml{color:#22c55e;background:#22c55e26}.contracts-placeholder{text-align:center;min-height:280px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.contracts-meta{background:#ffffff05}.contracts-meta .meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-right:6px;font-size:11px}.contracts-meta .meta-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.generated-doc-list{flex-direction:column;gap:6px;display:flex}.generated-doc-item{border:1px solid var(--border-color);color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .15s;display:flex}.generated-doc-item:hover{border-color:var(--primary-color);color:var(--text);background:#6366f112}.generated-doc-icon{flex-shrink:0;font-size:1.6rem}.generated-doc-info{flex:1;min-width:0}.generated-doc-name{font-size:13px;font-weight:500}.generated-doc-filename{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.generated-doc-action{color:var(--primary-color);flex-shrink:0;font-size:18px}@media (width<=768px){.contracts-layout{grid-template-columns:1fr}.contracts-select{font-size:16px}.generated-doc-item{gap:10px;padding:10px 12px}.generated-doc-name{font-size:12px}.generated-doc-filename{font-size:10px}}:root{--bg-color:#030305;--surface-color:#14141866;--surface-hover:#28283099;--text-main:#fff;--text-muted:#8892b0;--primary-color:#38bdf8;--primary-hover:#0ea5e9;--primary-glow:#38bdf840;--secondary-color:#818cf8;--danger-color:#f43f5e;--border-color:#ffffff14;--border-glow:#ffffff26;--green:#10b981;--green-bg:#10b9811a;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--red:#ef4444;--red-bg:#ef44441a;--font-sans:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-blur:blur(24px);--glass-shadow:0 8px 32px 0 #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#38bdf808,#0000 25%),radial-gradient(circle at 85% 30%,#818cf80a,#0000 25%);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--primary-color);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{text-shadow:0 0 12px var(--primary-glow)}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.gap-8{gap:.5rem}.gap-16{gap:1rem}.gap-24{gap:1.5rem}.mb-16{margin-bottom:1rem}.mt-16{margin-top:1rem}.mt-24{margin-top:1.5rem}.p-24{padding:1.5rem}.py-8{padding-top:.5rem;padding-bottom:.5rem}.card{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-glow);box-shadow:0 12px 40px -10px #0009, 0 0 20px -5px var(--primary-glow);transform:translateY(-2px)}.card:hover:before{opacity:1}.btn{cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-sans);letter-spacing:.02em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow);border:none}.btn-primary:active{transform:scale(.96)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf866}.btn-ghost{color:var(--text-main);border-color:var(--border-color);background-color:#0000}.btn-ghost:hover{background-color:#ffffff0d;border-color:#fff3}.btn-sm{border-radius:6px;padding:.35rem .85rem;font-size:.75rem}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-sans);background:#0003;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);background:#0006;outline:none}.badge{letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);box-shadow:0 0 10px var(--green-bg);border:1px solid #10b98133}.badge-yellow{background:var(--yellow-bg);color:var(--yellow);box-shadow:0 0 10px var(--yellow-bg);border:1px solid #f59e0b33}.badge-red{background:var(--red-bg);color:var(--red);box-shadow:0 0 10px var(--red-bg);border:1px solid #ef444433}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}@media (width<=768px){h1{font-size:1.4rem}h2{font-size:1.15rem}h3{font-size:1rem}.flex-between.flex-center{flex-wrap:wrap;gap:12px}.grid-2,.grid-3{grid-template-columns:1fr!important}.card{border-radius:12px;padding:1rem}.btn{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:.6rem 1.2rem;font-size:.85rem}.table-scroll-mobile{-webkit-overflow-scrolling:touch;margin:0 -.75rem;padding:0 .75rem;overflow-x:auto}}