.ad-tab-bar{background:var(--card-background,#fff);border:1px solid var(--border-light,#e0e0e0);border-radius:12px;gap:.25rem;width:fit-content;margin-bottom:1.75rem;padding:.4rem;display:flex}.ad-tab{cursor:pointer;color:var(--text-medium,#616161);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .18s;display:flex}.ad-tab:hover{background:var(--background-tertiary,#f5f5f5);color:var(--text-dark,#212121)}.ad-tab--active{background:var(--primary-color,#1976d2);color:#fff}.ad-tab--active:hover{color:#fff;background:#1565c0}.ad-section{flex-direction:column;gap:1.5rem;display:flex}.ad-section .stats-grid{gap:1.5rem;margin-bottom:1.5rem;grid-template-columns:repeat(5,1fr)!important;display:grid!important}@media (max-width:1560px) and (min-width:1150px){.ad-section .stats-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1149px) and (min-width:920px){.ad-section .stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:920px){.ad-section .stats-grid{grid-template-columns:1fr!important}}.ad-card{background:var(--card-background,#fff);border:1px solid var(--border-light,#e0e0e0);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);border-radius:14px;padding:1.5rem}.ad-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.1rem;display:flex}.ad-card__title{color:var(--text-dark,#212121);align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:600;display:flex}.ad-status-list{flex-direction:column;gap:.85rem;margin-top:.5rem;display:flex}.ad-status-row{grid-template-columns:130px 1fr 48px;align-items:center;gap:1rem;display:grid}.ad-status-row__label{color:var(--text-medium,#616161);align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;display:flex}.ad-status-row__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ad-status-row__bar-wrap{background:var(--background-tertiary,#f0f0f0);border-radius:20px;height:10px;overflow:hidden}.ad-status-row__bar{border-radius:20px;min-width:4px;height:100%;transition:width .5s}.ad-status-row__count{text-align:right;font-size:.9rem;font-weight:700}.ad-table{border:1px solid var(--border-light,#e0e0e0);border-radius:12px;width:100%;font-size:.9rem;overflow:hidden}.ad-table__header,.ad-table__row{grid-template-columns:minmax(140px,2fr) minmax(180px,2.5fr) minmax(120px,1.5fr) minmax(140px,2fr);align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.ad-table__header{background:var(--background-tertiary,#f5f5f5);color:var(--text-medium,#616161);font-weight:600}.ad-table__row:nth-child(odd){background:#fff}.ad-table__row:nth-child(2n){background:#fafafa}.ad-table__row:hover{background:#f1f5f9}@media (max-width:720px){.ad-table__header,.ad-table__row{grid-template-columns:minmax(120px,2fr) minmax(140px,2fr);grid-template-areas:"name actions""email status";grid-auto-rows:auto}.ad-table__header span:first-child,.ad-table__row span:first-child{grid-area:name}.ad-table__header span:nth-child(2),.ad-table__row span:nth-child(2){grid-area:email}.ad-table__header span:nth-child(3),.ad-table__row span:nth-child(3){grid-area:status}.ad-table__header span:nth-child(4),.ad-table__row span:nth-child(4){text-align:right;grid-area:actions}}.ad-quick-actions{flex-direction:column;gap:.5rem;display:flex}.ad-action-card{border:1px solid var(--border-light,#e0e0e0);color:inherit;cursor:pointer;background:var(--background-color,#fafafa);border-radius:10px;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;transition:all .18s;display:flex}.ad-action-card:hover{border-color:var(--primary-color,#1976d2);background:#e3f2fd}.ad-action-card__title{color:var(--text-dark,#212121);margin:0 0 .15rem;font-size:.93rem;font-weight:600}.ad-action-card__desc{color:var(--text-light,#757575);margin:0;font-size:.8rem}.ad-action-card__arrow{color:var(--text-light,#9e9e9e);margin-left:auto}.ad-form{background:var(--background-color,#fafafa);border:1px solid var(--border-light,#e0e0e0);border-radius:10px;flex-direction:column;gap:.65rem;margin-bottom:1rem;padding:1rem;display:flex}.ad-form__row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}@media (max-width:600px){.ad-form__row{grid-template-columns:1fr}}.ad-form__actions{flex-wrap:wrap;gap:.5rem;display:flex}.ad-input{border:1px solid var(--border-light,#e0e0e0);width:100%;color:var(--text-dark,#212121);box-sizing:border-box;background:#fff;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.88rem;transition:border-color .18s}.ad-input:focus{border-color:var(--primary-color,#1976d2)}.ad-textarea{border:1px solid var(--border-light,#e0e0e0);width:100%;color:var(--text-dark,#212121);resize:vertical;box-sizing:border-box;background:#fff;border-radius:8px;outline:none;padding:.55rem .75rem;font-family:inherit;font-size:.88rem;transition:border-color .18s}.ad-textarea:focus{border-color:var(--primary-color,#1976d2)}.ad-search-bar{gap:.5rem;margin-bottom:1rem;display:flex}.ad-search{border:1px solid var(--border-light,#e0e0e0);background:var(--background-color,#fafafa);color:var(--text-light,#9e9e9e);border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.ad-search__input{color:var(--text-dark,#212121);background:0 0;border:none;outline:none;flex:1;padding:.55rem 0;font-size:.88rem}.ad-search__clear{cursor:pointer;color:var(--text-light,#9e9e9e);background:0 0;border:none;align-items:center;padding:0;display:flex}.ad-search__clear:hover{color:var(--text-dark,#212121)}.ad-filter-tabs{background:var(--background-color,#f5f5f5);border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.ad-filter-tab{cursor:pointer;color:var(--text-medium,#616161);background:0 0;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s}.ad-filter-tab--active{color:var(--primary-color,#1976d2);background:#fff;box-shadow:0 1px 3px #0000001a}.ad-community-list{flex-direction:column;gap:.6rem;display:flex}.ad-community-row{border:1px solid var(--border-light,#f0f0f0);background:var(--background-color,#fafafa);border-radius:10px;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:background .15s;display:flex}.ad-community-row:hover{background:#f5f5f5}.ad-community-row__icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:38px}.ad-community-row__icon--placeholder{background:var(--background-tertiary,#e0e0e0);width:38px;height:38px;color:var(--text-light,#9e9e9e);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ad-community-row__info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ad-community-row__name{color:var(--text-dark,#212121);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.ad-community-row__desc{color:var(--text-light,#757575);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.ad-list{flex-direction:column;gap:.75rem;display:flex}.ad-post-row{border:1px solid var(--border-light,#e0e0e0);background:#fff;border-radius:10px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.ad-post-row--pending{background:#fffde7;border-left:3px solid #ff9800}.ad-post-row__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ad-post-row__meta-group{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.ad-post-row__author{color:var(--text-dark,#212121);font-size:.88rem;font-weight:600}.ad-post-row__meta{color:var(--text-light,#9e9e9e);align-items:center;gap:.2rem;font-size:.78rem;display:flex}.ad-post-row__text{color:var(--text-medium,#616161);margin:0;font-size:.87rem;line-height:1.5}.ad-article-row{border:1px solid var(--border-light,#e0e0e0);background:#fff;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem;transition:background .15s;display:flex}.ad-article-row--deleted{opacity:.6;background:#fafafa}.ad-article-row__thumb{background:var(--background-tertiary,#e0e0e0);border-radius:8px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.ad-article-row__thumb img{object-fit:cover;width:100%;height:100%}.ad-article-row__no-img{width:100%;height:100%;color:var(--text-light,#9e9e9e);justify-content:center;align-items:center;display:flex}.ad-article-row__body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.ad-article-row__top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ad-article-row__title{color:var(--text-dark,#212121);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.ad-article-row__meta{color:var(--text-light,#757575);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.ad-article-row__teacher{color:var(--text-medium,#616161);align-items:center;gap:.3rem;font-weight:500;display:flex}.ad-article-row__teacher img{object-fit:cover;border-radius:50%;width:18px;height:18px}.ad-article-row__actions{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.ad-inline-action{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.ad-inline-action .ad-input{flex:1;min-width:160px}.ad-badge{white-space:nowrap;border-radius:20px;align-items:center;padding:.18rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.ad-badge--active{color:#2e7d32;background:#e8f5e9}.ad-badge--inactive{color:#6d4c41;background:#efebe9}.ad-badge--pending{color:#e65100;background:#fff3e0}.ad-badge--danger{color:#c62828;background:#ffebee}.ad-badge--neutral{color:#1565c0;background:#e3f2fd}.ad-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .18s;display:inline-flex}.ad-btn--sm{padding:.35rem .7rem;font-size:.8rem}.ad-btn--primary{background:var(--primary-color,#1976d2);color:#fff}.ad-btn--primary:hover{background:#1565c0}.ad-btn--primary:disabled{opacity:.55;cursor:not-allowed}.ad-btn--danger{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.ad-btn--danger:hover{background:#ffcdd2}.ad-btn--success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.ad-btn--success:hover{background:#c8e6c9}.ad-btn--ghost{color:var(--text-medium,#616161);border:1px solid var(--border-light,#e0e0e0);background:0 0}.ad-btn--ghost:hover{background:var(--background-tertiary,#f5f5f5)}.ad-load-more{border:1px dashed var(--border-light,#e0e0e0);width:100%;color:var(--primary-color,#1976d2);cursor:pointer;background:0 0;border-radius:8px;margin-top:1rem;padding:.6rem;font-size:.875rem;font-weight:500;transition:background .15s;display:block}.ad-load-more:hover{background:#e3f2fd}.ad-loading{color:var(--text-light,#9e9e9e);justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;font-size:.875rem;display:flex}.ad-spinner{border:2px solid var(--border-light,#e0e0e0);border-top-color:var(--primary-color,#1976d2);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ad-spin;display:inline-block}@keyframes ad-spin{to{transform:rotate(360deg)}}.ad-empty{text-align:center;color:var(--text-light,#9e9e9e);margin:0;padding:2rem 1rem;font-size:.88rem}.ad-error{text-align:center;color:#c62828;padding:1.5rem;font-size:.88rem}.ad-toast{z-index:9999;border-radius:10px;align-items:center;gap:.6rem;max-width:360px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.25s ad-slide-in;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 16px #00000024}.ad-toast span{flex:1}.ad-toast button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;display:flex}.ad-toast button:hover{opacity:1}.ad-toast--ok{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.ad-toast--err{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}@keyframes ad-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ad-time-range-wrapper{margin-bottom:1.5rem}.ad-analytics-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.ad-chart-full{grid-column:1/-1}@media (min-width:1300px){.ad-analytics-grid{grid-template-columns:repeat(2,1fr)}.ad-chart-full{grid-column:1/-1}}.ad-supervisors-add-btn{background:var(--primary-color,#1976d2);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.ad-supervisors-add-btn:hover{background:#1565c0}.ad-supervisors-table-wrap{border:1px solid var(--border-light,#e0e0e0);border-radius:12px;width:100%;overflow-x:auto}.ad-supervisors-table{border-collapse:collapse;width:100%;font-size:.9rem}.ad-supervisors-table thead tr{background:var(--background-tertiary,#f5f5f5)}.ad-supervisors-table th{text-align:left;color:var(--text-medium,#616161);border-bottom:1px solid var(--border-light,#e0e0e0);padding:.75rem 1rem;font-weight:600}.ad-supervisors-table th.ad-supervisors-table-actions-header{text-align:right}.ad-supervisors-table td{border-bottom:1px solid var(--border-light,#eaeaea);vertical-align:middle;padding:.75rem 1rem}.ad-supervisors-table tbody tr:nth-child(odd){background:#fff}.ad-supervisors-table tbody tr:nth-child(2n){background:#fafafa}.ad-supervisors-table tbody tr:hover{background:#f1f5f9}.ad-supervisors-table td.ad-supervisors-actions-cell{text-align:right}.ad-table-link{color:var(--primary-color,#6366f1);font-weight:500;text-decoration:none}.ad-table-link:hover{text-decoration:underline}.ad-supervisors-status-cell{align-items:center;gap:.35rem;display:inline-flex}.ad-supervisors-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.ad-supervisors-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;min-width:36px;height:36px;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:background .2s,opacity .2s;display:inline-flex}.ad-supervisors-action-btn:disabled{cursor:default;opacity:.6}.ad-supervisors-action-btn--disable{color:#b91c1c;background:#fee2e2}.ad-supervisors-action-btn--disable:hover:not(:disabled){background:#fecaca}.ad-supervisors-action-btn--activate{color:#166534;background:#dcfce7}.ad-supervisors-action-btn--activate:hover:not(:disabled){background:#bbf7d0}.ad-supervisors-action-btn--toggle{color:#374151;background:#e5e7eb}.ad-supervisors-action-btn--toggle:hover:not(:disabled){background:#d1d5db}.ad-supervisors-action-btn--toggle.ad-supervisors-action-btn--disable:not(:disabled){color:#b91c1c;background:#fee2e2}.ad-supervisors-action-btn--toggle.ad-supervisors-action-btn--disable:not(:disabled):hover{background:#fecaca}.ad-supervisors-action-btn--toggle.ad-supervisors-action-btn--activate:not(:disabled){color:#166534;background:#dcfce7}.ad-supervisors-action-btn--toggle.ad-supervisors-action-btn--activate:not(:disabled):hover{background:#bbf7d0}.ad-supervisors-action-btn--delete{color:#b91c1c;background:#fee2e2}.ad-supervisors-action-btn--delete:hover:not(:disabled){background:#fecaca}.ad-supervisors-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out ad-supervisors-modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes ad-supervisors-modal-overlay-in{0%{opacity:0}to{opacity:1}}.ad-supervisors-modal{background:var(--card-background,#fff);border-radius:14px;width:100%;max-width:420px;max-height:90vh;animation:.25s ease-out ad-supervisors-modal-in;overflow-y:auto;box-shadow:0 20px 50px #0003}@keyframes ad-supervisors-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ad-supervisors-modal-header{border-bottom:1px solid var(--border-light,#e5e7eb);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ad-supervisors-modal-header h2{color:var(--text-dark,#111827);align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:600;display:flex}.ad-supervisors-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,color .2s;display:inline-flex}.ad-supervisors-modal-close:hover{color:#111827;background:#f3f4f6}.ad-supervisors-modal-form{padding:1.5rem}.ad-supervisors-modal-error{color:#dc2626;margin:0 0 1rem;font-size:.85rem}.ad-supervisors-modal-field{margin-bottom:1rem}.ad-supervisors-modal-field label{color:var(--text-medium,#374151);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.ad-supervisors-modal-field input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.95rem}.ad-supervisors-modal-field input:focus{border-color:var(--primary-color,#1976d2);outline:none;box-shadow:0 0 0 2px #1976d233}.ad-supervisors-modal-hint{color:#6b7280;margin:0 0 1.25rem;font-size:.8rem;line-height:1.4}.ad-supervisors-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.ad-supervisors-modal-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:background .2s}.ad-supervisors-modal-btn-cancel:hover:not(:disabled){background:#f9fafb}.ad-supervisors-modal-btn-submit{background:var(--primary-color,#1976d2);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s;display:inline-flex}.ad-supervisors-modal-btn-submit:hover:not(:disabled){background:#1565c0}.ad-supervisors-modal-btn-submit:disabled{opacity:.7;cursor:default}@media (max-width:640px){.ad-tab-bar{width:100%;overflow-x:auto}.ad-article-row{flex-direction:column}.ad-article-row__thumb{width:100%;height:120px}.ad-status-row{grid-template-columns:110px 1fr 40px}.ad-community-row{flex-wrap:wrap}}