body{margin:0;background:#f5f5f5;font-family:Tahoma,Arial,sans-serif;color:#111}.layout{display:flex;min-height:100vh}aside{width:260px;background:#111;color:white;padding:25px}aside h1{font-size:24px}button{background:#111;color:white;border:0;border-radius:10px;padding:12px 18px;margin:6px;cursor:pointer}aside button{display:block;width:100%;background:#222;text-align:right}aside button:hover{background:white;color:#111}main{flex:1;padding:30px}.view{display:none}.view.active{display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.paper{background:white;padding:24px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06);margin:16px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:white;border-radius:18px;padding:20px;margin:15px 0}.wide{grid-column:1/-1}input,select,textarea{width:100%;padding:11px;margin-top:6px;border:1px solid #ddd;border-radius:10px;font-family:inherit}textarea{height:75px}table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden;margin-top:15px}th,td{border-bottom:1px solid #eee;padding:11px;text-align:right}th{background:#111;color:white}.head{display:flex;justify-content:space-between;border-bottom:2px solid #111;margin-bottom:15px}.totals{text-align:left;font-size:18px}img{max-width:100%;border-radius:12px;border:1px solid #ddd;margin-top:15px}@media(max-width:900px){.layout{display:block}aside{width:auto}.grid,.cards{grid-template-columns:1fr}}