.container{direction:rtl;background:#fff;border-radius:10px;max-width:900px;margin:auto;padding:20px;font-family:Vazir,Tahoma,sans-serif;box-shadow:0 4px 12px #0000001a}h1{text-align:center;color:#222;margin-bottom:25px}.form-section{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:25px;display:flex}select,input{border:1.5px solid #ccc;border-radius:8px;outline:none;min-width:160px;padding:10px 12px;font-size:16px;transition:border-color .3s}select:focus,input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;min-width:130px;padding:12px 24px;font-size:16px;transition:background-color .3s;box-shadow:0 3px 6px #007bff66}button:hover{background-color:#0056b3;box-shadow:0 5px 15px #0056b399}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;min-width:700px}th,td{text-align:center;white-space:nowrap;border:1px solid #ddd;padding:8px 12px}th{color:#0056b3;background-color:#f0f4ff;font-weight:600}.summary{text-align:right;background-color:#fefefe;border:1px solid #ddd;border-radius:10px;padding:15px 25px;font-size:20px;font-weight:700;box-shadow:inset 0 0 5px #0000000d}.error-msg{color:#a70000;text-align:center;background-color:#fdd;border:1px solid #ff5c5c;border-radius:8px;max-width:500px;margin:10px auto;padding:12px 20px;font-weight:600}.btn-delete{color:#fff;cursor:pointer;background:#ff4c4c;border:none;border-radius:50%;width:28px;height:28px;padding:0;font-size:18px;line-height:22px;transition:background-color .3s}.btn-delete:hover{background:#b70000}@media (max-width:720px){.form-section{flex-direction:column;align-items:stretch}select,input,button{min-width:100%}table,thead,tbody,th,td,tr{display:block}thead tr{display:none}tbody tr{border:1px solid #ddd;border-radius:10px;margin-bottom:15px;padding:15px}tbody td{border:none;border-bottom:1px solid #eee;justify-content:space-between;padding:10px 8px;display:flex}tbody td:last-child{border-bottom:none}tbody td:before{content:attr(data-label);text-align:left;flex:1;font-weight:600}}