.chemical-table-container{width:95%;margin:2rem auto;box-shadow:0 0 12px #00000026;padding:1rem;border-radius:8px;background-color:#fff;overflow-x:auto}.table-header{display:flex;justify-content:flex-end;margin-bottom:.5rem}.search-bar{padding:.4rem .8rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;width:100%;max-width:250px}.chemical-table table{width:100%;border-collapse:collapse;table-layout:fixed}.chemical-table th,.chemical-table td{padding:.5rem 1rem;border:1px solid #ccc;text-align:center;word-wrap:break-word;word-break:break-word}.chemical-table th{background-color:#f3f3f3}.chemical-table th:nth-child(1),.chemical-table td:nth-child(1){width:4%;white-space:nowrap}.chemical-table th:nth-child(2),.chemical-table td:nth-child(2){width:6%;white-space:nowrap}.chemical-table th:nth-child(3),.chemical-table td:nth-child(3){width:20%;max-width:100px;white-space:normal;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.chemical-table th:nth-child(4),.chemical-table td:nth-child(4){width:auto}.chemical-table th:nth-child(5),.chemical-table td:nth-child(5){width:6%;white-space:nowrap}.row-light{background-color:#fff}.row-dark{background-color:#f9f9f9}.icon-button,.delete-button{font-size:1.2rem;cursor:pointer;background:none;border:none;padding:0;display:inline-block}.delete-button{color:red!important}.no-image{color:#aaa}.chemical-name{text-align:left;white-space:normal;word-wrap:break-word;word-break:break-word}@media only screen and (max-width: 768px) and (orientation: portrait){.chemical-table th:nth-child(1),.chemical-table td:nth-child(1){display:none}.chemical-table-container{width:100%;padding:.5rem;margin:0}.chemical-table table{width:100%;table-layout:fixed}.chemical-table th:nth-child(3){width:50px;max-width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chemical-table td:nth-child(3){font-size:.85rem;width:50px;max-width:50px;height:auto;box-sizing:border-box;white-space:normal;word-break:break-word;overflow-wrap:break-word;overflow:hidden;text-align:center;padding:.3rem;line-height:1.2}.chemical-table th,.icon-button,.delete-button,.no-image{writing-mode:horizontal-tb;transform:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{max-width:90%;max-height:90%;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 20px #000}.modal-content img{max-width:100%;max-height:80vh;display:block;margin:0 auto;cursor:pointer}.add-chemical-container *,.add-chemical-container *:before,.add-chemical-container *:after{box-sizing:border-box}.add-chemical-container{width:90%;max-width:500px;margin:3rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 12px #0000001a;font-family:sans-serif}.add-chemical-container h2{margin-bottom:1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:700}.form-group input[type=text],.form-group input[type=file]{width:100%;padding:.5rem;font-size:1rem}.add-button{display:block;width:100%;background-color:#007bff;color:#fff;padding:.6rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer}.add-button:hover{background-color:#0056b3}.status{margin-top:1rem;text-align:center;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.app-container{display:flex;flex-direction:column;height:100vh;margin:0}.fullscreen-button{flex:1;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;cursor:pointer;transition:background-color .3s ease;border:none;width:100%}.button-top{background-color:#3b82f6}.button-bottom{background-color:#10b981}.fullscreen-button:hover{filter:brightness(1.1)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;background-color:#fff;border-bottom:1px solid #e5e7eb}.top-bar-left h1{margin:0;font-size:2rem;font-weight:700;color:#111827}.top-bar-right .plus-button{font-size:2.4rem;padding:.2rem .8rem;background:none;border:none;color:#3b82f6;cursor:pointer;transition:color .2s ease}.top-bar-right .plus-button:hover{color:#1d4ed8}.back-button{margin-top:1.5rem;background-color:#e5e7eb;border:none;padding:.6rem 1.2rem;font-size:1rem;border-radius:5px;cursor:pointer}.back-button:hover{background-color:#d1d5db}