*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f3;font-family:Arial,sans-serif;font-size:13px}.app{max-width:1440px;margin:0 auto;padding:14px}.top-bar{background:#fff;border:1px solid #e0dfd8;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:11px 18px;display:flex}.top-bar .logo{color:#185fa5;font-size:15px;font-weight:600}.top-bar .user{color:#666;align-items:center;gap:6px;font-size:12px;display:flex}.nav-tabs{gap:4px;margin-bottom:12px;display:flex}.nav-tab{cursor:pointer;color:#666;background:#fff;border:1px solid #e0dfd8;border-radius:8px;padding:7px 16px;font-family:Arial,sans-serif;font-size:12px}.nav-tab.active{color:#fff;background:#185fa5;border-color:#185fa5}.card{background:#fff;border:1px solid #e0dfd8;border-radius:10px;padding:18px}.section-title{color:#1a1a1a;margin-bottom:12px;font-size:13px;font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}label{color:#666;margin-bottom:4px;font-size:12px;display:block}input,select{color:#1a1a1a;background:#fff;border:1px solid #e0dfd8;border-radius:7px;width:100%;padding:7px 9px;font-family:Arial,sans-serif;font-size:12px}input:focus,select:focus{border-color:#378add;outline:none}.btn{cursor:pointer;color:#1a1a1a;background:#fff;border:1px solid #ccc;border-radius:7px;padding:8px 18px;font-family:Arial,sans-serif;font-size:12px}.btn:hover{background:#f5f5f3}.btn-primary{color:#fff;background:#185fa5;border-color:#185fa5}.btn-primary:hover{background:#0c447c}.btn-sm{padding:5px 11px;font-size:11px}.stat-card{background:#f5f5f3;border-radius:8px;flex:1;padding:11px 14px}.stat-val{margin-bottom:2px;font-size:22px;font-weight:600}.stat-lbl{color:#666;font-size:11px}.months-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.month-col{background:#fafaf8;border:1px solid #e0dfd8;border-radius:8px;min-height:120px;padding:10px;transition:background .15s,border-color .15s}.month-col.drag-over{background:#ebf4fc;border-color:#378add}.month-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.month-periods{color:#666;background:#e8e7e0;border-radius:20px;padding:2px 8px;font-size:10px}.lesson-chip{cursor:grab;border-left:3px solid #0000;border-radius:7px;margin-bottom:6px;padding:8px 9px;font-size:12px}.lesson-chip:active{cursor:grabbing;opacity:.85}.lesson-chip.pending{background:#efede6;border-left-color:#9e9c95}.lesson-chip.started{background:#fdf0d5;border-left-color:#ef9f27}.lesson-chip.completed{background:#ebf5db;border-left-color:#5a9a18}.chip-meta{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.chip-no{color:#888;font-size:10px}.chip-status-pill{border-radius:20px;padding:1px 8px;font-size:10px;font-weight:600}.pill-pending{color:#3a3a38;background:#d3d1c7}.pill-started{color:#5c3500;background:#fac775}.pill-done{color:#1e4a00;background:#9fcc6b}.chip-name{color:#1a1a1a;margin-bottom:6px;font-size:12px;font-weight:600;line-height:1.3}.chip-actions{align-items:center;gap:5px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.icon-btn.start{color:#7a4200;border-color:#fac775}.icon-btn.start:hover{background:#fdf0d5}.icon-btn.done{color:#2b5e00;border-color:#7dc44a}.icon-btn.done:hover{background:#ebf5db}.lesson-chip .icon-btn.undo{color:#d32f2f;background:#ffebee}.lesson-chip .icon-btn.undo:hover{background:#ffcdd2}.blocked-month{opacity:.5;background-color:#fafafa}.icon-btn.copy{color:#888;border-color:#ddd}.icon-btn.copy:hover{background:#f5f5f3}.subject-card{background:#fff;border:1px solid #e0dfd8;border-radius:8px;padding:11px 13px}.subject-card.selected{background:#ebf4fc;border-color:#378add}.sname{margin-bottom:6px;font-size:13px;font-weight:600}.progress-bar{background:#e0dfd8;border-radius:5px;flex:1;height:5px;margin-top:5px;overflow:hidden}.progress-fill{border-radius:5px;height:100%}.teacher-row{border-bottom:1px solid #f0efea;align-items:flex-start;gap:12px;padding:11px 0;display:flex}.teacher-row:last-child{border:none}.avatar{color:#185fa5;background:#d5e8f8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.badge{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:#2b5e00;background:#ebf5db}.badge-amber{color:#7a4200;background:#fdf0d5}.badge-gray{color:#555;background:#efede6}.wip-banner{color:#7a4200;background:#fdf0d5;border:1px solid #fac775;border-radius:8px;align-items:flex-start;gap:10px;padding:11px 15px;font-size:12px;line-height:1.5;display:flex}.hidden{display:none}.mt12{margin-top:12px}.legend{color:#666;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;font-size:11px;display:flex}.legend-dot{vertical-align:middle;border-radius:3px;width:11px;height:11px;margin-right:4px;display:inline-block}.empty-slot{color:#bbb;text-align:center;padding:10px 0;font-size:11px}.note-box{color:#185fa5;background:#f0f7ff;border:1px solid #b5d4f4;border-radius:7px;margin-bottom:14px;padding:10px 13px;font-size:11px;line-height:1.6}@media (width<=768px){.top-bar{flex-direction:column;align-items:flex-start;gap:12px}.top-bar .user{justify-content:space-between;width:100%}.nav-tabs{white-space:nowrap;padding-bottom:4px;overflow-x:auto}.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.months-grid{grid-template-columns:1fr}.card{padding:12px}.stat-card-container{flex-wrap:wrap}}@media (width<=480px){.grid4{grid-template-columns:1fr}.stat-card{min-width:calc(50% - 5px)}}