*{box-sizing:border-box}body{font-family:var(--font-he);line-height:var(--leading-he);color:var(--gray-800);background:var(--gray-50);margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.screen{min-height:100vh;padding:var(--sp-4);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--brand-100);border-top-color:var(--brand-600);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);width:100%;max-width:360px;box-shadow:var(--shadow-lg);padding:var(--sp-8);gap:var(--sp-4);background:#fff;flex-direction:column;display:flex}.login-logo{object-fit:contain;align-self:center;height:48px}.sub{text-align:center;color:var(--gray-500);font-size:var(--text-lg);margin:0}label{gap:var(--sp-1);font-size:var(--text-sm);color:var(--gray-600);flex-direction:column;display:flex}input{padding:var(--sp-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-base)}input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100);outline:none}button[type=submit]{padding:var(--sp-3);background:var(--brand-600);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);transition:background var(--transition-fast);border:none;font-weight:600}button[type=submit]:hover:not(:disabled){background:var(--brand-700)}button[type=submit]:disabled{opacity:.6;cursor:default}.error{color:var(--danger-600);font-size:var(--text-sm);margin:0}.muted{color:var(--gray-500)}.topbar{padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--gray-200);background:#fff;justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--sp-3);display:flex}.brand-logo{height:32px}.brand-app{color:var(--gray-800);font-weight:700}.topbar-actions{align-items:center;gap:var(--sp-4);display:flex}.who{color:var(--gray-600);font-size:var(--text-sm)}.link{color:var(--brand-600);font-size:var(--text-sm);background:0 0;border:none}.apps-launcher{position:relative}.apps-launcher>button{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm)}.apps-menu{inset-inline-start:0;top:calc(100% + var(--sp-1));padding:var(--sp-1);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;background:#fff;min-width:180px;margin:0;list-style:none;position:absolute}.apps-menu li{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.apps-menu li.current{color:var(--gray-400)}.apps-menu a{color:var(--gray-700);text-decoration:none;display:block}.apps-menu li:hover:not(.current){background:var(--gray-50)}main{max-width:720px;padding:var(--sp-8) var(--sp-6);margin:0 auto}.content h2{margin:0 0 var(--sp-2);font-size:var(--text-2xl)}.calc-form{margin-top:var(--sp-6);align-items:flex-end;gap:var(--sp-4);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--sp-5);background:#fff;flex-wrap:wrap;display:flex}.calc-form label{flex:1;min-width:140px}.calc-form button{padding:var(--sp-3) var(--sp-5);background:var(--brand-600);color:#fff;border-radius:var(--radius-md);border:none;font-weight:600}.calc-result{margin-top:var(--sp-5);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-lg);padding:var(--sp-5)}.metric{gap:var(--sp-1);flex-direction:column;display:flex}.metric-label{font-size:var(--text-sm);color:var(--gray-500)}.metric-value{font-size:var(--text-3xl);color:var(--brand-700);font-weight:700}.metric-value-sm{font-size:var(--text-lg);color:var(--gray-800);font-weight:600}.calc-form-v2{margin-top:var(--sp-6);gap:var(--sp-5);flex-direction:column;display:flex}.calc-form-v2 fieldset{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--sp-5);gap:var(--sp-4);background:#fff;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.calc-form-v2 legend{color:var(--gray-700);padding:0 var(--sp-2);grid-column:1/-1;font-weight:700}.calc-form-v2 .field{gap:var(--sp-1);flex-direction:column;display:flex}.calc-form-v2 .field>span{font-size:var(--text-sm);color:var(--gray-600)}.inline-check{align-items:center;gap:var(--sp-2);color:var(--gray-700);flex-direction:row}.inline-check input{width:auto}.checks{gap:var(--sp-4);flex-wrap:wrap;grid-column:1/-1;display:flex}.calc-form-v2>button[type=submit]{padding:var(--sp-3) var(--sp-6);align-self:flex-start}.result-panel{margin-top:var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex}.result-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--sp-5);background:#fff}.result-card-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.result-card-head h3{font-size:var(--text-lg);margin:0}.metric-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.reco-badge{font-size:var(--text-sm);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-weight:600}.reco-increase{background:var(--brand-50);color:var(--brand-700)}.reco-decrease{background:var(--danger-50,#fef2f2);color:var(--danger-600)}.reco-none{background:var(--gray-100);color:var(--gray-600)}.warnings{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.warning{background:var(--danger-50,#fef2f2);border:1px solid var(--danger-200,#fecaca);color:var(--danger-600);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-weight:600;font-size:var(--text-sm)}
