body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:#f4f4f4;box-shadow:2px 0 5px #0000001a;height:100%;left:0;overflow-y:auto;padding:20px;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.category-list{list-style:none;max-height:calc(100vh - 150px);overflow-y:auto;padding:0}.category-list li{align-items:center;display:flex;margin:10px 0}.category-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex-grow:1;padding:10px;position:relative;text-align:left}.category-btn.selected,.category-btn:hover{background:#0056b3}.delete-btn{background:red;height:100%;margin-left:5px;text-align:center}.add-category-btn,.delete-btn,.import-export-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.add-category-btn,.import-export-btn{background:#fd7e14;text-align:left;width:100%}.add-category-btn:hover,.import-export-btn:hover{background:#e06c00}.separator-line{border-top:1px solid #ccc;margin:10px 0}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#999}.sidebar::-webkit-scrollbar-track{background:#f4f4f4}.upload-form{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;width:100%}.upload-form input[type=file]{display:none}.drop-area,input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex:1 1;min-width:200px;padding:10px;text-align:center}.drop-area{border-style:dashed;cursor:pointer;font-size:14px;transition:background-color .3s}.drop-area.dragging{background-color:#e0e0e0}.drop-area p{margin:0}.add-item-btn{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:0 1 auto;padding:10px 20px;transition:background-color .3s}.add-item-btn:hover{background:#218838}.separator{background:#ccc;height:2px;margin:20px 0;width:100%}@media (max-width:768px){.upload-form{align-items:stretch;flex-direction:column}.add-item-btn,.drop-area,input[type=text]{margin-bottom:10px;width:100%}.add-item-btn{margin-bottom:0}}.items-container{gap:10px;justify-content:center}.item-box{background:#fff;border:1px solid #ccc;border-radius:10px;cursor:pointer;height:300px;overflow:hidden;position:relative;width:200px;z-index:1}.image-container{height:70%;position:relative;width:100%}.image-container img{display:block;height:100%;object-fit:cover;width:100%}.item-box p{margin:10px;max-height:60px;min-height:40px;overflow:hidden;text-align:center}.item-link{color:inherit;text-decoration:none}.item-link:hover{text-decoration:underline}.crossed{align-items:center;background:#f009;color:#fff;display:flex;display:none;font-size:3em;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;text-align:center;top:0;width:100%;z-index:2}.crossed.visible{display:flex;pointer-events:all}.delete-item-btn{background:#fff;border:none;border-radius:50%;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px;z-index:3}.App{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar-open .main-content{margin-left:290px}.sidebar{position:fixed;width:250px;z-index:1000}.main-content{flex:1 1;overflow-y:auto;padding:20px;transition:margin-left .3s ease-in-out}.header{background:#fff;box-shadow:0 1px 2px #0000001a;justify-content:space-between;padding:10px;z-index:1001}.header,.header h2{align-items:center;display:flex}.toggle-btn{margin-right:10px}.dark-mode-toggle,.toggle-btn{background:none;border:none;cursor:pointer;font-size:1.5em}.dark-mode .header{background:#333;color:#fff}.dark-mode .main-content{background:#222;color:#fff}.dark-mode .sidebar{background:#444}.dark-mode .add-category-btn,.dark-mode .category-btn,.dark-mode .import-export-btn{background:#555;color:#fff}.dark-mode .delete-btn{background:#f55}.dark-mode .item-box{background:#333;color:#fff}.dark-mode .item-box img{filter:brightness(.8)}@media (max-width:768px){.App{flex-direction:column}.sidebar-open .main-content{margin-left:0}.main-content{margin-left:0;padding:20px}.item-box{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 10px)}.header-buttons{align-items:center;display:flex}.toggle-btn{font-size:1.2em}.dark-mode-toggle{font-size:1.2em;margin-left:10px}.desktop-only{display:none}}@media (min-width:769px){.mobile-only{display:none}}.error-message{color:red;margin:10px 0}.items-container{display:flex;flex-wrap:wrap;gap:20px}
/*# sourceMappingURL=main.2f4bc88a.css.map*/