body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f0f2f5}.app-container{max-width:400px;margin:40px auto;background-color:#fff;min-height:600px;border-radius:20px;box-shadow:0 4px 12px #0000001a;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.logo{font-size:3rem;margin-bottom:10px}.title{color:#333;margin-bottom:5px}.subtitle{color:#666;text-align:center;margin-bottom:40px}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:15px 40px;font-size:18px;border-radius:50px;cursor:pointer;width:100%;font-weight:700;transition:transform .2s}.btn-primary:active{transform:scale(.98)}.input-group{width:100%;margin-bottom:20px;text-align:left}.input-label{display:block;margin-bottom:8px;font-weight:700;color:#444;font-size:14px}.input-field{width:100%;padding:15px;border:2px solid #e1e4e8;border-radius:12px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.input-field:focus{border-color:#007bff;outline:none}.welcome-text{font-size:24px;font-weight:700;color:#333}.dashboard-form{width:100%;background-color:#f8f9fa;padding:15px;border-radius:15px;margin-bottom:20px;box-sizing:border-box}.row{display:flex;gap:10px}.card-item{background:#fff;border:1px solid #eee;padding:15px;border-radius:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d}.item-name{font-weight:600;color:#333}.item-price{font-weight:700;color:#007bff;background-color:#e6f2ff;padding:5px 10px;border-radius:8px}.empty-state{color:#999;font-style:italic;margin-top:20px}.summary-card{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:20px;border-radius:15px;margin-bottom:20px;text-align:center;box-shadow:0 4px 10px #007bff4d}.summary-label{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.summary-total{font-size:36px;font-weight:700;margin:5px 0 0}