:root{--primary-color:#4a90e2;--secondary-color:#50e3c2;--background-color:#f7f9fb;--text-color:#333;--border-color:#e0e6ed;--white-color:#fff;--error-color:#d0021b;--success-color:#4caf50}body{align-items:center;background-color:#f7f9fb;background-color:var(--background-color);color:#333;color:var(--text-color);display:flex;font-family:Gowun Dodum,sans-serif;justify-content:center;margin:0;min-height:calc(100vh - 40px);padding:20px}.container{background-color:#fff;background-color:var(--white-color);border-radius:12px;box-shadow:0 8px 24px #0e152f14;box-sizing:border-box;max-width:800px;padding:30px 40px;width:100%}h1{font-weight:900;text-align:center}a,h1{color:#4a90e2;color:var(--primary-color)}a{transition:color .2s}a,a:hover{text-decoration:none}a:hover{color:#50e3c2;color:var(--secondary-color)}.back-link{font-size:1.1em;font-weight:700;left:25px;position:absolute;top:25px}.header{color:#555;margin-bottom:25px;text-align:right}.header a{font-weight:700;margin-left:15px}form p{color:#555;font-weight:700;margin:0 0 5px}input[type=file],input[type=password],input[type=text],select,textarea{background-color:#fdfdfd;border:1px solid #e0e6ed;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:Gowun Dodum,sans-serif;margin-bottom:15px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}button[type=submit]{background:linear-gradient(135deg,#4a90e2,#50e3c2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;color:var(--white-color);cursor:pointer;font-family:Gowun Dodum,sans-serif;font-size:1.1em;font-weight:700;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}button[type=submit]:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.nav-container{flex-wrap:wrap;gap:25px;margin-top:30px}.nav-container,.nav-item{display:flex;justify-content:center}.nav-item{align-items:center;background-color:#fff;background-color:var(--white-color);border:1px solid #e0e6ed;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0e152f0d;color:#333;color:var(--text-color);flex-direction:column;gap:10px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s;width:140px}.nav-item:hover{box-shadow:0 8px 20px #0e152f1a;color:#4a90e2;color:var(--primary-color);transform:translateY(-5px)}.nav-item .icon{font-size:3.5em;line-height:1}.nav-item p{font-size:1.1em;font-weight:700;margin-top:0}.message{border-radius:8px;font-weight:700;margin-top:15px;padding:12px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#0b603e}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#d0021b;color:var(--error-color)}table{box-shadow:0 4px 12px #0e152f0d;margin-top:20px}td,th{border-bottom:1px solid #e0e6ed;border-bottom:1px solid var(--border-color);padding:15px;text-align:center}thead th{background-color:#4a90e2;background-color:var(--primary-color);color:#fff;color:var(--white-color);font-weight:700}tbody tr:nth-child(2n){background-color:#fdfdfd}tbody tr:hover{background-color:#eff5fc}.log-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.log-item{background-color:#fff;background-color:var(--white-color);border:1px solid #e0e6ed;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0e152f0d;padding:20px;transition:transform .2s,box-shadow .2s}.log-item:hover{box-shadow:0 6px 16px #0e152f14;transform:translateY(-3px)}.log-item img{aspect-ratio:4/3;border-radius:8px;margin-bottom:15px;object-fit:contain;width:100%}.log-item h3{color:#4a90e2;color:var(--primary-color);margin-bottom:10px;margin-top:0}.log-item p{color:#555;font-size:.95em;margin:0}.no-image-placeholder{align-items:center;aspect-ratio:4/3;background-color:#f0f2f5;border-radius:8px;color:#a0a0a0;display:flex;font-weight:700;justify-content:center;margin-bottom:15px;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overall-board-container{grid-gap:5px;aspect-ratio:1/1;background:#e4f0f5;display:grid;gap:5px;grid-template-columns:repeat(10,1fr);margin:20px auto;width:100%}.overall-board-cell{align-items:center;background-color:#fff;border:1px solid #c9dde8;border-radius:8px;display:flex;justify-content:center;position:relative}.cell-number{color:#b8cbe0;font-size:clamp(.7em,1.5vw,.9em);font-weight:700;left:5px;position:absolute;top:4px}.student-markers{align-content:flex-start;flex-wrap:wrap;gap:2px;inset:0;padding:18px 4px 4px;position:absolute}.student-marker,.student-markers{display:flex;justify-content:center}.student-marker{align-items:center;border:1px solid #0003;border-radius:50%;box-shadow:0 1px 2px #0003;color:#fff;flex-shrink:0;font-size:.7em;font-weight:700;height:25px;position:relative;text-decoration:none;transition:transform .2s;width:25px;z-index:2}.student-marker:hover{transform:scale(1.2);z-index:10}.students-beyond-board{background:#f0f8ff;border:1px solid #c9dde8;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:40px auto;max-width:1000px;padding:20px}.students-beyond-board h2{color:#333;font-size:1.5em;margin-bottom:20px;text-align:center}.students-beyond-board .student-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.students-beyond-board .student-marker{font-size:.9em;height:40px;width:40px}.book-count-badge{background-color:#ff5722;border-radius:50%;bottom:-5px;box-shadow:0 1px 3px #0003;color:#fff;font-size:.6em;font-weight:700;line-height:1;padding:3px 6px;position:absolute;right:-5px;white-space:nowrap}.board-wrapper{background:#e4f0f5;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:auto;max-width:900px;padding:20px}.student-board-container{grid-gap:5px;aspect-ratio:1/1;background:#e4f0f5;display:grid;gap:5px;grid-template-columns:repeat(10,1fr);margin:20px auto;width:100%}.student-board-cell{background-color:#fff;border:1px solid #c9dde8;border-radius:8px;position:relative}.student-board-cell,.student-board-cell span{align-items:center;display:flex;justify-content:center}.student-board-cell span{color:#8ab0c5;font-size:clamp(1em,3vw,1.5em);font-weight:700;height:100%;transition:all .3s ease;width:100%}.student-board-cell.player-position{background-color:var(--secondary-color);border:2px solid #fff;box-shadow:0 0 20px #50e3c2cc;color:#fff;transform:scale(1.05);z-index:5}.student-board-cell.player-position span{color:#fff}.student-board-cell.player-position:after{background:var(--primary-color);border-radius:10px;bottom:-10px;box-shadow:0 2px 5px #0003;color:#fff;content:"나";font-size:.7em;font-weight:700;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);z-index:3}.student-board-cell.is-populated-strong{background-color:#4caf50;border:1px solid #fff;cursor:pointer;transition:all .2s ease-in-out}.student-board-cell.is-populated-strong:hover{background-color:#66bb6a;box-shadow:0 4px 15px #0000001a;transform:scale(1.05);z-index:5}.student-board-cell.is-populated-strong span{color:#fff}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;padding:25px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#333;font-size:1.5em;margin:0}.modal-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:2.5rem;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#333}.modal-body{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));overflow-y:auto}.student-card{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#333;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:15px;text-decoration:none;transition:all .2s ease-in-out}.student-card:hover{background-color:#fff;border-color:#cbd5e1;box-shadow:0 6px 15px #00000014;transform:translateY(-4px)}.student-card-color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:24px;width:24px}.student-card span{font-size:1em;font-weight:500}.log-item{position:relative}.delete-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;padding:5px 10px;transition:background-color .2s}.log-item .delete-button{position:absolute;right:10px;top:10px}.delete-button:hover{background-color:#d32f2f}.table-delete-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;margin-left:5px;padding:5px 10px;transition:background-color .2s}.table-delete-button:hover{background-color:#d32f2f}.table-container{margin:20px auto;max-width:800px;overflow-x:auto}table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}th{background-color:#f4f4f4;color:#333;font-weight:700}tr:last-child td{border-bottom:none}tr:hover{background-color:#f9f9f9}td button{margin:0}.change-password-button{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;margin-right:5px;padding:5px 10px;transition:background-color .2s}.change-password-button:hover{background-color:#1976d2}
/*# sourceMappingURL=main.20ef11b0.css.map*/