*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--header-bg: #0f172a;--bg: #f1f5f9;--card-bg: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-secondary: #64748b;--red: #ef4444;--orange: #f97316;--green: #22c55e;--blue: #4f8ef7;--radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08)}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);height:100vh;overflow:hidden}.app--wide{max-width:95vw}.scroll-body{flex:1;min-height:0;overflow-y:auto;padding:12px 16px 32px;display:flex;flex-direction:column;gap:10px}.scroll-body>*{flex-shrink:0}.header{background:var(--header-bg);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-logo{display:flex;align-items:center;gap:8px}.header-logo-icon{font-size:20px}.header-logo-text{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px;flex:1;text-align:center}.header-menu{background:none;border:none;color:#94a3b8;font-size:20px;cursor:pointer;padding:2px 6px;border-radius:6px}.header-menu:hover{color:#fff}.back-btn{background:none;border:none;color:#94a3b8;font-size:28px;line-height:1;cursor:pointer;padding:0 4px;margin-right:4px}.back-btn:hover{color:#fff}.header-count{background:#1e293b;color:#94a3b8;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px}.search-wrap{padding:4px 0 2px}.search-input{width:100%;padding:9px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text);outline:none;box-shadow:var(--shadow)}.search-input:focus{border-color:var(--blue)}.search-input::placeholder{color:#94a3b8}.selectors-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.selector-row{padding:10px 14px;display:flex;flex-direction:column;gap:6px}.selector-compact-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.selector-compact-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.selector-divider{height:1px;background:var(--border)}.selector-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary)}.selector-wrap{display:flex;align-items:center;gap:8px}.selector-icon{font-size:16px}.selector{flex:1;background:none;border:none;font-size:15px;font-weight:500;color:var(--text);font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.selector:focus{outline:none}.selector-chevron{color:var(--text-secondary);font-size:14px;pointer-events:none}.selector-label-row{display:flex;align-items:center;justify-content:space-between}.selector-label-group{display:flex;align-items:center;gap:3px}.selector-edit-btn{background:none;border:none;font-size:11px;font-weight:600;color:var(--blue);cursor:pointer;font-family:inherit;padding:0;letter-spacing:.03em}.selector-edit-btn:hover{text-decoration:underline}.selector-label-actions{display:flex;align-items:center;gap:6px}.class-auto-toggle{background:none;border:1px solid var(--border);border-radius:10px;font-size:10px;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:2px 7px;font-family:inherit;letter-spacing:.03em;transition:background .15s,color .15s,border-color .15s}.class-auto-toggle:hover{border-color:var(--blue);color:var(--blue)}.class-auto-toggle--on{background:#eff6ff;border-color:var(--blue);color:var(--blue)}.class-switch-nudge{display:flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:7px 10px;font-size:12px;animation:nudge-in .2s ease}@keyframes nudge-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.class-switch-nudge-text{flex:1;color:#1e3a5f}.class-switch-nudge-text strong{color:#1d4ed8}.class-switch-nudge-yes{background:var(--blue);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:filter .15s}.class-switch-nudge-yes:hover{filter:brightness(1.1)}.class-switch-nudge-dismiss{background:none;border:none;color:#93c5fd;cursor:pointer;font-size:13px;padding:0 2px;line-height:1;transition:color .15s}.class-switch-nudge-dismiss:hover{color:#1e3a5f}.status-bar{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-inline{display:flex;align-items:center;gap:5px}.status-left{display:flex;flex-direction:column;gap:4px}.status-scan-time{font-size:12px;color:var(--text-secondary)}.status-online{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--green)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.update-now-btn{padding:6px 14px;background:var(--blue);border:none;border-radius:20px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:opacity .15s}.update-now-btn:hover:not(:disabled){opacity:.85}.update-now-btn:disabled{opacity:.5;cursor:not-allowed}.scan-error-msg{margin:0 16px 8px;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:12px}.scan-progress-wrap{display:flex;flex-direction:column;gap:4px}.scan-progress-bar-wrap{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.scan-progress-bar-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .4s ease;min-width:4px}.scan-progress-label{font-size:11px;color:var(--text-secondary);text-align:center}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-combo-card{border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;display:flex;flex-direction:column;gap:0;border-top:3px solid transparent}.stat-combo-activity{background:#fef2f2;border-top-color:var(--red)}.stat-combo-credits{background:#eff6ff;border-top-color:var(--blue)}.stat-combo-row{display:flex;align-items:center;gap:7px;padding:5px 0}.stat-combo-divider{height:1px;background:#00000012;margin:0}.stat-combo-num{font-size:17px;font-weight:700;line-height:1;min-width:36px;text-align:right;color:var(--text);flex-shrink:0}.stat-combo-num--sm{font-size:14px}.stat-combo-num--red{color:var(--red)}.stat-combo-num--green{color:var(--green)}.stat-combo-label{flex:1;font-size:9px;font-weight:700;letter-spacing:.07em;color:var(--text-secondary)}.stat-combo-aside{font-size:10px;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.stat-combo-aside--dim{opacity:.6}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-label{font-size:9px;font-weight:700;letter-spacing:.07em;color:var(--text-secondary)}.stat-pct{font-size:11px;color:var(--text-secondary)}.buy-credits-btn{margin-top:2px;padding:2px 8px;font-size:10px;font-weight:600;color:var(--blue);background:none;border:1px solid var(--blue);border-radius:10px;cursor:pointer;white-space:nowrap}.buy-credits-btn:hover{background:var(--blue);color:#fff}.billing-toggle{display:flex;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;gap:2px}.billing-tab{flex:1;padding:8px 4px;border:none;border-radius:8px;background:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .12s,color .12s}.billing-tab-active{background:var(--blue);color:#fff;font-weight:600}.billing-tab-badge{font-size:10px;font-weight:700;background:#ffffff40;color:inherit;padding:1px 6px;border-radius:8px;white-space:nowrap}.billing-tab:not(.billing-tab-active) .billing-tab-badge{background:#dcfce7;color:#15803d}.plan-card-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.plan-card-price-unit{font-size:13px;font-weight:500}.plan-card-billed{font-size:10px;color:var(--text-secondary);white-space:nowrap}.plan-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--border);padding:18px 16px 14px;position:relative;display:flex;flex-direction:column;gap:8px}.plan-card-recommended{border-color:var(--blue)}.plan-card-current{border-color:var(--green)}.plan-card-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 10px;border-radius:10px;white-space:nowrap}.plan-card-badge-current{background:var(--green)}.plan-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.plan-card-name{font-size:16px;font-weight:700;color:var(--text)}.plan-card-price{font-size:17px;font-weight:700;color:var(--blue);white-space:nowrap}.plan-card-current .plan-card-price{color:var(--green)}.plan-card-yearly{font-size:11px;color:var(--text-secondary);margin-top:-4px}.plan-card-features{list-style:none;display:flex;flex-direction:column;gap:5px;padding:4px 0;border-top:1px solid var(--border);margin-top:2px}.plan-card-feature{font-size:12px;color:var(--text);display:flex;align-items:flex-start;gap:7px;line-height:1.4}.plan-feature-check{color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px}.plan-card-btn{margin-top:4px;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .12s}.plan-card-btn:hover{background:#e2e8f0}.plan-card-btn-popular{background:var(--blue);color:#fff;border-color:var(--blue)}.plan-card-btn-popular:hover{background:#3a7ef5}.plan-card-current-label{margin-top:4px;padding:9px;border-radius:8px;border:1px solid var(--green);background:#22c55e14;font-size:13px;font-weight:600;color:var(--green);text-align:center}.footer-plan-bar{width:100%;background:#f1f5f9;border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:6px;text-align:left}.footer-plan-bar:hover{background:#e2e8f0}.footer-plan-name{font-size:12px;color:var(--text-secondary)}.footer-plan-name strong{color:var(--text)}.footer-upgrade-btn{font-size:12px;font-weight:600;color:var(--blue);white-space:nowrap}.limit-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#92400e;margin-bottom:2px}.limit-banner-upgrade{background:none;border:none;font-size:12px;font-weight:600;color:var(--blue);cursor:pointer;white-space:nowrap;padding:0}.buy-credits-intro{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);line-height:1.5}.buy-credits-intro strong{color:var(--text)}.buy-credits-balance{margin-top:4px;font-size:13px;color:var(--text)}.credit-tiers{display:flex;flex-direction:column;gap:10px}.credit-tier-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--border);padding:16px;position:relative;display:flex;flex-direction:column;gap:6px}.credit-tier-popular{border-color:var(--blue)}.credit-tier-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 10px;border-radius:10px;white-space:nowrap}.credit-tier-top{display:flex;align-items:baseline;justify-content:space-between}.credit-tier-price{font-size:28px;font-weight:700;color:var(--text)}.credit-tier-credits{font-size:16px;font-weight:600;color:var(--blue)}.credit-tier-rate{font-size:12px;color:var(--text-secondary)}.credit-tier-bonus{font-size:12px;font-weight:600;color:var(--green)}.credit-tier-bonus--empty{color:var(--text-secondary);font-weight:400}.credit-tier-btn{margin-top:6px;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .12s,color .12s}.credit-tier-btn:hover:not(:disabled){background:#e2e8f0}.credit-tier-btn-popular{background:var(--blue);color:#fff;border-color:var(--blue)}.credit-tier-btn-popular:hover:not(:disabled){background:#3a7ef5}.credit-tier-btn:disabled{opacity:.5;cursor:default}.buy-credits-note{text-align:center;font-size:11px;color:var(--text-secondary);padding:4px 0 8px}.stat-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.stat-pct{font-size:11px;color:var(--text-secondary);margin-top:2px}.section-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;cursor:pointer;font-family:inherit;border-bottom:1px solid var(--border);text-align:left}.section-header:hover{background:#f8fafc}.section-drag-grip{color:#cbd5e1;font-size:11px;cursor:grab;margin-right:2px;opacity:0;transition:opacity .15s;line-height:1;-webkit-user-select:none;user-select:none;flex-shrink:0}.section-card:hover .section-drag-grip{opacity:1}.section-card.section-dragging{opacity:.35;cursor:grabbing}.section-card.section-drag-over{outline:2px dashed #6366f1;outline-offset:-2px;background:#f5f3ff}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text)}.section-icon{font-size:16px}.section-chevron{color:var(--text-secondary);font-size:12px}.section-body{padding:4px 0}.ql-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.ql-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 4px;border-radius:8px;text-decoration:none;border:1px solid transparent;transition:filter .15s,transform .1s}.ql-tile:hover{filter:brightness(.93);transform:translateY(-1px)}.ql-tile:active{transform:translateY(0)}.ql-tile-icon{display:flex;align-items:center;justify-content:center}.ql-tile-label{font-size:9.5px;font-weight:600;letter-spacing:.1px;text-align:center;line-height:1.2}.ql-edit-panel{padding:10px 12px 12px}.ql-edit-hint{font-size:11px;color:#64748b;margin:0 0 8px}.ql-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.ql-edit-item{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:500;-webkit-user-select:none;user-select:none}.ql-edit-item input[type=checkbox]{width:13px;height:13px;flex-shrink:0;accent-color:currentColor}.ql-edit-icon{display:flex;align-items:center;flex-shrink:0}.ql-edit-label{flex:1}.section-header-actions{margin-left:auto;margin-right:6px}.ql-edit-hint--section{margin-top:12px;padding-top:10px;border-top:1px solid #f1f5f9;font-weight:600;color:#475569}.ql-custom-list{display:flex;flex-direction:column;gap:4px;margin-bottom:2px}.ql-custom-item{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;border:1px solid transparent;font-size:11px;font-weight:500}.ql-custom-icon{flex-shrink:0;font-size:14px;line-height:1}.ql-custom-label{font-weight:600;white-space:nowrap;flex-shrink:0}.ql-custom-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.6;font-size:10px;min-width:0}.ql-custom-delete{background:none;border:none;cursor:pointer;color:currentColor;opacity:.45;font-size:11px;padding:2px 5px;border-radius:4px;line-height:1;flex-shrink:0;transition:opacity .1s,background .1s}.ql-custom-delete:hover{opacity:1;background:#00000017}.ql-add-form{margin-top:4px}.ql-add-row{margin-bottom:6px}.ql-add-icon-select{width:100%;font-size:13px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;cursor:pointer;color:#374151;font-family:inherit}.ql-add-icon-select:focus{outline:none;border-color:#6366f1}.ql-color-swatches{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.ql-color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s;outline:none}.ql-color-swatch:hover{transform:scale(1.18)}.ql-color-swatch--active{box-shadow:0 0 0 2px #fff,0 0 0 4px #374151;transform:scale(1.1)}.ql-color-swatch.ql-blue{background:#2563eb}.ql-color-swatch.ql-green{background:#15803d}.ql-color-swatch.ql-purple{background:#7c3aed}.ql-color-swatch.ql-orange{background:#ea580c}.ql-color-swatch.ql-teal{background:#0f766e}.ql-color-swatch.ql-red{background:#be123c}.ql-color-swatch.ql-indigo{background:#4338ca}.ql-color-swatch.ql-yellow{background:#a16207}.ql-color-swatch.ql-pink{background:#be185d}.ql-color-swatch.ql-cyan{background:#0e7490}.ql-color-swatch.ql-lime{background:#4d7c0f}.ql-color-swatch.ql-amber{background:#b45309}.ql-color-swatch.ql-slate{background:#475569}.ql-add-input{display:block;width:100%;font-size:12px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#374151;margin-bottom:5px;font-family:inherit;box-sizing:border-box}.ql-add-input:focus{outline:none;border-color:#6366f1}.ql-add-input::placeholder{color:#94a3b8}.ql-add-btn{display:block;width:100%;background:#6366f1;color:#fff;border:none;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;margin-top:2px}.ql-add-btn:hover:not(:disabled){background:#4f46e5}.ql-add-btn:disabled{opacity:.4;cursor:not-allowed}.ql-blue{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.ql-green{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.ql-purple{background:#faf5ff;color:#7c3aed;border-color:#e9d5ff}.ql-orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.ql-teal{background:#f0fdfa;color:#0f766e;border-color:#99f6e4}.ql-red{background:#fff1f2;color:#be123c;border-color:#fecdd3}.ql-slate{background:#f8fafc;color:#475569;border-color:#cbd5e1}.ql-indigo{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.ql-yellow{background:#fefce8;color:#a16207;border-color:#fde68a}.ql-pink{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}.ql-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.ql-cyan{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.ql-lime{background:#f7fee7;color:#4d7c0f;border-color:#d9f99d}.ql-stone{background:#fafaf9;color:#57534e;border-color:#d6d3d1}.section-empty{padding:20px 16px;font-size:13px;color:var(--text-secondary);text-align:center}.list-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f1f5f9;transition:background .1s}.list-row:last-child{border-bottom:none}.list-row:hover{background:#f8fafc}.section-scroll-list{max-height:232px;overflow-y:auto;overflow-x:hidden}.section-scroll-list::-webkit-scrollbar{width:4px}.section-scroll-list::-webkit-scrollbar-track{background:transparent}.section-scroll-list::-webkit-scrollbar-thumb{background:var(--border, #e2e8f0);border-radius:4px}.section-scroll-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #94a3b8)}.type-row-quiz{background:#eff6ff}.type-row-quiz:hover{background:#dbeafe}.type-row-assignment{background:#fffbeb}.type-row-assignment:hover{background:#fef3c7}.type-row-google{background:#f0fdf4}.type-row-google:hover{background:#dcfce7}.row-type-label{display:block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;line-height:1}.row-type-quiz{color:#3b82f6}.row-type-assignment{color:#ef4444}.row-type-google{color:#16a34a}.watched-legend{display:flex;gap:14px;padding:8px 16px 10px;border-top:1px solid #f1f5f9}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}.legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-swatch-quiz{background:#93c5fd}.legend-swatch-assignment{background:#fca5a5}.legend-swatch-google{background:#86efac}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.assignment-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.row-name{flex:1;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;flex-shrink:0}.badge-red{background:#fef2f2;color:var(--red)}.badge-green{background:#f0fdf4;color:var(--green)}.badge-gray{background:#f1f5f9;color:var(--text-secondary)}.badge-amber{background:#fef9c3;color:#b45309}.row-badge-inline{display:flex;align-items:center;gap:5px;flex-shrink:0}.row-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-red{background:var(--red)}.dot-green{background:var(--green)}.dot-gray{background:#cbd5e1}.color-red{font-size:12px;color:var(--red)}.color-green{font-size:12px;color:var(--green)}.color-gray{font-size:12px;color:var(--text-secondary)}.row-chevron-btn{background:none;border:none;padding:4px 2px;cursor:pointer;flex-shrink:0;line-height:1;border-radius:4px;transition:background .1s}.row-chevron-btn:hover:not(:disabled){background:#e2e8f0}.row-chevron-btn:disabled{cursor:default}.row-chevron-btn-hidden{visibility:hidden}.row-chevron{color:#cbd5e1;font-size:16px;flex-shrink:0;transition:transform .18s ease;display:inline-block}.row-chevron-open{transform:rotate(90deg);color:#94a3b8}.student-d2l-link{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#eff6ff;color:#3b82f6;text-decoration:none;flex-shrink:0;border:1px solid #bfdbfe;transition:background .15s,border-color .15s}.student-d2l-link svg{display:block}.student-d2l-link:hover{background:#dbeafe;border-color:#93c5fd}.student-d2l-link--progress{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.student-d2l-link--progress:hover{background:#dcfce7;border-color:#86efac}.student-d2l-link--portfolio{background:#faf5ff;color:#9333ea;border-color:#e9d5ff}.student-d2l-link--portfolio:hover{background:#f3e8ff;border-color:#d8b4fe}.student-row-wrap{display:flex;flex-direction:column}.student-missing-list{background:#f8fafc;border-top:1px solid #e2e8f0;padding:4px 0}.student-missing-actions{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #e2e8f0}.student-missing-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;color:#475569;white-space:nowrap;transition:background .12s,border-color .12s}.student-missing-action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.student-missing-action-btn:disabled{opacity:.4;cursor:default}.student-missing-item{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 6px 36px;gap:8px;border-bottom:1px solid #f1f5f9}.student-missing-item:last-child{border-bottom:none}.student-missing-title{font-size:12px;color:var(--text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-missing-label{font-size:11px;color:var(--text-secondary);flex-shrink:0;padding:2px 6px;border-radius:4px;background:#0000000d}.view-all{padding:10px 16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.view-all-btn{background:none;border:none;color:var(--blue);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit}.view-all-btn:hover{text-decoration:underline}.edit-classlist-btn{background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;margin-left:auto}.edit-classlist-btn:hover{color:var(--blue);text-decoration:underline}.student-list-bar{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid #f1f5f9;flex-wrap:wrap}.slbar-btn{padding:4px 10px;border-radius:16px;border:1px solid var(--border);background:none;color:var(--text-dim);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.slbar-btn:hover{border-color:var(--blue);color:var(--blue)}.slbar-btn-active{background:var(--blue);border-color:var(--blue);color:#fff}.slbar-btn-active:hover{background:var(--blue);color:#fff}.slbar-btn-edit{border-color:transparent;color:var(--text-dim)}.slbar-btn-edit:hover{border-color:transparent;color:var(--blue);text-decoration:underline;background:none}.slbar-spacer{flex:1}.slbar-btn-icon{padding:2px 7px;font-size:14px;border-color:transparent;background:none}.slbar-btn-icon:hover{background:var(--surface-hover, #f1f5f9);border-color:var(--border)}.quick-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.quick-row:last-child{border-bottom:none}.quick-row:hover:not(:disabled){background:#f8fafc}.quick-row:disabled{opacity:.4;cursor:not-allowed}.quick-icon{font-size:20px;flex-shrink:0}.quick-text{flex:1;display:flex;flex-direction:column;gap:2px}.quick-label{font-size:14px;font-weight:500;color:var(--text)}.quick-desc{font-size:11px;color:var(--text-secondary)}.footer{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.footer-support{font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.5}.footer-support a{color:#2aabee;text-decoration:none;font-weight:500}.footer-support a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:11px;color:var(--text-secondary)}.footer-logout{background:none;border:none;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit}.footer-logout:hover{color:var(--red)}.footer-settings{background:none;border:none;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:8px;position:relative}.footer-settings:hover{color:var(--text)}@keyframes ql-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(11deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}@keyframes ql-halo-pulse{0%,to{box-shadow:0 0 #fb923c8c,0 0 #fb923c40}50%{box-shadow:0 0 0 5px #fb923c59,0 0 0 10px #fb923c1a}}.footer-settings--nudge{color:#ea580c;animation:ql-wiggle 1.8s ease-in-out .4s 3,ql-halo-pulse 2s ease-in-out infinite}.footer-settings--nudge:hover{color:#c2410c}@keyframes no-class-nudge-halo{0%,to{box-shadow:0 0 #6366f180,0 0 #6366f133}50%{box-shadow:0 0 0 5px #6366f14d,0 0 0 11px #6366f114}}@keyframes no-class-nudge-wiggle{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.no-class-nudge{display:flex;align-items:flex-start;gap:9px;margin:10px 12px 4px;padding:11px 14px;border-radius:10px;background:#eef2ff;color:#4338ca;border:1.5px solid #c7d2fe;font-size:13px;font-weight:500;text-decoration:none;line-height:1.4;cursor:pointer;animation:no-class-nudge-wiggle 1.6s ease-in-out .5s 3,no-class-nudge-halo 2.2s ease-in-out infinite}.no-class-nudge:hover{background:#e0e7ff;border-color:#a5b4fc;animation:no-class-nudge-halo 2.2s ease-in-out infinite}.no-class-nudge strong{font-weight:700}.no-class-nudge-icon{font-size:18px;flex-shrink:0;margin-top:1px}.no-class-nudge-sub{display:block;font-size:11px;color:#6366f1;margin-top:2px}.no-class-nudge-tip-hint{color:#4f46e5;font-style:italic}.no-class-nudge-wrap{position:relative}.no-class-tip-popup{position:absolute;top:calc(100% + 6px);left:12px;right:12px;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:12px 14px 10px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:200}.no-class-nudge-wrap:hover .no-class-tip-popup{opacity:1;transform:translateY(0)}.no-class-restore-hint{margin-top:10px;text-align:center;font-size:.82em;color:var(--text-secondary, #94a3b8)}.no-class-restore-btn{background:none;border:none;color:var(--accent, #4DB8C8);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.tip-diagram{display:flex;gap:5px;height:72px;margin-bottom:8px}.tip-win{border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tip-win--cw{flex:0 0 32%;background:#1a4a52;border:2px solid #4DB8C8;color:#e0f7fa}.tip-win--bs{flex:1;background:#003d7a;border:2px solid #005cbf;color:#cce0ff}.tip-diagram-caption{font-size:11px;color:#94a3b8;margin:0;line-height:1.4}.footer-actions{display:flex;align-items:center;gap:14px}.refer-tooltip-wrap{position:relative}.footer-refer{background:none;border:none;font-size:12px;font-weight:600;color:var(--blue);cursor:pointer;font-family:inherit;padding:0}.footer-refer:hover{text-decoration:underline}.refer-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:11px;font-weight:500;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.refer-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f172a}.refer-tooltip-wrap:hover .refer-tooltip{opacity:1}.referral-panel{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.referral-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.referral-panel-title{font-size:13px;font-weight:700;color:#166534}.referral-panel-desc{font-size:11px;color:#15803d;margin-top:2px}.referral-close{background:none;border:none;color:#86efac;font-size:14px;cursor:pointer;line-height:1;padding:0;flex-shrink:0}.referral-close:hover{color:#166534}.referral-link-row{display:flex;gap:6px}.referral-link-input{flex:1;min-width:0;padding:6px 10px;border:1px solid #86efac;border-radius:7px;font-size:11px;font-family:monospace;background:#fff;color:var(--text);outline:none}.referral-copy-btn{padding:6px 12px;background:#22c55e;color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.referral-copy-btn:hover{opacity:.85}.referral-loading{font-size:12px;color:#15803d;text-align:center;padding:2px 0}.import-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.import-banner-top{display:flex;align-items:center;gap:8px}.import-banner-icon{font-size:18px;flex-shrink:0}.import-banner-title{flex:1;font-size:12px;font-weight:700;color:var(--blue)}.import-banner-bottom{display:flex;gap:8px}.import-name-input{flex:1;padding:7px 10px;border:1px solid #bfdbfe;border-radius:8px;font-size:13px;font-family:inherit;color:var(--text);background:#fff;outline:none}.import-name-input:focus{border-color:var(--blue)}.import-btn-yes{padding:7px 16px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.import-btn-yes:hover:not(:disabled){opacity:.85}.import-btn-yes:disabled{opacity:.4;cursor:not-allowed}.import-btn-no{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:2px 4px;line-height:1;flex-shrink:0}.import-btn-no:hover{color:var(--red)}.setup-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.setup-card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.setup-logo{display:flex;align-items:center;gap:8px;margin-bottom:4px}.setup-logo-icon{font-size:28px}.setup-logo-text{font-size:22px;font-weight:700;color:var(--header-bg)}.setup-title{font-size:18px;font-weight:700;color:var(--text)}.setup-body{font-size:13px;color:var(--text-secondary);line-height:1.6}.setup-body code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:12px}.setup-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:monospace;color:var(--text);outline:none;margin-bottom:8px}.setup-input:focus{border-color:var(--blue)}.setup-error{font-size:12px;color:var(--red);margin-bottom:8px}.setup-btn{width:100%;padding:11px;background:var(--header-bg);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.setup-btn:hover:not(:disabled){opacity:.9}.setup-btn:disabled{opacity:.4;cursor:not-allowed}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 16px;margin-bottom:4px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000026}.auth-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--text-muted, #94a3b8);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border, #2a3f5f)}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%}.auth-info{font-size:13px;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;text-align:center;line-height:1.4}.auth-links{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.auth-link{background:none;border:none;color:var(--blue);font-size:13px;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{opacity:.75}.auth-link--center{display:block;margin:16px auto 0}.auth-loading{display:flex;gap:6px;align-items:center;justify-content:center;height:100%}.auth-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:auth-dot-pulse 1.2s ease-in-out infinite}.auth-loading-dot:nth-child(2){animation-delay:.2s}.auth-loading-dot:nth-child(3){animation-delay:.4s}@keyframes auth-dot-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.class-meta-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.class-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.class-meta-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:3px}.class-meta-name{font-size:16px;font-weight:700;color:var(--text)}.class-meta-actions{display:flex;gap:6px;flex-shrink:0}.class-action-btn{background:#f1f5f9;border:1px solid var(--border);border-radius:6px;padding:5px 11px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:background .1s}.class-action-btn:hover{background:#e2e8f0}.class-action-delete{color:var(--red)}.class-action-delete:hover{background:#fef2f2;border-color:#fecaca}.wl-default-badge{font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:5px;padding:2px 7px;letter-spacing:.02em}.class-rename-row{display:flex;gap:6px;align-items:center}.class-rename-input{flex:1;padding:7px 10px;border:1px solid var(--blue);border-radius:7px;font-size:14px;font-weight:600;font-family:inherit;color:var(--text);outline:none;background:#fff}.class-rename-save{padding:6px 14px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.class-rename-save:disabled{opacity:.4;cursor:not-allowed}.class-rename-cancel{padding:6px 10px;background:none;border:1px solid var(--border);border-radius:7px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit}.class-rename-cancel:hover{color:var(--text)}.delete-confirm{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.delete-confirm-msg{font-size:13px;color:#7f1d1d;line-height:1.5}.delete-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.delete-cancel-btn{padding:6px 14px;background:#fff;border:1px solid #fecaca;border-radius:7px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:inherit}.delete-cancel-btn:hover{background:#f1f5f9}.delete-ok-btn{padding:6px 14px;background:var(--red);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.delete-ok-btn:hover{opacity:.85}.col-toggles{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px}.col-toggles-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-right:2px;flex-shrink:0}.col-toggle{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 9px;border-radius:6px;background:#f1f5f9;transition:background .1s}.col-toggle:hover{background:#e2e8f0}.col-toggle input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:var(--blue)}.students-table-wrap{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.students-table{width:100%;border-collapse:collapse;font-size:13px}.students-th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:#f8fafc;border-bottom:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .1s,background .1s}.students-th:hover{color:var(--text);background:#f1f5f9}.students-th-active{color:var(--blue)!important}.sort-arrow{font-size:10px;opacity:.7}.students-tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.students-tr:last-child{border-bottom:none}.students-tr:hover{background:#f8fafc}.students-td{padding:9px 14px;color:var(--text);white-space:nowrap;font-size:13px}.students-td-empty{color:var(--text-secondary)}.students-empty{padding:28px 16px;text-align:center;color:var(--text-secondary);font-size:13px}.students-td-editable{padding:6px 8px}.cell-editable-val{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 6px;border-radius:6px;min-width:80px}.cell-editable-val:hover{background:var(--bg-hover)}.cell-edit-icon{font-size:11px;color:var(--text-dim);opacity:0;transition:opacity .1s}.cell-editable-val:hover .cell-edit-icon{opacity:1}.cell-edit-wrap{display:flex;align-items:center;gap:4px}.cell-edit-input{flex:1;min-width:120px;padding:4px 8px;background:var(--bg-input, var(--bg-hover));border:1px solid var(--blue);border-radius:6px;color:var(--text);font-size:12px;font-family:inherit;outline:none}.cell-edit-save,.cell-edit-cancel{padding:3px 7px;border-radius:6px;font-size:12px;font-family:inherit;cursor:pointer;border:none}.cell-edit-save{background:var(--blue);color:#fff}.cell-edit-cancel{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border)}.wl-explainer{margin:12px 12px 4px;padding:14px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px}.wl-got-it-btn{margin-top:10px;display:inline-block;font-size:11.5px;font-weight:600;color:#0369a1;background:#0369a11a;border:none;border-radius:6px;padding:4px 10px;cursor:pointer}.wl-got-it-btn:hover{background:#0369a12e}.wl-got-it-btn--amber{color:#92400e;background:#92400e1a}.wl-got-it-btn--amber:hover{background:#92400e2e}.help-q-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid #94a3b8;background:none;color:#64748b;font-size:10px;font-weight:700;cursor:pointer;flex-shrink:0;line-height:1;padding:0;transition:border-color .15s,color .15s}.help-q-btn:hover{border-color:var(--blue);color:var(--blue)}.help-popover{position:fixed;z-index:600;width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #00000021;padding:12px 14px}.help-popover-close{position:absolute;top:6px;right:8px;background:none;border:none;font-size:16px;color:#94a3b8;cursor:pointer;line-height:1;padding:0}.help-popover-close:hover{color:#1e293b}.help-popover-body{font-size:12.5px;color:#334155;line-height:1.55;margin:0 0 6px}.help-popover-body:last-child{margin-bottom:0}.help-popover-body strong{color:#1e293b}.wl-explainer-title{font-size:12px;font-weight:700;color:#0369a1;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.wl-explainer-body{font-size:12.5px;color:#0c4a6e;line-height:1.55;margin:0 0 7px}.wl-explainer-examples{margin:2px 0 8px 18px;padding:0;font-size:12.5px;color:#0c4a6e;line-height:1.7}.wl-explainer-examples li{margin:0}.wl-explainer-examples strong{color:#0369a1}.wl-explainer-tip{background:#e0f2fe;border-left:3px solid #38bdf8;padding:7px 10px;border-radius:0 6px 6px 0;margin-top:4px!important}.wl-howtoadd{margin:8px 12px 16px;padding:14px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.wl-howtoadd-title{font-size:12px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.wl-howtoadd-steps{margin-top:8px}.wl-howtoadd-steps{margin:0;padding-left:18px;font-size:12.5px;color:#78350f;line-height:1.6;display:flex;flex-direction:column;gap:8px}.wl-howtoadd-steps li{margin:0}.wl-howtoadd-steps strong{color:#92400e}.wl-howtoadd-steps em{font-style:italic}.wl-empty-state{padding:32px 20px;text-align:center;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary);font-size:13px}.wl-new-btn-large{padding:9px 22px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.wl-new-btn-large:hover{opacity:.85}.wl-meta-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wl-new-btn{background:#eff6ff;border:1px solid #bfdbfe;color:var(--blue);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;cursor:pointer;font-family:inherit;letter-spacing:.02em;transition:background .1s}.wl-new-btn:hover{background:#dbeafe}.wl-meta-selector-row{display:flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:7px 10px;margin-bottom:10px}.wl-name-selector{flex:1;background:none;border:none;font-size:15px;font-weight:600;color:var(--text);font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;outline:none}.wl-section-header-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.wl-url-row{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 16px;border-bottom:1px solid #f1f5f9;transition:background .1s}.wl-url-row:last-child{border-bottom:none}.wl-url-row:hover{background:#f8fafc}.wl-url-row--disabled{opacity:.4}.wl-entry-check{flex-shrink:0;width:15px;height:15px;accent-color:var(--blue);cursor:pointer}.wl-url-link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;padding:0}.wl-url-icon{font-size:16px;flex-shrink:0}.wl-url-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wl-url-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-url-href{font-size:11px;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wl-icon-btn{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary);padding:3px 5px;border-radius:5px;line-height:1;transition:color .1s,background .1s}.wl-icon-btn:hover{color:var(--text);background:#f1f5f9}.wl-icon-delete:hover{color:var(--red);background:#fef2f2}.wl-title-edit-form{flex:1;min-width:0}.wl-title-edit-input{width:100%;font-size:13px;font-family:inherit;font-weight:600;color:var(--text);border:1.5px solid var(--blue);border-radius:6px;padding:4px 8px;background:#fff;outline:none;box-shadow:0 0 0 3px #4f8ef726}.wl-move-select{font-size:12px;font-family:inherit;border:1px solid var(--border);border-radius:6px;padding:3px 6px;background:#fff;color:var(--text);outline:none;max-width:130px;flex-shrink:0}.wl-move-select:focus{border-color:var(--blue)}.settings-field{padding:14px 16px;border-bottom:1px solid var(--border)}.settings-field:last-of-type{border-bottom:none}.settings-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.settings-hint{font-size:12px;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.settings-input{width:100%;padding:8px 10px;font-size:13px;font-family:inherit;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);outline:none}.settings-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4f8ef726}.settings-signed-in-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-signed-in-email{font-size:14px;font-weight:600;color:var(--text);word-break:break-all}.settings-google-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#444;background:#f1f3f4;border:1px solid #dadce0;border-radius:20px;padding:2px 8px 2px 5px;white-space:nowrap}.settings-textarea{resize:vertical;line-height:1.5;min-height:110px}.settings-char-count{margin-top:4px;font-size:11px;color:var(--text-secondary);text-align:right}.settings-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.settings-checkbox{margin-top:2px;width:16px;height:16px;flex-shrink:0;accent-color:var(--blue);cursor:pointer}.settings-checkbox-label{font-size:13px;font-weight:500;color:var(--text)}.settings-checkbox-badge{display:inline-block;margin-left:7px;padding:1px 6px;font-size:10px;font-weight:600;background:#fef3c7;color:#92400e;border-radius:4px;vertical-align:middle;letter-spacing:.02em}.settings-detected{margin-top:6px;font-size:12px;color:var(--green)}.settings-save-btn{display:block;width:calc(100% - 32px);margin:12px 16px 16px;padding:10px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.settings-save-btn:hover{opacity:.87}.settings-toggle-group{display:flex;gap:6px;margin:6px 16px 0}.settings-toggle-btn{flex:1;padding:8px 10px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.settings-toggle-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.settings-toggle-btn:not(.active):hover{border-color:var(--blue);color:var(--text)}.sub-card{padding:16px}.sub-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sub-plan-badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:20px}.sub-plan-badge--beta{background:#e0f2fe;color:#0369a1}.sub-plan-badge--basic{background:#f0fdf4;color:#166534}.sub-plan-badge--pro{background:#fef3c7;color:#92400e}.sub-plan-badge--school{background:#ede9fe;color:#5b21b6}.sub-card-detail{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.sub-card-detail strong{color:var(--text)}.sub-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sub-link-btn{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;font-family:inherit}.sub-link-btn:hover{opacity:.75}.sub-manage-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.sub-manage-btn:hover{border-color:var(--text-secondary);color:var(--text)}.sub-manage-btn:disabled{opacity:.5;cursor:default}.header-credits-badge{margin-left:auto;font-size:11px;color:var(--blue);font-weight:600;padding:2px 8px;background:#3b82f61f;border-radius:10px}.msg-scroll-body{padding-bottom:80px}.msg-section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:16px 16px 6px;display:flex;align-items:center;justify-content:space-between}.msg-section-students{margin-top:4px}.msg-select-all-btn{font-size:11px;color:var(--blue);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-decoration:underline}.msg-phrase-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 4px}.msg-phrase-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.msg-phrase-chip:hover{border-color:var(--blue)}.msg-phrase-chip-active{background:var(--blue);border-color:var(--blue);color:#fff}.msg-phrase-edit-btn{background:none;border:none;cursor:pointer;font-size:13px;padding:0 0 0 2px;color:inherit;opacity:.7;line-height:1}.msg-phrase-edit-btn:hover{opacity:1}.msg-phrase-editing{display:flex;align-items:center;gap:6px;padding:4px 16px;width:100%;box-sizing:border-box}.msg-phrase-input{flex:1;background:var(--bg-input, var(--bg-hover));border:1px solid var(--blue);border-radius:8px;color:var(--text);font-size:13px;font-family:inherit;padding:6px 10px;outline:none}.msg-phrase-save{padding:5px 12px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.msg-phrase-cancel{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:12px;padding:5px 8px;cursor:pointer;font-family:inherit}.msg-preview{margin:8px 16px;padding:10px 12px;background:var(--bg-hover);border-radius:8px;font-size:12px;color:var(--text-dim);line-height:1.5;min-height:32px}.msg-preview em{font-style:italic;color:var(--text-dim)}.msg-option-row{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.msg-option-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.msg-empty{padding:24px 16px;text-align:center;color:var(--text-dim);font-size:13px}.msg-student-list{border-top:1px solid var(--border)}.msg-student-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .1s}.msg-student-row:hover{background:var(--bg-hover)}.msg-student-no-phone{opacity:.45}.msg-student-check{width:16px;height:16px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.msg-student-info{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.msg-student-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-student-cr{font-size:11px;color:var(--text-dim);width:32px;text-align:right;flex-shrink:0}.msg-badge-nophone{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--bg-hover);color:var(--text-dim);white-space:nowrap}.msg-badge-sent{font-size:11px;color:var(--green);white-space:nowrap}.msg-badge-err{font-size:11px;color:var(--red);white-space:nowrap}.msg-text-btn{padding:5px 12px;background:var(--bg-hover);color:var(--blue);border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s}.msg-text-btn:hover:not(:disabled){background:var(--blue);color:#fff}.msg-text-btn:disabled{opacity:.35;cursor:not-allowed}.msg-send-bar-spacer{height:72px}.msg-send-bar{position:fixed;bottom:0;left:0;right:0;padding:10px 16px 14px;background:var(--bg-card);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.msg-send-all-btn{width:100%;padding:12px;background:var(--blue);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s}.msg-send-all-btn:hover:not(:disabled){opacity:.87}.msg-send-all-btn:disabled{opacity:.4;cursor:not-allowed}.msg-bulk-progress{text-align:center;font-size:14px;font-weight:600;color:var(--blue);padding:12px}.msg-credits-warn{font-size:11px;color:var(--red);text-align:center}.msg-edit-panel{margin:0 16px 8px;padding:12px;background:var(--bg-hover);border:1px solid var(--blue);border-radius:10px}.msg-edit-row{margin-bottom:10px}.msg-edit-label{display:block;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.msg-edit-hint{font-weight:400;text-transform:none;letter-spacing:0;font-size:10px;color:var(--blue);margin-left:6px}.msg-edit-input,.msg-edit-textarea{width:100%;box-sizing:border-box;padding:7px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:inherit;outline:none;resize:vertical}.msg-edit-input:focus,.msg-edit-textarea:focus{border-color:var(--blue)}.msg-edit-textarea:disabled{opacity:.45;cursor:not-allowed;resize:none}.msg-edit-actions{display:flex;gap:8px;justify-content:flex-end}.msg-options-card{margin:0 16px 8px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:10px}.msg-opt-row{display:flex;align-items:center;gap:10px}.msg-opt-label{font-size:12px;color:var(--text-dim);white-space:nowrap;min-width:100px}.msg-opt-input{flex:1;padding:5px 9px;background:var(--bg-hover);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;font-family:inherit;outline:none}.msg-opt-input:focus{border-color:var(--blue)}.msg-opt-check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.msg-opt-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.msg-opt-sig-preview{font-size:12px;color:var(--text-dim);font-style:italic}.msg-preview-card{margin:0 16px 12px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.msg-preview-empty{font-size:12px;color:var(--text-dim);font-style:italic}.msg-preview-for{font-size:11px;color:var(--text-dim);margin-bottom:8px}.msg-preview-bubble{background:var(--bg-hover);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg-preview-meta{margin-top:6px;font-size:11px;color:var(--text-dim);text-align:right}.msg-per-student-previews{display:flex;flex-direction:column;gap:8px}.msg-preview-card--student{margin-bottom:0}.msg-shortened-badge{margin-left:8px;font-size:10px;font-weight:600;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3);border-radius:4px;padding:1px 6px}.msg-shorten-all-btn{margin-left:auto;padding:3px 10px;background:#4db8c826;border:1px solid rgba(77,184,200,.4);border-radius:5px;color:#4db8c8;font-size:11px;font-weight:600;cursor:pointer}.msg-shorten-all-btn:hover:not(:disabled){background:#4db8c847}.msg-shorten-all-btn:disabled{opacity:.5;cursor:not-allowed}.msg-shorten-btn{margin-left:auto;padding:3px 9px;background:#4db8c826;border:1px solid rgba(77,184,200,.4);border-radius:5px;color:#4db8c8;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.msg-shorten-btn:hover:not(:disabled){background:#4db8c840}.msg-shorten-btn:disabled{opacity:.5;cursor:not-allowed}.msg-shorten-error{margin-top:5px;font-size:11px;color:#f87171;font-weight:500}.msg-shorten-retry{background:none;border:none;color:#4db8c8;font-size:11px;cursor:pointer;text-decoration:underline;padding:0}.msg-shorten-reset{margin-left:8px;padding:1px 6px;background:none;border:none;color:#94a3b8;font-size:11px;cursor:pointer;text-decoration:underline}.msg-credits-flag{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background:#ffa0001f;border:1px solid rgba(255,160,0,.35);border-radius:6px;font-size:11px;color:#ffb020;font-weight:600}.sms-credits-flag{margin-top:5px;font-size:10px;color:#ffb020;font-weight:600;text-align:center}.verified-banner{display:flex;align-items:center;gap:10px;background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:10px 14px;font-size:13px;color:#166534;animation:slide-down .35s ease}.verified-banner-text{flex:1;font-weight:500}.verified-banner-close{background:none;border:none;cursor:pointer;color:#166534;opacity:.6;font-size:16px;padding:0 2px;line-height:1}.verified-banner-close:hover{opacity:1}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.onboarding-screen{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;padding:0 16px 32px;overflow-y:auto}.onboarding-hero{padding:24px 0 16px;text-align:center}.onboarding-emoji{font-size:36px}.onboarding-title{font-size:18px;font-weight:700;color:var(--text);margin-top:8px}.onboarding-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.onboarding-steps{display:flex;flex-direction:column;gap:8px}.ob-step{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.ob-step--active{border-color:var(--blue)}.ob-step--done{opacity:.7}.ob-step-header{display:flex;align-items:center;gap:10px;padding:12px 14px}.ob-step-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;background:var(--border);color:var(--text-secondary)}.ob-step--done .ob-step-icon{background:var(--green);color:#fff}.ob-step--active .ob-step-icon{background:var(--blue);color:#fff}.ob-step-label{font-size:14px;font-weight:600;color:var(--text);flex:1}.ob-step--done .ob-step-label{color:var(--text-secondary)}.ob-step-status{font-size:11px;color:var(--text-secondary);font-weight:500}.ob-step--done .ob-step-status{color:var(--green);font-weight:600}.ob-step-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.ob-hint{font-size:13px;color:var(--text-secondary);line-height:1.5}.ob-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;display:block}.ob-required{color:var(--red)}.ob-optional{font-weight:400;color:var(--text-muted, #94a3b8)}.ob-field-hint{font-size:11px;color:var(--text-muted, #94a3b8);margin:3px 0 10px;font-style:italic}.ob-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text);outline:none;box-sizing:border-box}.ob-input:focus{border-color:var(--blue)}.ob-btn{align-self:flex-start;padding:8px 18px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.ob-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.ob-btn:not(:disabled):hover{filter:brightness(1.1)}.ob-link{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none}.ob-link:hover{background:#dbeafe}.ob-waiting{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.ob-pulse{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.ob-done-msg{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--green);font-weight:600}.onboarding-skip{text-align:center;margin-top:12px}.onboarding-skip-btn{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;text-decoration:underline;padding:4px}.onboarding-skip-btn:hover{color:var(--text)}.export-sheets-notice{margin:12px 12px 4px;padding:14px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-left:3px solid #0ea5e9;border-radius:10px;display:flex;gap:12px;align-items:flex-start}.export-sheets-notice-icon{font-size:18px;flex-shrink:0;margin-top:1px}.export-sheets-notice-body{flex:1;min-width:0}.export-sheets-notice-title{font-size:13px;font-weight:700;color:#0c4a6e;margin-bottom:6px}.export-sheets-notice-text{font-size:12.5px;color:#0369a1;line-height:1.5;margin-bottom:5px}.export-sheets-notice-text:last-child{margin-bottom:0}.export-sheets-notice-link{color:#0369a1;font-weight:600;text-decoration:underline}.export-sheets-notice-dismiss{flex-shrink:0;align-self:flex-end;font-size:11.5px;font-weight:600;color:#0369a1;background:#0369a11a;border:none;border-radius:6px;padding:5px 11px;cursor:pointer;white-space:nowrap}.export-sheets-notice-dismiss:hover{background:#0369a12e}.export-sheets-notice-collapsed{margin:10px 12px 2px;padding:7px 14px;display:flex;align-items:center;gap:7px;font-size:12px}.export-sheets-notice-collapsed-icon{font-size:13px;opacity:.7}.export-sheets-notice-collapsed-link{color:#0369a1;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.export-sheets-notice-collapsed-link:hover{color:#0284c7}.export-upgrade-notice{background:#fef9c3;border:1px solid #fde047;border-radius:var(--radius);padding:14px 16px;font-size:13px;color:#713f12;display:flex;align-items:center;justify-content:space-between;gap:12px}.export-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.export-card--locked{opacity:.5;pointer-events:none}.export-card-head{display:flex;align-items:flex-start;gap:12px}.export-card-icon{font-size:22px;line-height:1;margin-top:1px}.export-card-title{font-size:15px;font-weight:700;color:var(--text)}.export-card-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.export-card-cols{font-size:11px;color:var(--text-secondary);background:var(--bg);border-radius:6px;padding:6px 10px;line-height:1.5}.export-btn-row{display:flex;gap:8px}.export-dl-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 14px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s}.export-dl-btn:not(:disabled):hover{filter:brightness(1.1)}.export-dl-btn:disabled{background:var(--border);color:var(--text-secondary);cursor:not-allowed}.export-sheets-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 14px;background:#fff;color:#1a7340;border:1.5px solid #34a853;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.export-sheets-btn:not(:disabled):hover{background:#f0faf3}.export-sheets-btn:disabled{border-color:var(--border);color:var(--text-secondary);cursor:not-allowed}.export-dl-count{background:#ffffff40;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:500}.export-card-hint{font-size:11px;color:var(--text-secondary);text-align:center}.export-card-hint--error{color:var(--red)}.export-card-hint--ok{color:#1a7340}.export-card-hint--ok a{color:#1a7340;font-weight:600}.export-class-selector{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:4px}.export-class-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.export-class-pills{display:flex;flex-wrap:wrap;gap:8px}.export-class-pill{padding:7px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--bg);font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .15s;line-height:1}.export-class-pill:hover{border-color:var(--teal);color:var(--teal)}.export-class-pill.active{background:var(--teal);border-color:var(--teal);color:#fff}.export-class-note-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-class-note{font-size:12px;color:var(--orange, #d97706);margin:0;line-height:1.4}.export-class-switch-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--teal);background:transparent;color:var(--teal);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1;transition:background .15s,color .15s}.export-class-switch-btn:hover{background:var(--teal);color:#fff}.export-sheets-btn--all{opacity:.85;font-size:13px}.export-sheets-btn--all:hover{opacity:1}.import-confirm-warning{margin-top:10px;padding:12px 14px;background:#fff8ed;border:1px solid #f59e0b;border-radius:10px;display:flex;flex-direction:column;gap:10px}.import-confirm-body{display:flex;gap:10px;align-items:flex-start}.import-confirm-icon{font-size:20px;line-height:1.2;flex-shrink:0}.import-confirm-title{font-size:13px;font-weight:700;color:#92400e;margin:0 0 3px}.import-confirm-desc{font-size:12px;color:#78350f;margin:0;line-height:1.5}.import-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.import-confirm-cancel{padding:6px 14px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:13px;font-weight:500;color:var(--text);cursor:pointer}.import-confirm-cancel:hover{background:#f3f4f6}.import-confirm-proceed{padding:6px 14px;border-radius:6px;border:none;background:#dc2626;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.import-confirm-proceed:hover{background:#b91c1c}.scan-history-pro-badge{display:inline-block;margin-left:7px;padding:1px 7px;background:var(--blue);color:#fff;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.scan-history-gate{background:var(--bg);border-radius:8px;padding:14px;font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.scan-history-gate strong{color:var(--text)}.scan-history-upgrade-btn{font-size:13px;padding:8px 16px}.scan-history-empty{font-size:12px;color:var(--text-secondary);text-align:center;padding:16px 0 8px;line-height:1.6}.scan-history-list{display:flex;flex-direction:column;gap:2px}.scan-history-row{border-radius:8px;overflow:hidden;border:1px solid var(--border)}.scan-history-summary{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg);border:none;cursor:pointer;font-size:13px;color:var(--text);text-align:left;transition:background .1s}.scan-history-summary:hover{background:#e8edf3}.scan-history-date{font-weight:600;font-size:12px;min-width:68px;display:flex;flex-direction:column;gap:1px}.scan-history-time{font-weight:400;font-size:11px;color:var(--text-secondary)}.scan-history-counts{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scan-history-missing{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.scan-history-missing--red{background:#fee2e2;color:#b91c1c}.scan-history-missing--green{background:#dcfce7;color:#166534}.scan-history-pages-label{font-size:11px;color:var(--text-secondary)}.scan-history-trend{font-size:11px;font-weight:700;min-width:36px;text-align:right}.scan-history-trend--worse{color:var(--red)}.scan-history-trend--better{color:var(--green)}.scan-history-trend--same{color:var(--text-secondary)}.scan-history-chevron{font-size:9px;color:var(--text-secondary);margin-left:2px}.scan-history-detail{background:var(--card-bg);border-top:1px solid var(--border);padding:8px 12px;display:flex;flex-direction:column;gap:6px}.scan-history-detail-empty{font-size:12px;color:var(--text-secondary);padding:4px 0}.scan-history-page-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.scan-history-page-type{color:var(--text-secondary)}.scan-history-page-count{font-weight:600;font-size:11px}.scan-history-page-count--red{color:#b91c1c}.scan-history-page-count--green{color:#166534}.ext-update-wall{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px 32px;gap:12px}.ext-update-icon{font-size:48px;line-height:1;margin-bottom:4px;animation:ext-spin 2s linear infinite}@keyframes ext-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cw-url-pulse{0%,to{box-shadow:0 0 0 3px #dc262626,0 0 8px #dc262633}50%{box-shadow:0 0 0 4px #dc262640,0 0 14px #dc262659}}@keyframes cw-save-jiggle{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}78%{transform:translate(-2px)}90%{transform:translate(2px)}}.cw-save-jiggle{animation:cw-save-jiggle .5s ease}@keyframes cw-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes cw-detect-fade{0%,to{opacity:1}50%{opacity:.5}}@keyframes cw-hint-appear{0%{transform:translate(6px);opacity:0}40%{transform:translate(-3px);opacity:1}65%{transform:translate(2px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.cw-hint-appear{animation:cw-hint-appear .4s ease}.ext-update-title{font-size:20px;font-weight:700;color:var(--text)}.ext-update-body{font-size:14px;color:var(--text-secondary);max-width:340px;line-height:1.5}.ext-update-steps{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px 14px 32px;text-align:left;font-size:13px;color:var(--text);line-height:2;max-width:320px;width:100%}.ext-update-btn{display:inline-block;margin-top:4px;padding:10px 22px;background:var(--blue);color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s}.ext-update-btn:hover{opacity:.85}.mc-shell{background:#f4f6fa;display:flex;flex-direction:column;height:100vh;overflow:hidden}.mc-tabs-header{display:flex;align-items:flex-end;padding:14px 20px 0;background:#fff;border-bottom:1px solid #E5E9F2;flex-shrink:0;gap:8px}.mc-action-bar{padding:10px 20px 8px;background:#fff;border-bottom:1px solid #E5E9F2;flex-shrink:0}.mc-tab{flex:1;padding:10px 8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.mc-tab--active{border-bottom-color:#2d6bff}.mc-tab-title{display:block;font-size:13.5px;font-weight:600;color:#6b7280}.mc-tab--active .mc-tab-title{color:#111827}.mc-tab-sub{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.mc-tab--active .mc-tab-sub{color:#2d6bff}.mc-body{flex:1;min-height:0;overflow-y:auto;padding:20px 20px 0;display:flex;flex-direction:column;gap:16px}.mc-body-spacer{height:16px}.mc-section{display:flex;flex-direction:column}.mc-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#6b7280;text-transform:uppercase;margin-bottom:10px}.mc-section-label--row{display:flex;justify-content:space-between;align-items:baseline}.mc-preview-for{font-size:11px;text-transform:none;letter-spacing:0;font-weight:400;color:#6b7280}.mc-preview-for b{color:#111827;font-weight:600}.mc-preset-groups{display:flex;flex-direction:column;gap:12px}.mc-preset-group{display:flex;flex-direction:column}.mc-group-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#9ca3af;text-transform:uppercase;margin-bottom:6px}.mc-pills{display:flex;flex-wrap:wrap;gap:6px}.mc-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid #E2E6EE;background:#fff;color:#1f2937;cursor:pointer;white-space:nowrap;transition:all .12s ease}.mc-pill--active{background:#2d6bff;color:#fff;border-color:#2d6bff}.mc-pill-diamond{font-size:11px;opacity:.5}.mc-pill-diamond--active{opacity:.9}.mc-pill-edit{font-size:11px;opacity:.45;cursor:pointer;padding:0 2px}.mc-pill--active .mc-pill-edit{opacity:.8}.mc-edit-panel{background:#fff;border-radius:12px;padding:14px;border:1px solid #E5E9F2;display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.mc-edit-row{display:flex;flex-direction:column;gap:5px}.mc-edit-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.mc-edit-hint{font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;color:#9ca3af;margin-left:6px}.mc-edit-actions{display:flex;gap:8px}.mc-btn-primary{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;background:#2d6bff;color:#fff;border:none;cursor:pointer}.mc-btn-ghost{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;background:#fff;color:#6b7280;border:1px solid #E2E6EE;cursor:pointer}.mc-inline-send{background:#f8fafc;border:1px solid #E5E9F2;border-radius:12px;padding:12px 14px;margin-bottom:4px}.mc-options-disclosure{border:1px solid #E5E9F2;border-radius:12px;overflow:hidden}.mc-options-summary{padding:10px 14px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between}.mc-options-summary:after{content:"▶";font-size:9px;color:#9ca3af;transition:transform .15s}.mc-options-disclosure[open] .mc-options-summary:after{transform:rotate(90deg)}.mc-options-summary::-webkit-details-marker{display:none}.mc-options-disclosure[open] .mc-options-summary{border-bottom:1px solid #E5E9F2}.mc-option-divider{height:1px;background:#e5e9f2;margin:4px 0}.mc-textarea--sm{font-size:12px;resize:vertical}.mc-options-disclosure .mc-options-card{border-radius:0;border:none;background:#fff}.mc-options-card{background:#fff;border-radius:12px;padding:14px;border:1px solid #E5E9F2;display:flex;flex-direction:column;gap:10px}.mc-option-row{display:flex;align-items:center;gap:10px}.mc-option-label{font-size:12px;color:#6b7280;min-width:80px;flex-shrink:0}.mc-input{flex:1;padding:8px 10px;font-size:13px;border:1px solid #E2E6EE;border-radius:6px;color:#1f2937;background:#fff;outline:none;box-sizing:border-box;font-family:inherit}.mc-textarea{flex:1;padding:8px 10px;font-size:13px;border:1px solid #E2E6EE;border-radius:6px;color:#1f2937;background:#fff;outline:none;width:100%;box-sizing:border-box;resize:vertical;font-family:inherit}.mc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.mc-toggle-label{font-size:13px;color:#374151}.mc-toggle{width:34px;height:20px;border-radius:10px;border:none;padding:2px;background:#d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transition:background .15s;flex-shrink:0}.mc-toggle--on{background:#2d6bff;justify-content:flex-end}.mc-toggle-knob{width:16px;height:16px;border-radius:8px;background:#fff;box-shadow:0 1px 2px #00000026;pointer-events:none}.mc-preview-card{background:#fff;border-radius:12px;padding:18px 16px 14px;border:1px solid #E5E9F2}.mc-preview-empty{font-size:13px;color:#9ca3af;text-align:center;margin:0}.mc-imessage{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.mc-bubble{max-width:300px;background:linear-gradient(180deg,#2d8cff,#1f7bee);color:#fff;padding:10px 14px;border-radius:20px 20px 4px;font-size:14.5px;line-height:1.38;white-space:pre-wrap;word-break:break-word;box-shadow:0 1px 1px #0000000a}.mc-bubble-caption{font-size:11px;color:#8a94a6}.mc-credits-warn-inline{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fff7ed;border:1px solid #FED7AA;font-size:12px;color:#92400e;display:flex;align-items:center;justify-content:space-between;gap:8px}.mc-shorten-all-btn{padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:500;background:#2d6bff;color:#fff;border:none;cursor:pointer;white-space:nowrap}.mc-shorten-all-btn:disabled{background:#d1d5db;cursor:not-allowed}.mc-search{width:100%;padding:10px 12px;font-size:13.5px;border:1px solid #E2E6EE;border-radius:6px;background:#fff;outline:none;box-sizing:border-box;font-family:inherit}.mc-channel-toggle{display:flex;gap:6px;margin-top:6px}.mc-channel-btn{flex:1;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;border:1.5px solid #E2E6EE;background:#fff;color:#6b7280;cursor:pointer;transition:all .12s ease}.mc-channel-btn--active{background:#eaf1ff;color:#1f4fcf;border-color:#2d6bff}.mc-quick-filters{display:flex;gap:6px;flex-wrap:wrap}.mc-filter-pill{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid #E2E6EE;background:#fff;color:#6b7280;cursor:pointer;transition:all .12s ease}.mc-filter-pill--active{background:#eaf1ff;color:#1f4fcf;border-color:#2d6bff}.mc-group-header{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.mc-group-header--accent{color:#2d6bff}.mc-group-header--muted{color:#9ca3af}.mc-shorten-group-btn{font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;padding:3px 8px;border-radius:6px;border:1px solid #2D6BFF;background:#fff;color:#2d6bff;cursor:pointer;flex-shrink:0}.mc-shorten-group-btn:disabled{opacity:.5;cursor:not-allowed}.mc-student-group{background:#fff;border-radius:12px;padding:6px;border:1px solid #E5E9F2;display:flex;flex-direction:column;gap:2px}.mc-student-group--accent{border-color:#c9dcff}.mc-student-group--muted{opacity:.85}.mc-student-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;border:1px solid transparent;transition:background .12s}.mc-student-row--checked{background:#f3f6ff;border-color:#d6e0ff}.mc-student-row--no-phone{opacity:.5}.mc-student-check{width:16px;height:16px;accent-color:#2D6BFF;cursor:pointer;flex-shrink:0}.mc-avatar{width:28px;height:28px;border-radius:14px;background:#e5e9f2;color:#4b5563;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;text-transform:uppercase}.mc-avatar--checked{background:#2d6bff;color:#fff}.mc-student-info{flex:1;min-width:0}.mc-student-name{font-size:13.5px;color:#111827;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-student-sub{font-size:11.5px;color:#6b7280;margin-top:2px}.mc-cr-hint{font-size:11.5px;color:#6b7280;flex-shrink:0}.mc-cr-hint--warn{color:#d97706;font-weight:600}.mc-shorten-btn{padding:3px 7px;border-radius:5px;font-size:10.5px;font-weight:600;border:1px solid #2D6BFF;background:#eaf1ff;color:#1f4fcf;cursor:pointer;flex-shrink:0}.mc-shorten-btn:disabled{border-color:#d1d5db;background:#f9fafb;color:#9ca3af;cursor:not-allowed}.mc-shortened-badge{font-size:10.5px;font-weight:600;color:#059669;flex-shrink:0;cursor:pointer}.mc-badge-sent{font-size:11.5px;color:#059669;font-weight:600;flex-shrink:0}.mc-badge-err{font-size:11.5px;color:#dc2626;font-weight:600;flex-shrink:0}.mc-badge-nophone{font-size:10.5px;color:#9ca3af;flex-shrink:0}.mc-text-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #2D6BFF;background:#fff;color:#2d6bff;cursor:pointer;flex-shrink:0}.mc-text-btn:disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.mc-empty{font-size:13px;color:#9ca3af;padding:12px 0}.mc-footer{background:#fff;border-top:1px solid #E5E9F2;padding:12px 20px;flex-shrink:0}.mc-footer-warn{font-size:11.5px;color:#dc2626;margin-bottom:8px}.mc-footer-row{display:flex;align-items:center;gap:10px}.mc-footer-count{flex:1;font-size:12px;color:#6b7280}.mc-footer-progress{font-size:13px;color:#6b7280}.mc-send-btn{padding:10px 22px;border-radius:10px;font-size:13.5px;font-weight:600;border:none;cursor:pointer;background:#2d6bff;color:#fff;white-space:nowrap}.mc-send-btn:disabled{background:#d1d5db;cursor:not-allowed}.mc-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #E5E9F2;flex-shrink:0}.mc-back-btn{background:none;border:none;font-size:14px;font-weight:500;color:#2d6bff;cursor:pointer;padding:4px 0}.mc-back-btn:hover{opacity:.75}.mc-update-btn{padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;background:#2d6bff;color:#fff;border:none;cursor:pointer}.mc-update-btn:disabled{background:#d1d5db;cursor:not-allowed}.appmenu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:900}.appmenu-drawer{position:fixed;top:0;right:0;bottom:0;width:240px;background:#fff;box-shadow:-4px 0 24px #00000024;z-index:901;display:flex;flex-direction:column}.appmenu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid #E5E9F2}.appmenu-title{font-size:15px;font-weight:700;color:#111827;letter-spacing:.01em}.appmenu-close{background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;padding:4px;line-height:1}.appmenu-close:hover{color:#111827}.appmenu-nav{flex:1;overflow-y:auto;padding:8px 0}.appmenu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;color:#1f2937;transition:background .1s}.appmenu-item:hover{background:#f3f6ff}.appmenu-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.appmenu-label{font-weight:500}.mc-hover-preview{position:fixed;z-index:500;background:#fff;border:1px solid #E5E9F2;border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px #00000024;width:260px;pointer-events:none}.mc-hover-preview-name{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.mc-hover-preview-msg{font-size:13.5px;line-height:1.45;color:#1f2937;white-space:pre-wrap;word-break:break-word}