@font-face{font-family:BMHANNAAir;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/BMHANNAAir.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:BMDOHYEON;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff) format("woff");font-weight:400;font-style:normal}*{font-family:BMHANNAAir,sans-serif;box-sizing:border-box}body{margin:0;padding:0;font-family:BMHANNAAir,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.swal2-container{z-index:1400!important}.swal2-popup{z-index:1401!important}.swal2-container-high-z{z-index:1400!important}.main-screen{min-height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 1rem;padding-bottom:80px;box-sizing:border-box;overflow-y:auto}.main-container{width:100%;max-width:500px;margin:0 auto}.main-card{background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box}.logo-container{text-align:center;margin-bottom:1.5rem}.logo-image{width:70%;max-width:200px;height:auto;margin-bottom:-20px}.title{text-align:center;margin-bottom:1.5rem}.content-box{margin-top:1.5rem}.time-lock-box{margin-bottom:0;padding:1rem;background-color:#f5f5f5;border-radius:8px}.time-lock-title{text-align:center;margin-bottom:.5rem}.time-lock-content{text-align:center;white-space:pre-line;margin-bottom:1rem}.time-lock-dates{text-align:center}.current-time{text-align:center;margin:1rem 0;font-size:1rem}.input-field{margin-bottom:1rem}.input-field:first-of-type{margin-bottom:1.5rem}.input-field:last-of-type{margin-bottom:2.5rem}.submit-button{margin-bottom:1rem;width:100%;height:48px;font-size:1rem}.admin-button{width:100%;height:48px;font-size:1rem}@media(max-width:600px){.main-screen{padding:1rem .75rem .75rem;padding-bottom:80px;align-items:center;min-height:100vh}.main-card{padding:1.25rem;margin-top:.5rem}.logo-image{width:60%;max-width:150px}.title{font-size:1.5rem!important;margin-bottom:1rem}.time-lock-box{padding:.75rem}.time-lock-title{font-size:1rem!important}.time-lock-content{font-size:.875rem!important}.current-time{font-size:.875rem!important;margin:.75rem 0}.submit-button,.admin-button{height:44px;font-size:.9rem}}@media(max-height:600px){.main-screen{padding-top:.5rem;padding-bottom:.5rem}.main-card{padding:1rem}.logo-container{margin-bottom:.75rem}.logo-image{max-width:120px;margin-bottom:-15px}.title{margin-bottom:.75rem;font-size:1.25rem!important}.content-box{margin-top:.75rem}}@media(max-width:900px)and (orientation:landscape){.main-screen{padding:.5rem;padding-bottom:60px}.main-card{padding:1rem}.logo-image{max-width:100px;margin-bottom:-10px}.title{font-size:1.25rem!important;margin-bottom:.5rem}.content-box{margin-top:.5rem}.input-field{margin-bottom:.75rem}.submit-button,.admin-button{height:40px;font-size:.875rem;margin-bottom:.5rem}}.assignment-screen{position:absolute;inset:0;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;padding-bottom:80px}.assignment-card{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #00000026;width:100%;max-width:450px;position:relative}.watermark-text{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:.75rem;opacity:.3;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.1);text-stroke:1px rgba(0,0,0,.1)}.assignment-title{margin-bottom:1.5rem;text-align:center}.assignment-info{margin-bottom:1rem}.assignment-highlight{color:#1976d2;display:inline;font-size:1.25rem}.warning-box{margin-bottom:2rem;border:2px solid;border-radius:8px;padding:1rem}.button-container{display:flex;gap:1rem;width:100%;margin-top:1rem}.button-container .save-image-button,.button-container .home-button{flex:1;height:48px}.admin-login-screen{position:absolute;inset:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem;padding-bottom:80px}.admin-login-container{width:100%;max-width:420px}.admin-login-card{background-color:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001f}.admin-login-title{text-align:center;margin-bottom:.5rem;font-weight:600;color:#1976d2}.admin-login-subtitle{text-align:center;margin-bottom:4rem;color:#666;font-size:.875rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-input-field{margin-bottom:0}.admin-login-button{width:100%;height:52px;font-size:1rem;font-weight:600;margin-top:.5rem;text-transform:none;box-shadow:0 4px 12px #1976d24d;transition:all .3s ease}.admin-login-button:hover{box-shadow:0 6px 16px #1976d266;transform:translateY(-1px)}.admin-login-help-text{text-align:center;margin-top:1.5rem;color:#999;font-size:.875rem}.time-lock-screen{position:absolute;inset:0;background-color:#f5f5f5;padding:2rem;padding-bottom:100px;overflow-y:auto}.time-lock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.time-lock-title{font-size:2rem;font-weight:700;color:#1976d2}.header-actions{display:flex;gap:1rem;flex-wrap:wrap}.time-lock-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.time-lock-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;width:100%}.time-lock-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.time-lock-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-title{font-size:1.25rem;font-weight:700;color:#1976d2;margin:0;flex:1}.card-id{font-size:.75rem;color:#999;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.card-content{color:#666;line-height:1.6;margin-bottom:1rem;white-space:pre-line;min-height:60px}.card-dates{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:#f9f9f9;border-radius:8px}.date-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.date-label{font-weight:700;color:#555;min-width:60px}.date-value{color:#1976d2;font-family:monospace}.card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-text{font-size:1.1rem}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 8px 32px #0003;padding:2rem;width:90%;max-width:500px;border-radius:16px;outline:none}.modal-title{margin-bottom:2rem;color:#1976d2;font-weight:700;font-size:1.5rem}.modal-field{margin-bottom:2rem}.modal-field-label{display:block;font-weight:600;color:#333;margin-bottom:.75rem;font-size:.95rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media(max-width:768px){.time-lock-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions button{flex:1}}.system-admin-screen{display:flex;position:absolute;inset:0;background-color:#f5f5f5}.sidebar-header{padding:1.5rem 1rem;background-color:#1976d2;color:#fff}.sidebar-title{font-weight:700;color:#fff}.sidebar-user-info{padding:1rem;background-color:#e3f2fd;border-bottom:1px solid #bbdefb}.sidebar-user-name{font-weight:600;color:#1976d2;margin-bottom:.25rem}.sidebar-user-email{color:#666;font-size:.75rem;word-break:break-all}.sidebar-menu-item{padding:1rem 1.5rem;margin:.25rem .5rem;border-radius:8px}.sidebar-menu-item.Mui-selected{background-color:#e3f2fd;color:#1976d2}.sidebar-menu-item.Mui-selected:hover{background-color:#bbdefb}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:1rem;border-top:1px solid #e0e0e0;background-color:#fff}.system-admin-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:2rem;padding-bottom:0;width:100%;height:100%}.mobile-header{display:flex;align-items:center;padding:.75rem 1rem;background-color:#fff;border-bottom:1px solid #e0e0e0;margin:-1rem -1rem 1rem;position:sticky;top:0;z-index:100;min-height:56px;box-shadow:0 2px 4px #0000001a}.mobile-title{font-weight:700;color:#1976d2;flex:1}@media(max-width:899px){.content-header{display:none}.system-admin-main-content{padding:0}.mobile-header{padding:.5rem .75rem;margin:0;position:sticky;top:0;z-index:100;background-color:#fff}.mobile-header .MuiIconButton-root{padding:8px;margin-left:0;margin-right:.5rem}.mobile-title{font-size:1rem;margin-left:0;padding-left:.5rem}.content-body{padding:.5rem 1rem 1rem;padding-bottom:80px}}@media(min-width:900px){.mobile-header{display:none}}.content-header{margin-bottom:0;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e0e0e0;background-color:#f5f5f5;position:sticky;top:0;z-index:10;flex-shrink:0}.content-title{font-weight:700;color:#1976d2}.content-body{flex:1;width:100%;overflow-y:auto;padding:2rem;padding-bottom:100px}.logout-button{font-size:.9rem}.account-creating-screen{position:absolute;inset:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;z-index:9999}.account-creating-container{width:100%;max-width:400px}.account-creating-card{background-color:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001f;text-align:center}.account-creating-title{font-weight:600;color:#1976d2;margin-bottom:.5rem}.account-creating-subtitle{color:#666;font-size:.875rem}.error-page-screen{position:absolute;inset:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem}.error-page-container{width:100%;max-width:500px}.error-page-card{background-color:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 8px 32px #0000001f;text-align:center}.error-page-title{font-weight:600;margin-bottom:1rem}.error-page-reason{color:#666;margin-bottom:2rem}.footer{padding:1rem;margin-top:auto;background-color:#f5f5f5;position:fixed;bottom:0;width:100%;text-align:center;z-index:1000}.footer-text{display:inline;color:#0009;font-size:.875rem}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:#f5f5f5}.app-content{position:relative;flex:1;min-height:0}