.sidebar{background-color:#43915e;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:220px;z-index:999}.sidebar-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:20px}.sidebar-nav a{align-items:center;background-color:#fff;border-radius:8px;color:#000;display:flex;font-weight:500;gap:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.sidebar-nav a:hover{background-color:#a6b3aa}.sidebar-nav a.active{background-color:#305c3e;color:#fff}.toggle-btn{background-color:#43915e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;left:20px;padding:10px 12px;position:fixed;top:20px;z-index:1000}@media screen and (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translateX(0)}.toggle-btn{display:block}.main-content{margin-left:0}}.main-content{margin-left:240px;padding:20px}@media screen and (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.toggle-btn{display:block}.main-content{margin-left:0}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:20px;width:90%}h1,h2{color:#333;margin-bottom:20px;text-align:center}form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}form input[type=date],form input[type=number],form input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:16px;margin:10px 0;padding:10px;width:100%}form button{background-color:#305832;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}form button:hover{background-color:#3b6d3e}ul{list-style-type:none;padding:0}ul li{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:10px}ul li:nth-child(odd){background-color:#f9f9f9}.barang-list{display:flex;flex-direction:column;gap:10px}.barang-list li{align-items:center;display:flex;font-size:16px;justify-content:space-between}.barang-list li span{font-weight:700}.barang-list .delete-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.barang-list .delete-button:hover{background-color:#c0392b}.barang-list .delete-container{display:flex;justify-content:flex-end}.barang-list .delete-container,.barang-list li span{display:inline-block;margin-left:20px}.log-history{margin-top:30px}.log-history ul{padding-left:20px}.log-history li{color:#555;font-size:14px;margin:5px 0}.log-history li span{color:#333;font-weight:700}@media (max-width:768px){.container{padding:10px;width:100%}form button,form input[type=date],form input[type=number],form input[type=text]{width:100%}.search-container{position:relative;width:100%}.search-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.search-dropdown{background-color:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 2px 5px #0000001a;left:0;max-height:150px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.search-dropdown-item{cursor:pointer;font-size:16px;padding:10px}.search-dropdown-item:hover{background-color:#f0f0f0}}.barang-list-container{background-color:#f7fafc;min-height:100vh;padding:20px}.barang-table{background-color:#fff;border-collapse:collapse;box-shadow:0 2px 10px #0000001a;margin-top:20px;width:100%}.barang-table td,.barang-table th{border:1px solid #e2e8f0;padding:12px;text-align:left}.barang-table th{background-color:#f7fafc;color:#2d3748;font-weight:700}.barang-table td{color:#4a5568}.barang-row:hover{background-color:#f4f4f4}.delete-button{background-color:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:background-color .2s ease}.delete-button:hover{background-color:#c53030}.log-history-container{background-color:#f7fafc;min-height:100vh;padding:20px}.header{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.table-container{overflow-x:auto}.log-history-table{border-collapse:collapse;margin:20px 0;width:100%}.log-history-table td,.log-history-table th{border:1px solid #e2e8f0;padding:12px;text-align:left}.log-history-table th{background-color:#edf2f7}.log-history-table tr:nth-child(2n){background-color:#f1f5f9}.log-history-table tr:hover{background-color:#e2e8f0}.barang-masuk{color:#38a169}.barang-keluar{color:#e53e3e}.error{color:red;text-align:center}.export-button{background-color:#43915e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.export-button:hover{background-color:#3b7e4d}.export-button:focus{box-shadow:0 0 5px #43915ecc;outline:none}
/*# sourceMappingURL=main.2a2e9917.css.map*/