:root{--bg: #f8f9fc;--surface: #ffffff;--card: #ffffff;--border: #e2e8f0;--accent: #4f46e5;--accent-dim: rgba(79, 70, 229, .1);--accent-hover: #4338ca;--gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%);--green: #10b981;--green-dim: rgba(16, 185, 129, .1);--blue: #6366f1;--yellow: #f59e0b;--yellow-dim: rgba(245, 158, 11, .1);--text: #1e293b;--fg: #1e293b;--muted: #64748b;--danger: #ef4444;--radius: 10px;--shadow: 0 2px 8px rgba(79, 70, 229, .08);--hover-bg: rgba(79, 70, 229, .04);--overlay: rgba(79, 70, 229, .1);--pinyin-overlay: #64748b}.sign-in-container{display:flex;justify-content:center;align-items:center;min-height:100vh}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--card: #1e293b;--border: #334155;--accent: #818cf8;--accent-dim: rgba(129, 140, 248, .15);--accent-hover: #a5b4fc;--gradient: linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #818cf8 100%);--green: #34d399;--green-dim: rgba(52, 211, 153, .15);--blue: #818cf8;--yellow: #fbbf24;--yellow-dim: rgba(251, 191, 36, .15);--text: #e2e8f0;--fg: #e2e8f0;--muted: #94a3b8;--danger: #f87171;--radius: 10px;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--hover-bg: rgba(129, 140, 248, .06);--overlay: rgba(0, 0, 0, .6);--pinyin-overlay: var(--green)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}header{background:var(--gradient);padding:14px 24px;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;border-bottom:1px solid var(--border)}header h1{font-size:1.3rem;font-weight:700;letter-spacing:-.3px;color:#fff}.brand-accent{color:#ffffffd9}.role-badge{margin-left:auto;display:flex;align-items:center;padding:4px 12px;border-radius:20px;background:#ffffff26;color:#ffffffe6;font-size:.8rem;white-space:nowrap}.header-actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.header-actions>*{flex-shrink:0}.theme-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background .15s}.theme-toggle:hover{background:#ffffff40}.tabs{display:flex;gap:0;background:var(--surface);border-bottom:1px solid var(--border)}.tabs button{flex:1;padding:11px 8px;background:none;border:none;color:var(--muted);font-size:.88rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tabs button:hover{color:var(--text);background:var(--hover-bg)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim)}input,textarea,select{background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--radius);font-size:.95rem;width:100%;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}textarea{resize:vertical;min-height:120px;font-family:inherit}.btn{padding:8px 18px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.88rem;font-weight:500;transition:all .15s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--green);color:#111}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-outline:hover{border-color:var(--text);color:var(--text)}.btn-sm{padding:5px 12px;font-size:.78rem}.form-row{display:flex;gap:10px;margin-bottom:16px;align-items:flex-end}.form-group{flex:1;display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.vocab-table{width:100%;border-collapse:collapse;margin-top:16px}.vocab-table th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.vocab-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.vocab-table tr:hover td{background:var(--hover-bg)}.hanzi-cell{font-size:1.3rem}.pinyin-cell{color:var(--green)}.actions-cell{white-space:nowrap;text-align:right}.actions-cell .btn{margin-left:6px}.notes-layout{display:flex;gap:16px;height:calc(100vh - 110px);min-height:500px;padding:20px}.notes-sidebar{width:260px;min-width:220px;overflow-y:auto;flex-shrink:0;border-right:1px solid var(--border);padding-right:16px}.notes-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.notes-sidebar-header h3{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.student-selector{width:100%;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer}.note-card{background:var(--surface);border-radius:var(--radius);padding:10px 14px;margin-bottom:6px;border-left:3px solid transparent;cursor:pointer;transition:all .15s}.note-card:hover{background:var(--card)}.note-card.active{border-left-color:var(--accent);background:var(--card)}.note-card h3{margin-bottom:2px;font-size:.9rem;font-weight:500}.note-card .note-meta{font-size:.7rem;color:var(--muted)}.notes-editor{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;overflow-y:auto}.presence-bar{display:flex;gap:8px;align-items:center;padding:6px 0;min-height:30px;flex-wrap:wrap}.presence-user{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--muted);background:var(--surface);padding:3px 8px;border-radius:12px;border:1px solid var(--border)}.presence-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.presence-line{color:var(--muted);font-size:.65rem;opacity:.7}.note-title-editor{font-size:1.3rem;font-weight:600;padding:8px 12px;background:transparent;border:1px solid transparent;color:var(--text);border-radius:var(--radius);margin-bottom:4px}.note-title-editor:focus{border-color:var(--border);background:var(--card);outline:none}.note-preview{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--card);min-height:120px;max-height:45%;overflow:hidden}.preview-header{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface);flex-shrink:0}.preview-legend{font-weight:400;font-size:.68rem;display:flex;gap:10px}.legend-known{color:var(--muted)}.legend-known:before{content:"●";margin-right:3px;color:var(--green)}.legend-unknown{color:var(--yellow)}.legend-unknown:before{content:"●";margin-right:3px}.preview-content{flex:1;padding:16px;overflow-y:auto;font-size:1.2rem;line-height:2.8;letter-spacing:.3px}.preview-content ruby{ruby-position:over;display:ruby;margin:0 .5px;ruby-align:center}.preview-content rt{font-size:.55em;color:var(--muted);font-weight:400;letter-spacing:0;text-align:center;display:ruby-text}.word-known{color:var(--text)}.word-known rt{color:var(--green)}.word-unknown{color:var(--yellow)}.word-unknown rt{color:var(--yellow);opacity:.8}.remote-cursor{display:inline-block;width:2px;height:1.2em;vertical-align:text-bottom;margin:0 -1px;position:relative}.remote-cursor-label{position:absolute;bottom:100%;left:-2px;font-size:.55rem;padding:1px 4px;border-radius:3px;color:#fff;white-space:nowrap;pointer-events:none}.note-content-editor{flex:1;resize:none;font-size:1rem;line-height:1.7;padding:14px;background:var(--surface);border:1px solid var(--border);border-top:none;color:var(--text);border-radius:0 0 var(--radius) var(--radius);font-family:inherit;min-height:200px}.note-content-editor:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.notes-editor-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0}.save-indicator{font-size:.75rem;color:var(--muted);margin-left:auto}.save-indicator.saving{color:var(--accent)}.save-indicator.saved{color:var(--green)}.notes-empty-editor{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.1rem;flex-direction:column;gap:8px}.empty-icon{font-size:2.5rem;opacity:.4}.empty-state{text-align:center;padding:48px 16px;color:var(--muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:8px;opacity:.5}.empty-state p{font-size:1rem;margin-bottom:4px}.converter-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:24px}.converter-result{margin-top:12px;padding:12px;background:var(--card);border-radius:var(--radius);font-size:1.1rem;min-height:40px}.pinyin-text{color:var(--green)}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:16px}.flashcard-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.stat-box{text-align:center;padding:14px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:100px}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;margin-top:4px;font-weight:600;letter-spacing:.3px}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;position:relative}.flashcard:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--accent-dim)}.card-round{position:absolute;top:14px;left:18px;font-size:.7rem;color:var(--muted);text-transform:uppercase;font-weight:600}.card-streak{position:absolute;top:14px;right:18px;font-size:.75rem;color:var(--muted);letter-spacing:2px}.card-front-hanzi{font-size:3rem;margin-bottom:8px}.card-front-pinyin{font-size:1.2rem;color:var(--green)}.card-back{font-size:1.6rem;color:var(--green)}.card-hint{font-size:.8rem;color:var(--muted);margin-top:16px}.flashcard-buttons{display:flex;gap:16px}.flashcard-buttons .btn{padding:12px 36px;font-size:1rem}.flashcard-done{text-align:center;padding:40px}.flashcard-done h2{font-size:1.5rem;margin-bottom:8px;color:var(--green)}.flashcard-done p{color:var(--muted);margin-bottom:16px}.progress-bar-container{width:100%;max-width:520px;height:6px;background:var(--card);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .3s;border-radius:3px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:90%;max-width:500px;box-shadow:var(--shadow)}.modal h2{margin-bottom:16px;font-size:1.1rem;font-weight:600}.modal .form-group{margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}@media(max-width:768px){.form-row{flex-direction:column}header h1{font-size:1.1rem}.card-front-hanzi{font-size:2rem}.notes-layout{flex-direction:column;height:auto}.notes-sidebar{width:100%;min-width:auto;max-height:180px;border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:12px}}.class-header-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.class-header-row .note-title-editor{flex:1;margin-bottom:0}.class-meta{font-size:.78rem;color:var(--muted);white-space:nowrap}.editor-section,.homework-section{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.homework-section .hw-list{overflow-y:auto;flex:1;min-height:0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.section-header-actions{display:flex;gap:6px;align-items:center}.sub-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:12px}.sub-tab{background:none;border:none;color:var(--muted);font-size:.85rem;font-weight:600;padding:8px 18px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.sub-tab:hover{color:var(--fg)}.sub-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sub-tab-badge{background:var(--accent);color:#fff;font-size:.7rem;padding:1px 6px;border-radius:10px;font-weight:700}.editors-single{display:flex;gap:12px;flex:1;min-height:0}.editors-single .editor-section{flex:1;min-width:0;display:flex;flex-direction:column}.section-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.section-editor{width:100%;flex:1;height:100%;resize:none;min-height:0;font-size:1.1rem;line-height:1.95;padding:14px;background:var(--card);border:1px solid var(--border);position:relative;z-index:1;border-radius:0;color:var(--text);font-family:inherit}.section-editor:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent-dim)}.section-editor[readonly]{opacity:.7;cursor:not-allowed;background:var(--surface)}.editor-overlay-wrap{position:relative;display:flex;flex:1;min-height:360px}.editor-overlay-wrap.pinyin-on .section-editor{letter-spacing:.1em;line-height:2.2}.editor-overlay-wrap.pinyin-on .pinyin-overlay-content{letter-spacing:.1em}.editor-overlay-wrap.pinyin-on .pinyin-overlay{line-height:2.2}.pinyin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;padding:14px;font-size:1.1rem;line-height:1.95;letter-spacing:0;white-space:pre-wrap;z-index:2;background:transparent;color:transparent}.pinyin-overlay-content{white-space:pre-wrap;transform:translate(0);will-change:transform}.pinyin-overlay,.pinyin-overlay *{background:transparent!important}.pinyin-overlay ruby{ruby-position:over;ruby-align:center;ruby-overhang:none;display:ruby;margin:0;color:transparent}.pinyin-overlay .word-known,.pinyin-overlay .word-unknown{color:transparent}.pinyin-overlay rp{display:none}.pinyin-overlay rt{color:var(--pinyin-overlay);font-size:.58em;line-height:1;font-weight:600;letter-spacing:.01em;white-space:nowrap;display:ruby-text;transform:translateY(-.06em)}.editor-shared .section-editor{border-left:3px solid var(--accent)}.section-preview{flex:1;min-height:80px;overflow-y:auto;padding:16px;background:var(--card);font-size:1.1rem;line-height:2.6}.muted{color:var(--muted)}.hw-add-row{display:flex;gap:6px;align-items:center}.hw-type-select{padding:4px 8px;font-size:.78rem;border-radius:6px;background:var(--card);border:1px solid var(--border);color:var(--text);width:auto}.hw-list{display:flex;flex-direction:column;gap:0}.hw-card{padding:14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column}.hw-card:last-child{border-bottom:none}.hw-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hw-collapsed .hw-card-header{margin-bottom:0}.hw-collapse-arrow{display:inline-block;transition:transform .15s;font-size:.85em;color:var(--muted)}.hw-collapse-arrow.collapsed{transform:rotate(-90deg)}.hw-prompt-preview{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.hw-type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--blue);background:#58a6ff1a;padding:2px 8px;border-radius:4px}.hw-status-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:4px}.hw-status-badge.hw-pending{color:var(--muted);background:#8b949e26}.hw-status-badge.hw-pass{color:var(--green);background:var(--green-dim)}.hw-status-badge.hw-fail{color:var(--danger);background:#f8514926}.hw-card-header .btn{margin-left:auto}.hw-body{display:flex;flex-direction:column;gap:10px;flex:1}.hw-prompt{font-size:1.05rem;line-height:1.6;padding:8px;border-radius:6px;cursor:default;min-height:32px;white-space:pre-wrap}.hw-prompt:hover{background:var(--hover-bg)}.hw-field{display:flex;flex-direction:column;gap:4px;flex:1}.hw-field label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.hw-field textarea{min-height:60px;font-size:.95rem;resize:none;overflow:hidden}.hw-field input,.hw-field select{font-size:.95rem}.hw-readonly{padding:8px 12px;background:var(--surface);border-radius:6px;font-size:.95rem;color:var(--text);border:1px solid var(--border);white-space:pre-wrap}.hw-direction{font-size:.78rem;color:var(--blue);font-weight:600;margin-bottom:4px}.hw-options{display:flex;flex-direction:column;gap:6px;padding-left:4px}.hw-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background .1s}.hw-option:hover{background:var(--hover-bg)}.hw-option.selected{background:var(--accent-dim)}.hw-option input[type=radio]{width:auto;accent-color:var(--accent)}.hw-option-edit{display:flex;gap:6px;align-items:center;margin-bottom:4px}.hw-option-edit input{flex:1}.hw-grading{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.hw-grade-buttons{display:flex;gap:6px}.hw-correction{margin-top:8px;padding:10px;border-radius:6px;background:#f8514914;border-left:3px solid var(--danger)}.hw-correction label{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--danger);margin-bottom:4px;display:block}.fill-blank-sentence{font-size:1.05rem;line-height:2}.fill-blank-input{display:inline-block;width:100px;padding:2px 8px;margin:0 4px;font-size:1rem;border-bottom:2px solid var(--accent);border-top:none;border-left:none;border-right:none;border-radius:0;background:transparent;color:var(--green);text-align:center}.fill-blank-input:focus{outline:none;border-bottom-color:var(--green);box-shadow:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.1rem;color:var(--green)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-body select,.modal-body input,.modal-body textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font-size:.9rem}.modal-body textarea{min-height:80px;resize:vertical}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}@media(max-width:900px){.notes-layout{flex-direction:column;height:auto;min-height:auto;padding:10px;gap:10px}.notes-sidebar{width:100%;min-width:0;max-height:200px;border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:10px}.notes-editor{overflow-y:visible}.note-title-editor{font-size:1.1rem}.editors-row{flex-direction:column}}@media(max-width:600px){.header{flex-wrap:wrap;gap:8px;padding:10px 14px}.tabs{order:1;width:100%;justify-content:center}.role-badge{order:0}.section-editor{min-height:80px;font-size:.9rem;padding:10px}.hw-card{padding:10px}.modal-dialog{width:95%;max-height:90vh}}.admin-page{padding:1.5rem;max-width:900px;margin:0 auto}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}.admin-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.admin-stat-number{font-size:1.8rem;font-weight:700;color:var(--accent)}.admin-stat-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.admin-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:1rem}.admin-card-header h2{font-size:1.1rem;font-weight:600;margin:0}.admin-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.admin-pill{padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.78rem;cursor:pointer;transition:all .15s}.admin-pill:hover{border-color:var(--accent);color:var(--text)}.admin-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.admin-description{color:var(--muted);font-size:.88rem;margin:0 0 1rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-weight:600;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.3px}.admin-table tbody tr:hover{background:var(--hover-bg)}.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;flex-shrink:0}.admin-user-name{font-weight:500;font-size:.9rem}.admin-user-email{color:var(--muted);font-size:.8rem}.admin-date{color:var(--muted);font-size:.85rem}.admin-role-select{padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer}.admin-assign-form{display:flex;align-items:center;gap:10px;margin-bottom:1rem;flex-wrap:wrap}.admin-assign-form select{flex:1;min-width:150px}.admin-arrow{color:var(--muted);font-size:1.2rem}.admin-empty{text-align:center;color:var(--muted);padding:2rem!important;font-size:.9rem}.btn-danger{background:var(--danger);color:#fff;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:opacity .15s}.btn-danger:hover{opacity:.85}@media(max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-assign-form{flex-direction:column}.admin-assign-form select{width:100%}}.metrics-page{max-width:960px;margin:0 auto;padding:1.5rem 1rem}.metrics-loading{text-align:center;color:var(--muted)}.metrics-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.metrics-period{display:flex;gap:.5rem}.metrics-user-select{padding:.35rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;cursor:pointer}.metrics-online{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem;padding:.6rem 1rem;background:var(--green-dim);border-radius:var(--radius);font-size:.85rem}.metrics-online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.metrics-online-label{font-weight:600;color:var(--text)}.metrics-online-user{color:var(--text)}.metrics-online-role{color:var(--muted);font-size:.78rem}.metrics-period button{padding:.35rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.85rem;transition:all .15s}.metrics-period button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.metrics-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:var(--shadow)}.metrics-card-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.metrics-card-label{font-size:.78rem;color:var(--muted);text-align:center}.metrics-subtabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.metrics-subtabs button{padding:.35rem 1rem;border:none;background:none;color:var(--muted);cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent;transition:all .15s}.metrics-subtabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.metrics-section{margin-bottom:1.5rem}.metrics-section h3{margin:0 0 .75rem;font-size:1rem;color:var(--text)}.metrics-bars{display:flex;flex-direction:column;gap:.5rem}.metrics-bar-row{display:flex;align-items:center;gap:.75rem}.metrics-bar-label{width:150px;flex-shrink:0;font-size:.82rem;color:var(--text);text-align:right}.metrics-bar-track{flex:1;height:18px;background:var(--accent-dim);border-radius:4px;overflow:hidden}.metrics-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease;min-width:2px}.metrics-bar-count{width:40px;font-size:.82rem;font-weight:600;color:var(--muted)}.metrics-chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding-top:.5rem;overflow-x:auto}.metrics-chart-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:18px;height:100%;justify-content:flex-end}.metrics-chart-bar{width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease}.metrics-chart-label{font-size:.6rem;color:var(--muted);margin-top:4px;white-space:nowrap}.metrics-table{width:100%;border-collapse:collapse;font-size:.85rem}.metrics-table th{text-align:left;padding:.5rem;border-bottom:2px solid var(--border);color:var(--muted);font-weight:600}.metrics-table td{padding:.5rem;border-bottom:1px solid var(--border);color:var(--text)}.metrics-log{display:flex;flex-direction:column;gap:.35rem;max-height:500px;overflow-y:auto}.metrics-event{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem}.metrics-event-badge{background:var(--accent-dim);color:var(--accent);padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.metrics-event-user{flex:1;color:var(--text)}.metrics-event-time{color:var(--muted);font-size:.75rem;white-space:nowrap}@media(max-width:600px){.metrics-cards{grid-template-columns:repeat(2,1fr)}.metrics-bar-label{width:100px;font-size:.75rem}}