:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: linear-gradient(135deg, #1e293b 0%, #334155 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--text-main: #f8fafc;--text-muted: #cbd5e1;--success: #4ade80;--error: #f87171}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh}#root{max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #00000040;transition:transform .2s ease}.glass-card:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.input-field{background:#00000040;border:1px solid var(--glass-border);color:#fff;padding:.75rem;border-radius:.5rem;width:100%;box-sizing:border-box;font-size:1rem}select.input-field{font-size:1.1rem;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.stat-value{font-size:1.75rem;font-weight:700;margin:.5rem 0}.stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.btn-icon{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.btn-icon:hover{background:#ffffff1a}@media(max-width:768px){#root{padding:1rem 1rem 7rem}.dashboard-grid{grid-template-columns:1fr}.income-line,.overtime-line{padding-bottom:1rem;border-bottom:1px solid var(--glass-border);margin-bottom:1rem;display:block!important}.ot-row{display:flex!important;flex-direction:column;gap:.8rem}.ot-row>*{width:100%!important}.ot-row .btn-icon{justify-content:flex-start}}.ot-row{display:grid;grid-template-columns:24px 1.2fr 1.5fr 1fr 1fr 24px;gap:.6rem;align-items:center}.nav-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:2rem;padding:.5rem;display:flex;gap:.5rem;z-index:1000;box-shadow:0 8px 32px #00000080;width:calc(100% - 3rem);max-width:500px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;border-radius:1.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s;font-size:.7rem;font-weight:600;text-transform:uppercase}.nav-item.active{background:var(--primary);color:#fff}.nav-item:hover:not(.active){background:#ffffff0d}.btn-secondary{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;color:#fff}@media print{.nav-bar,.btn-icon,.btn-primary,.btn-secondary,header button,.config-tabs,.input-field select,.input-field button{display:none!important}.app-container{padding:0;max-width:100%;background:#fff;color:#000}.glass-card{background:#fff!important;border:1px solid #eee!important;box-shadow:none!important;color:#000!important;break-inside:avoid;margin-bottom:20px}h1,h2,h3,.stat-label,.stat-value{color:#000!important}.dashboard-grid{display:block!important}svg{filter:none!important}}