mat-toolbar{background:#0b66ff;color:#fff}.mat-card{border-radius:12px}:root{--bg: #f6f8fb }body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0;background:var(--bg);color:#111}.container{max-width:1100px;margin:20px auto;padding:16px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px}.card{background:#fff;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 6px 20px #0206170f}.row{display:flex;gap:12px}.col{flex:1}.form-field{display:flex;flex-direction:column;margin-bottom:10px}label{font-weight:600;margin-bottom:6px}input[type=number],input[type=text],select{padding:10px;border-radius:8px;border:1px solid #e5e7eb}.btn{background:#0b66ff;color:#fff;padding:10px 14px;border-radius:10px;border:none;cursor:pointer}.small{font-size:13px;color:#666}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:8px;border-bottom:1px solid #f1f5f9;text-align:right}th{text-align:left}.summary{font-weight:800}.note{background:#fffbe6;border-radius:8px;padding:10px;margin-top:12px}input.editable{background:#fcfdff;border-radius:6px;padding:6px}@media (max-width: 800px){.row{flex-direction:column}}