:root{--bg-color: #e0e0e0;--main-bg: #f9f9f9;--input: #ffffff;--primary: #5c6bc0;--text-color: #333;--edit: #3498db;--delete: #e74c3c}body[data-theme=dark]{--bg-color: #1e1e1e;--main-bg: #2c2c2c;--input: #111111;--primary: #8e99f3;--text-color: #eee;--edit: #64b5f6;--delete: #f44336}.app{display:flex;flex-direction:row;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif}@media screen and (max-width: 768px){.app{flex-direction:column}}.main-content{flex:1;padding:2rem;background-color:var(--main-bg)}.select-dropdown{appearance:none;background-color:var(--input);color:var(--text-color);padding:.5rem .75rem;border-radius:4px;border:1px solid #ccc;font-size:1rem;cursor:pointer;transition:border-color .2s}.select-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6496fa4d}@media screen and (max-width: 480px){.app{padding-inline:4vw}}@media screen and (max-width: 768px){.app{padding-inline:6vw}}@media screen and (max-width: 1050px){.app{padding-inline:12vw}}@media screen and (max-width: 1280px){.app{padding-inline:14vw}}@media screen and (min-width: 1281px){.app{padding-inline:16vw}}.info-button{position:fixed;top:20px;right:20px;z-index:10000;padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}