.app-container{padding:20px;margin:40px auto;max-width:800px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box}body{margin:0;padding:0;background-color:linear-gradient(135deg,#eef2ff,#f8fafc)}.header{text-align:center;margin-bottom:20px}.header h1{color:#1e293b;letter-spacing:.5px}.dashboard{display:flex;gap:20px;margin-bottom:20px;justify-content:space-between}.card{flex:1;padding:20px;background-color:#fafad2;color:#1e293b;border-radius:8px;margin:0 5px;text-align:center;font-weight:700;box-shadow:0 4px 12px #00000014}.main-section{display:grid;grid-template-columns:1fr 2fr;gap:20px}.forms-section,.data-section{padding:20px;background-color:#add8e6;border-radius:10px;box-shadow:0 3px 10px #0000000f}input{padding:10px;width:250px;border:1px solid black;border-radius:6px;font-size:14px;margin-right:10px;margin-bottom:10px;outline:none;transition:.3s ease}input:focus{border-color:#4f46e5;box-shadow:0 0 5px #4f46e54d}button{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background-color:#4caf50;color:#fff;transition:.25s ease}button:hover{opacity:.9;background-color:#adff2f;transform:translateY(-1px)}button:first-of-type{background-color:#4f46e5;color:#fff}button:disabled{background-color:gray;cursor:not-allowed}.add-btn{background-color:#4f46e5;color:#fff;margin-left:15px}ul{list-style:none;padding:0;margin-top:20px}li{background-color:linear-gradient(90deg,#ffffff,#f8fafc);padding:10px 15px;margin-bottom:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d;transition:.2s ease}li:hover{transform:translateY(-2px)}.del-btn{background-color:#e74c3c;color:#fff;margin-left:10px}.del-btn:hover{background-color:#c0392b}.client-section{margin-bottom:40px}