:root{--primary-color: #4facfe;--primary-dark: #1890ff;--primary-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-color: #ffffff;--bg-gray: #f6f9fc;--bg-soft: #f2f8ff;--text-primary: #243047;--text-secondary: #5f6f89;--border-color: #e5edf7;--success-color: #51cf66}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text-primary);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;background:radial-gradient(circle at 20% 10%,#edf7ff,#f8fbff 45%,#f5f9ff)}h1,h2,h3,h4,p,dl,dd{margin:0}button,input,select{font:inherit}.layout{max-width:1320px;margin:0 auto;padding:20px}.login-wrap{min-height:80vh;display:grid;place-items:center}.login-card{width:100%;max-width:420px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-color);padding:20px;display:grid;gap:12px}.login-card h1{font-size:24px}.login-card p{color:var(--text-secondary);font-size:14px}.login-card label{display:grid;gap:6px}.login-card span{color:var(--text-secondary);font-size:13px}.login-card input{height:40px;border:1px solid var(--border-color);border-radius:10px;padding:0 10px}.login-btn{height:40px;border:0;border-radius:10px;background:var(--primary-gradient);color:#fff;cursor:pointer}.login-error{color:#d94848}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar-actions{display:flex;gap:8px}.topbar h1{font-size:28px;font-weight:700}.topbar p{margin-top:6px;color:var(--text-secondary)}.ghost-btn{height:40px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--primary-dark);border-radius:999px;padding:0 16px;cursor:pointer}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{height:40px;border:0;border-radius:12px;background:#eaf3ff;color:#4f607b;padding:0 14px;cursor:pointer}.tab-btn.active{background:var(--primary-gradient);color:#fff}.content{display:flex;flex-direction:column;gap:14px}.hero-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-card article{background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:16px}.hero-card h2{font-size:26px;color:var(--primary-dark);font-weight:700}.hero-card span{color:var(--text-secondary);font-size:13px}.hero-card small{display:block;margin-top:6px;color:#6f7f98;font-size:12px}.revenue-hero{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.search-input{width:260px;max-width:100%;height:38px;border:1px solid var(--border-color);border-radius:10px;padding:0 12px;background:#fbfdff}.teacher-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.date-input{width:150px;max-width:100%;height:38px;border:1px solid var(--border-color);border-radius:10px;padding:0 10px;background:#fbfdff;color:var(--text-primary)}.state{border-radius:12px;background:var(--bg-soft);color:var(--text-secondary);text-align:center;padding:20px}.teacher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.teacher-table-wrap{overflow-x:auto}.teacher-table{min-width:980px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.teacher-row{display:grid;grid-template-columns:1.5fr 1.1fr 1.1fr 1fr .75fr .75fr .9fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px;background:#fff}.teacher-subscription-cell{display:flex;flex-direction:column;gap:4px}.teacher-subscription-cell small{color:var(--text-secondary);font-size:11px}.teacher-row:last-child{border-bottom:0}.teacher-row-head{background:#f4f8ff;color:#5c6d88;font-weight:600}.teacher-main-cell{display:flex;flex-direction:column;gap:2px}.teacher-main-cell strong{color:var(--text-primary)}.teacher-main-cell small{color:var(--text-secondary);font-size:12px}.teacher-avatar-wrap{display:flex;align-items:center;gap:10px}.teacher-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.teacher-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid var(--border-color)}.teacher-info{display:flex;flex-direction:column;gap:2px}.teacher-expand{border-bottom:1px solid var(--border-color);background:#fbfdff;padding:10px 12px 12px}.teacher-card{border:1px solid var(--border-color);background:#fcfdff;border-radius:14px;padding:14px}.teacher-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.teacher-head h4{font-size:18px}.teacher-head p{margin-top:4px;color:var(--text-secondary);font-size:13px}.tag{background:#51cf6624;color:#228f38;border:1px solid rgba(81,207,102,.24);border-radius:999px;padding:6px 10px;font-size:12px}.meta-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meta-grid div{border-radius:10px;background:var(--bg-soft);padding:8px 10px}.meta-grid dt{color:var(--text-secondary);font-size:12px}.meta-grid dd{margin-top:4px;font-size:13px;line-height:1.4;word-break:break-word}.students-block{margin-top:10px;border-top:1px dashed var(--border-color);padding-top:10px}.link-btn{border:0;background:transparent;color:var(--primary-dark);padding:0;cursor:pointer}.link-btn.danger{color:#c62828}.student-list{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.student-chip{border-radius:999px;padding:6px 10px;background:#4facfe24;font-size:12px}.empty-text{color:var(--text-secondary);font-size:13px}.invite-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invite-summary>div{border:1px solid var(--border-color);border-radius:14px;background:var(--bg-color);padding:14px}.invite-summary strong{display:block;font-size:24px;color:var(--primary-dark)}.invite-summary span{color:var(--text-secondary);font-size:13px}.invite-summary p{grid-column:1 / -1;color:var(--text-secondary);font-size:13px;padding:0 2px}.trend-list{display:flex;flex-direction:column;gap:10px}.trend-item{border:1px solid var(--border-color);border-radius:12px;background:#fcfdff;padding:10px}.trend-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.trend-line strong{font-size:14px}.trend-line span{font-size:13px;color:var(--text-secondary)}.progress-bg{height:10px;border-radius:999px;background:#4facfe1f;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:var(--primary-gradient)}@media(max-width:1024px){.teacher-grid{grid-template-columns:1fr}}.subscription-hero{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-filters select{height:38px;border:1px solid var(--border-color);border-radius:10px;padding:0 12px;background:#fbfdff;color:var(--text-primary)}.subscription-table-wrap{overflow-x:auto}.subscription-table{min-width:1380px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.subscription-row{display:grid;grid-template-columns:1fr 1.2fr .75fr .85fr .85fr 1fr .75fr .85fr 1.2fr 1.2fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px;background:#fff}.mono{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.subscription-row:last-child{border-bottom:0}.subscription-row-head{background:#f4f8ff;color:#5c6d88;font-weight:600}.subscription-row .mono{font-family:SF Mono,Monaco,Consolas,monospace;color:var(--primary-dark);font-size:12px}.subscription-row .teacher-cell{display:flex;flex-direction:column;gap:2px}.subscription-row .teacher-cell strong{color:var(--text-primary)}.subscription-row .teacher-cell small{color:var(--text-secondary);font-size:11px}.subscription-row .amount-cell{display:flex;flex-direction:column;gap:2px}.subscription-row .amount-cell strong{color:var(--text-primary)}.subscription-row .amount-cell small{color:var(--text-secondary);font-size:11px}.status-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-pending{background:#fff3e0;color:#e65100}.status-active{background:#e8f5e9;color:#2e7d32}.status-expired{background:#f5f5f5;color:#757575}.status-cancelled{background:#ffebee;color:#c62828}.action-cell{display:flex;gap:8px;align-items:center}.confirm-btn{height:32px;border:0;border-radius:8px;background:var(--success-color);color:#fff;padding:0 12px;font-size:12px;cursor:pointer}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-link{border:0;background:transparent;color:#c62828;font-size:12px;cursor:pointer;text-decoration:underline}.success-text{color:var(--success-color);font-size:12px}.muted-text{color:var(--text-secondary);font-size:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;color:#fff;border-radius:999px;font-size:11px;font-weight:600;margin-left:6px}.qr-code-panel{margin-top:14px}.qr-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qr-code-item{border:1px solid var(--border-color);border-radius:14px;padding:20px;background:#fcfdff}.qr-code-item h4{font-size:16px;margin-bottom:14px;color:var(--text-primary)}.qr-code-box{display:flex;justify-content:center;margin-bottom:14px}.qr-placeholder{width:200px;height:200px;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-soft);color:var(--text-secondary)}.qr-placeholder span{font-size:14px;font-weight:500}.qr-placeholder small{font-size:12px;color:var(--text-secondary)}.qr-tip{font-size:12px;color:var(--text-secondary);line-height:1.6;margin:0}.qr-format-hint{font-size:11px;color:#8f9aae;margin:8px 0 0;text-align:center}.customer-message-table-wrap{overflow-x:auto}.customer-message-table{min-width:1000px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.customer-message-row{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 2fr .8fr .8fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px;background:#fff}.customer-message-row:last-child{border-bottom:0}.customer-message-row-head{background:#f4f8ff;color:#5c6d88;font-weight:600}.customer-message-row .message-content-cell{white-space:normal;line-height:1.5;word-break:break-word}@media(max-width:768px){.layout{padding:12px}.topbar{align-items:flex-start;flex-direction:column}.hero-card,.revenue-hero,.invite-summary,.meta-grid,.subscription-hero{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:stretch}.teacher-filters,.subscription-filters,.search-input,.date-input{width:100%}.qr-code-grid{grid-template-columns:1fr}}.qr-code-img{width:200px;height:200px;border-radius:12px;object-fit:contain;border:1px solid var(--border-color)}.qr-actions{display:flex;justify-content:center;margin-bottom:12px}.upload-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;background:var(--primary-gradient);color:#fff;border-radius:8px;font-size:13px;cursor:pointer;transition:opacity .2s}.upload-btn:hover{opacity:.9}.upload-btn.uploading{opacity:.6;cursor:not-allowed}.email-test-section{padding:16px 0}.email-desc{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.email-input-group{display:flex;gap:12px;flex-wrap:wrap}.email-input{flex:1;min-width:240px;height:40px;border:1px solid var(--border-color);border-radius:8px;padding:0 12px;font-size:14px}.email-test-btn{height:40px;padding:0 20px;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.email-test-btn:disabled{opacity:.6;cursor:not-allowed}.admin-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-table-wrap{overflow-x:auto}.admin-table{min-width:1080px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.admin-row{display:grid;grid-template-columns:.5fr 1.1fr 1fr .9fr .8fr 1.4fr 1fr 1.2fr 2fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px;background:#fff}.admin-row.admin-row-7cols{grid-template-columns:.5fr 1.2fr 1fr 1fr .8fr 1.2fr 2fr}.admin-email-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row:last-child{border-bottom:0}.admin-row-head{background:#f4f8ff;color:#5c6d88;font-weight:600}.admin-row .action-cell{display:flex;gap:8px}.admin-row .link-btn.danger{color:#c62828}.status-disabled{background:#f5f5f5;color:#757575}.status-failed{background:#ffebee;color:#c62828}.primary-btn{height:38px;padding:0 16px;background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;font-size:13px;cursor:pointer}.primary-btn:hover{opacity:.9}.log-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.log-filters select{height:38px;border:1px solid var(--border-color);border-radius:10px;padding:0 12px;background:#fbfdff;color:var(--text-primary)}.log-table-wrap{overflow-x:auto}.log-table{min-width:800px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.log-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 2fr 1fr;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:13px;background:#fff}.log-row:last-child{border-bottom:0}.log-row-head{background:#f4f8ff;color:#5c6d88;font-weight:600}.log-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row .fail-reason{color:#c62828}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.pagination span{color:var(--text-secondary);font-size:13px}.pagination .ghost-btn:disabled{opacity:.5;cursor:not-allowed}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #00000026;z-index:9999;min-width:280px;max-width:480px}.toast-success{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.toast-error{background:linear-gradient(135deg,#ff6b6b,#f03e3e);color:#fff}.toast-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff3;font-size:14px;flex-shrink:0}.toast-message{flex:1;line-height:1.5}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-color);border-radius:16px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;height:40px;border:1px solid var(--border-color);border-radius:10px;padding:0 12px;background:#fbfdff;font-size:14px}.form-textarea{width:100%;border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;background:#fbfdff;font-size:14px;line-height:1.6;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:8px}.form-checkbox input{width:16px;height:16px}.form-checkbox label{margin-bottom:0}.announcement-list{display:flex;flex-direction:column;gap:12px}.announcement-item{border:1px solid var(--border-color);border-radius:12px;padding:14px;background:#fcfdff}.announcement-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.announcement-head h4{font-size:16px}.announcement-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--text-secondary);font-size:12px}.announcement-content{margin:0;color:var(--text-primary);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:768px){.admin-filters,.log-filters,.admin-filters input,.admin-filters select,.admin-filters button,.log-filters input,.log-filters select,.log-filters button{width:100%}.modal{padding:16px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.email-status-cell{display:flex;flex-direction:column;gap:2px}.email-status-cell .resend-count{color:var(--text-secondary);font-size:11px}.status-failed{background:#ff6b6b24!important;color:#dc3545!important;border-color:#ff6b6b3d!important}.text-muted{color:var(--text-secondary)}.required{color:#dc3545}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ghost-btn.danger{color:#dc3545;border-color:#ff6b6b4d}.ghost-btn.danger:hover{background:#ff6b6b1a;border-color:#ff6b6b80}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p{margin-bottom:20px}.config-list{display:flex;flex-direction:column;gap:16px}.config-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:var(--bg-gray);border-radius:12px;border:1px solid var(--border-color)}.config-info{flex:1;min-width:0}.config-key{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.config-desc{font-size:13px;color:var(--text-secondary);margin-bottom:10px;line-height:1.5}.config-meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.config-type{background:var(--bg-soft);padding:2px 8px;border-radius:4px}.config-value-section{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:200px}.config-value{font-size:14px;color:var(--text-primary);font-weight:500;padding:8px 12px;background:var(--bg-color);border-radius:8px;border:1px solid var(--border-color);max-width:300px;word-break:break-all}.config-input{width:100%;min-width:200px;padding:8px 12px;border:1px solid var(--primary-color);border-radius:8px;font-size:14px}.config-actions{display:flex;gap:8px}@media(max-width:768px){.config-item{flex-direction:column;gap:16px}.config-value-section{width:100%;align-items:stretch}.config-value,.config-input{max-width:100%}}