.sl-head,.sl-actions,.sl-tabs,.sl-filter,.sl-pages{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sl-head{justify-content:space-between;margin:12px 0 20px}.sl-head h2{margin:0}.sl-note{color:#64748b;font-size:13px;line-height:1.7}.sl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.sl-card{background:white;border:1px solid #e0e6f0;border-radius:12px;padding:18px}.sl-card strong{display:block;font-size:27px;color:#245df8;margin-top:8px}.sl-panel{background:#fff;border:1px solid #e0e6f0;border-radius:12px;padding:16px;margin-bottom:16px}.sl-filter{margin:16px 0}.sl-filter input,.sl-filter select{max-width:240px;min-height:36px}.sl-scroll{overflow:auto;max-height:65vh}.sl-table{border-collapse:collapse;width:100%;font-size:13px;min-width:850px}.sl-table th{background:#f4f7fc;position:sticky;top:0;z-index:1;text-align:left;color:#586b87}.sl-table td,.sl-table th{padding:12px;border-bottom:1px solid #e4e9f2;vertical-align:top}.sl-table td:nth-child(2){white-space:nowrap}.sl-table td .btn{margin-bottom:4px}.sl-pages{justify-content:flex-end;margin-top:14px}.sl-empty{text-align:center;padding:40px;color:#6b7c95}.sl-warning{color:#a75a00}.sl-error{color:#c42e2e}.sl-backdrop{position:fixed;inset:0;z-index:1400;background:#14233b66;display:flex;align-items:center;justify-content:center;padding:20px}.sl-dialog{background:#fff;border-radius:14px;width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 12px 60px #18274433}.sl-dialog header{padding:18px 22px;border-bottom:1px solid #e4e9f2;display:flex;justify-content:space-between;align-items:center}.sl-dialog h3{margin:0}.sl-body{padding:20px;overflow:auto}.sl-dialog footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid #e4e9f2}.sl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sl-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475b76}.sl-grid input,.sl-grid select{width:100%;min-height:36px;padding:8px;border:1px solid #d9e1ee;border-radius:7px;box-sizing:border-box}.sl-grid h4{grid-column:1/-1;margin:4px 0;border-bottom:1px solid #e5eaf3;padding-bottom:8px}.sl-link{background:#f4f7fc;border-radius:8px;padding:12px;margin:14px 0}.sl-check{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px}.sl-check input{width:auto!important;min-height:0!important}.sl-detail{white-space:pre-wrap;overflow-wrap:anywhere}.sl-import-table{min-width:980px}.sl-import-table details{max-width:470px}.sl-import-table select{min-width:100px}.sl-message{white-space:pre-wrap;line-height:1.6}.sl-body .sl-scroll{max-height:52vh}.sl-tags{padding:3px 8px;border-radius:6px;background:#eef3ff;color:#245df8;display:inline-block}.sl-select{font-size:13px;color:#385a86}.sl-body ul{padding-left:20px}.sl-topbar-note{margin-bottom:15px}.sl-backdrop input[type=checkbox],#view-students input[type=checkbox]{width:15px;height:15px}.sl-file{padding:12px;border:1px dashed #b9cae5;border-radius:8px;width:100%;box-sizing:border-box}
@media(max-width:700px){.sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-backdrop{padding:8px}.sl-body{padding:14px}.sl-dialog{width:100%;max-height:96vh}.sl-head{gap:12px}.sl-filter input,.sl-filter select{max-width:none;flex:1;min-width:130px}.sl-cards{gap:8px}.sl-card{padding:12px;font-size:12px}.sl-card strong{font-size:22px}.sl-dialog header,.sl-dialog footer{padding:14px}.sl-actions{gap:6px}}
@media(max-width:390px){.sl-grid{grid-template-columns:1fr}}