.practice-page-unified{padding:16px 0 60px;background:var(--bg-main);min-height:calc(100vh - 120px)}.compact-nav-strip{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);flex-wrap:wrap;gap:10px}.nav-breadcrumb-group{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text-muted)}.nav-breadcrumb-group .crumb-root{color:#64748b;font-weight:500}.nav-breadcrumb-group .crumb-sep{color:#cbd5e1;font-size:.78rem}.nav-breadcrumb-group .crumb-level{color:#334155;font-weight:600}.nav-breadcrumb-group .crumb-active{color:var(--primary);font-weight:700}.crumb-clickable{color:var(--primary)!important;text-decoration:none;cursor:pointer;transition:opacity .15s ease}.crumb-clickable:hover{text-decoration:underline;opacity:.85}.nav-actions-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.controls-buttons{display:flex;gap:8px}.btn-toggle-all{font-size:.78rem;font-weight:600;color:var(--primary);background:#ffffff;border:1px solid #cbd5e1;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-toggle-all:hover{background:#eff6ff;border-color:var(--primary)}.btn-back-to-directory{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe;padding:5px 12px;border-radius:var(--radius-sm);text-decoration:none;transition:all .15s ease}.btn-back-to-directory:hover{background:var(--primary);color:#ffffff}.chapter-select-wrap{position:relative}.chapter-dropdown-select{background:#f8fafc;border:1px solid #cbd5e1;color:#334155;font-family:var(--font-body);font-size:.8rem;font-weight:500;padding:5px 10px;border-radius:var(--radius-sm);max-width:260px;outline:none;cursor:pointer;transition:border-color .15s ease}.chapter-dropdown-select:focus{border-color:var(--primary);background:#ffffff}.compact-search-wrap{position:relative}.compact-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.compact-search-input{width:220px;padding:5px 24px 5px 26px;border:1px solid #cbd5e1;border-radius:var(--radius-sm);font-size:.8rem;background:#f8fafc;outline:none;transition:all .15s ease;color:var(--text-main)}.compact-search-input:focus{border-color:var(--primary);background:#ffffff;width:250px;box-shadow:0 0 0 2px rgba(19,91,236,.1)}.compact-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex;align-items:center}.compact-search-clear:hover{color:#334155}.practice-directory-view{display:flex;flex-direction:column;gap:16px}.practice-directory-header{background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:22px 26px;box-shadow:0 2px 10px rgba(11,31,72,.04)}.directory-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--primary);background:#eff6ff;border:1px solid #bfdbfe;padding:4px 12px;border-radius:20px;margin-bottom:10px}.directory-header-title{font-size:1.45rem;font-weight:800;color:#0f172a;margin:0 0 8px;font-family:var(--font-heading);letter-spacing:-.01em}.directory-header-sub{font-size:.88rem;color:#475569;line-height:1.5;margin:0;max-width:820px}.grades-directory-list{display:flex;flex-direction:column;gap:12px}.grade-card-item{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.02);transition:all .2s ease}.grade-card-item:hover{border-color:#cbd5e1}.grade-card-item.open{border-color:#bfdbfe;box-shadow:0 4px 16px rgba(19,91,236,.06)}.grade-card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#ffffff;transition:background .15s ease}.grade-card-head:hover{background:#f8fafc}.grade-card-item.open .grade-card-head{background:#fafcff;border-bottom:1px solid #f1f5f9}.head-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grade-title-main{font-size:1.05rem;font-weight:700;color:#0f172a;font-family:var(--font-heading)}.grade-tag-pill{font-size:.75rem;font-weight:500;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:2px 10px;border-radius:4px}.grade-tag-pill.highlight{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;font-weight:600}.head-right{gap:10px}.circle-chevron,.head-right{display:flex;align-items:center}.circle-chevron{width:28px;height:28px;border-radius:50%;border:1px solid #cbd5e1;justify-content:center;color:#0284c7;transition:transform .25s ease,border-color .2s ease,background .2s ease}.circle-chevron.rotated{transform:rotate(180deg);border-color:var(--primary);background:#eff6ff}.grade-card-body{padding:20px 24px;background:#ffffff;animation:fadeInDown .2s ease}.grade-3col-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.grade-col-box{display:flex;flex-direction:column}.grade-col-heading{font-size:.92rem;font-weight:700;color:#0f172a;margin:0 0 14px;padding-bottom:6px;border-bottom:1px solid #f1f5f9;font-family:var(--font-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-col-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.grade-sub-entry{display:flex;align-items:flex-start;gap:8px;line-height:1.45}.bullet-dot-orange{color:#ea580c;font-size:.65rem;margin-top:5px;flex-shrink:0}.sub-link-blue{color:#0284c7;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s ease;line-height:1.45}.sub-link-blue:hover{color:#0369a1;text-decoration:underline}.syllabus-layout-grid{display:grid;grid-template-columns:1fr 310px;grid-gap:24px;gap:24px;align-items:start;background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}.syllabus-main-column{min-width:0}.syllabus-intro-banner{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:8px}.syllabus-banner-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.btn-back-hub{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--primary);background:#f8fafc;border:1px solid #cbd5e1;padding:4px 10px;border-radius:6px;text-decoration:none;transition:all .15s ease}.btn-back-hub:hover{background:#eff6ff;border-color:var(--primary)}.intro-text{font-size:.86rem;color:#64748b;margin:0;font-style:italic;line-height:1.45}.syllabus-meta-count{font-size:.82rem;color:#475569;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}.badge-count{background:#eff6ff;color:var(--primary);padding:2px 8px;border-radius:var(--radius-full);font-size:.74rem;border:1px solid #bfdbfe}.empty-syllabus-card{padding:40px 24px;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:var(--radius-md);margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon-wrap{width:56px;height:56px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}.empty-desc{font-size:.88rem;color:#64748b;max-width:540px;margin:0 0 12px;line-height:1.5}.empty-actions-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.syllabus-chapter-section{margin-bottom:26px}.syllabus-chapter-title{font-family:var(--font-heading);font-size:.98rem;font-weight:800;color:#c2410c;letter-spacing:.01em;margin:0 0 10px;line-height:1.4}.syllabus-lessons-list{display:flex;flex-direction:column}.syllabus-lesson-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px dotted #cbd5e1;transition:background .12s ease}.syllabus-lesson-row:hover{background:#f8fafc}.lesson-left{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.lesson-bullet-icon{color:#ea580c;font-size:.65rem;flex-shrink:0}.lesson-link-text{font-size:.88rem;color:#0284c7;text-decoration:none;line-height:1.4;transition:color .12s ease}.lesson-link-text:hover{color:#0369a1;text-decoration:underline}.lesson-compact-meta{font-size:.75rem;color:#94a3b8;margin-left:6px;white-space:nowrap}.lesson-right-actions{display:flex;align-items:center;gap:6px;margin-left:12px;flex-shrink:0}.btn-action-exam{background:#eff6ff;border:1px solid #bfdbfe;color:var(--primary);font-size:.76rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:all .15s ease}.btn-action-exam:hover{background:var(--primary);color:#ffffff;border-color:var(--primary)}.btn-action-assign{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:.76rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.btn-action-assign:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.syllabus-sidebar-column{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:80px}.sidebar-doc-card{background:#ffffff}.doc-card-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px solid #0284c7;margin-bottom:12px}.doc-header-icon{color:#0284c7}.doc-header-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.doc-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.doc-item-row{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;border-bottom:1px dotted #e2e8f0;cursor:pointer;transition:all .12s ease}.doc-item-row:hover{background:#eff6ff;transform:translateX(2px)}.doc-check-icon{color:#16a34a;flex-shrink:0;margin-top:3px}.doc-item-link{font-size:.82rem;color:#0284c7;line-height:1.4;text-decoration:none}.doc-item-row:hover .doc-item-link{color:#0369a1;text-decoration:underline}.doc-sample-note{font-size:.75rem;color:#94a3b8;font-style:italic;margin:10px 0 0;line-height:1.4}.sidebar-teacher-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:14px}.teacher-card-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.teacher-card-head h4{font-family:var(--font-heading);font-size:.92rem;font-weight:700;color:#15803d;margin:0}.teacher-card-desc{font-size:.78rem;color:#166534;margin:0 0 10px;line-height:1.45}.btn-create-exam-cta{display:flex;align-items:center;justify-content:center;gap:6px;background:#16a34a;color:#ffffff;padding:7px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s ease}.btn-create-exam-cta:hover{background:#15803d}.doc-toast-notice{position:fixed;bottom:24px;right:24px;z-index:1050;background:#ffffff;border:1px solid #86efac;border-left:4px solid #16a34a;color:#166534;padding:12px 18px;border-radius:var(--radius-md);display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:600;box-shadow:0 10px 25px rgba(0,0,0,.12);animation:slideToastIn .25s ease}.animate-in{animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.syllabus-layout-grid{grid-template-columns:1fr;padding:18px}.syllabus-sidebar-column{position:static}.grade-3col-grid{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width:768px){.compact-nav-strip{flex-direction:column;align-items:flex-start;gap:8px}.nav-actions-group{width:100%;flex-wrap:wrap}.compact-search-input{width:100%}.grade-3col-grid{grid-template-columns:1fr;gap:16px}.grade-card-body{padding:16px}.syllabus-lesson-row{flex-direction:column;align-items:flex-start;gap:6px}.lesson-right-actions{margin-left:0}}.inline-assign-box{margin:6px 0 12px;background:#f8fafc;border:1.5px solid #bfdbfe;border-left:4px solid var(--primary);border-radius:10px;padding:16px 18px;animation:fadeInDown .18s ease-out}.inline-assign-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;gap:10px;flex-wrap:wrap}.inline-assign-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1.1fr;grid-gap:12px;gap:12px;margin-bottom:14px}@media (max-width:900px){.inline-assign-grid{grid-template-columns:1fr}}.drawer-header{padding:18px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.drawer-header-left{display:flex;align-items:center;gap:12px}.drawer-header-icon{width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center}.drawer-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.drawer-subtitle{font-size:.8rem;color:#64748b;margin-top:2px}.drawer-close-btn{background:transparent;border:1px solid #cbd5e1;color:#64748b;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.drawer-close-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.drawer-body{padding:24px;flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.drawer-quiz-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #1d4ed8;border-radius:8px;padding:14px 16px}.drawer-quiz-badges{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.badge-book{background:#e0e7ff;color:#3730a3}.badge-book,.badge-grade{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:4px}.badge-grade{background:#dbeafe;color:#1e40af}.drawer-quiz-title{font-size:.95rem;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.35}.drawer-quiz-meta{display:flex;gap:14px;font-size:.8rem;color:#64748b}.drawer-quiz-meta span{display:flex;align-items:center;gap:4px}.drawer-field-group{display:flex;flex-direction:column;gap:8px}.drawer-label{font-size:.85rem;font-weight:600;color:#334155;display:flex;justify-content:space-between;align-items:center}.drawer-label-note{font-size:.75rem;color:#94a3b8;font-weight:400}.drawer-input,.drawer-select{width:100%;padding:10px 14px;font-size:.9rem;border:1px solid #cbd5e1;border-radius:8px;outline:none;background:#ffffff;color:#0f172a;font-family:inherit;transition:all .15s ease}.drawer-input:focus,.drawer-select:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1)}.deadline-quick-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.btn-quick-pill{font-size:.76rem;padding:4px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;cursor:pointer;transition:all .15s ease}.btn-quick-pill:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.btn-quick-pill.active{background:#1d4ed8;color:#ffffff;border-color:#1d4ed8;font-weight:600}.drawer-auth-notice{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;padding:16px;text-align:center}.drawer-auth-notice p{font-size:.88rem;color:#92400e;margin-bottom:12px}.drawer-success-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:24px;text-align:center;animation:slideToastIn .25s ease-out}.success-icon-wrap{width:52px;height:52px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.success-title{font-size:1.15rem;font-weight:700;color:#166534;margin:0 0 8px}.success-desc{font-size:.88rem;color:#15803d;margin:0 0 16px;line-height:1.4}.drawer-footer{padding:18px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;flex-direction:column;gap:10px}.btn-drawer-primary{width:100%;padding:11px 16px;background:#1d4ed8;color:#ffffff;border:none;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;font-family:inherit}.btn-drawer-primary:hover:not(:disabled){background:#1e40af;box-shadow:0 4px 12px rgba(29,78,216,.25)}.btn-drawer-primary:disabled{opacity:.6;cursor:not-allowed}.btn-drawer-secondary{width:100%;padding:9px 16px;background:#ffffff;color:#334155;border:1px solid #cbd5e1;border-radius:8px;font-size:.86rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:all .15s ease;font-family:inherit}.btn-drawer-secondary:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}