.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:100;background:linear-gradient(#1a1a2e 0%,#16213e 100%);flex-direction:column;width:240px;height:100vh;transition:width .2s;display:flex;position:fixed;overflow:hidden}.sidebar.collapsed{width:70px}.logo{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px;display:flex}.logo-icon{font-size:32px}.logo-text{opacity:1;font-size:16px;font-weight:700;transition:opacity .15s}.sidebar.collapsed .logo-text{display:none}.menu{flex:1;padding:15px 0;overflow-y:auto}.sidebar.collapsed .menu{padding:10px 0}.sidebar.collapsed .menu-item{justify-content:center;margin:4px 8px;padding:12px}.sidebar.collapsed .menu-item .menu-icon{font-size:22px}.sidebar.collapsed .menu-text,.sidebar.collapsed .menu-group{display:none}.sidebar:not(.collapsed) .menu-text{opacity:0;animation:.15s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.menu-group{color:#fff6;text-transform:uppercase;letter-spacing:1px;padding:15px 20px 8px;font-size:11px}.menu-item{color:#ffffffb3;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover,.menu-item.active{color:#fff;background:#ff6b6b1a;border-left-color:#ff6b6b}.menu-icon{font-size:18px}.menu-text{font-size:14px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.collapse-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:100%;padding:10px}.collapse-btn:hover{background:#fff3}.main-content{flex:1;margin-left:240px;transition:margin-left .2s}.sidebar.collapsed~.main-content{margin-left:70px}@media (width<=768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{width:100%;margin-left:0!important}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}}@media (width>=769px){.sidebar-overlay{display:none}}.top-bar{z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.breadcrumb{color:#333;font-size:18px;font-weight:500}.user-info{align-items:center;gap:10px;display:flex}.user-avatar{font-size:28px}.user-name{color:#666;font-size:14px}.user-role{color:#999;font-size:12px}.user-role.role-admin{color:#ff6b6b;font-weight:700}.user-role.role-teacher{color:#409eff}.btn-logout{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;margin-left:10px;padding:6px 12px;font-size:12px}.btn-logout:hover{color:#fff;background:#ff4757}.mobile-menu-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;width:40px;height:40px;margin-right:10px;font-size:20px;display:none}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}.content-area{min-height:calc(100vh - 60px);padding:25px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.dashboard[data-v-1c4caba6]{padding:20px}.header[data-v-1c4caba6]{align-items:center;margin-bottom:30px;display:flex}.header h1[data-v-1c4caba6]{color:#333;margin-right:15px;font-size:28px}.header p[data-v-1c4caba6]{color:#999;margin-right:auto}.btn-refresh[data-v-1c4caba6]{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px}.loading-state[data-v-1c4caba6]{text-align:center;padding:100px}.spinner[data-v-1c4caba6]{border:4px solid #f3f3f3;border-top-color:#ff6b6b;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin-1c4caba6}@keyframes spin-1c4caba6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid[data-v-1c4caba6]{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card[data-v-1c4caba6]{background:#fff;border-radius:16px;align-items:center;padding:20px;display:flex;box-shadow:0 4px 20px #00000014}.stat-icon[data-v-1c4caba6]{margin-right:15px;font-size:40px}.stat-value[data-v-1c4caba6]{color:#333;font-size:28px;font-weight:700;display:block}.stat-label[data-v-1c4caba6]{color:#999;font-size:13px}.activity-card[data-v-1c4caba6]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014}.activity-card h3[data-v-1c4caba6]{color:#333;margin-bottom:20px;font-size:16px}.activity-list[data-v-1c4caba6]{flex-direction:column;gap:12px;display:flex}.activity-item[data-v-1c4caba6]{background:#f8f9fa;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;display:flex}.activity-operator[data-v-1c4caba6]{color:#1890ff;min-width:60px;font-weight:500}.activity-text[data-v-1c4caba6]{color:#333;flex:1}.activity-time[data-v-1c4caba6]{color:#999;font-size:12px}.empty-state[data-v-1c4caba6]{text-align:center;color:#999;padding:40px}.skeleton-container[data-v-1c4caba6]{animation:1.5s ease-in-out infinite skeleton-pulse-1c4caba6}.skeleton-section[data-v-1c4caba6]{margin-bottom:30px}.skeleton-stats-grid[data-v-1c4caba6]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skeleton-stat-card[data-v-1c4caba6]{background:#fff;border-radius:16px;align-items:center;padding:20px;display:flex;box-shadow:0 4px 20px #00000014}.skeleton-icon[data-v-1c4caba6]{background:#f0f0f0;border-radius:12px;width:50px;height:50px;margin-right:15px}.skeleton-content[data-v-1c4caba6]{flex:1}.skeleton-line[data-v-1c4caba6]{background:#f0f0f0;border-radius:8px;height:16px;margin-bottom:8px}.skeleton-line.large[data-v-1c4caba6]{width:60%;height:28px}.skeleton-line.small[data-v-1c4caba6]{width:40%;height:14px}.skeleton-title[data-v-1c4caba6]{background:#f0f0f0;border-radius:8px;width:150px;height:24px;margin-bottom:20px}.skeleton-ai-cards[data-v-1c4caba6]{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.skeleton-ai-card[data-v-1c4caba6]{background:#fff;border-radius:12px;height:120px;box-shadow:0 4px 20px #00000014}.skeleton-activity-list[data-v-1c4caba6]{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014}.skeleton-activity-item[data-v-1c4caba6]{background:#f8f9fa;border-radius:10px;height:50px;margin-bottom:12px}.skeleton-activity-item[data-v-1c4caba6]:last-child{margin-bottom:0}@keyframes skeleton-pulse-1c4caba6{0%,to{opacity:1}50%{opacity:.6}}.ai-quick-entry[data-v-1c4caba6]{background:#fff;border-radius:16px;margin-bottom:30px;padding:20px;box-shadow:0 4px 20px #00000014}.ai-header[data-v-1c4caba6]{align-items:center;margin-bottom:20px;display:flex}.ai-icon[data-v-1c4caba6]{margin-right:10px;font-size:24px}.ai-title[data-v-1c4caba6]{color:#333;font-size:18px;font-weight:700}.ai-cards[data-v-1c4caba6]{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.ai-card[data-v-1c4caba6]{cursor:pointer;background:linear-gradient(135deg,#f0f3ff 0%,#e8ecff 100%);border-radius:12px;flex-direction:column;align-items:center;padding:20px 15px;transition:all .3s;display:flex}.ai-card[data-v-1c4caba6]:hover{box-shadow:0 8rpx 20rpx #667eea33;transform:translateY(-3px)}.ai-card-icon[data-v-1c4caba6]{margin-bottom:8px;font-size:32px}.ai-card-text[data-v-1c4caba6]{color:#333;margin-bottom:4px;font-size:14px;font-weight:700}.ai-card-desc[data-v-1c4caba6]{color:#999;text-align:center;font-size:11px}@media (width<=768px){.dashboard[data-v-1c4caba6]{padding:12px}.header[data-v-1c4caba6]{flex-wrap:wrap;gap:10px;margin-bottom:20px}.header h1[data-v-1c4caba6]{font-size:22px}.header p[data-v-1c4caba6]{width:100%}.stats-grid[data-v-1c4caba6]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-1c4caba6]{padding:16px}.stat-icon[data-v-1c4caba6]{font-size:30px}.stat-value[data-v-1c4caba6]{font-size:22px}.ai-cards[data-v-1c4caba6]{grid-template-columns:repeat(2,1fr);gap:10px}.ai-card[data-v-1c4caba6]{padding:15px 10px}.ai-card-icon[data-v-1c4caba6]{font-size:26px}}@media (width<=480px){.stats-grid[data-v-1c4caba6],.ai-cards[data-v-1c4caba6]{grid-template-columns:1fr}.activity-card[data-v-1c4caba6]{padding:15px}.activity-item[data-v-1c4caba6]{flex-wrap:wrap}.activity-text[data-v-1c4caba6]{order:2;width:100%}.activity-time[data-v-1c4caba6]{order:3}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:#ff6b6b;text-decoration:none}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:10px;padding:10px 20px;font-size:14px;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.btn-secondary{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:10px 20px;font-size:14px}.btn-outline{color:#ff6b6b;cursor:pointer;background:#fff;border:1px solid #ff6b6b;border-radius:10px;padding:10px 20px;font-size:14px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:15px 20px}.data-table th{color:#666;background:#f5f5f5;font-size:14px;font-weight:600}.data-table tbody tr:nth-child(2n){background:#fafafa}.data-table tbody tr:hover{background:#fff5f5}.form-group{margin-bottom:15px}.form-group label{color:#666;margin-bottom:5px;font-size:14px;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 15px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b6b;outline:none}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;padding:30px;overflow-y:auto}.empty-state{text-align:center;color:#999;padding:60px 20px}.empty-state .icon{margin-bottom:20px;font-size:60px}.loading-spinner{justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner:after{content:"";border:3px solid #f0f0f0;border-top-color:#ff6b6b;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-success{color:#4caf50;background:#e8f5e9}.badge-warning{color:#ff9800;background:#fff3e0}.badge-danger{color:#f44336;background:#ffebee}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px 0;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;transition:all .3s}.pagination button:hover,.pagination button.active{color:#fff;background:#ff6b6b;border-color:#ff6b6b}:root{--bp-mobile:480px;--bp-tablet:768px;--bp-desktop:1024px;--sidebar-width:240px;--sidebar-collapsed:70px}.table-container,.table-box,.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{min-width:600px}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-row .form-group{flex:100%;min-width:0}.page-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-header h1{font-size:24px}.search-bar,.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-item{align-items:center;gap:8px;display:flex}.search-input,.filter-select{width:auto;min-width:140px}.modal-content{width:95%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.modal-content.large{max-width:95%}.report-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.content-area{padding:16px}.page-header h1{font-size:20px}.card,.form-card,.section-card,.report-card{padding:16px}.btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}.data-table th,.data-table td{padding:10px 12px;font-size:13px}}@media (width<=768px){.content-area{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header h1{font-size:18px}.card,.form-card,.section-card,.report-card{border-radius:12px;padding:14px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.data-table th,.data-table td{white-space:nowrap;padding:8px 10px;font-size:12px}.stat-card{padding:14px}.stat-num{font-size:24px}.report-stats{grid-template-columns:repeat(2,1fr);gap:12px}.search-bar,.filter-bar{flex-direction:column;align-items:stretch;gap:10px}.search-bar>*,.filter-bar>*{width:100%}.filter-item{flex-direction:row;justify-content:space-between}.search-input,.filter-select{flex:1;min-width:0}.pagination,.pagination-bar{flex-wrap:wrap;justify-content:center;gap:8px}.action-btns,.header-actions{flex-wrap:wrap;gap:8px}.action-btns button,.btn-action{padding:4px 8px;font-size:11px}}@media (width<=480px){.content-area{padding:10px}.report-stats{grid-template-columns:1fr}.page-header .btn-primary{width:100%}.modal-content{border-radius:12px;padding:16px}.stat-card{padding:12px}.stat-num{font-size:20px}}@media (width<=768px){.filter-item.search input,input[type=text].search-input,.search-input{min-width:120px!important}.week-input,input.week-input{min-width:100px!important}.skeleton-filter-bar{flex-direction:column}.skeleton-filter-bar .skeleton-select{width:100%}.skeleton-stats-grid,.skeleton-ai-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.skeleton-stats-grid,.skeleton-ai-cards{grid-template-columns:1fr}}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}