:root{--button-color: #229f65;--button-hover-color: #2ebd80;--error-color: #ff4d4d;--border-color: #3ecf8e;--header-bg: white;--header-color: #1c1c1c;--menu-bg: #e2e2e2;--menu-border: #ccc;--menu-text: #000;--main-bg: #ffffff;--body-bg: #fafafa;--input-color: #000;--input-bg:white}:root.dark{--header-bg: #1c1c1c;--header-color: white;--menu-bg: #2a2a2a;--menu-border: #333;--menu-text: white;--main-bg: #1c1c1c;--input-color: white;--input-bg:#3a3a3a}@media (max-width: 768px){.main-container{width:90%;height:85%;padding:1.5em}.header-left,.right-section{width:10%;max-width:20vw;min-width:3rem}.center-section{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{right:0;width:max-content;min-width:8rem}.batch-card{flex-direction:column;align-items:flex-start}.batch-right{align-items:flex-start;width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif!important;transition:background-color .3s}body{background-color:var(--main-bg, #1c1c1c);color:#fff}main{display:flex;flex-direction:column;align-items:center;margin-top:10vh}a{text-decoration:none}.header-text{display:flex;gap:.5em;align-items:center;padding:.5em 1em;font-weight:700;background:none;text-align:center}.home-page{display:flex;flex-direction:column;height:100vh;width:100%}.header-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--header-bg, #2a2a2a);color:var(--header-color, white);position:fixed;top:0;width:100%;z-index:1000;height:3.5rem}.header-left{width:10%;min-width:3rem;max-width:10vw}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--menu-bg, #2a2a2a);color:var(--menu-text, white);margin:auto;margin-top:5rem;padding:2em;width:80%;height:80%;border-radius:4px;box-shadow:0 0 60px #0003;border-top:5px;border-width:10px 0px 0px 0px;border-style:solid;border-color:var(--border-color)}.main-container>*{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center}#github-repo-link{display:flex;gap:.5em;margin-top:0;align-items:center;padding:.5em 1em;font-weight:700;background:none;cursor:pointer;color:var(--border-color)}#github-repo-link:hover{background-color:#3ecf8e1a}input{padding:1rem;border-radius:4px;outline:none;box-shadow:0 1px 1px #0000000d;background-color:var(--input-bg, #3a3a3a);border:1px solid #4a4a4a;font-size:1rem;color:var(--input-color, white);margin-top:7px;width:300px}button,a{font-size:16px;padding:1em;background:none;cursor:pointer;color:#fff;background:#229f65;border:none;border-radius:4px;transition:background-color .3s;width:300px;text-align:center;margin-top:1em;display:flex;justify-content:center;align-items:center;height:40px;font-weight:700;border:1px solid #33b379}a{border:none}button:hover,a:hover{background:#2ebd80}.home-link{position:absolute;min-width:3rem;width:auto;padding:.5em .8em;top:0;left:1rem;text-decoration:none;border-radius:4px;z-index:1000;font-weight:500}.home-link:hover{text-decoration:underline}.auth-link{background:transparent;color:var(--border-color)}.auth-link:hover{background:transparent;text-decoration:underline}#divider{flex-grow:0;width:100%;height:2px;background-color:var(--border-color);margin:1em 0;border-radius:100%}.user-menu{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--header-bg, #2a2a2a);border:1px solid var(--menu-border, #4a4a4a);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:999}.dropdown-menu a,.dropdown-menu button{color:var(--header-color, white);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;padding:.25rem .5rem}.dropdown-menu a:hover,.dropdown-menu button:hover{text-decoration:underline}.dropdown-menu .active{font-weight:700;text-decoration:underline}.center-section{width:80vw;text-align:justify;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-section{display:flex;gap:.5rem;justify-content:flex-end;width:10%;min-width:3rem;max-width:10vw}.icon-button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;flex-shrink:0}.batch-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--menu-bg,#2a2a2a);border:1px solid var(--border-color);border-radius:8px;padding:.75em 1em;margin-bottom:1em;width:100%;max-width:600px;gap:1em}.batch-left{display:flex;align-items:center;height:100%;gap:1em;flex:1;cursor:pointer}.batch-right{display:flex;flex-direction:column;align-items:flex-end}.batch-timer{font-size:1.5em;font-weight:700;color:var(--border-color)}.batch-image{width:3em;height:3em;border-radius:50%;object-fit:cover}.batch-title{font-size:1.2em;font-weight:700;color:var(--menu-text, white)}.batch-subtext{color:var(--menu-text, white);font-size:.9em}.batch-button{padding:.5rem 1rem;background-color:var(--button-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;max-width:30%;min-width:100px;width:100%}.batch-button:hover{background-color:var(--button-hover-color)}.grid-container{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.dialog{background-color:var(--main-bg);padding:2rem;border-radius:8px;border:2px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;width:90%;max-width:400px;text-align:center}.dialog-actions{display:flex;justify-content:space-between;gap:1rem}.tabs-container{display:flex;width:100%;margin:1rem 0;gap:0}.tab-button{width:50%;padding:1em;font-weight:700;border:none;color:#fff;cursor:pointer;background-color:var(--menu-bg);transition:background-color .3s}.unit-select{padding:1rem;border-radius:4px;outline:none;box-shadow:0 1px 1px #0000000d;background-color:var(--input-bg, #3a3a3a);border:1px solid #4a4a4a;font-size:1rem;color:var(--input-color, white);margin-top:7px;width:300px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1em;cursor:pointer}:root.dark .unit-select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}:root:not(.dark) .unit-select{background-image:url('data:image/svg+xml;utf8,<svg fill="%23000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}.unit-select:focus{border-color:var(--border-color)}.dialog-content input,.dialog-content .unit-select{margin-bottom:.5rem}.view-toggle-buttons{display:flex;justify-content:center;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.toggle-button{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;border:1px solid var(--border-color);background-color:var(--menu-bg);color:var(--text-color);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap;border-radius:0}.toggle-button+.toggle-button{border-left:none}.toggle-button.active{background-color:var(--button-color);color:#fff;font-weight:600;border-color:var(--button-color);z-index:1;position:relative}.toggle-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.toggle-button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.toggle-button:hover{background-color:var(--hover-bg);color:var(--text-color)}.toggle-button.active:hover{background-color:var(--button-color);color:#fff;cursor:default}.items-table{width:100%;border-collapse:collapse;font-size:.95rem;table-layout:fixed;box-sizing:border-box}.items-table th,.items-table td{padding:.75rem;border-left:2px solid var(--button-hover-color);border-bottom:2px solid var(--button-hover-color);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items-table th:first-child,.items-table td:first-child{border-left:none}.items-table-container{width:100%;overflow-x:auto}.main-container.settings-container{justify-content:flex-start;height:auto;min-height:calc(100vh - 5.5rem);overflow-y:auto;padding-bottom:2rem}.settings-categories-wrapper{width:100%;display:flex;flex-direction:column;gap:2rem}.settings-category{width:100%;background-color:var(--main-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--menu-border, #4a4a4a);box-shadow:0 4px 12px #0000001a}.settings-category h2{font-size:1.6em;color:var(--header-color);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--button-color);text-align:left}.setting-field{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.setting-field label{flex-basis:30%;min-width:150px;font-weight:500;color:var(--menu-text);text-align:left;padding-right:1rem}.input-with-button{flex-grow:1;display:flex;align-items:center;gap:.75rem}.setting-field input{flex-grow:1;margin-top:0;width:auto}.setting-field input.input-dirty{border-color:var(--button-hover-color)}.save-button{padding:.6em 1em;font-size:.9rem;width:auto;min-width:80px;height:auto;margin-top:0;font-weight:500;flex-shrink:0}@media (max-width: 768px){.main-container.settings-container{margin-top:4.5rem}.settings-category{padding:1rem}.settings-category h2{font-size:1.3em}.setting-field{flex-direction:column;align-items:stretch;gap:.5rem}.setting-field label{flex-basis:auto;min-width:auto;margin-bottom:.25rem;padding-right:0}.input-with-button,.setting-field input{width:100%}.save-button{min-width:70px;padding:.5em .8em}}.delete-button{background-color:var(--delete-button-bg, #dc3545);color:var(--delete-button-text, white);border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em;margin-top:10px;transition:background-color .2s ease;width:auto;align-self:flex-end}.delete-button:hover{background-color:var(--delete-button-hover, #c82333)}.delete-button:disabled{background-color:var(--delete-button-disabled, #6c757d);cursor:not-allowed}.item-setting{display:flex;flex-direction:column;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.item-setting p{text-align:center;width:100%}.main-container{justify-content:flex-start;overflow-y:auto;gap:.25rem}.main-container h2{font-size:1.6em;color:var(--header-color);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--button-color);text-align:left}.main-container h2:first-of-type{margin-top:.5rem}.main-container select{padding:1rem 3rem 1rem 1rem;border-radius:4px;outline:none;box-shadow:0 1px 1px #0000000d;background-color:var(--input-bg, #3a3a3a);border:1px solid #4a4a4a;font-size:1rem;color:var(--input-color, white);margin-top:7px;width:100%;height:50px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cccccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.main-container label[style*="display: flex"]{display:flex;align-items:center;gap:.75rem;width:100%;margin-top:1rem;color:var(--menu-text);cursor:pointer;font-size:1rem;font-weight:400;text-align:left;padding:0;background:none;border:none;height:auto;justify-content:flex-start}.main-container label[style*="display: flex"] input[type=checkbox]{width:1.25em;height:1.25em;margin:0;cursor:pointer;accent-color:var(--button-color)}.main-container p[style*="color: red"]{color:var(--error-color);font-size:.875rem;margin-top:4px;margin-bottom:4px;width:300px;text-align:left}.main-container p[style*="text-align: center"]{text-align:center;margin-top:1rem;color:var(--menu-text);opacity:.8;width:100%}.main-container button[type=submit]{margin-top:1.5rem;width:100%;display:flex;justify-content:center;align-items:center}