*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#2c3e50;background-color:#ecf0f1;overflow-x:hidden}#root{width:96%;max-width:1200px;margin:0 auto;padding-top:20px;padding-bottom:120px}.card{background-color:#fff;border:1px solid #bdc3c7;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 4px 10px #0000000d}.card-header{border-bottom:2px dashed #ecf0f1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:flex-end;gap:15px;display:grid}.form-group{flex-direction:column;width:100%;display:flex}.form-label{color:#34495e;margin-bottom:5px;font-size:13px;font-weight:700}.form-input,.form-select{background-color:#fff;border:1px solid #bdc3c7;border-radius:6px;outline:none;width:100%;padding:10px;font-size:14px;transition:border-color .3s}.form-input:focus,.form-select:focus{border-color:#3498db}.date-group{gap:10px;width:100%;display:flex}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-primary{color:#fff;background-color:#2980b9}.btn-success{color:#fff;background-color:#27ae60}.btn-danger{color:#fff;background-color:#e74c3c}.btn-warning{color:#2c3e50;background-color:#f1c40f}.btn-purple{color:#fff;background-color:#8e44ad}.btn-outline{color:#16a085;background-color:#0000;border:1px solid #1abc9c}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.main-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:12px}.main-table th{color:#fff;text-align:left;white-space:nowrap;background-color:#34495e;padding:12px 10px}.main-table td{vertical-align:middle;border-bottom:1px solid #ddd;padding:12px 10px}.main-table tr:hover{background-color:#f4f6f7}.bottom-bar{color:#fff;z-index:1000;background-color:#2c3e50;border-top:4px solid #f1c40f;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;width:96%;max-width:1200px;padding:15px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 25px #0000004d}.bottom-bar-totals{gap:25px;font-size:16px;font-weight:700;display:flex}@media (width<=768px){#root{width:100%;padding:10px 10px 150px}.card{padding:15px}.form-grid{grid-template-columns:1fr}.date-group{flex-direction:column}.btn{justify-content:center;width:100%}.card-header{flex-direction:column;align-items:flex-start}.card-header div{flex-direction:column;gap:10px;width:100%;display:flex}.bottom-bar{border-radius:0;flex-direction:column;gap:10px;width:100%;padding:15px}.bottom-bar-totals{justify-content:space-between;gap:10px;width:100%;font-size:14px}}