:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light only;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}#app{width:100%;height:100vh;margin:0;padding:0;--text-color: #000000;--bg-color: #ffffff;--border-color: #e0e0e0;--error-color: #ff0000;--button-bg: #000000;--button-text: #ffffff;--button-disabled: #666666;--divider-color: #e0e0e0;--bg-hover: #f5f5f5;--bg-secondary: #fafafa;--text-secondary: #666666;--table-header-bg: #f5f5f5;--table-stripe-bg: #fafafa}.admin-layout[data-v-ba62fa55]{display:flex;width:100%;min-height:100vh;background-color:var(--content-bg)}.admin-content-wrapper[data-v-ba62fa55]{flex:1;display:flex;flex-direction:column;margin-left:120px;width:calc(100% - 120px)}.admin-top-bar[data-v-ba62fa55]{height:60px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:fixed;top:0;right:0;left:120px;z-index:100}.top-bar-left[data-v-ba62fa55]{font-size:1.2rem;font-weight:700;color:var(--text-color)}.logout-button[data-v-ba62fa55]{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.logout-button[data-v-ba62fa55]:hover{background-color:#dc2626}.admin-sidebar[data-v-ba62fa55]{width:120px;background-color:var(--sidebar-bg);color:var(--sidebar-text);padding:20px 0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.logo-container[data-v-ba62fa55]{padding:0 20px;margin-bottom:30px;display:flex;justify-content:center}.logo[data-v-ba62fa55]{max-width:100px;height:auto}.menu-list[data-v-ba62fa55]{list-style:none;padding:0;margin:0}.menu-item[data-v-ba62fa55]{display:block;padding:15px 20px;color:var(--sidebar-text);text-decoration:none;transition:background-color .3s}.menu-item[data-v-ba62fa55]:hover{background-color:var(--sidebar-hover)}.menu-item.active[data-v-ba62fa55]{background-color:var(--sidebar-active);font-weight:700}.admin-content[data-v-ba62fa55]{flex:1;padding:80px 20px 20px;background-color:var(--content-bg);color:var(--text-color);width:100%;box-sizing:border-box;overflow-x:auto}.home-layout[data-v-afaccdfd]{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.home-container[data-v-afaccdfd]{width:100%;max-width:600px;margin:0 auto;background-color:var(--bg-color);border-radius:8px;overflow:hidden}@media (max-width: 768px){.home-layout[data-v-afaccdfd]{padding:0;justify-content:flex-start}.home-container[data-v-afaccdfd]{max-width:100%;min-height:100vh;border-radius:0}}@media (min-width: 769px) and (max-width: 1024px){.home-layout[data-v-afaccdfd]{padding:40px 20px}.home-container[data-v-afaccdfd]{max-width:500px}}.grade-view[data-v-b17e7ddc]{width:100%;height:100%;background-color:var(--bg-color);padding:10px;box-sizing:border-box;overflow-y:auto}.grade-image[data-v-b17e7ddc]{position:relative;width:100%;background-color:#f5f5f5;border-radius:8px;overflow:hidden;margin-top:10px}.grade-image img[data-v-b17e7ddc]{width:100%;display:block;max-width:1000px;margin:0 auto;vertical-align:top}@media (max-width: 768px){.grade-view[data-v-b17e7ddc]{padding:0}.grade-image[data-v-b17e7ddc]{border-radius:0;margin-top:0}}.loading[data-v-b17e7ddc],.error[data-v-b17e7ddc]{position:absolute;top:0;left:0;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-color)}.grade-view-layout[data-v-5ef59d3c]{padding:0;display:flex;flex-direction:column;height:100vh;max-width:600px;margin:0 auto;background-color:var(--bg-color);box-shadow:0 0 10px #0000001a;position:relative;width:100%}.loading[data-v-5ef59d3c],.no-data[data-v-5ef59d3c]{text-align:center;padding:40px;color:var(--text-color)}.grade-header[data-v-5ef59d3c]{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:15px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;overflow:hidden}.grade-info[data-v-5ef59d3c]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.grade-info h3[data-v-5ef59d3c]{margin:0;font-size:1.2rem;color:var(--text-color)}.grade-list[data-v-5ef59d3c]{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:5px;width:100%;box-sizing:border-box;padding-right:15px}.grade-item[data-v-5ef59d3c]{padding:10px 20px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .3s ease;flex:1;min-width:200px;text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px}.grade-item[data-v-5ef59d3c]:hover{background-color:var(--bg-hover)}.grade-item.active[data-v-5ef59d3c]{background-color:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.lecture-code[data-v-5ef59d3c]{font-weight:700}.date[data-v-5ef59d3c]{color:var(--text-secondary)}.grade-detail[data-v-5ef59d3c]{flex:1;overflow:hidden;background-color:var(--bg-secondary);width:100%;box-sizing:border-box}@media (max-width: 768px){.grade-view-layout[data-v-5ef59d3c]{box-shadow:none;height:100%;min-height:100vh}.grade-header[data-v-5ef59d3c]{padding:10px}.grade-list[data-v-5ef59d3c]{flex-direction:column;width:100%;padding-right:10px}.grade-item[data-v-5ef59d3c]{width:100%;padding:8px 15px;font-size:.9rem;min-width:unset;justify-content:space-between}.grade-info[data-v-5ef59d3c]{gap:5px;width:100%}.grade-info h3[data-v-5ef59d3c]{font-size:1rem;width:100%}.date[data-v-5ef59d3c]{font-size:.9rem}}