:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#172026;background:radial-gradient(circle at 0% 0%,#d6f5e3,#f7faf7 38%,#edf3ff)}*{box-sizing:border-box}body{margin:0}.page{max-width:1100px;margin:0 auto;padding:20px;display:grid;gap:16px}.card{background:#fffffff2;border:1px solid #d7dee6;border-radius:12px;padding:16px;box-shadow:0 5px 20px #0000000d}.hero h1{margin:0 0 6px}.hero p{margin:0 0 4px;color:#4a5b68}h2{margin-top:0}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-1{grid-template-columns:1fr}label{display:flex;flex-direction:column;gap:6px;font-size:13px}input,select,button{border:1px solid #bec9d4;border-radius:8px;font-size:14px;padding:10px}button{cursor:pointer;background:#153b2f;color:#fff;border:none}button:disabled{background:#8898a8;cursor:not-allowed}.mode-tabs{display:flex;gap:8px;margin-bottom:12px}.mode-tabs button{background:#dbe6f1;color:#26323d}.mode-tabs button.active{background:#1d5d46;color:#fff}.mode-extra{margin-top:12px}.checkbox-label{display:flex;flex-direction:row;align-items:center}.checkbox-label input{margin-right:8px;width:auto}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{border-bottom:1px solid #e0e7ef;text-align:left;padding:10px 8px}.total-row td{font-weight:700}.actions{margin-top:12px;display:flex;gap:8px}.error{color:#9f1239}.hint{color:#2c3e50}.warnings{color:#92400e}@media (max-width: 768px){.page{padding:12px}}