body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;background:#f4f4f4}h1,h2,h3,h4,h5,h6{font-family:Georgia,serif;font-weight:700}button,input,select,textarea{font-family:Arial,sans-serif;font-weight:400}.layout{display:flex;min-height:100vh}.hamburger-btn{display:none;position:fixed;top:15px;left:15px;z-index:1001;background:#c5b6a1;border:none;border-radius:4px;padding:8px;cursor:pointer;box-shadow:0 2px 8px #0003}.hamburger-btn span{display:block;width:20px;height:2px;background:#010204;margin:3px 0;transition:.3s}.hamburger-btn:hover{background:#b5a68f}.sidebar-overlay{display:none}@media(max-width:768px){.hamburger-btn{display:block}.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:2px 0 8px #0000004d}.sidebar-open{left:0}.sidebar-closed{left:-280px}.main{margin-left:0;padding:20px 15px}.header{padding-left:80px;margin-top:50px}.header h1{font-size:18px}.main h2,.MuiTypography-h4,.MuiTypography-h5{margin-top:40px!important;font-size:18px!important}.sidebar .logo{margin-top:50px}}.sidebar{width:220px;background:#c5b6a1;padding:20px;box-sizing:border-box;flex-shrink:0}.logo{margin-bottom:30px;font-size:22px;font-weight:700}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:6px}.sidebar a{text-decoration:none;color:#000;display:block;padding:10px;border-radius:6px;transition:background .2s ease}.menu-header{margin-top:20px;margin-bottom:6px;padding:6px 10px;font-size:13px;font-weight:700;text-transform:uppercase;color:#151515;cursor:default}.sidebar a{transition:all .3s ease;position:relative;overflow:hidden}.sidebar a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sidebar a:hover:before{left:100%}.sidebar a:hover{background:#d4c5b0;transform:translate(4px);box-shadow:0 4px 12px #00000026}.sidebar a.active{background:#dbd7b9;color:#2c3e50;font-weight:600;box-shadow:0 4px 12px #00000026}.sidebar a.active:hover{background:#dbd7b9;transform:translate(4px)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{flex:1;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.footer{text-align:center;padding:15px;color:#333;font-size:14px;margin-top:auto}.header{margin-bottom:20px}.main>h2,.form-page h2,.main h2,.MuiTypography-h4,.MuiTypography-h5{font-family:Georgia,serif!important;font-size:24px!important;font-weight:700!important;color:#333!important;margin-bottom:20px!important}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-new{display:flex;flex-direction:column;gap:10px}.dashboard-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.small-card{min-height:50px;min-width:50px}.big-card{min-height:100px;min-width:50px}.card-header{display:flex;justify-content:space-between;align-items:center}.view-btn{background:#c5b6a1;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:600}.view-btn:hover{background:#b3a38f}@media(max-width:900px){.dashboard-row{grid-template-columns:repeat(2,1fr)}}.card{background:#fff;padding:20px;border-radius:12px}.card span{float:right}.green{color:green}.quick button{width:100%;margin-top:10px;padding:10px;border:none;border-radius:6px;background:#c5b6a1;cursor:pointer}.quick button:hover{background:#b3a38f}.chart-placeholder{font-size:30px;text-align:center;color:#aaa}.center{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:100px auto}.form-page{background:#fff;padding:30px;border-radius:12px;max-width:800px;width:100%;box-sizing:border-box}@media(max-width:768px){.form-page{padding:20px;margin:0 10px}}.form-page h2{margin-bottom:20px}.order-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.form-group input,.form-group select{width:100%;height:40px;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c5b6a1}.submit-btn{grid-column:span 2;padding:12px;background:#c5b6a1;border:none;border-radius:8px;font-size:16px;cursor:pointer}.submit-btn:hover{background:#b3a38f}@media(max-width:900px){.dashboard,.order-form{grid-template-columns:1fr}.submit-btn{grid-column:span 1}.input-with-dropdown{position:relative}.input-with-dropdown input{width:100%;padding-right:40px}.dropdown-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:14px}.select-field:focus{outline:none;border-color:#c5b6a1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.error{color:#d32f2f;font-size:12px;margin-top:4px;display:block;line-height:1.2}.form-group input:has(+.error),.form-group select:has(+.error){border:1px solid #d32f2f}.form-group input.error-input,.form-group select.error-input{border:1px solid #d32f2f}.form-group input,.form-group select{padding:8px 10px;border-radius:4px;border:1px solid #ccc}.form-group{margin-bottom:16px}.report-table{width:100%;border-collapse:collapse;margin-top:15px;background:#fff}.report-table thead{background-color:#c5b6a1}.report-table th,.report-table td{padding:12px;font-size:14px;text-align:left;border:1px solid #d6d2cc}.report-table th{font-weight:600;color:#000}.report-table tbody tr:hover{background-color:#faf8f5}.report-table td[colspan]{text-align:center;font-style:italic;color:#777;padding:20px}@media(max-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:10px}.chart-card{width:100%;padding:10px;border-radius:8px}.dashboard-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-new{margin:0}.filter-row{flex-direction:row;gap:10px}.payment-filters{display:flex;flex-direction:column;gap:15px}.generate-btn-wrap{align-items:stretch}.generate-btn{width:100%}}@media(max-width:768px){.report-table{font-size:11px}.report-table th,.report-table td{padding:6px 2px}.payment-table th,.payment-table td{padding:8px 4px;font-size:12px}.main{overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table,.payment-table,table{min-width:100%;white-space:nowrap}.form-page{overflow-x:auto}}.loader-overlay{position:fixed;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:999}.spinner{width:48px;height:48px;border:5px solid #ccc;border-top:5px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#c5b6a1;padding:25px 30px;border-radius:14px;width:360px;text-align:center;box-shadow:0 10px 30px #0000004d;animation:scaleIn .3s ease-in-out}.modal-box h3{margin-bottom:10px;font-size:20px}.modal-box p{font-size:15px;margin-bottom:20px}.modal-actions{display:flex;justify-content:space-between;gap:15px}.btn-no{flex:1;background:#777;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer}.btn-yes{flex:1;background:#2f6f3f;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer}.success{background:#c5b6a1}.success-icon{font-size:48px;color:green;margin-bottom:10px}.btn-ok{margin-top:15px;width:100%;background:#2f6f3f;color:#fff;border:none;padding:10px;border-radius:8px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.payment-filter{max-width:100%}.payment-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:end}.generate-btn-wrap{display:flex;align-items:flex-end}.generate-btn{height:40px;padding:0 20px;background:#c5b6a1;border:none;border-radius:6px;font-weight:600;cursor:pointer}.generate-btn:hover{background:#b3a38f}.payment-table{width:100%;border-collapse:collapse;background:#fff}.payment-table th,.payment-table td{padding:14px 12px;border-bottom:1px solid #ddd;font-size:14px;text-align:left}.payment-table th{font-weight:600;color:#000}.payment-table tbody tr:hover{background:#faf8f5}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:32px;border-radius:16px;font-size:13px;font-weight:700;text-transform:capitalize;padding:0 12px}.status-badge.completed{background:#2e7d32;color:#fff}.status-badge.pending{background:#ac100b;color:#fff}.payment-actions{display:flex;justify-content:center;gap:20px;margin-top:25px}.download-btn{background:#c5b6a1;border:none;padding:10px 22px;border-radius:6px;font-weight:600;cursor:pointer}.download-btn:hover{background:#b3a38f}.share-btn{background:#fff;border:1px solid #c5b6a1;padding:10px 22px;border-radius:6px;font-weight:600;cursor:pointer}.share-btn:hover{background:#faf8f5}.payment-filters{grid-template-columns:1fr}.payment-actions{flex-direction:column}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.small-card button{width:100%;margin:6px 0;padding:8px}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header button{background:#2563eb;color:#fff;border:none;padding:6px 12px;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background:#f0f0f0}.filter-row{display:flex;gap:10px;margin-top:10px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.date-filter input{margin-left:10px;padding:6px}.chart-card{width:48%;text-align:center}.dashboard-row{display:flex;gap:15px;margin-bottom:15px}}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;padding:10px 0}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.legend-color{width:12px;height:12px;border-radius:2px;border:1px solid #ddd}.dashboard-header-left{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.welcome-title{font-size:32px;font-weight:700;margin:0}.date-filter-left{display:flex;gap:20px}.date-box{display:flex;flex-direction:column;gap:6px}.date-box label{font-size:14px;font-weight:600;color:#333}.date-box input[type=date]{width:200px;height:24px;padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:14px;background:#fff;cursor:pointer}.date-box input[type=date]:focus{outline:none;border-color:#c5b6a1}.date-filter-container{display:flex;flex-direction:row;gap:20px;align-items:flex-end}@media(max-width:768px){.date-filter-left{flex-direction:row;width:100%}.date-box input[type=date]{width:140px}.date-filter-container{flex-direction:row;gap:10px;align-items:flex-end}}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;width:380px;padding:25px;border-radius:14px;text-align:center;box-shadow:0 20px 40px #0003;animation:scaleIn .25s ease}.modal-box h3{margin-bottom:10px;font-size:20px}.modal-box p{color:#555;margin-bottom:20px}.modal-actions{display:flex;justify-content:center;gap:15px}.btn-yes{background:#c5b6a1;color:#fff;border:none;padding:8px 22px;border-radius:6px;cursor:pointer}.btn-no{background:#e0e0e0;border:none;padding:8px 22px;border-radius:6px;cursor:pointer}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 2px 10px #00000014}h2,h3{margin-bottom:20px}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:6px}.form-group input,.form-group select{height:42px;padding:8px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.action-row{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:28px;padding:20px 0}.payment-table{width:100%;border-collapse:collapse}.payment-table th,.payment-table td{padding:14px;border-bottom:1px solid #e0e0e0;text-align:left}.payment-table th{background:#e5d5c5;font-weight:600;color:#333}.payment-table th:last-child,.payment-table td:last-child{text-align:center;width:150px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:32px;border-radius:16px;font-size:13px;font-weight:700;text-transform:capitalize;padding:0 12px}.status-badge.completed{background:#2e7d32;color:#fff}.status-badge.pending{background:#ac100b;color:#fff}.pagination-container{display:flex;justify-content:center;align-items:center;gap:14px;margin:30px 0}.pagination-nav{padding:8px 14px;border-radius:6px;border:1px solid #d0d0d0;background:#f5f5f5;font-size:14px;cursor:pointer}.pagination-nav:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:8px}.pagination-page{width:34px;height:34px;border-radius:6px;border:1px solid #d0d0d0;background:#fff;cursor:pointer}.pagination-page.active{background:#c5b6a1;color:#fff;border-color:#c5b6a1}.dots{padding:0 6px;font-weight:700;color:#777}.action-row{display:flex;justify-content:center;gap:32px;padding:20px 0}.download-btn,.share-btn{background:#c5b6a1;color:#151515;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.no-data{text-align:center;padding:20px;font-weight:600}@media(max-width:900px){.filter-row{grid-template-columns:1fr}.action-row{flex-direction:column;gap:16px}}