.homework-page{flex-direction:column;gap:16px;display:flex}.homework-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start;gap:16px;display:grid}.homework-main{flex-direction:column;gap:16px;min-width:0;display:flex}.homework-list{flex-direction:column;gap:8px;display:flex}.homework-list-item{border:1px solid var(--border);background:var(--surface);width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;display:flex}.homework-list-item:hover,.homework-list-item.is-active{border-color:rgba(var(--primary-rgb), .32);background:var(--primary-soft)}.homework-list-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.homework-list-item span{color:var(--secondary);font-size:12px;font-weight:500;line-height:1.35}.homework-detail-card{min-width:0}.homework-detail,.homework-student-list{flex-direction:column;gap:10px;display:flex}.homework-detail-head{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.homework-detail-head strong{font-size:15px;line-height:1.35}.homework-student-row{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:minmax(120px,1fr) auto minmax(190px,auto);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.homework-student-row strong{font-size:14px;font-weight:600;line-height:1.35}.homework-status-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.homework-status-buttons .btn{min-height:34px;padding-left:10px;padding-right:10px}@media (width<=900px){.homework-layout{grid-template-columns:1fr}.homework-student-row{grid-template-columns:minmax(0,1fr) auto}.homework-status-buttons{grid-column:1/-1;justify-content:stretch}.homework-status-buttons .btn{flex:92px;min-height:42px}}@media (width<=520px){.homework-page,.homework-layout,.homework-main,.homework-detail,.homework-student-list{gap:12px}.homework-list-item,.homework-detail-head,.homework-student-row{border-radius:12px}.homework-student-row{grid-template-columns:1fr;align-items:stretch}.homework-student-row .badge{justify-self:start}}.messages-page,.messages-layout,.messages-main,.messages-list,.messages-detail{gap:16px;display:grid}.messages-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:start}.messages-main,.messages-list{min-width:0}.messages-notice{border:1px solid var(--border);background:var(--surface-2);color:var(--secondary);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600}.messages-list-item{border:1px solid var(--border);background:var(--surface);width:100%;min-height:58px;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.messages-list-item:hover,.messages-list-item.is-active{border-color:rgba(var(--primary-rgb), .32);background:var(--primary-soft)}.messages-list-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:1.35;overflow:hidden}.messages-list-item span:not(.badge),.messages-meta{color:var(--secondary);font-size:12px;font-weight:500}.messages-detail-card{min-width:0}.messages-detail-head{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.messages-detail-head strong{font-size:15px;line-height:1.35}.messages-body{white-space:pre-wrap;border:1px solid var(--border);background:var(--surface);border-radius:14px;min-height:180px;padding:14px;line-height:1.6}.messages-meta{flex-wrap:wrap;gap:8px;display:flex}.messages-meta span,.messages-archive-toggle{align-items:center;gap:6px;display:inline-flex}.messages-meta span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:6px 9px}.messages-archive-toggle{color:var(--secondary);font-size:12px;font-weight:600}@media (width<=900px){.messages-layout{grid-template-columns:1fr}}@media (width<=560px){.messages-page,.messages-layout,.messages-main,.messages-list,.messages-detail{gap:12px}.messages-list-item{border-radius:12px;grid-template-columns:1fr auto}.messages-list-item span:not(.badge){grid-column:1/-1}.messages-detail-head,.messages-body{border-radius:12px}}:root{--color-accent:#007aff;--color-accent-hover:#0063d1;--color-accent-light:#e8f1ff;--color-danger:#ff3b30;--color-danger-light:#fff0ef;--color-success:#34c759;--color-warning:#ff9500;--color-bg:#f2f2f7;--color-surface:#fff;--color-surface-2:#f9f9fb;--color-border:#e5e5ea;--color-border-strong:#c7c7cc;--color-text-primary:#1c1c1e;--color-text-secondary:#6c6c70;--color-text-tertiary:#aeaeb2;--color-text-on-accent:#fff;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:34px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 8px 24px #0000001f, 0 4px 8px #0000000f;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:240px;--topbar-height:60px;--content-max-width:1040px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-6);z-index:10;align-items:center;gap:var(--spacing-4);background:#ffffffd9;display:flex;position:sticky;top:0}.page-content{width:100%;max-width:calc(var(--content-max-width) + var(--spacing-6) * 2);padding:var(--spacing-6);flex:1;margin:0 auto}.sidebar-header{padding:var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--color-border)}.sidebar-academy-name{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:700;line-height:1.3}.sidebar-academy-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.sidebar-nav{padding:var(--spacing-3) 0;flex:1}.sidebar-section-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--spacing-3) var(--spacing-4) var(--spacing-1);font-weight:600}.sidebar-nav-item{align-items:center;gap:var(--spacing-3);min-height:38px;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);margin:1px var(--spacing-2);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);width:calc(100% - var(--spacing-4));text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--color-bg)}.sidebar-nav-item.active{background:var(--color-accent-light);color:var(--color-accent)}.nav-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-icon svg{display:block}.sidebar-nav-item.active .nav-icon{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-ghost{color:var(--color-accent);background:0 0}.btn-ghost:hover{background:var(--color-accent-light)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.card-title{font-size:var(--font-size-md);font-weight:700}.form-group{margin-bottom:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff26}.form-textarea{resize:vertical;min-height:80px}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto}table{border-collapse:collapse;background:var(--color-surface);width:100%}thead th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);font-weight:600}tbody td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr.row-click{cursor:pointer}tbody tr:hover{background:var(--color-surface-2)}.badge{padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;font-weight:600;display:inline-flex}.badge-green{color:#1d7d3a;background:#e8f8ed}.badge-red{background:var(--color-danger-light);color:var(--color-danger)}.badge-gray{background:var(--color-bg);color:var(--color-text-secondary)}.badge-orange{color:#c05000;background:#fff3e5}.muted-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:2px}.billing-stack{gap:var(--spacing-5);flex-direction:column;display:flex}.billing-tabs{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-1);display:flex;overflow-x:auto}.billing-tabs button{align-items:center;gap:var(--spacing-2);border:1px solid var(--color-border);background:var(--color-surface);min-height:38px;color:var(--color-text-secondary);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);cursor:pointer;white-space:nowrap;display:inline-flex}.billing-tabs button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.billing-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.billing-toolbar{gap:var(--spacing-4);grid-template-columns:minmax(220px,1fr) 180px;align-items:end;display:grid}.billing-row-actions{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.billing-payment-check,.billing-summary-strip,.billing-warning{gap:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.billing-payment-check strong,.billing-summary-strip strong{color:var(--color-text-primary)}.billing-warning{color:#8a4b00;background:#fff8eb;border-color:#ffe0a3}.billing-action-list{gap:var(--spacing-3);flex-direction:column;display:flex}.billing-action-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--color-surface);display:flex}.billing-preview-box{margin-top:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--color-surface-2)}.billing-preview-box p{margin-top:var(--spacing-2);color:var(--color-text-secondary);line-height:1.6}.billing-timeline{gap:var(--spacing-3);flex-direction:column;display:flex}.billing-timeline-item{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:var(--radius-md);display:flex}.billing-mobile-list{display:none}.billing-mobile-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;display:flex}.billing-mobile-card-head,.billing-mobile-money{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.billing-mobile-money span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-sheet{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:640px;max-height:90vh;transition:transform var(--transition-slow);padding-bottom:env(safe-area-inset-bottom,20px);overflow-y:auto;transform:translateY(100%)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-handle{background:var(--color-border-strong);border-radius:var(--radius-full);width:36px;height:4px;margin:var(--spacing-3) auto var(--spacing-4)}.modal-header{padding:0 var(--spacing-5) var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:700}.modal-close{border-radius:var(--radius-full);background:var(--color-bg);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-border)}.modal-body{padding:0 var(--spacing-5) var(--spacing-6)}.toast-container{top:var(--spacing-5);right:var(--spacing-5);z-index:200;gap:var(--spacing-2);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-text-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);min-width:240px;max-width:360px;font-weight:500;animation:.3s forwards toastIn;display:flex}.toast.success{background:#1d7d3a}.toast.error{background:var(--color-danger)}.toast.warning{background:var(--color-warning)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface-2) 50%, var(--color-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.attendance-btn{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-weight:600}.attendance-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.attendance-btn.active-present{color:#1d7d3a;background:#e8f8ed;border-color:#34c759}.attendance-btn.active-late{color:#c05000;background:#fff3e5;border-color:#ff9500}.attendance-btn.active-absent{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.attendance-btn.active-early{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.attendance-btn:disabled{opacity:.5;cursor:not-allowed}.switch-row.is-locked{background:var(--color-surface-2);color:var(--color-text-secondary)}.attendance-lock-badge{min-height:32px;padding:0 var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);align-items:center;font-weight:600;display:inline-flex}.empty-state{padding:var(--spacing-10) var(--spacing-6);text-align:center;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-4);font-size:36px}.empty-state-title{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-bottom:var(--spacing-2);font-weight:600}.empty-state-desc{font-size:var(--font-size-sm);margin-bottom:var(--spacing-5)}.onboarding-wrap{background:var(--color-bg);min-height:100vh;padding:var(--spacing-6);justify-content:center;align-items:center;display:flex}.onboarding-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;padding:var(--spacing-8)}.onboarding-logo{font-size:var(--font-size-2xl);color:var(--color-accent);margin-bottom:var(--spacing-2);font-weight:800}.onboarding-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);font-weight:700}.onboarding-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.step-indicator{gap:var(--spacing-2);margin-bottom:var(--spacing-6);display:flex}.step-dot{border-radius:var(--radius-full);background:var(--color-border);height:4px;transition:background var(--transition-base);flex:1}.step-dot.active{background:var(--color-accent)}.step-dot.done{background:var(--color-success)}.template-grid{gap:var(--spacing-3);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.template-card{border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);text-align:left}.template-card:hover,.template-card.selected{border-color:var(--color-accent);background:var(--color-accent-light)}.template-icon{margin-bottom:var(--spacing-2);color:var(--color-accent);font-size:24px;font-weight:800}.template-name{font-size:var(--font-size-sm);margin-bottom:2px;font-weight:700}.template-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.45}.stat-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.stat-card-flat{padding:var(--spacing-4);background:var(--color-surface-2);border-radius:var(--radius-md);border:none}.stat-card-flat .stat-value{font-size:28px}.stat-card[data-color=green],.stat-card-flat[data-color=green]{border-left:3px solid var(--color-success)}.stat-card[data-color=orange],.stat-card-flat[data-color=orange]{border-left:3px solid var(--color-warning)}.stat-card[data-color=red],.stat-card-flat[data-color=red]{border-left:3px solid var(--color-danger)}.stat-card[data-color=blue],.stat-card-flat[data-color=blue]{border-left:3px solid var(--color-accent)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);font-weight:600}.stat-value{font-size:var(--font-size-3xl);color:var(--color-text-primary);font-weight:800;line-height:1}.stat-sub{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-1)}.page-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.page-title{font-size:var(--font-size-2xl);letter-spacing:0;font-weight:800}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.search-bar{align-items:center;gap:var(--spacing-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff1f}.search-bar input{font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.search-icon{color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.search-icon svg{display:block}.date-nav{align-items:center;gap:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-2);display:flex}.date-nav button{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.date-nav button:hover{background:var(--color-bg)}.date-nav .date-label{font-size:var(--font-size-sm);text-align:center;min-width:100px;font-weight:600}.toolbar{gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--spacing-4);display:grid}.grid-2{gap:var(--spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.class-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.class-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.class-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.class-card.is-closed{background:var(--color-bg);color:var(--color-text-secondary)}.class-status-badge{margin-left:var(--spacing-2);padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);vertical-align:middle;align-items:center;font-weight:700;display:inline-flex}.class-status-badge.closed{background:var(--color-border);color:var(--color-text-secondary)}.class-actions{gap:var(--spacing-2);flex-wrap:wrap;align-items:center;display:flex}.class-toggle-row{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.class-close-list{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.class-close-list span{padding:2px var(--spacing-2);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-sm);align-items:center;display:inline-flex}.consultation-toggle-row{margin:0 0 var(--spacing-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);justify-content:flex-end;display:flex}.consultation-toggle-row label{align-items:center;gap:var(--spacing-2);display:inline-flex}.consultation-row{justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border);display:flex}.consultation-row:last-child{border-bottom:0}.consultation-row.is-hidden{color:var(--color-text-secondary);opacity:.72}.consultation-title-row{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.consultation-followup-badge,.consultation-hidden-badge{min-height:22px;padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text-secondary);align-items:center;font-weight:700;display:inline-flex}.consultation-followup-badge.followup_required{color:#c2410c;background:#fff7ed}.consultation-followup-badge.followup_done{color:#047857;background:#ecfdf5}.consultation-followup-badge.on_hold{color:#4338ca;background:#eef2ff}.consultation-hidden-badge{color:#4b5563;background:#f3f4f6}.consultation-content,.consultation-next{margin:var(--spacing-2) 0 0;color:var(--color-text-primary);white-space:pre-wrap}.consultation-next{color:var(--color-text-secondary)}.consultation-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;min-width:280px;display:flex}@media (width<=720px){.consultation-row{flex-direction:column}.consultation-actions{justify-content:flex-start;min-width:0}}.switch-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border);display:flex}.switch-row:last-child{border-bottom:none}.parent-contact-toggle{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.parent-contact-list{gap:var(--spacing-3);display:grid}.parent-contact-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.parent-contact-row.is-inactive{background:var(--color-bg);color:var(--color-text-secondary)}.parent-contact-title{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.parent-contact-title strong{color:var(--color-text)}.parent-contact-title span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.parent-contact-badge{padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;font-weight:700;display:inline-flex}.parent-contact-badge.primary{color:#1d7d3a;background:#e8f8ed}.parent-contact-badge.muted{background:var(--color-border);color:var(--color-text-secondary)}.parent-contact-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;min-width:0;display:flex}.status-line{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.inline-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.memo-input{margin-top:var(--spacing-2)}.classroom-session{gap:var(--spacing-4);display:grid}.classroom-session-card .card-body,.classroom-student-list-card .card-body{padding:var(--spacing-4)}.classroom-session-head{justify-content:space-between;align-items:center;gap:var(--spacing-4);min-width:0;display:flex}.classroom-student-list{gap:0;display:grid}.classroom-student-row{align-items:center;gap:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(180px,1fr) minmax(640px,auto);grid-template-areas:"info actions""status status";min-width:0;padding:10px 0;display:grid}.classroom-student-row:last-child{border-bottom:none}.classroom-student-row.has-row-status{background:linear-gradient(90deg, transparent, var(--color-surface-2))}.student-info-zone{grid-area:info;min-width:0}.classroom-student-name,.classroom-student-meta,.classroom-consultation-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.classroom-consultation-preview{max-width:42ch}.classroom-row-actions{justify-content:end;align-items:center;gap:var(--spacing-3);grid-area:actions;grid-template-columns:minmax(256px,auto) minmax(250px,auto) auto;min-width:0;display:grid}.attendance-zone,.homework-zone,.consultation-zone{min-width:0}.row-status-zone{gap:var(--spacing-2);flex-wrap:wrap;grid-area:status;min-height:20px;display:flex}.classroom-status-badges,.classroom-attendance-control,.classroom-consultation-badges,.classroom-homework-segment{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.classroom-status-badges{align-items:flex-start}.classroom-attendance-control{padding-right:var(--spacing-2);border-right:1px solid var(--color-border)}.classroom-session .attendance-btn,.classroom-homework-button,.classroom-homework-select,.classroom-memo-button{min-height:36px}.classroom-session .attendance-btn{min-width:54px}.classroom-session .attendance-btn[aria-pressed=true],.classroom-homework-button.active{box-shadow:0 0 0 2px #007aff24}.classroom-attendance-control[aria-busy=true],.classroom-homework-control[aria-busy=true]{opacity:.72}.classroom-homework-control{gap:4px;min-width:0;display:grid}.classroom-control-label{line-height:1.1}.classroom-homework-button{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:0 var(--spacing-3);white-space:nowrap;font-weight:700}.classroom-homework-button.active{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.classroom-homework-button:disabled{cursor:not-allowed}.classroom-homework-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text-primary);padding:0 var(--spacing-3);display:none}.classroom-memo-button{min-width:68px}.classroom-consultation-panel{gap:var(--spacing-3);display:grid}.classroom-consultation-student{color:var(--color-text-primary);font-weight:700}.classroom-consultation-textarea{min-height:132px;max-height:min(38vh,260px);overflow-y:auto}@media (width<=1024px){.classroom-student-row{padding:var(--spacing-3) 0;grid-template-columns:1fr;grid-template-areas:"info""actions""status";align-items:stretch}.classroom-row-actions{grid-template-columns:minmax(260px,1fr) minmax(240px,1fr) auto;justify-content:stretch}.classroom-status-badges,.classroom-attendance-control{width:100%}.classroom-session .attendance-btn,.classroom-homework-button,.classroom-homework-select,.classroom-memo-button{min-height:44px}}@media (width<=767px){.classroom-session-card .card-body,.classroom-student-list-card .card-body{padding:var(--spacing-3)}.classroom-session-head{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.classroom-student-list{gap:var(--spacing-3)}.classroom-student-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-3)}.classroom-student-row:last-child{border-bottom:1px solid var(--color-border)}.classroom-row-actions{gap:var(--spacing-3);grid-template-columns:1fr}.classroom-attendance-control{border-right:none;padding-right:0}.classroom-session .attendance-btn,.classroom-homework-button{flex:96px}.classroom-memo-button{width:100%}.classroom-consultation-preview{white-space:normal}.classroom-consultation-panel{max-height:calc(100vh - 148px);padding-bottom:env(safe-area-inset-bottom,12px);overflow-y:auto}.classroom-consultation-actions{background:var(--color-surface);padding-top:var(--spacing-2);position:sticky;bottom:0}}@media (width<=480px){.classroom-homework-segment{display:none}.classroom-homework-select{display:block}.classroom-session .attendance-btn{flex-basis:calc(50% - var(--spacing-2))}}@media (width<=768px){.app-layout:not(.sidebar-open):not(.sidebar-closed){display:block;overflow:auto}.sidebar:not(.sidebar-shell){display:none}.template-grid,.grid-2{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.billing-stats-grid,.billing-toolbar{grid-template-columns:1fr}.billing-desktop-table{display:none}.billing-mobile-list{gap:var(--spacing-3);flex-direction:column;display:flex}.billing-action-row{flex-direction:column;align-items:flex-start}.billing-row-actions{width:100%}.billing-row-actions .btn{flex:auto;min-height:36px}.page-header{flex-direction:column}.topbar{padding:0 var(--spacing-4)}.page-content{padding:var(--spacing-4)}}#root{min-height:100vh}.error-text{color:var(--color-danger);font-size:var(--font-size-sm)}.notice-box{background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.warn-box{color:#8a3d00;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);background:#fff3e5}.app-fallback{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.form-actions{justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-4);display:flex}.clickable{cursor:pointer}.muted{color:var(--color-text-secondary)}.small{font-size:var(--font-size-xs)}.page-error{margin-bottom:var(--spacing-4)}@media (width<=768px){.modal-sheet{max-height:96vh}.toast-container{left:var(--spacing-4);right:var(--spacing-4);top:var(--spacing-4)}.toast{width:100%;min-width:0}}.sidebar-role-pill{height:22px;margin-top:var(--spacing-3);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--font-size-xs);align-items:center;padding:0 8px;font-weight:700;display:inline-flex}.nav-label{flex:1;min-width:0}.nav-soon{border-radius:var(--radius-full);background:var(--color-surface-2);height:18px;color:var(--color-text-tertiary);letter-spacing:-.02em;border:1px solid var(--color-border);align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-nav-item.active .nav-soon{color:var(--color-accent);background:#007aff1a;border-color:#007aff2e}.topbar-role{height:22px;margin-left:var(--spacing-3);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);vertical-align:middle;align-items:center;padding:0 8px;font-weight:700;display:inline-flex}.coming-soon-card{max-width:720px}.coming-soon-eyebrow{height:24px;margin-bottom:var(--spacing-4);border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--font-size-xs);align-items:center;padding:0 9px;font-weight:800;display:inline-flex}.coming-soon-title{font-size:var(--font-size-xl);letter-spacing:-.04em;color:var(--color-text-primary);margin-bottom:var(--spacing-3);font-weight:800;line-height:1.25}.coming-soon-desc{color:var(--color-text-secondary);margin-bottom:var(--spacing-5);line-height:1.7}.coming-soon-meta{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.coming-soon-meta span{border-radius:var(--radius-full);background:var(--color-surface-2);height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:var(--font-size-xs);align-items:center;padding:0 10px;font-weight:700;display:inline-flex}:root{--color-bg:#f5f5f7;--color-surface-2:#f7f8fa;--color-border:#3c3c4324;--color-border-strong:#3c3c4342;--shadow-sm:0 1px 2px #0000000a, 0 8px 24px #0000000a;--shadow-md:0 12px 32px #00000014, 0 2px 8px #0000000a;--shadow-lg:0 24px 60px #00000024, 0 8px 18px #00000014;--sidebar-width:252px;--topbar-height:60px;--content-max-width:1160px}body{letter-spacing:-.015em;background:radial-gradient(circle at top left, #007aff12, transparent 34vw), var(--color-bg)}.sidebar{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));border-right-color:#3c3c431f}.sidebar-header{border-bottom:1px solid #3c3c431a;padding:22px 18px 16px}.sidebar-academy-name{letter-spacing:-.035em;font-size:18px;font-weight:760}.sidebar-academy-sub{color:var(--color-text-secondary);letter-spacing:-.01em;margin-top:4px}.sidebar-role-pill{letter-spacing:-.02em;background:#007aff1a;border:1px solid #007aff24;height:24px;margin-top:12px;padding:0 10px}.sidebar-nav{padding:12px 10px 18px}.sidebar-nav>div+div .sidebar-section-label{margin-top:10px}.sidebar-section-label{color:var(--color-text-tertiary);letter-spacing:.045em;padding:12px 10px 6px}.sidebar-nav-item{width:100%;min-height:40px;color:var(--color-text-secondary);border-radius:12px;margin:2px 0;padding:9px 10px}.sidebar-nav-item:hover{color:var(--color-text-primary);background:#7676801a}.sidebar-nav-item.active{color:var(--color-accent);background:#007aff1f;box-shadow:inset 0 0 0 1px #007aff14}.nav-label{letter-spacing:-.025em;font-weight:620}.topbar{min-height:var(--topbar-height);background:#ffffffc7;border-bottom-color:#3c3c431f;height:auto;padding:9px 28px}.topbar-main{flex:1;gap:2px;min-width:0;display:grid}.topbar-context{color:var(--color-text-tertiary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:680;line-height:1.2;overflow:hidden}.topbar-title-row{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title{letter-spacing:-.04em;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:760;line-height:1.2;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.topbar-date{border-radius:var(--radius-full);background:var(--color-surface-2);height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;padding:0 10px;font-weight:720;display:inline-flex}.topbar-role{background:var(--color-surface-2);border:1px solid var(--color-border);letter-spacing:-.02em;margin-left:0}.page-content{padding:28px}.page-header{margin-bottom:22px}.page-title{letter-spacing:-.045em;font-weight:780}.page-subtitle{line-height:1.55}.card,.table-wrap,.stat-card{box-shadow:var(--shadow-sm);border-color:#3c3c4321}.card{background:var(--color-surface)}.card-header{background:var(--color-surface-2);border-bottom-color:#3c3c431c;padding:15px 20px}.card-title{letter-spacing:-.03em;font-size:16px;font-weight:740}.card-body{padding:20px}.stat-grid{gap:14px}.stat-card{background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg)));padding:20px}.stat-card-flat{border:1px solid #3c3c431a}.stat-label{letter-spacing:.03em}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:760}.stat-sub{line-height:1.4}.btn{min-height:34px;box-shadow:none;letter-spacing:-.02em}.btn-primary{box-shadow:0 6px 14px #007aff2e}.btn-secondary{background:#7676801a}.form-input,.form-select,.form-textarea,.search-bar,.date-nav,.table-wrap{box-shadow:inset 0 1px #ffffff8c}thead th{letter-spacing:.04em}tbody td{line-height:1.5}.empty-state{border-radius:var(--radius-lg);background:radial-gradient(circle at center 20%, #007aff12, transparent 35%), var(--color-surface-2);min-height:220px;padding:42px 28px}.empty-state-icon{width:44px;height:44px;color:var(--color-accent);background:#007aff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:14px;font-size:22px;display:inline-flex}.empty-state-title{color:var(--color-text-primary);letter-spacing:-.025em;font-weight:720}.empty-state-desc{max-width:360px;line-height:1.6}.skeleton{background:linear-gradient(90deg,#7676801f 25%,#ffffffc7 50%,#7676801f 75%) 0 0/220% 100%}.onboarding-wrap{background:radial-gradient(circle at 50% 12%, #007aff1a, transparent 32vw), linear-gradient(180deg, #f8f9fb 0%, var(--color-bg) 100%)}.onboarding-card{border:1px solid #3c3c431f;box-shadow:0 24px 70px #0000001f,0 2px 8px #0000000d}.onboarding-logo,.onboarding-title{letter-spacing:-.045em}.template-card{border-color:#3c3c4329;box-shadow:inset 0 1px #ffffffa6}.template-card:hover,.template-card.selected{box-shadow:0 10px 24px #007aff1a,inset 0 0 0 1px #007aff1a}.switch-row{border-bottom-color:#3c3c431a}@media (prefers-color-scheme:dark){:root{--color-accent:#0a84ff;--color-accent-hover:#409cff;--color-accent-light:#0a84ff2e;--color-danger:#ff453a;--color-danger-light:#ff453a29;--color-success:#30d158;--color-warning:#ff9f0a;--color-bg:#111214;--color-surface:#1c1c1e;--color-surface-2:#252529;--color-border:#ebebf521;--color-border-strong:#ebebf53d;--color-text-primary:#f5f5f7;--color-text-secondary:#ebebf5b3;--color-text-tertiary:#ebebf56b;--shadow-sm:0 1px 2px #00000038, 0 10px 26px #0003;--shadow-md:0 14px 34px #00000047, 0 2px 8px #00000038;--shadow-lg:0 28px 70px #0000006b, 0 8px 18px #00000047}body{background:radial-gradient(circle at top left, #0a84ff24, transparent 34vw), var(--color-bg)}.topbar{background:#1c1c1ec2}.sidebar{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg))}.card,.table-wrap,.stat-card,.template-card,.onboarding-card,.modal-sheet{border-color:var(--color-border)}.stat-card{background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 82%, var(--color-bg)))}.badge-green{color:#7ee99a;background:#30d15829}.badge-orange{color:#ffd18a;background:#ff9f0a29}.warn-box{color:#ffd18a;background:#ff9f0a26}.notice-box{background:#0a84ff29}.skeleton{background:linear-gradient(90deg,#ebebf517 25%,#ebebf529 50%,#ebebf517 75%) 0 0/220% 100%}.onboarding-wrap{background:radial-gradient(circle at 50% 12%, #0a84ff2e, transparent 32vw), var(--color-bg)}}@media (width<=768px){.topbar{min-height:58px;padding:9px 16px}.topbar-date{display:none}.topbar-title{font-size:17px}.page-content{padding:18px 16px}.onboarding-card{padding:26px 22px}}.profile-choice-wrap,.profile-chip-wrap{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.profile-choice-button,.profile-chip-button{appearance:none;background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-full);min-height:32px;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1px solid #3c3c432e;padding:6px 11px;font-weight:650;line-height:1.15}.profile-choice-button:hover,.profile-chip-button:hover{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.profile-choice-button.selected,.profile-chip-button.selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 8px 18px #007aff29}.profile-choice-button:active,.profile-chip-button:active{transform:scale(.97)}.profile-choice-button:disabled,.profile-chip-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.profile-chip-button.muted:not(.selected){color:var(--color-text-tertiary);background:var(--color-surface-2)}.profile-result-card .card-body{gap:8px;padding:14px 16px}.profile-result-card .toolbar,.onboarding-card .stack>section.stack{gap:8px}.onboarding-card .stack>section.stack>strong{font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:-.01em}@media (width<=768px){.profile-choice-button,.profile-chip-button{min-height:34px;padding:7px 12px}}.mode-switcher{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.mode-switcher-button{min-height:30px;color:var(--color-text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 11px;font-size:13px;font-weight:700}.mode-switcher-button:hover:not(:disabled){color:var(--color-text-primary);background:#7676801a}.mode-switcher-button.active{background:var(--color-surface);color:var(--color-accent);box-shadow:0 1px 3px #00000014}.mode-switcher-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=768px){.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.mode-switcher-button{min-height:28px;padding:0 8px;font-size:12px}}.student-hub-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.student-hub-search-panel,.student-hub-summary,.student-hub-section{min-width:0}.student-hub-search-row{align-items:center;gap:8px;display:flex}.student-hub-search-row input{flex:1;min-width:0}.student-hub-results{gap:8px;margin-top:14px;display:grid}.student-hub-result{border:1px solid var(--border-subtle);background:var(--surface-primary);text-align:left;cursor:pointer;border-radius:8px;width:100%;padding:10px 12px}.student-hub-result.is-active,.student-hub-result:hover{border-color:var(--accent-primary);background:var(--surface-secondary)}.student-hub-result-title,.student-hub-card-title,.student-hub-section-title{color:var(--text-primary);font-weight:700}.student-hub-muted{color:var(--text-secondary);font-size:13px}.student-hub-card-grid,.student-hub-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-hub-card-main,.student-hub-actions,.student-hub-sections{gap:12px;display:grid}.student-hub-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.student-hub-list{gap:8px;display:grid}.student-hub-list-item{border-top:1px solid var(--border-subtle);padding-top:8px}@media (width<=960px){.student-hub-layout,.student-hub-actions,.student-hub-card-grid,.student-hub-section-grid{grid-template-columns:1fr}}.student-hub-search-box,.student-hub-action-panel,.student-hub-form-grid,.student-hub-summary-grid,.student-hub-info-list{gap:10px;display:grid}.student-hub-search-box{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.student-hub-search-box input,.student-hub-field input,.student-hub-field select,.student-hub-field textarea,.student-hub-action-form textarea{width:100%;min-width:0}.student-hub-result.active{border-color:var(--accent-primary);background:var(--surface-secondary)}.student-hub-hero{border-left:4px solid var(--accent-primary)}.student-hub-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-hub-title-row h2{margin:0}.student-hub-status-badge{border:1px solid var(--border-subtle);background:var(--surface-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;padding:5px 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.student-hub-summary-card .student-hub-balance{text-align:right;border-radius:8px;min-width:150px;padding:10px 12px}.student-hub-summary-card .student-hub-money-emphasis{color:#9a3412;background:#fff7ed}.student-hub-summary-card .student-hub-money-muted{background:var(--surface-secondary);color:var(--text-secondary)}.student-hub-action-groups{gap:10px;display:grid}.student-hub-action-groups .btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.student-hub-summary-grid>div{min-height:24px}.student-hub-actions-primary,.student-hub-actions-secondary,.student-hub-actions-danger{gap:8px;display:grid}.student-hub-actions-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.student-hub-actions-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.student-hub-actions-danger{grid-template-columns:minmax(180px,240px);justify-content:end}.student-hub-actions-danger .btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.student-hub-summary-head,.student-hub-modal-head,.student-hub-context,.student-hub-info-list>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.student-hub-action-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.student-hub-modal-backdrop{z-index:120;background:#0f172a7a;place-items:start center;padding:40px 18px;display:grid;position:fixed;inset:0;overflow-y:auto}.student-hub-modal{background:var(--surface-primary);border:1px solid var(--border-subtle);width:min(920px,100vw - 36px);max-height:calc(100vh - 80px);box-shadow:var(--shadow-lg);border-radius:8px;padding:20px;overflow-y:auto}.student-hub-modal-head{z-index:1;background:var(--surface-primary);border-bottom:1px solid var(--border-subtle);margin:-20px -20px 16px;padding:18px 20px 14px;position:sticky;top:-20px}.student-hub-modal-head button{border:1px solid var(--border-subtle);background:var(--surface-secondary);border-radius:6px;padding:6px 10px}.student-hub-context{border:1px solid var(--border-subtle);background:var(--surface-secondary);border-radius:8px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:12px;padding:10px 12px}.student-hub-action-form{gap:16px;display:grid}.student-hub-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.student-hub-field{color:var(--text-secondary);gap:6px;font-size:13px;display:grid}.student-hub-field>span{color:var(--text-secondary);font-weight:650}.student-hub-check{min-height:38px;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.student-hub-field input,.student-hub-field select,.student-hub-field textarea,.student-hub-action-form textarea{border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-primary);border-radius:6px;padding:8px 10px}.student-hub-field textarea,.student-hub-action-form textarea{resize:vertical;min-height:92px}.student-hub-total{border:1px solid var(--border-subtle);background:var(--surface-secondary);border-radius:8px;gap:6px;padding:12px;display:grid}.student-hub-pending-panel,.student-hub-timeline-section{margin-top:12px}.student-hub-pending-panel{border-left:4px solid #f59e0b}.student-hub-pending-list,.student-hub-timeline-list{gap:10px;display:grid}.student-hub-pending-item{border:1px solid var(--border-subtle);background:var(--surface-secondary);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.student-hub-pending-item>div{gap:4px;min-width:0;display:grid}.student-hub-pending-item p,.student-hub-timeline-item p{color:var(--text-secondary);font-size:13px;line-height:1.45}.student-hub-pending-item em,.student-hub-timeline-head time,.student-hub-timeline-head em,.student-hub-timeline-item small{color:var(--text-secondary);font-size:12px;font-style:normal}.student-hub-chip{background:var(--surface-primary);border:1px solid var(--border-subtle);width:fit-content;color:var(--text-secondary);border-radius:999px;align-items:center;padding:5px 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.student-hub-chip.warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.student-hub-timeline-item{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid;position:relative}.student-hub-timeline-line{background:var(--border-subtle);width:2px;min-height:100%;margin:4px auto 0;position:relative}.student-hub-timeline-line:before{content:"";background:var(--accent-primary);border-radius:999px;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.student-hub-timeline-main{border:1px solid var(--border-subtle);background:var(--surface-primary);border-radius:8px;gap:5px;min-width:0;padding:10px 12px;display:grid}.student-hub-timeline-compact .btn{width:fit-content}.student-hub-timeline-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-hub-timeline-amount{color:var(--text-primary);font-size:13px;font-weight:700}.operations-home-shell{gap:16px;display:grid}.operations-home-search-panel{border:1px solid var(--border-subtle);background:var(--surface-primary);border-radius:8px;gap:8px;padding:16px;display:grid;position:relative}.operations-home-kicker{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:800}.operations-home-search-box{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.operations-home-search-box input{border:1px solid var(--border-subtle);background:var(--surface-primary);width:100%;min-width:0;color:var(--text-primary);border-radius:6px;padding:10px 12px}.operations-home-recent-list{z-index:5;border:1px solid var(--border-subtle);background:var(--surface-primary);box-shadow:var(--shadow-lg);border-radius:8px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% - 8px);left:16px;right:16px}.operations-home-recent-list button,.operations-home-attention-list button{width:100%;min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px}.operations-home-recent-list button{gap:2px;padding:10px 11px;display:grid}.operations-home-recent-list button:hover,.operations-home-attention-list button:hover{border-color:var(--accent-primary);background:var(--surface-secondary)}.operations-home-recent-list span,.operations-home-attention-list span,.operations-home-updated{color:var(--text-secondary);font-size:13px}.operations-home-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.operations-home-summary-card{border:1px solid var(--border-subtle);background:var(--surface-primary);min-width:0;min-height:112px;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:8px;align-content:space-between;gap:8px;padding:14px;display:grid}.operations-home-summary-card:hover{border-color:var(--accent-primary);background:var(--surface-secondary)}.operations-home-summary-card span{background:var(--surface-secondary);width:32px;height:32px;color:var(--accent-primary);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.operations-home-summary-card strong{font-size:28px;line-height:1}.operations-home-summary-card em{color:var(--text-secondary);font-size:13px;font-style:normal;font-weight:700}.operations-home-attention-card{min-width:0}.operations-home-attention-list{gap:8px;display:grid}.operations-home-attention-list button{border-color:var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.operations-home-attention-list button>div:first-child{gap:3px;min-width:0;display:grid}.operations-home-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.operations-home-badges em{color:#075985;background:#f0f7ff;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:700;display:inline-flex}.page-success{border:1px solid var(--success-border,#86efac);background:var(--success-bg,#f0fdf4);color:var(--success-text,#166534);border-radius:8px;padding:10px 12px}.page-warning{border:1px solid var(--warning-border,#fde68a);background:var(--warning-bg,#fffbeb);color:var(--warning-text,#92400e);border-radius:8px;padding:10px 12px}@media (width<=960px){.student-hub-action-panel,.student-hub-actions-primary,.student-hub-actions-secondary,.student-hub-actions-danger,.student-hub-form-grid,.student-hub-summary-grid{grid-template-columns:1fr}.student-hub-actions-primary .btn{min-height:48px}.student-hub-actions-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-hub-actions-danger{justify-content:stretch}.student-hub-summary-head{flex-direction:column;align-items:stretch}.student-hub-summary-card .student-hub-balance{text-align:left}.student-hub-pending-item{flex-direction:column;align-items:stretch}.student-hub-modal-backdrop{align-items:end;padding:10px}.student-hub-modal{max-height:calc(100vh - 20px)}.operations-home-search-panel{z-index:4;position:sticky;top:10px}.operations-home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-home-attention-list button{flex-direction:column;align-items:stretch}.operations-home-badges{justify-content:flex-start}}@media (width<=520px){.operations-home-search-box,.operations-home-summary-grid{grid-template-columns:1fr}.operations-home-search-box .btn{width:100%}}.report-trial-page{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary)}.report-trial-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:32px;width:min(1180px,100vw - 40px);min-height:76vh;margin:0 auto;padding:56px 0 34px;display:grid}.report-trial-brand{color:var(--color-accent);margin-bottom:12px;font-size:15px;font-weight:800}.report-trial-hero h1{letter-spacing:0;max-width:760px;margin-bottom:18px;font-size:clamp(36px,7vw,72px);line-height:1.02}.report-trial-hero p{max-width:680px;color:var(--color-text-secondary);font-size:18px;line-height:1.65}.report-trial-hero-panel,.report-trial-notice,.report-trial-detail-toggle,.report-trial-analysis{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px}.report-trial-hero-panel{box-shadow:var(--shadow-md);gap:14px;padding:22px;display:grid}.report-trial-hero-panel strong{font-size:22px;line-height:1.25}.report-trial-hero-panel span,.report-trial-notice,.report-trial-analysis p,.report-trial-group-summary span{color:var(--color-text-secondary);line-height:1.55}.report-trial-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.report-trial-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:20px;width:min(1180px,100vw - 40px);margin:0 auto;padding:0 0 64px;display:grid}.report-trial-input-stack,.report-trial-results,.report-trial-output-stack,.report-trial-form,.report-trial-student-list,.report-trial-upload,.report-trial-group-summary,.report-trial-final-actions{gap:14px;display:grid}.report-trial-two-col,.report-trial-row-main,.report-trial-detail-grid,.report-trial-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-trial-group-name{width:min(360px,100%);min-width:0}.report-trial-student-row{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;gap:12px;padding:14px;display:grid}.report-trial-select,.report-trial-detail-toggle,.report-trial-upload-box{cursor:pointer}.report-trial-select{width:fit-content;color:var(--color-accent);background:0 0;border:0;font-weight:700}.report-trial-detail-toggle{text-align:left;color:var(--color-text-primary);gap:4px;padding:16px;display:grid}.report-trial-detail-toggle span{color:var(--color-text-secondary)}.report-trial-notice{white-space:pre-line;background:var(--color-surface-2);padding:12px}.report-trial-upload-box{border:1px dashed var(--color-border-strong);background:var(--color-surface-2);min-height:92px;color:var(--color-accent);border-radius:8px;place-items:center;gap:8px;font-weight:800;display:grid}.report-trial-upload-box input{display:none}.report-trial-analysis{padding:12px}.report-trial-summary>div{background:var(--color-surface-2);border-radius:8px;align-content:center;gap:4px;min-height:84px;padding:14px;display:grid}.report-trial-summary strong{font-size:30px}.report-trial-summary span{color:var(--color-text-secondary);font-size:13px}.report-trial-group-summary>div,.report-trial-text-block{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;gap:6px;padding:12px;display:grid}.report-trial-block-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-trial-text-block pre{white-space:pre-wrap;color:var(--color-text-primary);font:inherit;line-height:1.65}.report-trial-results{position:sticky;top:18px}@media (width<=980px){.report-trial-hero,.report-trial-grid{grid-template-columns:1fr}.report-trial-results{position:static}}@media (width<=620px){.report-trial-hero,.report-trial-grid{width:min(100vw - 24px,1180px)}.report-trial-two-col,.report-trial-row-main,.report-trial-detail-grid,.report-trial-summary{grid-template-columns:1fr}}.report-trial-dashboard .card-body,.report-trial-analysis-card .card-body{gap:14px;display:grid}.report-trial-empty-state .card-body{text-align:center;align-content:center;place-items:center;gap:10px;min-height:260px;display:grid}.report-trial-empty-state strong{font-size:20px}.report-trial-status{border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.report-trial-status-success{color:#166534;background:#f0fdf4;border:1px solid #86efac}.report-trial-status-error,.report-trial-status-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.report-trial-csv-panel{gap:14px;display:grid}.report-trial-csv-actions,.report-trial-csv-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-trial-csv-file-button{position:relative;overflow:hidden}.report-trial-csv-file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.report-trial-csv-textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.report-trial-csv-preview{gap:12px;display:grid}.report-trial-csv-summary span{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-secondary);border-radius:999px;padding:6px 10px;font-size:13px}.report-trial-csv-table-wrap{border:1px solid var(--color-border);border-radius:8px;overflow-x:auto}.report-trial-csv-table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.report-trial-csv-table th,.report-trial-csv-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:9px 10px}.report-trial-csv-table th{background:var(--color-surface-2);color:var(--color-text-secondary);font-weight:700}.report-trial-group-summary-head,.report-trial-analysis-head,.report-trial-student-detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.report-trial-group-summary em{color:var(--color-text-primary);font-size:13px;font-style:normal;font-weight:700}.report-trial-analysis{gap:8px;display:grid}.report-trial-analysis ul{color:var(--color-text-secondary);gap:4px;padding-left:18px;line-height:1.55;display:grid}.report-trial-preview-badge{white-space:nowrap}.report-trial-student-master-detail-body{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.report-trial-student-list-panel,.report-trial-student-detail-panel{gap:10px;min-width:0;display:grid}.report-trial-student-card{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:12px;display:grid}.report-trial-student-card:hover,.report-trial-student-card.is-active{border-color:var(--color-accent);background:var(--color-accent-light)}.report-trial-student-card span,.report-trial-student-card em,.report-trial-student-detail-head p{color:var(--color-text-secondary);font-size:13px;font-style:normal;line-height:1.45}.report-trial-kakao-block{background:#eff6ff;border-color:#bfdbfe}.report-trial-internal-summary{background:#fff7ed;border-color:#fed7aa}.report-trial-internal-summary pre{color:#7c2d12}.report-trial-print-only{display:none}.report-trial-parent-print-card,.report-trial-print-student{page-break-inside:avoid;break-inside:avoid}@media (width<=720px){.report-trial-hero{min-height:auto;padding:28px 0 18px}.report-trial-hero h1{font-size:34px}.report-trial-hero p{font-size:16px}.report-trial-actions .btn,.report-trial-student-card,.report-trial-select{min-height:44px}.report-trial-student-master-detail-body,.report-trial-group-summary-head,.report-trial-analysis-head,.report-trial-student-detail-head{grid-template-columns:1fr;align-items:stretch}.report-trial-student-master-detail-body{display:grid}.report-trial-student-list-panel{max-height:none}}@media print{body{background:#fff}.report-trial-no-print,.report-trial-page .report-trial-hero,.report-trial-input-stack,.report-trial-final-actions,.report-trial-internal-summary,button{display:none!important}.report-trial-page,.report-trial-grid,.report-trial-results{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.report-trial-results>.card{display:none!important}.report-trial-print-only{color:#111;display:block!important}.report-trial-print-only h1{margin-bottom:12px;font-size:22px}.report-trial-print-student{page-break-inside:avoid;break-inside:avoid;border-top:1px solid #ddd;margin:20px 0;padding:16px 0}.report-trial-print-student pre{white-space:pre-wrap;font:inherit;line-height:1.65}}.report-beta-page{gap:18px;display:grid}.report-beta-actions,.report-beta-summary,.report-beta-grid{gap:12px;display:grid}.report-beta-actions{grid-template-columns:repeat(2,max-content);justify-content:end}.report-beta-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.report-beta-summary .card-body,.report-beta-list,.report-beta-detail,.report-beta-exam-preview-body,.report-beta-exam-result,.report-beta-exam-question-list{gap:10px;display:grid}.report-beta-file-button input{display:none}.report-beta-exam-result{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;padding:12px}.report-beta-exam-result.mode-fallback_mock{border-color:#f59e0b}.report-beta-exam-question-list article{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;gap:4px;padding:10px;display:grid}.report-beta-exam-question-list span,.report-beta-exam-question-list p{color:var(--color-text-secondary);margin:0;font-size:13px}.report-beta-grid{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr)}.report-beta-round8-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:12px;display:grid}.report-beta-round8-grid .card{min-width:0}.report-beta-list-item{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:8px;gap:4px;padding:12px;display:grid}.report-beta-list-item span,.report-beta-detail-head span{color:var(--color-text-secondary);font-size:13px}.report-beta-toolbar,.report-beta-tabs,.report-beta-copy-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-beta-toolbar .form-input{min-width:min(240px,100%)}.report-beta-tabs{border-bottom:1px solid var(--color-border);padding-bottom:8px}.report-beta-tabs button{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;padding:8px 12px}.report-beta-tabs button.is-active,.report-beta-list-item:hover,.report-beta-list-item.is-active{border-color:var(--color-accent);background:var(--color-accent-light)}.report-beta-detail-head{gap:4px;display:grid}.report-beta-overview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;gap:10px;padding:12px;display:grid}.report-beta-overview h3{margin:0;font-size:15px}.report-beta-stat-grid,.report-beta-group-grid{gap:8px;display:grid}.report-beta-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-beta-stat-grid span,.report-beta-group-grid article{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;min-width:0;padding:10px}.report-beta-stat-grid span{color:var(--color-text-secondary);gap:4px;font-size:12px;display:grid}.report-beta-stat-grid strong{color:var(--color-text-primary);font-size:14px}.report-beta-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-beta-group-grid article{gap:5px;display:grid}.report-beta-group-grid span,.report-beta-group-grid p{color:var(--color-text-secondary);margin:0;font-size:13px}.report-beta-parent-card,.report-beta-internal article{gap:8px;margin-top:10px;display:grid}.report-beta-detail pre{border:1px solid var(--color-border);background:var(--color-surface-2);white-space:pre-wrap;font:inherit;border-radius:8px;margin:0;padding:12px}.report-beta-internal pre{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}.report-beta-private-label{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;width:max-content;margin:0;padding:4px 8px;font-size:12px;font-weight:700}.report-beta-usage-nearLimit,.report-beta-usage-overFreeLimit{border-color:#f59e0b}.report-beta-guidance-card{border-color:#d8dee8}.report-beta-guidance-list{gap:10px;display:grid}.report-beta-guidance-section{border:1px solid var(--color-border);background:#fff;border-radius:8px;gap:6px;padding:10px;display:grid}.report-beta-guidance-section strong,.report-beta-guidance-section p{margin:0}.report-beta-guidance-monthly_limit{border-color:#f59e0b}.report-beta-guidance-plan_tier{border-color:#60a5fa}.report-beta-guidance-subscription_lookup_failed{border-color:#ef4444}.report-beta-print-only{display:none}.report-beta-print-student{page-break-inside:avoid;break-inside:avoid}.report-beta-edit-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;gap:14px;padding:16px;display:grid}.report-beta-edit-head,.report-beta-edit-actions{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;display:flex}.report-beta-edit-head h2,.report-beta-edit-head p{margin:0}.report-beta-edit-head p{color:var(--color-text-secondary);font-size:13px}.report-beta-edit-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.report-beta-edit-students{gap:10px;max-height:520px;display:grid;overflow:auto}.report-beta-edit-students article{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.report-beta-edit-students article>div{gap:4px;display:grid}.report-beta-edit-students article>div span,.report-beta-edit-panel label{color:var(--color-text-secondary);font-size:12px}.report-beta-edit-panel label{gap:4px;display:grid}.report-beta-copy-bank,.report-beta-timeline,.report-beta-tone,.report-beta-copy-bank-list,.report-beta-tone-form{gap:10px;display:grid}.report-beta-copy-editor{border:1px solid var(--color-accent);background:var(--color-accent-light);border-radius:8px;gap:10px;padding:12px;display:grid}.report-beta-copy-editor label{color:var(--color-text-secondary);gap:5px;font-size:12px;display:grid}.report-beta-copy-bank-item,.report-beta-timeline-item{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:8px;gap:8px;padding:12px;display:grid}.report-beta-copy-bank-item.copy-type-internal{background:#fff7ed;border-color:#fed7aa}.report-beta-copy-badge{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;width:max-content;padding:3px 7px;font-size:12px;font-weight:700}.report-beta-copy-badge.copy-type-internal{color:#9a3412;background:#ffedd5;border-color:#fed7aa}.report-beta-copy-bank-item p,.report-beta-timeline-item p{color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:13px}.report-beta-timeline-item span,.report-beta-copy-bank-item span{color:var(--color-text-secondary);font-size:12px}.report-beta-private-preview{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:8px;color:#7c2d12!important}.report-beta-tone-form label{color:var(--color-text-secondary);gap:5px;font-size:12px;display:grid}@media (width<=860px){.report-beta-summary,.report-beta-grid,.report-beta-round8-grid,.report-beta-actions,.report-beta-stat-grid,.report-beta-group-grid,.report-beta-edit-section,.report-beta-edit-students article{grid-template-columns:1fr}}@media print{.report-beta-no-print{display:none!important}.report-beta-page{background:#fff!important;margin:0!important;padding:0!important;display:block!important}.report-beta-print-only{color:#111;display:block!important}.report-beta-print-only h1{margin-bottom:8px;font-size:22px}.report-beta-print-student{border-top:1px solid #ddd;margin:18px 0;padding:14px 0}.report-beta-print-student pre{white-space:pre-wrap;font:inherit;line-height:1.65}}.platform-admin-page{background:var(--color-bg);min-height:100vh;padding:32px 24px}.platform-admin-inner{flex-direction:column;gap:14px;width:min(1200px,100%);margin:0 auto;display:flex}.pa-logo{font-size:var(--font-size-2xl);color:var(--color-accent);margin-bottom:4px;font-weight:800}.pa-title{font-size:var(--font-size-xl);margin-bottom:4px;font-weight:700}.pa-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.platform-admin-filterbar{flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 0 4px;display:flex}.platform-admin-filterbar .form-field:first-child{flex:200px;min-width:160px}.platform-admin-filterbar .form-field:nth-child(2){flex:0 0 140px}.platform-admin-filterbar .compact-switch{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-bottom:none;justify-content:flex-start;align-items:center;gap:6px;margin-bottom:2px;padding:0;display:flex}.platform-admin-filterbar .compact-switch input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-accent);cursor:pointer}.platform-admin-console-grid{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.platform-admin-detail-panel{flex-direction:column;gap:12px;max-height:calc(100vh - 100px);display:flex;position:sticky;top:16px;overflow-y:auto}.platform-admin-wrap .is-selected-row,.platform-admin-inner .is-selected-row{background:var(--color-accent-light)!important}.platform-admin-wrap .is-sandbox-row td:first-child,.platform-admin-inner .is-sandbox-row td:first-child{border-left:3px solid var(--color-warning)}.platform-admin-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.badge-blue{background:var(--color-accent-light);color:var(--color-accent)}.badge-muted{background:var(--color-surface-2);color:var(--color-text-tertiary)}.platform-admin-dry-run-result{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-all;max-height:280px;padding:12px;overflow:auto}.platform-admin-inner .card+.card{margin-top:0}@media (width<=900px){.platform-admin-console-grid{grid-template-columns:1fr}.platform-admin-detail-panel{max-height:none;position:static}.platform-admin-page{padding:20px 16px}}@media (prefers-color-scheme:dark){.badge-blue{color:#6ab8ff;background:#0a84ff2e}.platform-admin-inner .is-selected-row{background:#0a84ff24!important}}.platform-admin-page .stat-grid{gap:10px;margin-bottom:16px}.platform-admin-page .stat-card{border-left-width:3px;border-radius:12px;padding:14px 16px}.platform-admin-page .stat-label{letter-spacing:.06em;margin-bottom:4px;font-size:10px}.platform-admin-page .stat-value{font-size:26px;line-height:1}.platform-admin-page .stat-sub{margin-top:2px;font-size:10px}.platform-admin-page .card{border-radius:14px}.platform-admin-page .card-header{background:var(--color-surface-2);padding:11px 16px}.platform-admin-page .card-title{letter-spacing:-.02em;font-size:13px;font-weight:700}.platform-admin-page .card-body{padding:14px 16px}.platform-admin-inner>.toolbar:first-child{margin-bottom:0;padding-bottom:4px}.platform-admin-page .pa-logo{margin-bottom:2px;font-size:22px}.platform-admin-page .pa-title{margin-bottom:2px;font-size:18px}.platform-admin-page .pa-desc{font-size:12px}.platform-admin-inner>.toolbar .btn-secondary{min-height:30px;font-size:12px}.platform-admin-page tbody td{padding:9px 12px;font-size:12px}.platform-admin-page thead th{padding:7px 12px;font-size:10px}.platform-admin-page tbody tr{cursor:pointer}.platform-admin-page tbody td .toolbar{gap:4px;margin:0}.platform-admin-page .platform-admin-detail-panel .stack{gap:10px}.platform-admin-page .platform-admin-detail-panel .card-body{padding:12px 14px}.platform-admin-page .compact-grid{gap:10px}.platform-admin-page .compact-grid small{font-size:10px}.platform-admin-page .compact-grid>div{font-size:13px;font-weight:600}.platform-admin-page .platform-admin-detail-panel .toolbar{flex-wrap:wrap;gap:6px;margin:0}.platform-admin-page .badge{letter-spacing:.01em;padding:2px 7px;font-size:10px;font-weight:700}.platform-admin-page .status-line{color:var(--color-text-secondary);font-size:12px}.platform-admin-page .form-field .form-label{margin-bottom:4px;font-size:11px}.platform-admin-page .form-input,.platform-admin-page .form-select{padding:7px 12px;font-size:13px}.platform-admin-filterbar .compact-switch{font-size:12px}.platform-admin-inner>.card+.card,.platform-admin-inner>*+*{margin-top:0}@media (prefers-color-scheme:dark){.platform-admin-page .stat-card{background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-surface) 88%, var(--color-bg)))}}.auth-home-page{background:radial-gradient(circle at 18% 14%, #007aff1f, transparent 30vw), linear-gradient(180deg, #f7f8fb 0%, var(--color-bg) 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.auth-home-shell{grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:stretch;gap:18px;width:min(1080px,100%);display:grid}.auth-home-shell-select{grid-template-columns:minmax(300px,.85fr) minmax(460px,1.15fr)}.auth-home-copy,.auth-home-card{-webkit-backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #3c3c431f;border-radius:18px;box-shadow:0 18px 46px #00000017,inset 0 1px #ffffff9e}.auth-home-copy{flex-direction:column;justify-content:space-between;min-height:390px;padding:30px;display:flex;position:relative;overflow:hidden}.auth-home-copy:after{content:"";pointer-events:none;background:#007aff14;border-radius:999px;width:240px;height:240px;position:absolute;bottom:-92px;right:-72px}.auth-home-kicker{color:var(--color-accent);letter-spacing:-.03em;margin-bottom:10px;font-size:13px;font-weight:800}.auth-home-copy h1{letter-spacing:-.06em;max-width:460px;margin-bottom:12px;font-size:34px;font-weight:820;line-height:1.12}.auth-home-copy p{max-width:420px;color:var(--color-text-secondary);font-size:14px;line-height:1.65}.auth-home-preview-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid;position:relative}.auth-home-preview-grid-compact{grid-template-columns:repeat(2,minmax(0,150px))}.auth-home-preview-grid>div{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:14px;min-height:70px;padding:12px 14px}.auth-home-preview-grid span{color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.auth-home-preview-grid strong{color:var(--color-text-primary);letter-spacing:-.03em;font-size:14px;line-height:1.25;display:block}.auth-home-card{flex-direction:column;gap:18px;padding:24px;display:flex}.auth-login-panel{justify-content:space-between}.auth-home-card-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);border-radius:18px 18px 0 0;margin:-24px -24px 0;padding:20px 24px 16px}.auth-home-card-logo{color:var(--color-accent);letter-spacing:-.05em;margin-bottom:6px;font-size:22px;font-weight:820}.auth-home-card-title{letter-spacing:-.045em;margin-bottom:5px;font-size:18px;font-weight:760}.auth-home-card-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.auth-home-form{gap:14px}.auth-home-card .form-label{margin-bottom:5px;font-size:11px}.auth-home-card .form-input,.auth-home-card .form-select{min-height:38px;padding:8px 12px;font-size:13px}.auth-home-actions{justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.auth-home-actions .btn{min-height:34px;font-size:12px}.auth-home-actions-single{border-top:1px solid var(--color-border);justify-content:flex-start;padding-top:14px}.auth-empty-note{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-secondary);border-radius:14px;padding:14px;font-size:13px;line-height:1.55}.auth-academy-panel{min-height:390px}.auth-academy-list{gap:9px;display:grid}.auth-academy-row{border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.auth-academy-row:hover{background:var(--color-accent-light);border-color:#007aff59;box-shadow:0 8px 20px #007aff14}.auth-academy-main{flex-wrap:wrap;align-items:center;gap:5px 7px;min-width:0;display:flex}.auth-academy-title{width:100%;color:var(--color-text-primary);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:760;overflow:hidden}.auth-academy-code{color:var(--color-text-secondary);word-break:break-all;font-size:11px;line-height:1.3}.auth-academy-row .btn{min-height:34px;font-size:12px}@media (prefers-color-scheme:dark){.auth-home-page{background:radial-gradient(circle at 18% 14%, #0a84ff2e, transparent 32vw), var(--color-bg)}.auth-home-copy,.auth-home-card,.auth-academy-row{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));border-color:var(--color-border)}.auth-home-card-header,.auth-home-preview-grid>div,.auth-empty-note{background:var(--color-surface-2)}}@media (width<=900px){.auth-home-page{align-items:flex-start;padding:22px 16px}.auth-home-shell,.auth-home-shell-select{grid-template-columns:1fr;gap:14px}.auth-home-copy{min-height:auto;padding:24px}.auth-home-copy h1{max-width:none;font-size:28px}.auth-home-copy p{max-width:none}.auth-home-preview-grid{margin-top:18px}.auth-home-card,.auth-academy-panel{min-height:auto}}@media (width<=520px){.auth-home-page{padding:14px}.auth-home-copy{border-radius:16px;padding:20px}.auth-home-copy h1{font-size:24px}.auth-home-copy p{font-size:13px}.auth-home-preview-grid,.auth-home-preview-grid-compact{grid-template-columns:1fr 1fr;gap:8px}.auth-home-preview-grid>div{min-height:60px;padding:10px 11px}.auth-home-preview-grid strong{font-size:12px}.auth-home-card{border-radius:16px;gap:15px;padding:18px}.auth-home-card-header{border-radius:16px 16px 0 0;margin:-18px -18px 0;padding:17px 18px 14px}.auth-home-card-logo{font-size:20px}.auth-home-card-title{font-size:16px}.auth-home-actions{flex-direction:column-reverse;align-items:stretch}.auth-home-actions .btn,.auth-academy-row .btn{width:100%}.auth-academy-row{grid-template-columns:1fr;gap:10px;padding:12px}.auth-academy-title{white-space:normal}}.onb-page{align-items:flex-start;padding-top:28px;padding-bottom:28px}.onb-shell{flex-direction:column;gap:14px;width:min(1040px,100%);display:flex}.onb-topline{-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #3c3c431f;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 24px;display:flex;box-shadow:0 14px 38px #00000012,inset 0 1px #ffffff8f}.onb-topline h1{letter-spacing:-.055em;margin-bottom:6px;font-size:26px;font-weight:820;line-height:1.12}.onb-topline p{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.onb-step-count{border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-secondary);border-radius:999px;flex:none;padding:7px 11px;font-size:12px;font-weight:760}.onb-progress{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.onb-progress-item{grid-template-columns:26px minmax(0,auto) 1fr;align-items:center;gap:7px;min-width:0;display:grid}.onb-progress-item:last-child{grid-template-columns:26px minmax(0,auto)}.onb-progress-dot{border:1px solid var(--color-border);background:var(--color-surface);width:26px;height:26px;color:var(--color-text-tertiary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.onb-progress-dot.active,.onb-progress-dot.done{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent)}.onb-progress-label{min-width:0;color:var(--color-text-tertiary);letter-spacing:-.02em;white-space:nowrap;font-size:11px;font-weight:760}.onb-progress-label.active{color:var(--color-accent)}.onb-progress-line{background:var(--color-border);border-radius:999px;height:2px}.onb-progress-line.done{background:var(--color-accent)}.onb-card{gap:18px;min-height:520px;padding:24px}.onb-card-header{grid-template-columns:auto 1fr;grid-template-areas:"logo title""logo desc";align-items:center;column-gap:14px;display:grid}.onb-card-header .auth-home-card-logo{background:var(--color-accent-light);border-radius:16px;grid-area:logo;justify-content:center;align-items:center;width:46px;height:46px;margin:0;font-size:0;display:inline-flex}.onb-card-header .auth-home-card-logo:before{content:"OS";color:var(--color-accent);letter-spacing:-.05em;font-size:16px;font-weight:820}.onb-card-header .auth-home-card-title{grid-area:title;margin:0 0 4px}.onb-card-header .auth-home-card-desc{grid-area:desc}.onb-form-body{flex-direction:column;flex:1;gap:14px;display:flex}.onb-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.onb-card .form-label{margin-bottom:5px;font-size:11px}.onb-card .form-input,.onb-card .form-select{min-height:38px;padding:8px 12px;font-size:13px}.onb-color-chips{flex-wrap:wrap;gap:8px;display:flex}.onb-color-chip{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);min-height:38px;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);border-radius:999px;align-items:center;gap:7px;padding:6px 10px 6px 8px;font-size:12px;font-weight:700;display:inline-flex}.onb-color-chip:hover{border-color:color-mix(in srgb, var(--chip-color) 58%, var(--color-border));background:var(--color-surface-2)}.onb-color-chip.selected{border-color:var(--chip-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--chip-color) 18%, transparent)}.onb-color-chip:active{transform:scale(.98)}.onb-color-dot{background:var(--chip-color);width:18px;height:18px;box-shadow:0 0 0 2px var(--color-surface), 0 0 0 3px #3c3c431f;border-radius:999px}.onb-campus-switch{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:14px;align-self:stretch;min-height:62px;padding:12px 14px}.onb-campus-switch span{gap:3px;display:grid}.onb-campus-switch small{color:var(--color-text-secondary);font-size:11px;font-weight:500}.onb-profile-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.onb-profile-col{flex-direction:column;gap:14px;display:flex}.onb-section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:13px 14px}.onb-section>strong{color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:13px;font-weight:760;display:block}.onb-card .profile-choice-wrap,.onb-card .profile-chip-wrap{gap:6px;margin-top:0}.onb-card .profile-chip-button{min-height:28px;padding:5px 10px;font-size:12px}.onb-summary-card{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:14px;padding:13px 14px}.onb-summary-title{color:var(--color-text-primary);letter-spacing:-.035em;margin-bottom:5px;font-size:14px;font-weight:780}.onb-summary-desc{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.onb-review-stack{flex-direction:column;gap:12px;display:flex}.onb-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.onb-review-card{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:14px;padding:13px 14px}.onb-review-card span{color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.onb-review-card strong{color:var(--color-text-primary);letter-spacing:-.035em;margin-bottom:6px;font-size:15px;line-height:1.25;display:block}.onb-review-card small{color:var(--color-text-secondary);font-size:11px;line-height:1.45;display:block}.onb-profile-summary{flex-wrap:wrap;gap:6px;display:flex}.onb-profile-summary span{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.onb-actions{border-top:1px solid var(--color-border);padding-top:14px}.onb-actions .btn{min-height:34px;font-size:12px}@media (prefers-color-scheme:dark){.onb-topline,.onb-section,.onb-color-chip,.onb-profile-summary span{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));border-color:var(--color-border)}.onb-summary-card,.onb-review-card,.onb-campus-switch,.onb-trial-card{background:var(--color-surface-2)}}@media (width<=900px){.onb-page{padding-top:22px}.onb-topline{align-items:flex-start;padding:20px}.onb-topline h1{font-size:24px}.onb-progress{grid-template-columns:1fr;gap:7px}.onb-progress-item,.onb-progress-item:last-child{grid-template-columns:26px 1fr}.onb-progress-line{display:none}.onb-basic-grid,.onb-profile-grid,.onb-review-grid{grid-template-columns:1fr}.onb-card{min-height:auto}}@media (width<=520px){.onb-topline{padding:18px;display:block}.onb-step-count{margin-top:14px;display:inline-flex}.onb-card-header{display:block}.onb-card-header .auth-home-card-logo{background:0 0;justify-content:flex-start;width:auto;height:auto;margin-bottom:6px}.onb-card-header .auth-home-card-logo:before{content:"학원 OS";font-size:20px}.onb-color-chip{flex:calc(50% - 4px);justify-content:center}}.onb-trial-card{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.onb-trial-card strong{color:var(--color-text-primary);letter-spacing:-.035em;margin-bottom:4px;font-size:14px;font-weight:780;display:block}.onb-trial-card p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.onb-trial-card>span{background:var(--color-accent-light);color:var(--color-accent);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.onb-module-pills{flex-wrap:wrap;gap:6px;display:flex}.onb-module-pills span{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}@media (prefers-color-scheme:dark){.onb-trial-card{background:var(--color-surface-2);border-color:var(--color-border)}.onb-module-pills span{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));border-color:var(--color-border)}}@media (width<=520px){.onb-trial-card{display:block}.onb-trial-card>span{margin-top:10px}}.mode-launcher-page{width:min(100%,760px);margin:0 auto}.mode-launcher-grid{gap:var(--spacing-4);padding:var(--spacing-2) 0 var(--spacing-6);grid-template-columns:repeat(3,1fr);width:100%;max-width:760px;margin:0 auto;display:grid}.mode-launcher-card{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);min-height:110px;font-family:var(--font-family);text-align:center;flex-direction:column;display:flex;position:relative}.mode-launcher-card:hover:not(.mode-launcher-card--soon){background:var(--color-surface-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mode-launcher-card:active:not(.mode-launcher-card--soon){box-shadow:var(--shadow-sm);transform:translateY(0)}.mode-launcher-card--soon{cursor:default;opacity:.55}.mode-launcher-icon{color:var(--color-text-primary);justify-content:center;align-items:center;display:flex}.mode-launcher-card--soon .mode-launcher-icon{color:var(--color-text-tertiary)}.mode-launcher-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;line-height:1.3}.mode-launcher-card--soon .mode-launcher-label{color:var(--color-text-secondary)}.mode-launcher-badge{color:var(--color-text-tertiary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);letter-spacing:.01em;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.6;position:absolute;top:8px;right:8px}@media (width<=600px){.mode-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%}.mode-launcher-card{border-radius:14px;gap:7px;min-height:86px;padding:14px 6px 12px}.mode-launcher-icon svg{width:21px;height:21px}.mode-launcher-label{font-size:12px}.mode-launcher-badge{padding:1px 5px;font-size:9px;top:5px;right:5px}}@media (prefers-color-scheme:dark){.mode-launcher-card{background:var(--color-surface);border-color:var(--color-border)}.mode-launcher-card:hover:not(.mode-launcher-card--soon),.mode-launcher-badge{background:var(--color-surface-2)}}.platform-admin-page{--pa-hairline-border:#0000000f;--pa-soft-shadow:0 1px 3px #00000005, 0 4px 12px #00000008;--pa-soft-radius:8px}.pa-mobile-only,.topbar-mobile-shell{display:none}.platform-admin-topbar{align-items:flex-start}.platform-admin-page .card,.platform-admin-page .stat-card,.platform-admin-page .table-wrap,.platform-admin-detail-panel{border-color:var(--pa-hairline-border);border-radius:var(--pa-soft-radius);box-shadow:var(--pa-soft-shadow)}.platform-admin-page .card-header{border-bottom-color:var(--pa-hairline-border)}.platform-admin-filterbar{border:1px solid var(--pa-hairline-border);border-radius:var(--pa-soft-radius);background:var(--color-surface-2);box-shadow:var(--pa-soft-shadow);grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.platform-admin-filterbar .form-group{margin-bottom:0}.platform-admin-filterbar .pa-filter-toggle{display:none}.platform-admin-filterbar .pa-filter-advanced{flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:12px;display:flex}.platform-admin-filterbar .pa-filter-advanced .form-group{flex:0 0 150px}.platform-admin-filterbar .compact-switch{justify-content:flex-start;gap:8px}.platform-admin-table-wrap table th,.platform-admin-table-wrap table td{white-space:nowrap}.platform-admin-table-wrap table td:first-child{white-space:normal}.platform-admin-table-wrap table td:first-child strong{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:240px;display:inline-block;overflow:hidden}.pa-row-actions{flex-wrap:nowrap}.platform-admin-detail-actions{flex-wrap:wrap}.pa-detail-management{gap:10px;display:grid}@media (width<=768px){.topbar>.topbar-main,.topbar>.topbar-actions{display:none}.topbar-mobile-shell{width:100%;display:block;position:relative}.topbar{flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:0}.topbar-row1{align-items:center;gap:8px;min-height:46px;padding:0 16px;display:flex}.topbar-role-dot{background:var(--color-accent-light);width:24px;height:24px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.topbar-current-title{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.topbar-more-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px;font-size:16px;line-height:1}.topbar-row2{border-bottom:1px solid var(--color-border);align-items:center;gap:4px;padding:0 12px 10px;display:flex}.topbar-mode-tab{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:700}.topbar-mode-tab.active{background:var(--color-accent-light);color:var(--color-accent)}.topbar-mode-tab:disabled{opacity:.35;cursor:not-allowed}.topbar-current-page{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:42vw;color:var(--color-text-tertiary);margin-left:auto;font-size:12px;overflow:hidden}.topbar-more-dropdown{z-index:100;background:var(--color-surface);border:1px solid var(--pa-hairline-border,#0000000f);border-radius:var(--pa-soft-radius,8px);min-width:210px;box-shadow:var(--pa-soft-shadow,0 1px 3px #00000005, 0 4px 12px #00000008);position:absolute;top:42px;right:12px;overflow:hidden}.topbar-more-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text-primary);border:none;border-bottom:1px solid var(--color-border);background:0 0;padding:13px 16px;font-size:14px;display:block}.topbar-more-item:last-child{border-bottom:none}.topbar-more-account{color:var(--color-text-secondary);cursor:default;font-size:12px}.topbar-more-logout{color:var(--color-danger)}.platform-admin-page{padding:16px 12px}.platform-admin-inner{gap:12px}.platform-admin-page .pa-title,.platform-admin-page .pa-desc,.platform-admin-page .pa-account-line{display:none}.platform-admin-page .pa-logo{font-size:20px}.platform-admin-account-box{align-items:flex-end!important}.platform-admin-stat-grid.stat-grid,.platform-admin-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-admin-page .stat-card{border-color:var(--pa-hairline-border);border-radius:var(--pa-soft-radius);min-height:auto;box-shadow:var(--pa-soft-shadow);padding:14px}.platform-admin-page .stat-value{font-size:24px}.platform-admin-filterbar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.platform-admin-filterbar>.form-group:first-child{min-width:0}.platform-admin-filterbar .pa-filter-toggle{align-self:end;min-height:34px;display:inline-flex}.platform-admin-filterbar .pa-filter-advanced{border:1px solid var(--pa-hairline-border);border-radius:var(--pa-soft-radius);background:var(--color-surface-2);box-shadow:var(--pa-soft-shadow);grid-column:1/-1;grid-template-columns:1fr;gap:12px;padding:16px;display:none}.platform-admin-filterbar.is-filter-open .pa-filter-advanced{display:grid}.platform-admin-filterbar .pa-filter-advanced .form-group{flex:initial}.platform-admin-filterbar .compact-switch{min-height:34px}.platform-admin-console-grid{gap:12px;grid-template-columns:1fr!important}.platform-admin-table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.platform-admin-table-wrap table,.platform-admin-table-wrap tbody,.platform-admin-table-wrap tr,.platform-admin-table-wrap td{width:100%;display:block}.platform-admin-table-wrap thead{display:none}.platform-admin-table-wrap tbody{gap:10px;display:grid}.platform-admin-table-wrap tbody tr{border:1px solid var(--pa-hairline-border);border-radius:var(--pa-soft-radius);background:var(--color-surface);box-shadow:var(--pa-soft-shadow);margin-bottom:12px;padding:16px;display:block}.platform-admin-table-wrap tbody tr:hover{background:var(--color-surface)}.platform-admin-table-wrap tbody td{white-space:normal;border-bottom:0;padding:0}.platform-admin-table-wrap tbody td:first-child{min-width:0;margin-bottom:8px}.platform-admin-table-wrap tbody td:first-child strong{max-width:100%;font-size:16px}.platform-admin-table-wrap tbody td:nth-child(2){margin-bottom:8px}.platform-admin-table-wrap tbody td:nth-child(3),.platform-admin-table-wrap tbody td:nth-child(4){width:auto;color:var(--color-text-secondary);align-items:center;font-size:13px;font-weight:650;display:inline-flex}.platform-admin-table-wrap tbody td:nth-child(3):before{content:"플랜 ";color:var(--color-text-tertiary);margin-right:4px;font-weight:600}.platform-admin-table-wrap tbody td:nth-child(4){margin-left:14px}.platform-admin-table-wrap tbody td:nth-child(4):before{content:"학생 ";color:var(--color-text-tertiary);margin-right:4px;font-weight:600}.platform-admin-table-wrap tbody td:nth-child(5){margin-top:10px}.platform-admin-page .pa-code-small{display:none}.pa-row-actions{justify-content:flex-start}.pa-row-actions .btn{min-height:34px;padding-inline:10px}.platform-admin-detail-panel{border:1px solid var(--pa-hairline-border);border-radius:var(--pa-soft-radius);box-shadow:var(--pa-soft-shadow);max-height:none!important;position:static!important}.platform-admin-detail-panel .pa-detail-code{display:none}.platform-admin-detail-panel .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-admin-detail-actions .btn{flex:auto}.platform-admin-detail-actions .pa-desktop-only{display:none}.pa-mobile-only{display:inline-flex}.platform-admin-detail-panel .pa-detail-management{display:none}.platform-admin-detail-panel.is-management-open .pa-detail-management{display:grid}.platform-admin-detail-panel:not(.is-management-open) .platform-admin-badges,.platform-admin-detail-panel:not(.is-management-open) .compact-grid{display:none}}:root{--sidebar-rail-width:68px;--sidebar-expanded-width:280px;--sidebar-soft-surface:color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));--sidebar-soft-shadow:0 1px 2px #0f172a05, 0 10px 28px #0f172a0a;--sidebar-active-bg:#007aff1a;--sidebar-hover-bg:#00000008;--sidebar-icon-rest-opacity:.5}.sidebar-shell{width:var(--sidebar-rail-width);min-width:var(--sidebar-rail-width);background:var(--sidebar-soft-surface);box-shadow:none;transition:width var(--transition-base), min-width var(--transition-base), background var(--transition-fast);border-right:0;padding:12px 8px;overflow:visible}.sidebar-shell.is-expanded{width:var(--sidebar-expanded-width);min-width:var(--sidebar-expanded-width);box-shadow:var(--sidebar-soft-shadow);padding:14px 12px;overflow-y:auto}.sidebar-rail-head{align-items:center;gap:10px;min-height:44px;margin-bottom:10px;display:flex}.sidebar-shell.is-collapsed .sidebar-rail-head{justify-content:center}.sidebar-shell.is-expanded .sidebar-rail-head{justify-content:flex-start}.sidebar-rail-toggle{appearance:none;background:0 0;border:0;font-size:18px;line-height:1}.sidebar-product-copy{gap:1px;min-width:0;display:grid}.sidebar-product-title{letter-spacing:-.035em;color:var(--color-text-primary);font-size:15px;font-weight:780}.sidebar-product-sub{color:var(--color-text-tertiary);font-size:11px;font-weight:650}.sidebar-rail-list,.sidebar-rail-bottom{justify-items:center;gap:8px;display:grid}.sidebar-rail-list{flex:1;align-content:start;padding-top:4px}.sidebar-rail-bottom{margin-top:auto;padding-bottom:4px}.sidebar-rail-item{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.sidebar-rail-toggle .nav-icon,.sidebar-rail-profile .nav-icon,.sidebar-rail-item .nav-icon,.sidebar-shell.is-expanded .sidebar-nav-item .nav-icon{opacity:var(--sidebar-icon-rest-opacity);transition:opacity .2s ease, color var(--transition-fast)}.sidebar-rail-item:hover .nav-icon,.sidebar-rail-item.active .nav-icon,.sidebar-rail-profile:hover .nav-icon,.sidebar-shell.is-expanded .sidebar-nav-item:hover .nav-icon,.sidebar-shell.is-expanded .sidebar-nav-item.active .nav-icon{opacity:1}.sidebar-rail-item:hover,.sidebar-rail-item.active{background:var(--sidebar-hover-bg);color:var(--color-text-primary)}.sidebar-rail-item.active{background:var(--sidebar-active-bg);color:var(--color-accent)}.sidebar-rail-item:active{transform:scale(.96)}.sidebar-rail-item:after{content:attr(data-tooltip);z-index:1000;white-space:nowrap;color:#fff;letter-spacing:-.02em;opacity:0;pointer-events:none;background:#000000eb;border-radius:999px;align-items:center;min-height:30px;padding:7px 11px;font-size:12px;font-weight:700;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-2px);box-shadow:0 4px 12px #0000002e}.sidebar-rail-item:hover:after,.sidebar-rail-item:focus-visible:after{opacity:1;transform:translateY(-50%)translate(2px)}.sidebar-shell.is-expanded .sidebar-rail-item:after{display:none}.sidebar-rail-profile{background:var(--color-surface);width:42px;height:42px;box-shadow:var(--sidebar-soft-shadow);color:var(--color-text-primary);border-radius:14px}.sidebar-nav-expanded{flex:1;padding:4px 0 12px}.sidebar-shell.is-expanded .sidebar-section-label{color:var(--color-text-tertiary);letter-spacing:.04em;padding:14px 8px 6px;font-size:10px;font-weight:800}.sidebar-shell.is-expanded .sidebar-nav-item{min-height:38px;color:var(--color-text-secondary);box-shadow:none;background:0 0;border-radius:10px;margin:2px 0;padding:8px 9px}.sidebar-shell.is-expanded .sidebar-nav-item:hover{background:var(--sidebar-hover-bg);color:var(--color-text-primary)}.sidebar-shell.is-expanded .sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--color-accent);box-shadow:none}.sidebar-footer{gap:10px;padding-top:10px;display:grid}.sidebar-footer-settings{width:100%}.sidebar-account-card{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));box-shadow:var(--sidebar-soft-shadow);border-radius:12px;gap:4px;min-width:0;padding:12px;display:grid}.sidebar-account-academy{color:var(--color-text-primary);letter-spacing:-.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:760;line-height:1.3;display:-webkit-box;overflow:hidden}.sidebar-account-meta,.sidebar-account-user,.sidebar-account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);font-size:11px;line-height:1.35;overflow:hidden}.sidebar-account-meta{color:var(--color-text-tertiary);font-weight:700}@media (prefers-color-scheme:dark){:root{--sidebar-hover-bg:#ffffff0a}.sidebar-rail-item:after{color:#111;background:#fffffff0;box-shadow:0 4px 14px #00000052}.sidebar-account-card,.sidebar-rail-profile{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg))}}@media (width>=769px){.sidebar-shell.is-collapsed .sidebar-nav,.sidebar-shell.is-collapsed .sidebar-header,.sidebar-shell.is-collapsed .sidebar-footer{display:none}}@media (width<=768px){.sidebar-shell{z-index:80;height:100vh;padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-shell.is-expanded{width:min(292px,100vw - 22px);min-width:min(292px,100vw - 22px);box-shadow:0 18px 42px #00000029}.topbar{border-bottom:0}.page-content{padding-left:14px}.sidebar-shell.is-expanded .sidebar-rail-item:after{display:none}.app-layout{height:100vh;display:flex;overflow:hidden}.main-content{width:calc(100% - var(--sidebar-rail-width));min-width:0;height:100vh;margin-left:var(--sidebar-rail-width);overflow-y:auto}.topbar-current-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}}.sidebar-shell.is-expanded .sidebar-nav-item .nav-icon svg,.sidebar-footer-settings .nav-icon svg,.sidebar-rail-toggle .nav-icon svg,.sidebar-rail-profile .nav-icon svg,.sidebar-rail-item .nav-icon svg{width:20px;height:20px}.sidebar-account-academy,.sidebar-account-user,.sidebar-account-email{overflow-wrap:anywhere;word-break:break-word}.sidebar-account-user,.sidebar-account-email{max-width:100%}.mode-launcher-grid{justify-content:center;justify-items:center}.mode-launcher-card{width:100%}@media (width<=768px){.app-layout.sidebar-open,.app-layout.sidebar-closed{height:100vh;overflow:hidden;display:flex!important}.app-layout.sidebar-open .sidebar-shell,.app-layout.sidebar-closed .sidebar-shell{flex-direction:column;display:flex!important}.app-layout.sidebar-open .main-content,.app-layout.sidebar-closed .main-content{width:calc(100% - var(--sidebar-rail-width));min-width:0;max-width:calc(100vw - var(--sidebar-rail-width));height:100vh;margin-left:var(--sidebar-rail-width);overflow:hidden auto}.topbar-row2{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.topbar-row2::-webkit-scrollbar{display:none}.topbar-mode-tab,.topbar-current-page{flex:none}}@media (width>=601px){.mode-launcher-grid{justify-content:center;align-items:stretch;gap:var(--spacing-4);flex-wrap:wrap;max-width:760px;margin:0 auto;display:flex}.mode-launcher-card{flex:0 220px;max-width:220px}}@media (width>=769px){.mode-launcher-card{min-height:112px}}
