.csv-import-container{margin:0 auto;max-width:800px;padding:2rem}.csv-import-header{margin-bottom:2rem;text-align:center}.csv-import-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.csv-import-description{color:#7f8c8d;font-size:1rem}.import-type-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.type-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;max-width:200px;padding:1rem;transition:all .3s ease}.type-button:hover{background:#f8f9fa;border-color:#3498db}.type-button.active{background:#3498db;border-color:#3498db;color:#fff}.class-selector{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.class-selector label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.class-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.dropzone{background:#f7fafc;border:3px dashed #cbd5e0;border-radius:12px;cursor:pointer;margin-bottom:1.5rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.dropzone:hover{background:#edf2f7;border-color:#3498db}.dropzone.active{background:#e6f2ff;border-color:#3498db;transform:scale(1.02)}.dropzone.has-file{background:#e8f8f0;border-color:#2ecc71}.dropzone-content{pointer-events:none}.dropzone-icon{font-size:4rem;margin-bottom:1rem}.dropzone-text{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dropzone-subtext{color:#7f8c8d;margin-bottom:1rem}.dropzone-formats{background:#fff;border-radius:20px;color:#95a5a6;display:inline-block;font-size:.875rem;padding:.5rem 1rem}.file-info{align-items:center;background:#fff;border-radius:8px;display:flex;gap:1rem;padding:1rem;pointer-events:none}.file-icon{font-size:2.5rem}.file-details{flex:1 1;text-align:left}.file-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.file-size{color:#7f8c8d;font-size:.875rem}.file-remove{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;pointer-events:all;transition:background .3s ease;width:32px}.file-remove:hover{background:#c0392b}.csv-format-hint{background:#fff5e6;border:1px solid #ffe0b3;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.csv-format-hint h4{color:#e67e22;margin-bottom:.75rem;margin-top:0}.format-example code{background:#fff;border-radius:4px;display:block;font-family:Courier New,monospace;font-size:.875rem;margin-bottom:.5rem;overflow-x:auto;padding:.75rem}.format-note{color:#95a5a6;font-size:.875rem;margin:0}.alert{align-items:flex-start;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-message{flex:1 1}.alert-error{background:#fee;border:1px solid #fcc;color:#c33}.alert-success{background:#efe;border:1px solid #cfc;color:#363}.result-details{width:100%}.result-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}.stat-item{background:#fff;border-left:4px solid #3498db;border-radius:6px;padding:.75rem}.stat-item.success{border-left-color:#2ecc71}.stat-item.warning{border-left-color:#f39c12}.stat-item.error{border-left-color:#e74c3c}.stat-item.info{border-left-color:#9b59b6}.stat-label{color:#7f8c8d;display:block;font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#2c3e50;display:block;font-size:1.5rem}.new-users-info{background:#e8f4fd;border-radius:6px;margin-top:1rem;padding:1rem}.new-users-info p{color:#2980b9;font-weight:600;margin:0 0 .5rem}.new-users-list{color:#34495e;font-size:.875rem;margin:0;padding-left:1.5rem}.new-users-list li{margin-bottom:.25rem}.error-details{background:#fff5f5;border-radius:6px;margin-top:1rem;padding:1rem}.error-title{color:#c0392b;font-weight:600;margin:0 0 .5rem}.error-list{color:#e74c3c;font-size:.875rem;margin:0;padding-left:1.5rem}.error-list li{margin-bottom:.25rem}.reload-notice{background:#fff;border-radius:6px;color:#7f8c8d;font-size:.875rem;margin-top:1rem;padding:.75rem;text-align:center}.upload-actions{display:flex;gap:1rem;justify-content:center}.btn-clear,.btn-upload{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-upload{background:#3498db;color:#fff;flex:1 1;max-width:300px}.btn-upload:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.btn-upload:disabled{background:#bdc3c7;cursor:not-allowed}.btn-clear{background:#95a5a6;color:#fff}.btn-clear:hover{background:#7f8c8d}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.csv-import-container{padding:1rem}.dropzone{padding:2rem 1rem}.result-stats{grid-template-columns:1fr 1fr}.upload-actions{flex-direction:column}.btn-clear,.btn-upload{max-width:100%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f4f6f9;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-main{min-width:0}.app-main,.sidebar{display:flex;flex-direction:column}.sidebar{align-self:start;background:linear-gradient(180deg,#1e3a8a,#2563eb);box-shadow:2px 0 12px #0000001f;color:#fff;height:100vh;position:-webkit-sticky;position:sticky;top:0}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1f;display:flex;gap:.75rem;padding:1.25rem 1rem}.sidebar-logo{font-size:2rem;line-height:1}.sidebar-title{color:#fff;font-size:1.1rem;font-weight:700}.sidebar-subtitle{color:#ffffffb3;font-size:.7rem;letter-spacing:.04em}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.15rem;overflow-y:auto;padding:.75rem .5rem}.sidebar-nav-item{align-items:center;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;font-size:.92rem;font-weight:500;gap:.75rem;padding:.7rem .85rem;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav-item.active{background:#ffffff2e;color:#fff;font-weight:600}.sidebar-nav-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:1.4rem}.sidebar-nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1f;color:#ffffff80;font-size:.75rem;padding:.75rem 1rem;text-align:center}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a;display:flex;gap:1rem;height:60px;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-title{color:#1e3a8a;flex:1 1;font-size:1.15rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:.85rem}.topbar-role{border-radius:20px;font-size:.75rem;font-weight:700;padding:.2rem .7rem;white-space:nowrap}.topbar-user{align-items:center;border-radius:10px;color:inherit;cursor:pointer;display:flex;gap:.5rem;padding:.3rem .6rem .3rem .4rem;text-decoration:none;transition:background .15s,box-shadow .15s}.topbar-user:hover{background:#f3f4f6;box-shadow:0 1px 3px #0000000f}.topbar-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:50%;color:#fff;display:flex;font-size:.95rem;font-weight:700;height:34px;justify-content:center;width:34px}.topbar-userinfo{line-height:1.2}.topbar-username{color:#2c3e50;font-size:.88rem;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-userid{color:#888;font-size:.72rem}.topbar-logout{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#555;cursor:pointer;font-size:.85rem;padding:.4rem .85rem;transition:background .15s,color .15s}.topbar-logout:hover{background:#ef4444;border-color:#ef4444;color:#fff}.main-content{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem 0}.page-container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.page-header{margin-bottom:1.5rem}.page-header h1{color:#1e3a8a;font-size:1.75rem;font-weight:700;margin-bottom:.35rem}.page-header p{color:#666}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000012;margin-bottom:1.25rem;padding:1.5rem}.card-header{border-bottom:2px solid #f0f0f0;margin-bottom:1rem;padding-bottom:.75rem}.card-header h2{color:#1e3a8a;font-size:1.15rem;font-weight:700}button,input,select,textarea{font-family:inherit}@media (max-width:800px){.app-shell{grid-template-columns:60px 1fr}.sidebar-header>div:not(.sidebar-logo),.sidebar-nav-label{display:none}.sidebar-nav-item{justify-content:center;padding:.7rem 0}.sidebar-footer,.topbar-userinfo{display:none}}.navbar{display:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:1.1rem 1.25rem}.stat-label{color:#6b7280;font-size:.82rem;margin-bottom:.4rem}.stat-value{font-size:1.85rem;font-weight:700;line-height:1.1}.stat-unit{color:#9ca3af;font-size:.78rem;margin-top:.2rem}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.quick-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s}.quick-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.quick-icon{align-items:center;border-radius:12px;display:flex;font-size:1.6rem;height:48px;justify-content:center;width:48px}.quick-title{color:#1e3a8a;font-size:1.05rem;font-weight:700}.quick-desc{color:#6b7280;font-size:.82rem}.btn-danger,.btn-primary,.btn-secondary{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.55rem 1.1rem;transition:background .15s,transform .05s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;text-decoration:none}.btn-link:hover{text-decoration:underline}.form-row{margin-bottom:1rem}.form-row label{color:#374151;display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem}.form-row input[type=date],.form-row input[type=email],.form-row input[type=number],.form-row input[type=password],.form-row input[type=text],.form-row input[type=time],.form-row select,.form-row textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:.95rem;outline:none;padding:.55rem .85rem;transition:border-color .15s;width:100%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#2563eb}.form-row small{display:block;font-size:.78rem;margin-top:.25rem}.tab-bar{background:#f3f4f6;border-radius:10px;display:flex;gap:.4rem;margin-bottom:1rem;overflow-x:auto;padding:.3rem}.tab-btn{background:#0000;border:none;border-radius:7px;color:#6b7280;cursor:pointer;font-size:.88rem;font-weight:600;padding:.5rem 1rem;transition:all .15s;white-space:nowrap}.tab-btn:hover{color:#1e3a8a}.tab-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#1e3a8a}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#4b5563;font-size:.82rem;font-weight:600;padding:.65rem .85rem;text-align:left}.data-table td{border-bottom:1px solid #f0f0f0;padding:.65rem .85rem;vertical-align:middle}.data-table tr:hover{background:#f9fafb}.progress-bar{background:#f3f4f6;border-radius:999px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:999px;height:100%;transition:width .3s}.upcoming-list{display:flex;flex-direction:column;gap:.5rem}.upcoming-item{align-items:center;background:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;display:flex;gap:1rem;padding:.7rem 1rem}.upcoming-day{color:#1e3a8a;flex-shrink:0;font-weight:700;width:4.5rem}.upcoming-info{flex:1 1}.upcoming-name{color:#2c3e50;font-weight:600}.upcoming-meta{color:#6b7280;font-size:.82rem}.otp-display{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #2563eb;text-align:center}.otp-class{color:#1e3a8a;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.otp-code{color:#1e3a8a;font-family:Courier New,monospace;font-size:4rem;font-weight:800;letter-spacing:.4rem;padding:1rem 0;text-shadow:0 2px 4px #0000000d}.otp-timer{color:#4b5563;font-size:1.1rem;margin-top:.5rem}
/*# sourceMappingURL=main.d93ae510.css.map*/