.login-container{align-items:center;background:linear-gradient(180deg,#fff,#e8f0f5 20%,#83a2b2 70%,#5a7a8e);background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:radial-gradient(ellipse at center,#83a2b214 0,#0000 70%);height:300px;top:0}.login-container:after,.login-container:before{content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:600px}.login-container:after{background:radial-gradient(ellipse at center,#5a7a8e14 0,#0000 70%);bottom:0;height:200px}.login-card{background:#fff;border-radius:20px;box-shadow:0 30px 80px #5a7a8e40,0 10px 30px #83a2b226,inset 0 1px 0 #fffc;max-width:420px;overflow:hidden;padding:45px;position:relative;width:100%;z-index:1}.login-card:after{background:linear-gradient(135deg,#83a2b20d,#0000 50%);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card h1{color:#5a7a8e;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:10px 0}.login-card h1,.login-card>p{position:relative;text-align:center;z-index:2}.login-card>p{color:#83a2b2;font-size:14px;font-weight:500;margin:0 0 30px}.error-message{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef0f0,#fde8e8);border:1px solid #f5c6c6;border-radius:10px;color:#c94a4a;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 15px;position:relative;z-index:2}.maintenance-message{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:1px solid #ffc107;color:#664d03}.error-icon{flex-shrink:0;font-size:18px}.error{color:#c94a4a;font-size:14px;margin-top:10px}.login-card form{gap:18px;margin-bottom:25px;position:relative;z-index:2}.form-group,.login-card form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#5a7a8e;font-size:13px;letter-spacing:.3px}.login-card input{background:linear-gradient(135deg,#f9fbfc,#f5f8fa);border:2px solid #d9e4eb;border-radius:10px;color:#333;font-family:inherit;font-size:14px;padding:14px 16px;transition:all .3s ease}.login-card input::placeholder{color:#a8c5d4}.login-card input:focus{background:#fff;border-color:#83a2b2;box-shadow:0 0 0 4px #83a2b21f,0 4px 12px #83a2b21a;outline:none}.login-card input:disabled{background:linear-gradient(135deg,#f0f4f7,#eef2f6);cursor:not-allowed;opacity:.6}.submit-btn{background:linear-gradient(135deg,#83a2b2,#7a96a8 50%,#6b8fa0);border:none;border-radius:10px;box-shadow:0 4px 15px #83a2b240;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:14px 20px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7a96a8,#71909f 50%,#62849a);box-shadow:0 8px 28px #83a2b266;transform:translateY(-2px)}.submit-btn:active:not(:disabled){box-shadow:0 4px 12px #83a2b240;transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-mode{border-top:1px solid #e8eef4;color:#7a94a8;font-size:14px;margin:20px 0 0;padding-top:20px;position:relative;text-align:center;z-index:2}.link-btn{background:none;border:none;color:#83a2b2;cursor:pointer;font-weight:600;margin-left:5px;padding:0;text-decoration:none;transition:all .3s}.link-btn:hover{color:#5a7a8e;text-decoration:underline}@media (max-width:480px){.login-card{border-radius:16px;padding:35px 25px}.login-card h1{font-size:28px;margin-bottom:8px}.login-card input,.submit-btn{font-size:16px}}.dashboard-container{background-attachment:fixed;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px 20px;width:100%}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px}.dashboard-header p{color:#7f8c8d;font-size:1rem;margin:0}.dashboard-header .greeting-message{color:#5d7d8c;font-size:1.4rem;font-weight:600;margin:0 0 10px}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-left{display:flex;flex-direction:column;gap:20px}.quiz-mode-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.quiz-mode-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.quiz-mode-card h2{color:#2c3e50;font-size:1.3rem;margin:0 0 10px}.quiz-mode-card .description{color:#95a5a6;font-size:.95rem;margin:0 0 25px}.mode-buttons{display:flex;flex-direction:column;gap:15px}.mode-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:15px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s ease}.mode-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.mode-btn:hover:before:not(:disabled){height:300px;width:300px}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{align-items:center;display:flex;font-size:1.8rem;justify-content:center;min-width:40px}.btn-text{display:flex;flex:1 1;flex-direction:column;gap:3px;text-align:left}.btn-label{font-size:1.1rem}.btn-desc{font-size:.85rem;opacity:.9}.mode-btn-primary{background:linear-gradient(135deg,#83a2b2,#6b8fa0);color:#fff}.mode-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateX(5px)}.mode-btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.mode-btn-secondary:hover:not(:disabled){box-shadow:0 8px 20px #f5576c66;transform:translateX(5px)}.mode-btn-warning{background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.mode-btn-warning:hover:not(:disabled){box-shadow:0 8px 20px #fa709a66;transform:translateX(5px)}.mode-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.mode-btn-danger:hover:not(:disabled){box-shadow:0 8px 20px #ff6b6b66;transform:translateX(5px)}.mode-btn.locked{background:linear-gradient(135deg,#ccc,#999);color:#fff;opacity:.6}.mode-btn-mogi{background:linear-gradient(135deg,#6fa88a,#5a9a8a);color:#fff}.mode-btn-mogi:hover:not(:disabled){box-shadow:0 8px 20px #5a9a8a66;transform:translateX(5px)}.mode-btn-himitsu{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#333}.mode-btn-himitsu:hover:not(:disabled){box-shadow:0 8px 20px #a18cd166;transform:translateX(5px)}.himitsu-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.himitsu-modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:28px;width:90%}.himitsu-modal-box h3{font-size:1.3rem;margin:0 0 20px}.himitsu-modal-options{display:flex;gap:20px;margin-bottom:16px}.himitsu-modal-option{align-items:center;cursor:pointer;display:flex;gap:6px}.himitsu-modal-count{align-items:center;display:flex;gap:8px;margin-bottom:20px}.himitsu-modal-count input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;padding:8px 12px}.himitsu-modal-actions{display:flex;gap:12px}.himitsu-modal-actions .btn-start{background:linear-gradient(135deg,#a18cd1,#fbc2eb);font-weight:700}.himitsu-modal-actions .btn-cancel,.himitsu-modal-actions .btn-start{border:none;border-radius:6px;color:#333;cursor:pointer;flex:1 1;padding:10px}.himitsu-modal-actions .btn-cancel{background:#f0f0f0}.dashboard-right{display:flex;flex-direction:column;gap:20px}.stats-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.stats-section:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.stats-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;gap:10px;margin:0 0 20px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.test85-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-box{background:linear-gradient(135deg,#eef4f6,#dce7ea);border:2px solid #0000;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.stat-box:hover{background:linear-gradient(135deg,#83a2b2,#6b8fa0);border-color:#83a2b2;color:#fff;transform:scale(1.05)}.stat-box:hover .stat-desc,.stat-box:hover .stat-label{color:#fff}.stat-value{color:#3a7bbf;font-size:2.2rem;font-weight:700;margin:0 0 8px}.stat-label,.stat-value{transition:color .3s ease}.stat-label{color:#7f8c8d;font-size:.875rem;font-weight:600;margin:0 0 5px}.stat-desc{color:#95a5a6;font-size:.8rem;transition:color .3s ease}.combo-stat .stat-value{color:#27ae60}.combo-stat:hover .stat-value{color:#fff}.hit-stat .stat-value{color:#e74c3c}.hit-stat:hover .stat-value{color:#fff}.miss-stat .stat-value{color:#f39c12}.miss-stat:hover .stat-value{color:#fff}.overall-section h3{border-bottom:3px solid #83a2b2;padding-bottom:12px}.history-section h3{border-bottom:3px solid #f093fb;padding-bottom:12px}.test-85-section h3{border-bottom:3px solid #f5576c;padding-bottom:12px}.dashboard-error,.dashboard-loading{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#2c3e50;font-size:1.2rem;padding:50px;text-align:center}.dashboard-error{background:#ffe6e6;color:#c0392b}@media (max-width:768px){.dashboard-container{background-attachment:fixed;padding:20px 15px}.dashboard-header h1{background-attachment:fixed;font-size:1.8rem}.dashboard-header .greeting-message{font-size:.9rem}.stats-grid{background-attachment:fixed;grid-template-columns:repeat(2,1fr)}.quiz-mode-card{padding:14px}.mode-btn,.quiz-mode-card{background-attachment:fixed}.mode-btn{font-size:.95rem;gap:10px;padding:15px}.btn-icon{font-size:1.5rem;min-width:35px}.btn-desc,.btn-icon{background-attachment:fixed}.btn-desc{display:none}.quiz-mode-card h2,.stats-section h3{font-size:1.1rem}.stat-label{font-size:.8rem}.stat-desc{font-size:.75rem}}@media (max-width:480px){.stats-grid,.test85-grid{grid-template-columns:1fr}.stat-box{padding:15px}.stat-value{font-size:1.8rem}}.guide-link-container{margin-top:10px;text-align:right}.chapter-statistics-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.chapter-statistics-container:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.chapter-stats-title{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:8px;margin-bottom:20px}.chapter-stats-table{width:100%}.table-header{grid-gap:16px;background:linear-gradient(135deg,#8b7bb8,#a89fbe);border-radius:8px 8px 0 0;color:#fff;display:grid;font-weight:600;gap:16px;grid-template-columns:80px 120px 120px 150px;margin-bottom:2px;padding:12px 16px}.table-body{max-height:none;overflow-y:visible}.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e0e0e0;display:grid;gap:16px;grid-template-columns:80px 120px 120px 150px;padding:14px 16px;transition:background-color .2s}.table-row:hover{background-color:#f9f9f9}.table-row:last-child{border-bottom:none}.col-chapter{color:#333;font-size:.875rem;font-weight:600}.col-correct{font-weight:500}.col-attempts,.col-correct{color:#666;font-size:.875rem}.col-status{align-items:center;display:flex;gap:8px}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;white-space:nowrap}.status-good{background-color:#c8f7dc;color:#0b6623}.status-effort{background-color:#fff4d6;color:#b8860b}.status-caution{background-color:#fdd7d7;color:#b22222}.accuracy{color:#999;font-size:.8rem;font-weight:400}.chapter-stats-error,.chapter-stats-loading{color:#666;padding:20px;text-align:center}.chapter-stats-error{color:#d32f2f}@media (max-width:768px){.chapter-statistics-container{padding:14px}.chapter-stats-title{font-size:1.1rem}.table-header,.table-row{gap:6px;grid-template-columns:50px 1fr 1fr 1fr;padding:10px 8px}.col-chapter{font-size:.75rem}.col-attempts,.col-correct,.status-badge{font-size:.6875rem}.status-badge{padding:3px 6px}.accuracy{font-size:.75rem}}.guide-popover-wrapper{display:inline-block;position:relative}.guide-link-trigger{background:none;border:none;cursor:pointer;font-size:.9rem;gap:6px;padding:4px 0}.guide-info-icon,.guide-link-trigger{align-items:center;display:inline-flex}.guide-info-icon{background:#5d7d8c;border-radius:50%;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic;font-weight:700;height:17px;justify-content:center;line-height:1;min-width:17px;width:17px}.guide-link-text{color:#3f6b82;font-weight:600;text-decoration:underline}.guide-link-trigger:hover .guide-link-text{color:#26495c}.guide-link-trigger:hover .guide-info-icon{background:#3f6b82}.guide-popover-panel{animation:guideFadeIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000002e;left:0;max-width:92vw;padding:16px;position:absolute;text-align:left;top:calc(100% + 8px);width:640px;z-index:200}.guide-popover-panel.align-right{left:auto;right:0}@keyframes guideFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.guide-popover-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;line-height:1;position:absolute;right:10px;top:8px}.guide-popover-close:hover{color:#333}.guide-box{border:3px solid #5d7d8c;border-radius:16px;padding:16px 18px;text-align:left}.guide-box-orange{border-color:#83a2b2}.guide-box-title{color:#222;font-size:1rem;font-weight:700;margin-bottom:12px}.guide-label,.guide-sublabel{color:#222}.guide-value{color:#e03030;font-weight:700}.guide-row{font-size:.88rem;line-height:1.5;margin-bottom:4px;white-space:nowrap}.guide-row-indent{padding-left:3.6em}.guide-columns-3{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr}.guide-column{padding:0 12px}.guide-column:not(:first-child){border-left:1px solid #c7d3d9}.guide-col-header{color:#222;font-size:.85rem;font-weight:700;margin-bottom:8px;white-space:nowrap}.guide-history-row{display:flex;gap:10px;margin-bottom:10px}.guide-history-row:last-child{margin-bottom:0}.guide-history-box{border:1.5px solid #83a2b2;border-radius:10px;flex:1 1;padding:10px 12px}@media (max-width:640px){.guide-col-header,.guide-row{white-space:normal}.guide-popover-panel{left:0;right:0;width:92vw}.guide-columns-3{gap:10px;grid-template-columns:1fr}.guide-column:not(:first-child){border-left:none;border-top:1px solid #c7d3d9;padding-top:10px}.guide-history-row{flex-direction:column}.guide-row-indent{padding-left:3.6em}}.maintenance-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffe69c;border-radius:6px;color:#664d03;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.maintenance-banner--urgent{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}.maintenance-banner__icon{font-size:1.1em}.maintenance-banner__text{white-space:pre-line}.floating-omamori-icon{align-items:center;background:radial-gradient(#f7a60c,#fff 80%);border-radius:50%;bottom:24px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;height:88px;justify-content:center;position:fixed;right:24px;transition:transform .2s ease;width:88px;z-index:1000}.floating-omamori-icon:hover{transform:scale(1.1)}.floating-omamori-icon img{height:64px;object-fit:contain;width:64px}.omamori-modal-overlay{align-items:center;animation:omamori-fade-in .4s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.omamori-modal-content{animation:omamori-pop-in .4s ease;background-color:#fffdf5;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:480px;padding:32px;position:relative;width:90%}.omamori-modal-image{margin-bottom:16px;text-align:center}.omamori-modal-image img{height:160px;object-fit:contain;width:160px}.omamori-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}.omamori-message{background-image:repeating-linear-gradient(180deg,#0000,#0000 31px,#e8d9b5 0,#e8d9b5 32px);color:#333;font-size:15px;line-height:32px;white-space:pre-line}.omamori-message,.omamori-signature{font-family:Zen Kurenaido,sans-serif}.omamori-signature{font-weight:700;text-align:right}@keyframes omamori-fade-in{0%{opacity:0}to{opacity:1}}@keyframes omamori-pop-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-mode-selector-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:30px 20px;width:100%}.selector-header{margin-bottom:40px;text-align:center;width:100%}.selector-header h1{color:#2c3e50;font-size:2.5rem;margin:0 0 10px}.selector-header p{color:#7f8c8d;font-size:1rem;margin:0}.selector-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:30px;width:100%}.selector-section{margin-bottom:30px}.selector-section:last-of-type{margin-bottom:0}.selector-section h2{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.button-group{gap:10px;margin-bottom:20px}.btn-select-all{background:linear-gradient(135deg,#52c41a,#52b11a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-select-all:hover{box-shadow:0 5px 15px #52c41a4d;transform:translateY(-2px)}.btn-select-all:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.chapters-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.chapter-btn{border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease}.chapter-btn:disabled{cursor:not-allowed;opacity:.5}.btn-mistakes-only{background:linear-gradient(135deg,#ff9a56,#ff6b6b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 20px;transition:all .3s ease;width:100%}.btn-mistakes-only:hover{box-shadow:0 6px 18px #ff6b6b66;transform:translateY(-2px)}.btn-mistakes-only.active{background:linear-gradient(135deg,#52c41a,#52b11a)}.btn-mistakes-only.active:hover{box-shadow:0 6px 18px #52c41a66}.chapter-btn:hover{border-color:#83a2b2}.chapter-btn.selected,.chapter-btn:hover{background:linear-gradient(135deg,#83a2b2,#6b8fa0);color:#fff}.chapter-btn.selected{border-color:#6b8fa0}.question-mode-group{display:flex;gap:20px;margin-bottom:20px}.mode-option{align-items:center;cursor:pointer;display:flex;gap:8px}.custom-count-input{align-items:center;display:flex;gap:10px;margin-top:15px}.count-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px 12px;width:90px}.count-input:focus{border-color:#83a2b2;box-shadow:0 0 0 3px #83a2b21a;outline:none}.selector-actions{display:flex;gap:15px;margin-top:30px}.btn-start{background:linear-gradient(135deg,#83a2b2,#6b8fa0);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.btn-start:hover:not(:disabled){box-shadow:0 8px 20px #83a2b266;transform:translateY(-2px)}.btn-start:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.btn-cancel:hover{background:#e0e0e0}@media (max-width:768px){.quiz-mode-selector-container{padding:20px 15px}.selector-header h1{font-size:2rem}.selector-content{padding:20px}.selector-actions{flex-direction:column}.btn-cancel,.btn-start{width:100%}.chapters-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}.mode-tabs{border-bottom:2px solid #e0e6ea;display:flex;gap:8px;margin-bottom:20px}.mode-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#888;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:color .15s,border-color .15s}.mode-tab-btn:hover{color:#5d7d8c}.mode-tab-btn.active{border-bottom-color:#5d7d8c;color:#3f6b82}.favorite-list-options{display:flex;flex-direction:column;gap:12px}.favorite-list-option{align-items:center;border:2px solid #e0e6ea;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:14px 16px;transition:border-color .15s,background .15s}.favorite-list-option:hover{border-color:#83a2b2}.favorite-list-option.selected{background:#eef4f7;border-color:#5d7d8c}.favorite-list-option input[type=radio]{height:18px;width:18px}.favorite-icon{font-size:1.3rem}.favorite-label{flex:1 1;font-size:.95rem;font-weight:600}.favorite-count{color:#5d7d8c;font-size:.9rem;font-weight:700}.quiz-page{background:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,Hiragino Sans,sans-serif;min-height:100vh;overflow-y:auto}.quiz-header{align-items:center;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 30px}.header-left h1{color:#333;font-size:20px;font-weight:700}.header-right{align-items:center;display:flex;gap:30px}.info-item{align-items:flex-end;display:flex;flex-direction:column}.info-item .label{color:#999;font-size:12px;margin-bottom:2px}.info-item .value{color:#333;font-size:14px;font-weight:700}.quiz-main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1600px;padding:30px;width:100%}.question-area{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#333;font-size:16px;font-weight:500;letter-spacing:.5px;line-height:1.8;margin-bottom:30px;padding:10px 30px}.question-area>div{margin-bottom:0}.question-image{background:#0000;border-radius:0;display:flex;justify-content:flex-start;margin:0;padding:0}.question-image img{border:none;border-radius:0;height:100%;max-height:1200px;max-width:100%;width:auto}.choices-area{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:30px}.choice-option{align-items:flex-start;background:#fafafa;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;margin-bottom:12px;padding:15px;position:relative;transition:all .2s ease}.choice-option.selected,.choice-option:hover:not(.answered){background:#f0f8f0;border-color:#4caf50}.choice-option.answered{cursor:default}.choice-option.correct-answer{background:#e8f5e9;border-color:#4caf50}.correct-mark{align-self:center;flex-shrink:0;font-size:18px;margin-left:10px}.btn-show-answer{background:linear-gradient(135deg,#ffa726,#fb8c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-show-answer:hover{box-shadow:0 4px 12px #fb8c0066;transform:translateY(-2px)}.choice-input{accent-color:#4caf50;align-self:center;cursor:pointer;flex-shrink:0;height:20px;margin-right:15px;margin-top:3px;width:20px}.choice-input:disabled{cursor:default}.choice-label{align-items:flex-start;cursor:pointer;display:flex;flex:1 1}.choice-text{font-size:15px;font-weight:400;line-height:1.6;white-space:pre-wrap;word-break:break-word}.quiz-footer{background:#fff;border-top:1px solid #ddd;box-shadow:0 -2px 4px #0000000d;display:flex;flex-shrink:0;justify-content:flex-end;padding:20px 30px}.button-group{gap:15px;justify-content:flex-end}.btn-answer,.btn-end-quiz{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;min-width:150px;padding:12px 30px;transition:all .2s ease}.btn-answer{background:#4caf50;color:#fff}.btn-answer:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}.btn-end-quiz{background:#999;color:#fff}.btn-end-quiz:hover{background:#777;box-shadow:0 4px 12px #7777774d}.loading{align-items:center;color:#666;display:flex;height:100vh;justify-content:center}.dd-container{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:20px;width:100%}.dd-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-top:20px}.dd-sources,.dd-targets{display:flex;flex-direction:column;gap:12px}.dd-sources h4,.dd-targets h4{display:none}.dd-source-item{background:linear-gradient(135deg,#2196f3,#1976d2);border:2px solid #1565c0;border-radius:6px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:grab;font-size:14px;font-weight:500;padding:15px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.dd-source-item:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 16px #2196f366;transform:translateY(-3px)}.dd-source-item:active{box-shadow:0 8px 20px #2196f380;cursor:grabbing;transform:scale(1.02)}.dd-source-item.selected{background:linear-gradient(135deg,#b0b0b0,grey);border-color:#707070;box-shadow:0 2px 8px #7070704d;cursor:grab;opacity:1}.dd-source-item.selected:hover{background:linear-gradient(135deg,#a0a0a0,#707070);box-shadow:0 6px 16px #70707066;cursor:grab}.dd-source-item.selected:active{box-shadow:0 8px 20px #70707080;cursor:grabbing;transform:scale(1.02)}.dd-target-item{align-items:center;background:#fff;border:2px solid #bdbdbd;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:70px;padding:15px;position:relative;transition:all .2s ease}.dd-target-item:hover{background:#f5f5f5;border-color:#ff9800;box-shadow:0 2px 12px #ff980033}.dd-target-item.drag-over{background:#fff3e0;border:2px solid #ff9800;box-shadow:0 4px 16px #ff98004d}.dd-target-label{color:#666;font-size:13px;line-height:1.6;text-align:center;white-space:pre-wrap;word-break:break-word}.dd-mapped-item{background:linear-gradient(135deg,#909090,#707070);border:none;border-radius:4px;box-shadow:0 2px 6px #7070704d;color:#fff;cursor:grab;font-size:14px;font-weight:600;margin-top:10px;padding:10px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dd-mapped-item:hover{box-shadow:0 4px 10px #70707066;transform:translateY(-2px)}.dd-mapped-item:active{cursor:grabbing;transform:scale(.98)}@media (max-width:768px){.quiz-header{align-items:flex-start;flex-direction:column;gap:15px}.header-right{gap:15px;justify-content:space-between;width:100%}.quiz-main{padding:8px}.choices-area,.question-area{padding:12px}.choice-option{padding:12px 10px}.choice-input{margin-right:10px}.choice-text{font-size:14px}.question-image{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.question-image img{height:auto;max-height:500px;max-width:none;width:auto}.quiz-footer{padding:15px}.button-group{flex-direction:column;width:100%}.btn-answer,.btn-end-quiz{min-width:0;min-width:auto;width:100%}.dd-layout{gap:20px;grid-template-columns:1fr}.dd-source-item,.dd-target-item{font-size:13px;padding:12px}}.group-titles-container{background-color:#f0f0f0;border-radius:5px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px}.group-title-badge{background-color:#007bff;border-radius:20px;display:inline-block;font-size:14px;font-weight:700;padding:5px 15px}.dd-layout-c-type{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:20px;width:100%}.dd-targets-grouped{display:flex;flex-direction:column;gap:25px}.group-section{display:flex;flex-direction:column;gap:12px}.group-title-badge-right{align-self:flex-end;background-color:#06f;border-radius:20px;box-shadow:0 2px 4px #0066ff4d;color:#fff;font-size:14px;font-weight:700;padding:8px 16px}.dd-target-group{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;min-height:100px;padding:15px}.dd-target-group .dd-target-item{min-height:70px;padding:12px}.dd-target-group .dd-mapped-item{background:linear-gradient(90deg,#b0c4de,#c4dbf8);border-radius:4px;box-shadow:0 2px 4px #06f3;color:#353c4d;cursor:grab;font-size:14px;font-weight:500;margin-top:0;padding:10px 12px}.dd-target-group .dd-mapped-item:hover{background:linear-gradient(90deg,#d9ebff,#e6f5ff);box-shadow:0 4px 8px #0066ff4d}@media (max-width:1024px){.dd-layout-c-type{gap:20px;grid-template-columns:1fr}.group-title-badge-right{align-self:center}}@media (max-width:768px){.dd-layout-c-type{gap:20px;grid-template-columns:1fr}.group-section{gap:10px}.dd-target-group{padding:12px}.group-title-badge-right{align-self:center;font-size:12px;padding:6px 12px}.dd-mapped-item,.dd-target-item{font-size:13px}}.group-title-badge-center{align-self:center;background-color:#06f;border-radius:20px;box-shadow:0 2px 4px #0066ff4d;color:#fff;font-size:14px;font-weight:700;margin-bottom:8px;padding:8px 60px}.dd-mapped-item,.dd-source-item{touch-action:none}.dragging-source{opacity:.4}.dragging-overlay{box-shadow:0 8px 20px #2196f380;cursor:grabbing}.favorite-button-wrapper{display:inline-block;position:relative}.favorite-trigger-btn{align-items:center;background:#fff;border:1.5px solid #83a2b2;border-radius:20px;color:#3f6b82;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:background .15s,transform .1s}.favorite-trigger-btn:hover{background:#eef4f7;transform:translateY(-1px)}.favorite-trigger-btn.favorite-active-1{background:#eafaf1;border-color:#4caf82;color:#2e7d54}.favorite-trigger-btn.favorite-active-2{background:#eaf3fb;border-color:#5b9bd5;color:#2f5f8a}.favorite-trigger-icon{font-size:1rem}.favorite-menu-panel{animation:favMenuFadeIn .12s ease-out;background:#fff;border:1px solid #d5dbe3;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 6px 18px #00000026;display:flex;flex-direction:column;gap:4px;min-width:200px;padding:6px;position:absolute;right:0;z-index:150}@keyframes favMenuFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.favorite-menu-item{background:none;border:none;border-radius:6px;cursor:pointer;display:block;font-size:.85rem;padding:8px 10px;text-align:left;white-space:nowrap;width:100%}.favorite-menu-item:hover{background:#f0f3f6}.favorite-menu-item.current{color:#c0392b;font-weight:700}@media (max-width:640px){.favorite-trigger-btn{font-size:.8rem;justify-content:center;padding:10px 12px;width:100%}.favorite-trigger-text{display:inline}.favorite-menu-panel{left:0;min-width:0;right:0;width:100%}}.toast-container{align-items:center;animation:toast-slide-in .25s ease-out;border-radius:10px;border-width:6px;box-shadow:0 6px 24px #0000004d;display:flex;font-size:16px;font-weight:600;gap:14px;max-width:480px;min-width:320px;padding:20px 26px;position:fixed;right:30px;top:100px;z-index:2000}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.toast-error{background:#ffe0e0;border-left:4px solid #c0392b;color:#c0392b}.toast-success{background:#e0ffe4;border-left:4px solid #1e7e34;color:#1e7e34}.toast-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#664d03}.toast-message{flex:1 1;font-size:16px;line-height:1.6}.toast-close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:26px;line-height:1;opacity:.7;padding:0}.toast-close-btn:hover{opacity:1}@media (max-width:480px){.toast-container{left:16px;max-width:none;min-width:0;padding:16px 20px;right:16px;top:20px}}.result-page{min-height:100vh;padding:40px 20px}.result-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:700px;padding:40px}.result-container h1{color:#333;font-size:32px;font-weight:600;margin-bottom:40px;text-align:center}.result-summary{margin-bottom:40px}.score-box{background:linear-gradient(135deg,#83a2b2,#6b8fa0);border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;margin-bottom:30px;padding:40px 30px;text-align:center}.result-score-value{color:#fff;font-size:72px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-shadow:0 2px 8px #0003}.result-score-label{color:#fff;font-size:18px;font-weight:500;opacity:.95}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-item{border:1px solid #667eea33;border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 6px 20px #667eea26;transform:translateY(-4px)}.result-stat-value{color:#83a2b2;font-size:28px;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:14px;font-weight:500}.result-message{line-height:1.6;margin-bottom:30px}.message,.result-message{border-radius:12px;font-size:16px;padding:20px}.message{font-weight:500}.message.success{background:linear-gradient(135deg,#c8e6c9,#81c784);border:1px solid #66bb6a;color:#1b5e20}.message.orange{background:linear-gradient(135deg,#ffe0b2,#ffa726);border:1px solid #ff9800;color:#e65100}.message.warning{background:linear-gradient(135deg,#fff9c4,#fbc02d);border:1px solid #fdd835;color:#f57f17}.message.danger{background:linear-gradient(135deg,#ffcdd2,#ef5350);border:1px solid #e53935;color:#b71c1c}.button-group{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:600px){.button-group{flex-direction:column;gap:12px}.button-group button{width:100%}}.btn-home,.btn-retry{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:160px;padding:14px 28px;transition:all .3s ease}.btn-home{background:linear-gradient(135deg,#83a2b2,#6b8fa0);box-shadow:0 4px 15px #667eea4d;color:#fff}.btn-home:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.btn-retry{background:linear-gradient(135deg,#52c41a,#52b11a);box-shadow:0 4px 15px #52c41a4d;color:#fff}.btn-retry:hover{box-shadow:0 8px 25px #52c41a66;transform:translateY(-3px)}.loading{color:#999}.error,.loading{font-size:18px;padding:40px 20px;text-align:center}.error{color:#d32f2f}.settings-container{margin:0 auto;max-width:1200px;padding:30px 20px}.settings-header{margin-bottom:40px;text-align:center}.settings-header h1{color:#2c3e50;font-size:2.5rem;margin:0 0 10px}.settings-header p{color:#7f8c8d;font-size:1rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:30px}.settings-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:10px;margin:0 0 10px}.section-description{color:#95a5a6;margin:0 0 25px}.unlock-form{border-radius:12px;margin-bottom:30px;padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;font-size:.95rem;margin-bottom:8px}.unlock-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.unlock-input:focus{border-color:#83a2b2;box-shadow:0 0 0 3px #667eea1a;outline:none}.message{border-radius:8px;font-weight:600;margin-bottom:15px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn-unlock-main{background:linear-gradient(135deg,#83a2b2,#6b8fa0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-unlock-main:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-unlock-main:disabled{cursor:not-allowed;opacity:.5}.features-list{margin-top:30px}.features-list h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.features-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{border:2px solid #e0e0e0;border-radius:10px;padding:20px}.feature-card:hover{border-color:#83a2b2;box-shadow:0 8px 20px #667eea33;transform:translateY(-3px)}.feature-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.feature-header h4{color:#2c3e50;font-size:1.1rem;margin:0}.status{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px;white-space:nowrap}.feature-card p{color:#7f8c8d;font-size:.9rem;margin:0 0 10px}.feature-code{border-top:1px solid #0000001a;margin-top:10px;padding-top:10px}.feature-code code{background:#0000000d;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}.danger-section{background:#fff5f5;border:2px solid #feb2b2}.danger-section h2{color:#c53030}.btn-clear-statistics{background:linear-gradient(135deg,#fc5c65,#eb3b5a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-clear-statistics:hover{box-shadow:0 8px 20px #fc5c6566;transform:translateY(-2px)}@media (max-width:768px){.settings-container{padding:20px 15px}.settings-header h1{font-size:2rem}.settings-section{padding:20px}.features-grid{grid-template-columns:1fr}}.feature-card{transition:all .3s ease}.status.unlocked{background:#d4edda;color:#155724}.status.locked{background:#f8d7da;color:#721c24}.feature-card:has(.status.unlocked){background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-color:#52c41a!important}.feature-card:has(.status.unlocked) h4{color:#2d5016}.feature-card:has(.status.unlocked) p{color:#3d6f1f}.btn-change-password{background:linear-gradient(135deg,#5d7d8c,#445f6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-change-password:hover:not(:disabled){box-shadow:0 8px 20px #5d7d8c66;transform:translateY(-2px)}.btn-change-password:disabled{cursor:not-allowed;opacity:.5}.password-policy-warning{color:#e07896;font-weight:600}.force-password-container{align-items:center;background:#f4f7f9;display:flex;justify-content:center;min-height:100vh;padding:20px}.force-password-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001f;max-width:480px;padding:32px;width:100%}.force-password-card h1{color:#333;font-size:1.3rem;margin:0 0 12px;text-align:center}.force-password-description{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:24px;text-align:center}.force-password-error{background:#fdecec;border-radius:8px;color:#c0392b;font-size:.85rem;margin-bottom:16px;padding:10px 14px}.force-password-form .form-group{margin-bottom:16px}.force-password-form label{color:#444;display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.force-password-form input{border:1.5px solid #d5dbe3;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;width:100%}.force-password-policy-note{color:#e07896;font-size:.78rem;font-weight:600;margin:0 0 20px}.force-password-submit-btn{background:linear-gradient(135deg,#5d7d8c,#445f6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.force-password-submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #5d7d8c66;transform:translateY(-2px)}.force-password-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.force-password-card{padding:24px 20px}.force-password-card h1{font-size:1.1rem;white-space:nowrap}.force-password-description{font-size:.85rem}}.navbar{background:linear-gradient(135deg,#83a2b2,#c5d9e8);box-shadow:0 2px 8px #0000001a;color:#fff;padding:15px 0;position:sticky;top:0;z-index:50}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1800px;padding:0 20px}.navbar-brand h2{font-size:24px;margin:0}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:28px;line-height:1;padding:0}.navbar-menu{align-items:center;display:flex;gap:15px}.navbar-menu button{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.navbar-menu button:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e);box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.navbar-menu button:active{box-shadow:0 2px 8px #0003;transform:translateY(0)}.admin-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .3s ease}.admin-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e);box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.admin-btn:active{box-shadow:0 2px 8px #0003;transform:translateY(0)}.logout-btn{background:linear-gradient(135deg,#c85050,#b84040)}.logout-btn:hover{background:linear-gradient(135deg,#b84040,#a83030)}.admin-menu-backdrop{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-menu-dropdown{animation:slideDown .3s ease-out;background:#fff;box-shadow:0 10px 40px #0003;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;top:0;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.admin-menu-header{align-items:center;background:linear-gradient(135deg,#b3ccd9,#d9e8f0);border-bottom:2px solid #f0f0f0;color:#4a5f70;display:flex;justify-content:space-between;padding:20px}.admin-menu-header h3{font-size:20px;font-weight:700;margin:0}.admin-menu-close{background:none;border:none;color:#fff;cursor:pointer;font-size:28px;padding:0;transition:transform .2s ease}.admin-menu-close:hover{transform:rotate(90deg)}.admin-menu-list{display:flex;flex-direction:column;gap:12px;padding:20px}.admin-menu-item{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;text-align:left;transition:all .3s ease}.admin-menu-item:hover{background:linear-gradient(135deg,#83a2b2,#c5d9e8);border-color:#83a2b2;box-shadow:0 4px 12px #83a2b24d;color:#fff;transform:translateX(4px)}.admin-menu-item:active{transform:translateX(2px)}@media (max-width:768px){.navbar-toggle{display:block}.navbar-menu{background:linear-gradient(135deg,#83a2b2,#c5d9e8);box-shadow:0 4px 12px #0003;display:none;flex-direction:column;gap:10px;left:0;padding:15px 20px;position:absolute;right:0;top:100%;z-index:100}.navbar-menu.open{display:flex}.navbar-menu button{width:100%}}.csv-modal{animation:fadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;left:50%;max-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:200}.csv-modal-header{align-items:center;background:linear-gradient(135deg,#b3ccd9,#d9e8f0);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#4a5f70;display:flex;justify-content:space-between;padding:20px}.csv-modal-header h3{font-size:18px;font-weight:700;margin:0}.csv-modal-body{display:flex;flex-direction:column;gap:12px;padding:24px}.csv-modal-body label{color:#444;font-size:14px;font-weight:600}.csv-modal-body input{border:1px solid #ccc;border-radius:6px;font-size:15px;padding:10px 14px}.csv-error-text{color:#c0392b;font-size:13px;margin:0}.csv-download-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px 20px;transition:all .2s}.csv-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.csv-download-btn:disabled{cursor:not-allowed;opacity:.6}body{background:#f5f5f5}#root,body,html{height:100%}a{color:inherit;text-decoration:none}.notfound-container{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:50px 20px;text-align:center}.notfound-code{color:#5a7a8e;font-size:72px;font-weight:700;margin:0 0 20px}.notfound-title{color:#333;font-size:24px;margin:0 0 10px}.notfound-message{color:#666;font-size:16px;margin:0 0 30px}.notfound-home-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .2s}.notfound-home-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}@media (max-width:768px){.notfound-code{font-size:56px}.notfound-title{font-size:20px}.notfound-message{font-size:14px}}.history-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px;width:100%}.history-header{margin-bottom:30px}.history-header h1{color:#2c3e50;font-size:2rem;margin:0 0 8px}.history-header p{color:#7f8c8d;margin:0}.history-empty,.history-error,.history-loading{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.history-error{background:#ffe6e6;color:#c0392b}.history-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow-x:auto;width:100%}.history-table{border-collapse:collapse;min-width:900px;width:100%}.history-table thead{background:#f5f7fa}.history-table th{border-bottom:2px solid #e0e0e0;color:#7f8c8d;font-size:.85rem;font-weight:700;text-align:left}.history-table td,.history-table th{padding:14px 16px;white-space:nowrap}.history-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem}.history-row{cursor:pointer;transition:background .2s ease}.history-row:hover{background:#f5f7fa}.mode-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:4px 12px}.mode-jituryoku{background:linear-gradient(135deg,#83a2b2,#6b8fa0)}.mode-80-5{background:linear-gradient(135deg,#f093fb,#f5576c)}.mode-final_test_1{background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.mode-final_test_2{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.mode-mogi_test{background:linear-gradient(135deg,#6fa88a,#5a9a8a)}.mode-himitsu_kichi{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#333}.score-badge{border-radius:6px;font-weight:700;padding:4px 10px}.score-good{background:#eafaf1;color:#27ae60}.score-mid{background:#fef5e7;color:#f39c12}.score-low{background:#fdedec;color:#e74c3c}.history-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:25px}.history-pagination button{background:linear-gradient(135deg,#83a2b2,#6b8fa0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.history-pagination button:hover:not(:disabled){box-shadow:0 6px 15px #667eea4d;transform:translateY(-2px)}.history-pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#666;font-weight:600}@media (max-width:768px){.history-container{padding:20px 15px}.history-table td,.history-table th{font-size:.85rem;padding:10px 12px}}.history-filters{align-items:center;display:flex;gap:10px;margin-bottom:20px}.history-filters label{color:#555;font-weight:600}.history-filters select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 14px}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:#83a2b2}.score-value{color:#6b8fa0;font-size:.95rem;font-weight:700}.filter-group{align-items:center;display:flex;gap:8px}.filter-group input[type=date]{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.9rem;padding:7px 10px}.date-separator{color:#999}@media (max-width:768px){.history-filters{align-items:flex-start;flex-direction:column;gap:12px}}.mode-favorites-1{background:linear-gradient(135deg,#6fcf97,#4caf82)}.mode-favorites-2{background:linear-gradient(135deg,#6fa8dc,#4a7fb5)}.mode-favorites-both{background:linear-gradient(135deg,#6fcf97,#4a7fb5)}.mode-favorites{background:linear-gradient(135deg,#83a2b2,#6b8fa0)}.detail-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:30px 20px}.detail-summary{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;margin-bottom:25px;padding:25px 30px}.detail-summary h1{color:#2c3e50;font-size:1.6rem;margin:0 0 20px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-label{color:#95a5a6;font-size:.8rem;font-weight:600}.summary-value{color:#2c3e50;font-size:1.3rem;font-weight:700}.detail-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow-x:auto}.detail-table{border-collapse:collapse;width:100%}.detail-table thead{background:#f5f7fa}.detail-table th{border-bottom:2px solid #e0e0e0;color:#7f8c8d;font-size:.85rem;font-weight:700;padding:14px 16px;text-align:left}.detail-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem;padding:14px 16px}.detail-row.answered{cursor:pointer;transition:background .2s ease}.detail-row.answered:hover{background:#f5f7fa}.detail-row.unanswered{cursor:not-allowed;opacity:.5}.detail-arrow{color:#bbb;font-size:1.3rem;text-align:center}.result-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 12px}.result-correct{background:#eafaf1;color:#27ae60}.result-incorrect{background:#fdedec;color:#e74c3c}.result-none{background:#f0f0f0;color:#999}.detail-error,.detail-loading{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.detail-error{background:#ffe6e6;color:#c0392b}@media (max-width:768px){.detail-container{padding:20px 15px}.summary-grid{grid-template-columns:repeat(2,1fr)}.detail-table td,.detail-table th{font-size:.85rem;padding:10px 12px}}.answer-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px;width:100%}.back-btn{border:none;font-size:.95rem;margin-bottom:20px;padding:8px 0}.back-btn:hover{text-decoration:underline}.answer-result-banner{margin-bottom:20px;text-align:center}.result-badge-large{border-radius:30px;display:inline-block;font-size:1.2rem;font-weight:800;padding:10px 30px}.result-badge-large.result-correct{background:#eafaf1;color:#27ae60}.result-badge-large.result-incorrect{background:#fdedec;color:#e74c3c}.answer-image{display:flex;justify-content:flex-start;padding:20px;text-align:center}.answer-choices,.answer-image{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;margin-bottom:20px}.answer-choices{padding:25px}.choice-row{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:14px}.choice-row input{flex-shrink:0;height:18px;width:18px}.choice-text{color:#333;flex:1 1;font-size:.95rem}.choice-correct-selected{background:#eafaf1;border-color:#27ae60}.choice-correct-unselected{background:#f5fff8;border-color:#27ae60;opacity:.8}.choice-wrong-selected{background:#fdedec;border-color:#e74c3c}.choice-tag{border-radius:12px;font-size:.75rem;font-weight:700;padding:3px 10px;white-space:nowrap}.correct-tag{background:#d5f5e3;color:#27ae60}.wrong-tag{background:#fadbd8;color:#e74c3c}.dd-compare-wrapper{border:none;display:flex;flex-direction:column;margin:0;padding:0}.dd-compare-header{border:none!important;color:#333;font-size:.95rem;font-weight:700;margin-bottom:12px;padding:0 0 12px;text-align:center}.dd-compare-group,.dd-compare-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.dd-compare-group{margin:0;padding:0}.dd-compare-group,.dd-compare-group-a{background:#0000;border:none}.dd-compare-col{border:none;display:flex;flex-direction:column;gap:8px;padding:0}.dd-compare-col:last-child{border:none}.dd-a-item-block{display:flex;flex-direction:column;gap:6px}.dd-a-heading{border:none!important;color:#666;font-size:.85rem;font-weight:600;padding-bottom:4px}.dd-compare-item{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:32px;padding:10px 14px;text-align:center}.item-correct{background:#d5f5e3;border:2px solid #27ae60;color:#1e7e42}.item-wrong{background:#fdedec;border:2px solid #e74c3c;color:#c0392b}.dd-bc-table-wrapper{border:none;border-radius:12px;box-shadow:0 4px 12px #8b7bb826;display:flex;flex-direction:column;overflow:hidden}.dd-bc-table-header{grid-gap:0;background:linear-gradient(135deg,#8b7bb8,#a89fbe);border-bottom:none;color:#fff;display:grid;font-size:.95rem;font-weight:700;gap:0;grid-template-columns:1fr 1fr;padding:0;text-align:center}.dd-bc-header-left,.dd-bc-header-right{border-right:1px solid #fff3;padding:16px 12px}.dd-bc-header-right{border-right:none}.dd-bc-group-section{background:#fff;border-bottom:none}.dd-bc-group-section:last-child{border-bottom:none}.dd-bc-group-title-row{grid-gap:0;background:linear-gradient(90deg,#f0ebf8,#ede7f6);border-bottom:2px solid #e0d4f0;display:grid;gap:0;grid-template-columns:1fr 1fr}.dd-bc-group-title{border-right:1px solid #e0d4f0;color:#6b4e9e;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:center}.dd-bc-group-title.dd-bc-title-right{border-right:none}.dd-bc-table-row{grid-gap:0;background:#fff;border-bottom:1px solid #f0e8f8;display:grid;gap:0;grid-template-columns:1fr 1fr;transition:background-color .2s ease}.dd-bc-table-row:hover{background:#faf9fc}.dd-bc-table-row:last-child{border-bottom:none}.dd-bc-cell{align-items:center;background:#fff;border-right:1px solid #f0e8f8;color:#333;display:flex;flex-direction:column;font-size:.9rem;gap:8px;justify-content:center;min-height:60px;padding:14px 12px;text-align:center}.dd-bc-cell:last-child{border-right:none}.dd-bc-item-card{align-items:center;background:linear-gradient(135deg,#fafbff,#f5f3fa);border:2px solid #d9c5f0;border-radius:8px;box-shadow:0 2px 6px #8b7bb81a;color:#333;display:inline-flex;font-size:.88rem;font-weight:500;gap:8px;max-width:95%;padding:10px 14px;transition:all .2s ease}.dd-bc-item-card:hover{box-shadow:0 4px 8px #8b7bb826;transform:translateY(-1px)}.dd-bc-mark{font-size:1.2rem;font-weight:700;margin-left:4px}.dd-bc-empty{color:#bbb;font-size:.85rem;font-style:italic}@media (max-width:600px){.dd-bc-group-title-row,.dd-bc-table-header,.dd-bc-table-row,.dd-compare-group,.dd-compare-header{gap:10px;grid-template-columns:1fr}.dd-compare-col{border:none!important}.dd-bc-cell,.dd-bc-group-title,.dd-bc-header-left,.dd-bc-header-right{border-right:none!important}}.answer-explanation{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;padding:25px}.answer-explanation h3{color:#2c3e50;font-size:1.1rem;margin:0 0 12px}.answer-explanation p{color:#555;line-height:1.7;margin:0;white-space:pre-wrap}.answer-error,.answer-loading{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.answer-image{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto;padding:12px}.answer-image img{height:auto;max-height:500px;max-width:none;width:auto}}.answer-result-banner{align-items:center;display:flex;gap:20px;justify-content:space-between}.answer-nav-btn-wrapper{display:flex;flex:0 0 auto;min-width:140px}.answer-nav-btn-wrapper:first-child{justify-content:flex-start}.answer-nav-btn-wrapper:last-child{justify-content:flex-end}.answer-nav-btn{background:linear-gradient(135deg,#5d7d8c,#83a2b2);border:none;border-radius:24px;box-shadow:0 3px 10px #5d7d8c66;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.answer-nav-btn:hover{box-shadow:0 5px 14px #5d7d8c80;transform:translateY(-2px)}.answer-nav-btn:active{transform:translateY(0)}@media (max-width:600px){.answer-result-banner{flex-wrap:wrap;justify-content:center}.answer-nav-btn-wrapper{flex:1 1 100%;justify-content:center!important;min-width:0;order:3}.answer-nav-btn{width:100%}}.team-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px;width:100%}.team-header{margin-bottom:30px}.team-header h1{color:#2c3e50;font-size:2rem;margin:0 0 8px}.team-header p{color:#7f8c8d;margin:0}.team-empty,.team-error,.team-loading{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.team-error{background:#ffe6e6;color:#c0392b}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.team-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000014;cursor:pointer;padding:22px;position:relative;transition:all .3s ease}.team-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-4px)}.team-card-name{color:#2c3e50;font-size:1.2rem;margin:0 0 14px}.team-card-info{border-bottom:1px solid #f0f0f0;color:#555;display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.team-card-info:last-of-type{border-bottom:none}.team-info-jituryoku{background:linear-gradient(135deg,#83a2b2,#6b8fa0)}.team-info-80-5,.team-info-jituryoku{border-radius:6px;color:#fff;display:inline-block;font-weight:700;padding:3px 10px;width:fit-content}.team-info-80-5{background:linear-gradient(135deg,#f093fb,#f5576c)}.team-card-arrow{color:#bbb;font-size:1.3rem;position:absolute;right:22px;top:22px}@media (max-width:768px){.team-container{padding:20px 15px}.team-grid{grid-template-columns:1fr}}.admin-users-container{margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.admin-users-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.admin-users-header h1{color:#333;font-size:24px;margin:0}.create-btn-wrapper{display:flex;justify-content:flex-end;margin-top:20px}.fab-create-button{background:linear-gradient(135deg,#ffb98a,#ff9f66);border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#5a3a1a;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.fab-create-button:hover{background:linear-gradient(135deg,#ff9f66,#ff8c4a);box-shadow:0 6px 16px #00000040;transform:translateY(-2px)}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#83a2b2,#c5d9e8);color:#fff}.users-table th{font-weight:600;padding:14px 16px;text-align:left}.users-table td,.users-table th{font-size:14px;white-space:nowrap}.users-table td{border-bottom:1px solid #eee;padding:12px 16px}.users-table tbody tr:hover{background:#f8fafb}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.role-admin{background:#ffe0e0;color:#c0392b}.role-viewer{background:#e0f0ff;color:#2980b9}.role-general{background:#e8f5e9;color:#27ae60}.status-active{color:#27ae60;font-weight:600}.status-inactive{color:#999;font-weight:600}.action-cell{gap:8px}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.edit-btn{background:#e0f0ff;color:#2980b9}.edit-btn:hover{background:#2980b9;color:#fff}.delete-btn{background:#ffe0e0;color:#c0392b}.delete-btn:hover{background:#c0392b;color:#fff}.status-locked{color:#c0392b;font-weight:600}.unlock-btn{background:#fff3e0;border:none;border-radius:6px;color:#e67e22;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.unlock-btn:hover{background:#e67e22;color:#fff}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:200}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:720px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#83a2b2,#c5d9e8);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:18px;margin:0}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1}.modal-form{padding:24px}.form-error{background:#ffe0e0;border-radius:6px;color:#c0392b;font-size:14px;padding:10px 14px}.form-error,.form-group{margin-bottom:16px}.form-group label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.required{color:#c0392b}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#83a2b2;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input{width:auto}.modal-actions{margin-top:24px}.admin-users-cancel-btn{background:#f0f0f0;border:none;border-radius:6px;box-sizing:border-box;color:#666;cursor:pointer;font-size:15px;font-weight:600;line-height:1.4;padding:10px 20px}.admin-users-cancel-btn:hover{background:#e0e0e0}.admin-users-submit-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:600;line-height:1.4;padding:10px 24px}.admin-users-submit-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}@media (max-width:768px){.admin-users-header{align-items:stretch;flex-direction:column}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 10px}}.password-section{background:#f9fbfc;border:1px solid #e0e6ea;border-radius:8px;margin-bottom:16px;padding:16px}.password-section-title{color:#444;font-size:15px;margin:0 0 8px}.password-section-hint{color:#888;font-size:13px;margin:0 0 12px}.password-policy-note{color:#e07896;font-size:12px;font-weight:600;margin:8px 0 0}.viewable-members-section{background:#f9fbfc;border:1px solid #e0e6ea;border-radius:8px;margin-bottom:16px;padding:16px}.viewable-members-title{color:#444;font-size:15px;margin:0 0 4px}.viewable-members-hint{color:#888;font-size:13px;margin:0 0 12px}.member-search-box{margin-bottom:12px;position:relative}.member-search-box input{border:1.5px solid #d5dbe3;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;width:100%}.member-search-loading{color:#888;display:inline-block;font-size:12px;margin-top:4px}.member-search-results{background:#fff;border:1px solid #d5dbe3;border-radius:8px;box-shadow:0 6px 18px #0000001f;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.member-search-result-item{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:8px 12px;text-align:left;width:100%}.member-search-result-item:hover{background:#eef4f7}.member-result-name{color:#333;font-size:.88rem;font-weight:600}.member-result-email{color:#888;font-size:.78rem}.selected-members-list{display:flex;flex-wrap:wrap;gap:8px}.no-members-message{color:#aaa;font-size:.85rem;margin:0}.member-tag{align-items:center;background:#eef4f7;border:1px solid #83a2b2;border-radius:20px;color:#3f6b82;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 10px}.member-tag-email{color:#888;font-size:.75rem;font-weight:400}.member-tag-remove{background:none;border:none;color:#c0392b;cursor:pointer;font-size:1rem;line-height:1;padding:0 0 0 4px}.accordion-section{background:#f9fbfc;border:1px solid #e0e6ea;border-radius:8px;margin-bottom:16px;overflow:hidden}.accordion-header{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.accordion-header:hover{background:#eef4f7}.accordion-icon{color:#5d7d8c;flex-shrink:0;font-size:11px;width:14px}.accordion-title{align-items:center;display:flex;flex:1 1;gap:8px}.accordion-count-badge{align-items:center;background:#5d7d8c;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.accordion-body{animation:accordionFadeIn .15s ease-out;border-top:1px solid #e0e6ea;padding:4px 16px 16px}@keyframes accordionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.accordion-body .form-group{margin-bottom:12px}.accordion-body .form-group:last-child{margin-bottom:0}.admin-questions-container{margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.admin-questions-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:20px;min-height:40px;position:relative}.admin-questions-header h1{color:#333;font-size:24px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.filter-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.filter-bar select{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px 12px}.keyword-search{display:flex;flex:1 1;gap:6px;min-width:200px}.keyword-search input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.keyword-search button{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.keyword-search button:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.total-count{color:#666;font-size:14px;font-weight:600;white-space:nowrap}.admin-error{margin-bottom:16px}.table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;overflow-x:auto}.questions-table{border-collapse:collapse;width:100%}.questions-table thead{background:linear-gradient(135deg,#83a2b2,#c5d9e8);color:#fff}.questions-table th{font-size:13px;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.questions-table td{border-bottom:1px solid #eee;font-size:13px;padding:10px 14px}.questions-table tbody tr:hover{background:#f8fafb}.filename-cell{color:#666;font-family:monospace}.type-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.type-single{background:#e8f5e9;color:#27ae60}.type-multiple{background:#fff3e0;color:#e67e22}.type-dd{background:#e0f0ff;color:#2980b9}.publish-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;white-space:nowrap}.publish-yes{background:#e8f5e9;color:#27ae60}.publish-no{background:#f5f5f5;color:#888}.view-btn{background:#e0f0ff;border:none;border-radius:6px;color:#2980b9;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.view-btn:hover{background:#2980b9;color:#fff}.action-cell{display:flex;gap:6px;white-space:nowrap}.delete-btn-small{background:#ffe0e0;border:none;border-radius:6px;color:#c0392b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.delete-btn-small:hover{background:#c0392b;color:#fff}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination button{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px}.pagination button:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#555;font-weight:600}@media (max-width:768px){.admin-questions-header{flex-direction:column;justify-content:center;position:static}.admin-questions-header h1{order:-1;position:static;transform:none}.filter-bar{align-items:stretch;flex-direction:column}.questions-table{font-size:12px}}.admin-detail-container{margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.admin-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-detail-header h1{color:#333;font-size:22px;margin:0}.back-btn{background:none;border:2px solid #83a2b2;border-radius:6px;color:#83a2b2;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#83a2b2;color:#fff}.loading-text{color:#888;padding:40px;text-align:center}.admin-error{background:#ffe0e0;border-radius:6px;color:#c0392b;margin-top:16px;padding:12px 16px}.detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.detail-meta{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:16px}.meta-item{color:#555;font-size:14px}.detail-image{margin-bottom:24px;text-align:center}.detail-image img{border:1px solid #ddd;border-radius:8px;max-height:500px;max-width:100%}.choices-section,.dd-grouping-section,.dd-sequence-section,.explanation-section{margin-bottom:24px}.choices-section h3,.dd-grouping-section h3,.dd-sequence-section h3,.explanation-section h3{border-bottom:2px solid #83a2b2;color:#333;font-size:16px;margin-bottom:12px;padding-bottom:8px}.choices-table{border-collapse:collapse;width:100%}.choices-table th{background:#f5f7fa;color:#555;font-size:13px;font-weight:600;padding:10px 14px;text-align:left}.choices-table td{border-bottom:1px solid #eee;font-size:14px;padding:10px 14px}.correct-row{background:#e8f5e9}.dummy-row{background:#fafafa;color:#999}.group-titles-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.group-title-badge{background:linear-gradient(135deg,#83a2b2,#c5d9e8);border-radius:16px;color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.explanation-text{background:#f9fafb;border-radius:8px;color:#333;font-family:inherit;font-size:14px;line-height:1.7;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap}@media (max-width:768px){.detail-meta{flex-direction:column;gap:8px}}.edit-toggle-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px}.edit-toggle-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.admin-success{background:#e8f5e9;border-radius:6px;color:#27ae60;font-weight:600;margin-bottom:16px;padding:12px 16px}.image-upload-section{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.image-upload-section h3{color:#333;font-size:15px;margin-bottom:10px}.image-preview-area{margin-top:14px}.image-preview{border:2px solid #83a2b2;border-radius:8px;display:block;margin-bottom:10px;max-height:300px;max-width:100%}.image-preview-actions{display:flex;gap:10px}.upload-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px}.upload-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.upload-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn-small{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:8px 18px}.cancel-btn-small:hover{background:#e0e0e0}.choices-edit-section{margin-bottom:24px}.choices-edit-section h3{border-bottom:2px solid #83a2b2;color:#333;font-size:16px;margin-bottom:8px;padding-bottom:8px}.edit-hint{color:#888;font-size:13px;margin-bottom:14px}.choice-edit-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.correct-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.choice-text-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.choice-text-input:focus{border-color:#83a2b2;outline:none}.remove-choice-btn{background:#ffe0e0;border:none;border-radius:6px;color:#c0392b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;white-space:nowrap}.remove-choice-btn:hover{background:#c0392b;color:#fff}.add-choice-btn{background:#e8f5e9;border:2px dashed #27ae60;border-radius:6px;color:#27ae60;cursor:pointer;font-weight:600;margin-top:6px;padding:10px 20px}.add-choice-btn:hover{background:#27ae60;color:#fff}.explanation-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.7;padding:14px;resize:vertical;width:100%}.explanation-textarea:focus{border-color:#83a2b2;outline:none}.no-explanation{color:#999;font-style:italic}.edit-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.edit-actions .cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:10px 24px}.edit-actions .cancel-btn:hover{background:#e0e0e0}.edit-actions .save-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 28px}.edit-actions .save-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.edit-actions button:disabled{background:#ccc;cursor:not-allowed}.edit-warning{background:#ffe0e0;border-left:4px solid #c0392b;border-radius:6px;color:#c0392b;font-size:13px;font-weight:700;margin-bottom:10px;padding:10px 14px}.header-actions{display:flex;gap:10px}.delete-toggle-btn{background:#ffe0e0;border:2px solid #c0392b;border-radius:6px;color:#c0392b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .2s}.delete-toggle-btn:hover{background:#c0392b;color:#fff}.delete-toggle-btn:disabled{background:#ccc;border-color:#ccc;color:#888;cursor:not-allowed}.dd-edit-section{margin-bottom:24px}.dd-edit-section h3{border-bottom:2px solid #83a2b2;color:#333;font-size:16px;margin-bottom:8px;padding-bottom:8px}.dd-choice-edit-row,.dd-target-edit-row,.group-title-edit-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.dd-position-label{color:#555;font-size:13px;font-weight:600;min-width:90px;white-space:nowrap}.dd-group-select,.dd-order-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;min-width:180px;padding:8px 10px}.dd-group-select:focus,.dd-order-select:focus{border-color:#83a2b2;outline:none}.dummy-label{background:#f0f0f0;border-radius:12px;color:#999;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.group-title-edit-list{margin-bottom:16px}.dd-count-ok{background:#e8f5e9;color:#27ae60;font-weight:600}.dd-count-error,.dd-count-ok{border-radius:6px;font-size:13px;margin-bottom:14px;padding:8px 14px}.dd-count-error{background:#ffe0e0;color:#c0392b;font-weight:700}.choice-order-badge{background:#83a2b2;border-radius:10px;color:#fff;display:inline-block;font-size:11px;margin-left:8px;padding:2px 8px}.dd-preview-list{display:flex;flex-direction:column;gap:10px}.dd-preview-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 40px 1fr}.dd-preview-source,.dd-preview-target{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:12px 16px}.dd-preview-target{background:linear-gradient(135deg,#f0f4f7,#e0e8ed);border:2px solid #c5d9e8;color:#333}.dd-preview-source{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;font-weight:500;justify-content:space-between}.dd-preview-index{align-items:center;background:#83a2b2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.dd-preview-arrow{color:#83a2b2;font-size:20px;font-weight:700;text-align:center}@media (max-width:768px){.dd-preview-row{gap:6px;grid-template-columns:1fr}.dd-preview-arrow{display:none}}.dd-two-column-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.5fr}.dd-column-choices h4,.dd-column-pairs h4{border-bottom:1px solid #e0e0e0;color:#555;font-size:14px;margin-bottom:12px;padding-bottom:6px}.dd-choice-list-item{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:8px;padding:10px 14px}.dd-choice-list-item.dummy{background:#e0e0e0;color:#888}.dd-choice-order-num{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.dummy-tag{background:#ffffff4d;border-radius:10px;font-size:11px;margin-left:auto;padding:2px 8px}.dd-pair-card{background:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px 16px}.dd-pair-target{align-items:center;color:#555;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.dd-pair-answer{color:#1976d2;font-size:14px;font-weight:600;padding-left:30px}@media (max-width:768px){.dd-two-column-layout{grid-template-columns:1fr}}.dd-choice-edit-item{background:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;padding:12px 14px}.dd-choice-edit-top{align-items:center;display:flex;gap:10px;margin-bottom:8px}.dd-pair-edit-card{background:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:14px 16px}.dd-pair-edit-label{align-items:center;color:#83a2b2;display:flex;font-size:12px;font-weight:700;gap:8px;margin-bottom:6px}.dd-pair-card .dd-pair-answer+.dd-pair-answer{margin-top:6px}.dd-group-title-box{align-items:center;background:#eef1f5;border:1px solid #d5dbe3;border-radius:6px;color:#555;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px;padding:8px 12px}.dd-group-answers-box{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px 14px}.dd-group-answers-box .dd-pair-answer{padding-left:0}.dd-group-answers-box .dd-pair-answer+.dd-pair-answer{margin-top:6px}.dd-pair-answer-empty{color:#aaa;font-size:13px;font-style:italic}.create-basic-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.create-field{display:flex;flex-direction:column}.create-field label{font-size:14px;font-weight:700;margin-bottom:6px}.create-field select{border:1px solid #ccc;border-radius:4px;padding:8px}.create-field-full{margin-bottom:20px}.create-field-full label{display:block;font-weight:700;margin-bottom:6px}.required-mark{color:#e53e3e;margin-left:4px}.group-block{background:#fafafa;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:12px}.dummy-section{border:1px dashed #999;border-radius:6px;margin-top:20px;padding:16px}.dummy-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.dummy-position-label{font-size:13px;white-space:nowrap}.dummy-position-input{border:1px solid #ccc;border-radius:4px;padding:6px;width:60px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-box{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:480px;padding:24px 28px;width:90%}.modal-box h3{color:#d97706;margin-top:0}.modal-box p{line-height:1.6;margin:16px 0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-actions .cancel-btn{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-weight:600;padding:10px 24px}.modal-actions .cancel-btn:hover{background:#e0e0e0}.modal-actions .save-btn{background:#7fd99b;border:none;border-radius:6px;color:#1e4a2e;cursor:pointer;font-weight:600;padding:10px 28px}.modal-actions .save-btn:hover{background:#6bc988}.modal-actions button:disabled{background:#ccc;color:#888;cursor:not-allowed}@media (max-width:768px){.create-basic-grid{grid-template-columns:1fr}.dummy-row{align-items:flex-start;flex-direction:column}.modal-box{padding:20px}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions button{width:100%}}.chapter-block{background:#fff9;border-radius:10px;margin-bottom:32px;padding:20px}.chapter-title{border-left:4px solid #5a7a8e;color:#333;font-size:18px;margin:0 0 12px;padding-left:12px}.all-achieved-text{color:#e67e22;font-size:20px;font-weight:700;margin:0;padding:20px;text-align:center}.chapter-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.chapter-table thead{background:linear-gradient(135deg,#6b8fa0,#5a7a8e)}.chapter-table th{color:#fff;font-size:14px;font-weight:600;padding:10px 14px;text-align:left}.chapter-table td{border-bottom:1px solid #eee;color:#444;font-size:14px;padding:10px 14px}.chapter-table tbody tr:hover{background:#f8f9fa}.chapter-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.admin-summary-header{text-align:center}.search-bar{flex-wrap:wrap}.chapter-table{font-size:12px}}.admin-summary-container{margin:0 auto;max-width:1200px;padding:30px 20px;width:100%}.admin-summary-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:24px}.admin-summary-header h1{color:#333;font-size:24px;margin:0}.search-bar{align-items:center;background:#ffffff80;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.search-bar label{color:#444;font-weight:600}.search-bar input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 12px;width:140px}.search-btn{background:linear-gradient(135deg,#6b8fa0,#5a7a8e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.search-btn:hover{background:linear-gradient(135deg,#5a7a8e,#4a6a7e)}.error-text{font-weight:600}.loading-text,.no-data-text{color:#888;padding:40px;text-align:center}.target-month-label{color:#666;font-size:14px;font-weight:600;margin-bottom:20px}.report-block{background:#fff9;border-radius:10px;margin-bottom:32px;padding:20px}.report-title{border-left:4px solid #5a7a8e;color:#333;font-size:18px;margin:0 0 16px;padding-left:12px}.report-title span{color:#e67e22;font-weight:700}.summary-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.summary-table thead{background:linear-gradient(135deg,#6b8fa0,#5a7a8e)}.summary-table th{color:#fff;font-size:14px;font-weight:600;padding:10px 14px;text-align:left}.summary-table td{border-bottom:1px solid #eee;color:#444;font-size:14px;padding:10px 14px}.summary-table tbody tr:hover{background:#f8f9fa}.summary-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.admin-summary-header{text-align:center}.search-bar{flex-wrap:wrap}.summary-table{font-size:12px}}.admin-maintenance-container{margin:0 auto;max-width:800px;padding:30px 20px;width:100%}.admin-maintenance-header{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.admin-maintenance-header h1{color:#333;font-size:24px;margin:0}.error-text{background:#ffe0e0;color:#c0392b}.error-text,.success-text{border-radius:6px;margin-bottom:16px;padding:10px 14px}.success-text{background:#e0ffe4;color:#1e7e34}.current-status-box{background:#ffffff80;border-radius:8px;margin-bottom:24px;padding:16px 20px}.current-status-box h2{color:#444;font-size:18px;margin-top:0}.current-status-box ul{list-style:none;margin:0;padding:0}.current-status-box li{color:#333;padding:4px 0}.maintenance-form{background:#ffffff80;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:20px}.maintenance-form h2{color:#444;font-size:18px;margin-top:0}.maintenance-form label{color:#444;font-weight:600;margin-top:8px}.maintenance-form input,.maintenance-form textarea{border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:14px;padding:8px 12px}.button-row{display:flex;gap:12px;margin-top:16px}.btn-set{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-set:hover{background:#1b5e20}.btn-clear{background:#c0392b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-clear:hover{background:#922b21}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{background:linear-gradient(180deg,#fff,#e8f0f5 20%,#83a2b2 70%,#5a7a8e);background-attachment:fixed;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}button{cursor:pointer;transition:all .3s ease}button:hover{opacity:.9}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit}
/*# sourceMappingURL=main.149c4c3a.css.map*/