.staff-role{background:var(--accent-soft);color:var(--accent);letter-spacing:.2px;border-radius:7px;align-items:center;padding:7px 11px;font-size:10px;font-weight:700;display:inline-flex}.role-admin{color:#8b5d15;background:#f5e9cf}.role-moderator{color:#6950aa;background:#ebe6ff}.role-management{color:#27765b;background:#dff1e9}[data-role=admin] .header-avatar{color:#8b5d15;background:#f5e9cf}[data-role=admin] .account-role-tag{color:#956516;font-weight:700}[data-role=moderator] .account-role-tag{color:#7a63b6}[data-role=management] .account-role-tag{color:#38876a}.staff-hero{border:1px solid var(--edge);background:var(--surface);box-shadow:var(--shadow-1);border-radius:18px;align-items:center;gap:24px;margin-bottom:24px;padding:30px;display:flex;position:relative;overflow:hidden}.admin-hero{background:linear-gradient(115deg,var(--surface) 50%,#f4e8d1);border-color:#e6dbc5}.moderator-hero{background:linear-gradient(115deg,var(--surface) 50%,#ebe6fa)}.staff-hero-icon{color:#916617;background:#fff8;border-radius:20px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 10px 24px #91661722}.moderator-hero .staff-hero-icon{color:#7860b1;box-shadow:0 10px 24px #7860b122}.staff-hero h2{letter-spacing:-.7px;margin:13px 0 10px;font-size:25px;line-height:1.35}.staff-hero p{color:var(--soft);max-width:480px;margin:0;font-size:12px;line-height:1.9}.staff-hero .primary-button{white-space:nowrap;margin-left:auto;font-size:11px}.staff-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:22px 0;display:grid}.staff-stats .stat-label{font-size:10px}.staff-stats .stat-value{margin:8px 0;font-size:32px}.staff-stats p{color:var(--soft);font-size:10px}.staff-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0;display:grid}.staff-shortcuts a{transition:transform .2s,border-color .2s,box-shadow .2s}.staff-shortcuts a:hover{border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-3px)}.staff-shortcuts svg{color:var(--accent)}.staff-shortcuts h2{margin:14px 0 10px;font-size:15px}.staff-shortcuts p{color:var(--soft);margin:0;font-size:11px;line-height:1.8}.staff-audit ul{margin:20px 0 0;padding:0;list-style:none}.staff-audit li{border-top:1px solid var(--edge);justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;display:flex}.staff-audit p{color:var(--soft);margin:6px 0 0;font-size:11px}.staff-audit small{text-align:right;color:var(--soft);font-size:10px;line-height:1.8}.staff-toolbar{align-items:flex-end;gap:18px;margin-bottom:16px;display:flex}.staff-toolbar label,.staff-search,.lesson-teacher-editor label{color:var(--soft);flex-direction:column;gap:9px;font-size:11px;display:flex}.staff-search{flex:1;margin-bottom:20px}.staff-toolbar .staff-search{margin-bottom:0}.staff-search input,.staff-search select,.staff-toolbar select,.lesson-teacher-editor select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--edge);border-radius:9px;width:100%;min-width:0;padding:12px 13px}.staff-search input:focus,.staff-search select:focus,.staff-toolbar select:focus{outline:2px solid var(--accent);outline-offset:2px}.staff-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px;display:grid}.staff-user-card{min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.staff-user-card:hover{border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-3px)}.staff-user-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.staff-user-card h2{overflow-wrap:anywhere;margin:18px 0 7px;font-size:17px}.staff-user-card p{color:var(--soft);overflow-wrap:anywhere;font-size:11px}.staff-user-card small{color:var(--soft);font-size:10px}.staff-card-action{color:var(--accent);border-top:1px solid var(--edge);align-items:center;gap:10px;margin-top:22px;padding-top:16px;font-size:11px;font-weight:600;display:flex}.staff-editor{margin:22px 0}.staff-editor .board-heading{margin-bottom:20px}.staff-checkbox{align-items:center;flex-direction:row!important;gap:10px!important;display:flex!important}.staff-checkbox input{height:16px;accent-color:var(--accent);width:16px!important;padding:0!important}.staff-section-title{margin:30px 0 20px;font-size:21px}.staff-back{color:var(--accent);margin-bottom:22px;font-size:11px;display:inline-block}.staff-account-info{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.staff-account-info p{color:var(--soft);margin:0;font-size:11px}.staff-account-info small{color:var(--soft);overflow-wrap:anywhere;font-size:10px}.staff-detail-section{margin:20px 0}.staff-detail-section h2{font-size:18px}.staff-detail-section p{color:var(--soft);overflow-wrap:anywhere;font-size:12px;line-height:1.9}.staff-detail-section summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.8}.staff-detail-section[open]>summary{margin-bottom:22px}.staff-detail-section .material-workspace{grid-template-columns:220px minmax(0,1fr)}.teaching-roster{margin-top:22px}.teaching-row{border-top:1px solid var(--edge);justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.teaching-row strong{font-size:12px}.teaching-row p{color:var(--soft);margin:7px 0 0;font-size:11px}.lesson-teacher-editor{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:15px;display:flex}.lesson-teacher-editor label{flex:1;min-width:110px}.lesson-teacher-editor select{max-width:290px;font-size:10px}.lesson-teacher-editor .form-error{flex-basis:100%}.contact-heading small{overflow-wrap:anywhere;color:var(--soft);font-size:10px}[data-theme=dark] .role-admin,[data-theme=dark] [data-role=admin] .header-avatar{color:#eed09a;background:#493b22}[data-theme=dark] [data-role=admin] .account-role-tag{color:#eed09a}[data-theme=dark] .role-moderator{color:#c9b3ef;background:#392c50}[data-theme=dark] .role-management{color:#b0e1cb;background:#20433d}[data-theme=dark] .admin-hero{background:linear-gradient(115deg,var(--surface) 50%,#302d27);border-color:#534835}[data-theme=dark] .moderator-hero{background:linear-gradient(115deg,var(--surface) 50%,#2c2641)}[data-theme=dark] .staff-hero-icon{color:#edcd93;background:#ffffff09}[data-theme=dark] .moderator-hero .staff-hero-icon{color:#c9b3ef}@media (max-width:1100px){.staff-hero{flex-wrap:wrap}.staff-hero .primary-button{margin-left:0}.staff-shortcuts,.staff-detail-section .material-workspace{grid-template-columns:1fr}}@media (max-width:650px){.staff-hero{gap:16px;padding:22px 17px}.staff-hero-icon{border-radius:13px;width:46px;height:46px}.staff-hero-icon svg{width:25px}.staff-hero h2{font-size:20px}.staff-hero p{font-size:11px}.staff-hero .primary-button{white-space:normal;gap:10px;width:100%}.staff-stats{grid-template-columns:1fr 1fr;gap:10px}.staff-stats .stat-card{padding:15px 10px}.staff-stats .stat-label{font-size:9px}.staff-toolbar{flex-direction:column;align-items:stretch;gap:12px}.staff-user-grid{grid-template-columns:1fr}.staff-user-card h2{font-size:15px}.staff-audit li{flex-direction:column}.staff-audit small{text-align:left}.staff-account-info{gap:13px}.staff-section-title{font-size:18px}.staff-role{padding:6px 9px;font-size:9px}.staff-detail-section summary{font-size:12px}.lesson-teacher-editor select{max-width:100%}}
.storage-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.storage-toolbar p{color:var(--soft);margin:12px 0 0;font-size:11px}.storage-actions,.storage-reader-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.storage-actions .primary-button,.storage-reader-actions .primary-button{min-height:0;padding:12px 16px;font-size:11px}.storage-breadcrumbs{color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;font-size:11px;display:flex}.storage-breadcrumbs button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:7px 0}.storage-workspace{grid-template-columns:minmax(230px,1fr) minmax(0,1.8fr);align-items:start;gap:20px;display:grid}.storage-list{flex-direction:column;gap:10px;min-width:0;display:flex}.storage-entry{border:1px solid var(--edge);background:var(--surface);border-radius:12px;align-items:center;min-width:0;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.storage-entry:hover{box-shadow:var(--shadow-1);border-color:#b9d4e6}.storage-entry.selected{border-color:var(--accent);box-shadow:var(--shadow-1),inset 3px 0 0 var(--accent)}.storage-open{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 9px;display:flex}.storage-open>svg{color:var(--accent);flex-shrink:0}.storage-open span{flex-direction:column;gap:8px;min-width:0;display:flex}.storage-open strong{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.storage-open small{color:var(--soft);font-size:9px;line-height:1.7}.storage-entry-actions{align-self:flex-start;gap:3px;padding-top:8px;display:flex}.storage-entry-actions button{padding:7px}.storage-reader{min-width:0}.storage-reader-actions,.storage-composer{margin:22px 0}.storage-text-editor{tab-size:2;white-space:pre-wrap;font-family:Consolas,monospace!important;font-size:12px!important;line-height:1.8!important}.storage-reader>.assignment-form{margin:20px 0}.storage-reader h2{overflow-wrap:anywhere}.storage-workspace:has(>.storage-list:last-child){grid-template-columns:1fr}.storage-library .portal-empty{padding:30px 16px}.account-security,.password-card{margin-top:24px}.security-confirm{flex-direction:column;gap:9px;max-width:380px;margin:23px 0;font-size:12px;display:flex}.security-confirm input{font:inherit;background:var(--canvas);color:var(--text);border:1px solid var(--edge);border-radius:8px;padding:12px}.security-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.security-grid h3,.account-delete-form h3{margin:0 0 20px;font-size:15px}.security-grid form{border:1px solid var(--edge);border-radius:12px;padding:20px}.account-delete-form{border:1px solid #d6747450;border-radius:12px;margin-top:24px;padding:22px}.account-delete-form p,.ban-reason{color:var(--soft);overflow-wrap:anywhere;font-size:12px;line-height:1.9}.danger-button{color:#ac3838;font:inherit;cursor:pointer;background:#c9535312;border:1px solid #c9535340;border-radius:9px;padding:13px 17px;font-size:12px;font-weight:600}.danger-button:disabled{opacity:.5;cursor:default}.account-banned-tag{color:#ac3838;background:#c9535312;border-radius:6px;align-items:center;margin:5px 8px 10px 0;padding:6px 9px;font-size:10px;display:inline-flex}[data-theme=dark] .danger-button,[data-theme=dark] .account-banned-tag{color:#ffb5b5;background:#ce686818}.password-card h2{margin:14px 0;font-size:20px}.password-card .assignment-form{margin-top:22px}.password-card .primary-button{align-self:flex-start}.auth-login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.auth-login-options a{color:#c9f6e6}.auth-code-actions{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.auth-code-actions button{font:inherit;color:#caf5e8;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;font-size:11px}.auth-code-actions button:disabled{opacity:.55;cursor:default}.ocean-auth .form-success{color:#d6ffef;background:#a6f2cf16;border:1px solid #bcf3d744;border-radius:9px;padding:15px;font-size:12px;line-height:1.9}.ocean-auth .primary-button[href]{justify-content:center;text-decoration:none;display:flex}.ocean-auth .field-hint{line-height:1.8}@media (max-width:1100px){.storage-workspace,.security-grid{grid-template-columns:1fr}}@media (max-width:650px){.storage-actions{width:100%}.storage-actions>*{flex:100%;justify-content:center}.storage-reader-actions .material-add{flex:1;width:auto}.storage-reader{padding:18px 13px}.storage-entry-actions{flex-direction:column}.storage-open strong{font-size:11px}.security-grid{gap:16px}.security-grid form,.account-delete-form{padding:17px 13px}.security-grid .primary-button,.danger-button{width:100%;font-size:11px}.auth-code-actions{flex-direction:column;gap:5px}}