.sale-container{max-width:900px;margin:0 auto;background:#ffffff;border-radius:24px;padding:30px;box-shadow:0 10px 30px #00000014}.sale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sale-header h2{font-size:1.8rem;color:#2c3e50}.datetime{font-size:1rem;color:#7f8c8d}.form-row{display:flex;flex-direction:column;margin-bottom:15px}.form-row.large input{font-size:1.8rem;padding:15px}.form-row label{font-weight:600;margin-bottom:5px}.form-row input,.form-row select{padding:10px;border-radius:10px;border:1px solid #dcdde1;font-size:1rem}.destination-hint{margin-top:5px;font-weight:600;color:#27ae60}.quick-buttons{display:flex;gap:10px;margin:15px 0}.quick-buttons button{flex:1;padding:12px;border-radius:12px;border:none;background:#ecf0f1;font-weight:700;cursor:pointer;transition:.2s}.quick-buttons button:hover{background:#d0d7de}.fill-mode{display:flex;gap:10px;margin-bottom:20px}.fill-mode button{flex:1;padding:10px;border-radius:20px;border:none;background:#ecf0f1;cursor:pointer}.fill-mode button.active{background:#3498db;color:#fff}.denoms-section{background:#f8f9fa;padding:20px;border-radius:16px;margin-bottom:20px}.coin-grid{display:flex;gap:15px;margin-top:10px}.coin-row{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:20px}.coin-row input{width:60px;text-align:center}.available-cash{background:#eafaf1;padding:15px;border-radius:12px;margin-bottom:20px}.note-avail{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-weight:500}.customer-view{text-align:center;padding:20px;border-radius:16px;margin:20px 0;border:2px solid transparent}.customer-view.valid{border-color:#27ae60;background:#eafaf1}.customer-view.insufficient{border-color:#e74c3c;background:#fdecea}.customer-view.warning{border-color:#f39c12;background:#fff8e1}.gave{font-size:1.5rem;font-weight:700}.return{font-size:1.5rem;margin-top:5px;font-weight:700;color:#27ae60}.status{margin-top:10px;font-weight:600}.warning-message{margin-top:10px;color:#e67e22}.change-details{background:#fff7e6;padding:15px;border-radius:12px;margin-bottom:20px}.change-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.submit-btn{width:100%;padding:16px;font-size:1.4rem;background:#27ae60;color:#fff;border:none;border-radius:40px;font-weight:700;cursor:pointer;transition:.2s}.submit-btn:hover:not(:disabled){background:#2ecc71}.submit-btn:disabled{background:#bdc3c7;cursor:not-allowed}.daily-summary{margin-top:25px;padding:15px;background:#f1f2f6;border-radius:12px;display:flex;justify-content:space-around}.print-btn{margin-top:15px;width:100%;padding:12px;font-size:1.2rem;background:#f39c12;color:#fff;border:none;border-radius:40px;cursor:pointer}.denom-table{width:100%;border-collapse:collapse}.denom-table th,.denom-table td{padding:8px;text-align:center;border-bottom:1px solid #eee}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.table-total{text-align:right;font-weight:700;margin-top:10px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#2c3e50;color:#fff;padding:20px;display:flex;flex-direction:column}.sidebar h2{margin-bottom:30px;font-size:1.5rem;text-align:center}.sidebar ul{list-style:none;flex:1}.sidebar li{padding:12px 15px;margin-bottom:5px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s}.sidebar li:hover{background:#34495e}.sidebar li.active{background:#3498db}.sidebar .icon{font-size:1.2rem}.reset-btn{margin-top:20px;padding:12px;background:#e67e22;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700}.reset-btn:hover{background:#d35400}.main-content{flex:1;padding:30px;background:#ecf0f1;overflow-y:auto}.panel{background:white;border-radius:16px;padding:25px;box-shadow:0 5px 15px #0000001a}h2{margin-bottom:20px;color:#2c3e50}.form-row{margin-bottom:15px;display:flex;align-items:center;gap:10px}.form-row label{width:120px;font-weight:500}.form-row input,.form-row select,.form-row textarea{flex:1;padding:10px;border:1px solid #bdc3c7;border-radius:8px;font-size:1rem}.btn-primary{background:#3498db;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2980b9}.denom-input{background:#f8f9fa;padding:15px;border-radius:12px;margin-bottom:20px}.denom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:10px 0}.denom-row{display:flex;align-items:center;gap:5px}.denom-row span{width:40px;font-weight:600}.denom-row input{width:80px;padding:8px;border:1px solid #ccc;border-radius:6px}.denom-total{font-size:1.2rem;font-weight:700;margin-top:10px;color:#27ae60}.dashboard .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.card{background:white;padding:20px;border-radius:16px;box-shadow:0 4px 10px #0000000d;text-align:center}.card h3{font-size:1rem;color:#7f8c8d;margin-bottom:10px}.card .amount{font-size:1.8rem;font-weight:700;color:#2c3e50}.denom-details{display:flex;gap:30px;background:white;padding:20px;border-radius:16px}.denom-details div{flex:1}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background:#f8f9fa;font-weight:600}.sub-tabs{display:flex;gap:10px;margin-bottom:20px}.sub-tabs button{padding:10px 20px;background:#ecf0f1;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.sub-tabs button:hover{background:#bdc3c7}.sub-tabs button.active{background:#3498db;color:#fff}.toast{position:fixed;bottom:30px;right:30px;padding:15px 25px;background:white;border-radius:50px;box-shadow:0 5px 15px #0003;font-size:1rem;animation:slideIn .3s;z-index:1000}.toast.success{border-left:5px solid #27ae60}.toast.error{border-left:5px solid #c0392b}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem}