@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#293247;background:#f7f9fc;font-synthesis:none;line-height:1.5;--ink: #293247;--muted: #7d879a;--line: #e6ebf4;--primary: #5c78df;--primary-deep: #4562cf;--soft-blue: #edf2ff;--shadow: 0 18px 50px rgba(57, 83, 145, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f9fc}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(1px);opacity:.65;z-index:-1}.ambient-one{width:420px;height:420px;top:-180px;right:3%;background:radial-gradient(circle,rgba(172,194,255,.3),transparent 68%)}.ambient-two{width:360px;height:360px;bottom:-180px;left:-90px;background:radial-gradient(circle,rgba(203,189,255,.21),transparent 68%)}.glass{background:#ffffffbd;border:1px solid rgba(218,226,242,.82);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-shell{position:sticky;top:0;z-index:10;padding:18px 30px 8px}.nav{max-width:1240px;margin:auto;height:64px;border-radius:18px;padding:0 18px 0 21px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;color:#303b53;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#8ba5ff,#5674dd);box-shadow:0 5px 15px #5a77e142}.nav-links{display:flex;align-items:center;gap:5px;flex:1}.nav-links a{display:inline-flex;align-items:center;gap:8px;color:#7c879a;font-size:13px;font-weight:500;padding:10px 12px;border-radius:10px;transition:.2s ease}.nav-links a:hover,.nav-links a.router-link-active{color:var(--primary-deep);background:var(--soft-blue)}.account{display:flex;align-items:center;gap:10px;margin-left:auto}.account-name{font-size:13px;color:#68748a}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9edff;color:var(--primary-deep);font-size:12px;font-weight:700}.mobile-toggle{display:none;background:transparent;color:var(--ink)}.page-wrap{max-width:1160px;margin:0 auto;padding:65px 30px 100px}.hero{max-width:820px;margin:23px auto 104px;text-align:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:17px 0 16px;color:#2d3850;font-size:clamp(40px,6vw,65px);line-height:1.12;letter-spacing:-.065em}.hero h1 span{color:var(--primary)}.hero p,.page-heading p{color:var(--muted);font-size:15px}.hero>p{max-width:500px;margin:0 auto 30px}.search-box{max-width:650px;margin:auto;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 19px;border-radius:16px;transition:.2s ease}.search-box:focus-within{border-color:#b7c6fa;box-shadow:0 0 0 4px #7391ec1a,var(--shadow)}.search-box>svg{color:#96a3ba;flex:none}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(135deg,#7894f1,#5472df);border-radius:10px;padding:11px 17px;font-size:13px;font-weight:600;box-shadow:0 7px 16px #5b79e133;transition:.2s ease}.button:hover,.search-box button:hover{transform:translateY(-1px);box-shadow:0 10px 21px #5b79e145}.button:disabled{opacity:.55;cursor:wait;transform:none}.button-small{padding:8px 14px}.button-wide{width:100%}.hero-stats{display:flex;justify-content:center;gap:26px;margin-top:20px;color:#9aa4b7;font-size:12px}.hero-stats strong{color:#56647d;font-size:16px;margin-right:4px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:21px}.section-head h2{margin:5px 0 0;font-size:23px;letter-spacing:-.04em}.section-head.small{align-items:center;margin-bottom:17px}.section-head.small h2{font-size:18px}.ghost-button,.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--primary-deep);font-size:13px}.ghost-button:hover,.text-button:hover{color:#2f4fb8}.material-grid{display:grid;gap:12px}.material-card{display:flex;align-items:center;gap:17px;min-height:124px;padding:20px 21px;border:1px solid var(--line);border-radius:15px;background:#ffffffc2;transition:.2s ease}.material-card:hover{transform:translateY(-2px);border-color:#d6dff6;box-shadow:0 12px 30px #39539112}.file-icon,.course-icon{display:grid;place-items:center;flex:none;color:var(--primary);background:#eef2ff;border-radius:12px;width:47px;height:47px}.material-main{min-width:0;flex:1}.meta{display:flex;gap:14px;color:#8390a6;font-size:11px}.meta span:first-child,.course-code{color:var(--primary-deep);font-weight:600}.material-main h3{margin:7px 0 3px;color:#39445b;font-size:16px}.material-main p{overflow:hidden;margin:0 0 10px;color:#8a94a7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.file-line{display:flex;gap:13px;color:#a1aab9;font-size:11px}.card-actions{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:transparent;color:#97a2b5;transition:.2s}.icon-button:hover{color:var(--primary);background:#f0f3ff}.download-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--primary-deep);font-size:12px;font-weight:600;white-space:nowrap}.empty-card{display:grid;place-items:center;gap:8px;min-height:220px;padding:35px;border:1px dashed #dce3f1;border-radius:16px;color:#93a0b5;text-align:center}.empty-card h3{margin:2px 0 0;color:#59657b;font-size:16px}.empty-card p{margin:0 0 7px;font-size:13px}.page-heading{margin:29px 0 42px}.page-heading h1{margin:10px 0 6px;color:#303b52;font-size:42px;letter-spacing:-.06em}.page-heading p{margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.course-card{min-height:210px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#ffffffb3;transition:.2s ease}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d4ddf6}.course-card .course-code{font-size:11px;letter-spacing:.08em}.course-icon{margin:22px 0 13px;width:40px;height:40px}.course-card h3{margin:0 0 6px;font-size:17px}.course-card p{min-height:38px;margin:0 0 18px;color:var(--muted);font-size:12px}.course-card a{display:inline-flex;align-items:center;gap:5px;color:var(--primary-deep);font-size:12px;font-weight:600}.auth-page{min-height:100vh;display:grid;place-items:center;padding:45px 22px}.auth-brand{position:fixed;top:31px;left:34px}.auth-card{width:min(100%,410px);padding:38px;border-radius:20px}.auth-card h1{margin:18px 0 6px;color:#303b52;font-size:29px;letter-spacing:-.05em}.auth-card>p{margin:0 0 28px;color:var(--muted);font-size:13px}form{display:grid;gap:16px}label{display:grid;gap:7px;color:#637089;font-size:12px;font-weight:600}input,textarea,select{width:100%;border:1px solid #e0e6f0;border-radius:10px;outline:0;padding:12px 13px;color:var(--ink);background:#ffffffd9;font-size:13px;transition:.2s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#a8baf4;box-shadow:0 0 0 4px #718feb1a}.auth-card .text-button{justify-content:center;width:100%;margin-top:23px}.form-card{max-width:840px;margin:0 auto;padding:30px;border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{position:relative;place-items:center;gap:8px;padding:38px;margin-top:3px;border:1px dashed #bfcdf1;border-radius:14px;color:#8391ad;background:#eff4ff85;text-align:center;transition:.2s}.drop-zone:hover{border-color:#7892e5;background:#e7edffcc;box-shadow:0 0 23px #728fe81a}.drop-zone strong{color:#5b6c8e;font-size:13px}.drop-zone span{font-size:11px;font-weight:400}.drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:5px;color:#8c99ad;font-size:11px}.form-footer>span{display:inline-flex;align-items:center;gap:6px}.admin-layout{display:grid;grid-template-columns:290px 1fr;gap:38px;align-items:start}.form-card.compact{padding:23px}.count-pill{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:20px;color:var(--primary-deep);background:var(--soft-blue);font-size:11px;font-weight:700}.review-list{display:grid;gap:10px}.review-list article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}.review-list article h3{margin:3px 0;font-size:14px}.review-list article p{margin:0;color:#96a0b2;font-size:11px}.review-actions{display:flex;gap:6px;margin-left:auto}.approve,.reject{display:inline-flex;align-items:center;gap:4px;padding:7px 9px;border-radius:8px;font-size:11px}.approve{color:#258673;background:#e8f8f3}.reject{color:#ba6d7a;background:#fff0f2}.small-empty{min-height:150px}.toast{position:fixed;right:28px;bottom:28px;z-index:30;padding:12px 18px;border:1px solid #dbe5ff;border-radius:11px;color:#4260bb;background:#f4f7ffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px}.toast.error{color:#a95868;border-color:#f0dce0;background:#fff6f7f0}.toast-enter-active,.toast-leave-active{transition:.22s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:800px){.nav-shell{padding:12px 14px 5px}.nav{position:relative;gap:14px}.mobile-toggle{display:block;margin-left:auto}.nav-links{position:absolute;top:71px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fffffff5;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px}.account{margin-left:0}.account-name{display:none}.page-wrap{padding:45px 18px 70px}.hero{margin-bottom:70px}.hero-stats{gap:12px;flex-wrap:wrap}.course-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.form-card.compact{max-width:none}}@media(max-width:560px){.nav{padding-left:14px}.brand{font-size:14px}.account .icon-button{display:none}.hero h1{font-size:43px}.search-box{padding-left:13px}.search-box button{padding:10px 11px;font-size:12px}.section-head{align-items:start}.material-card{align-items:flex-start;flex-wrap:wrap}.material-main{width:calc(100% - 64px)}.card-actions{width:100%;justify-content:flex-end}.course-grid{grid-template-columns:1fr}.page-heading h1{font-size:35px}.auth-card{padding:28px 22px}.auth-brand{position:static;align-self:start}.auth-page{display:flex;flex-direction:column;justify-content:center;gap:37px}.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .button{width:100%}.review-list article{flex-wrap:wrap}.review-actions{width:100%;margin-left:0}.review-actions button{flex:1;justify-content:center}.toast{right:15px;bottom:15px;left:15px;text-align:center}}.material-card{cursor:pointer}.favorite-button.active{color:#e6536b;background:#fff0f3;animation:heart-pop .42s ease}.favorite-button.active:hover{color:#d53b56;background:#ffe7ec}.favorite-text-button{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:#8b96aa;background:transparent;font-size:12px}.favorite-text-button.active{color:#e6536b;background:#fff0f3}@keyframes heart-pop{0%{transform:scale(.75)}60%{transform:scale(1.22)}to{transform:scale(1)}}.detail-button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;color:var(--primary-deep);background:#eef2ff;font-size:11px;font-weight:600;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;padding:20px;background:#2f3b592e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.detail-modal{position:relative;width:min(100%,570px);padding:30px;border-radius:20px}.modal-close{position:absolute;top:16px;right:16px}.detail-loading{min-height:200px;display:grid;place-items:center;color:var(--muted);font-size:13px}.detail-top{display:flex;align-items:center;gap:15px;padding-right:24px}.file-icon.large{width:58px;height:58px}.detail-top h2{margin:5px 0 8px;color:#303b52;font-size:24px;letter-spacing:-.045em}.status-pill{display:inline-flex;padding:3px 8px;border-radius:20px;color:#348f7a;background:#e7f7f2;font-size:10px;font-weight:700}.status-pill.pending{color:#af7a32;background:#fff4df}.status-pill.rejected{color:#b25c6d;background:#fff0f2}.library-sort{display:flex;align-items:end;gap:10px}.library-sort label{display:grid;gap:4px;color:#8995aa;font-size:10px}.library-sort select{min-width:120px;padding:8px 30px 8px 10px}.study-list-stack,.study-list-items,.report-list{display:grid;gap:12px}.study-list-card,.report-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}.study-list-heading,.report-heading,.report-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.study-list-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0;color:#46526a;text-align:left;background:transparent}.study-list-toggle>span:first-child,.study-material-link{display:grid;gap:4px}.study-list-toggle small,.study-material-link small{color:#98a3b5;font-size:11px}.study-list-items{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.study-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}.study-material-link{overflow:hidden;padding:0;color:#46526a;text-align:left;background:transparent}.study-material-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-list-item select{min-width:112px;padding:7px 26px 7px 9px;font-size:11px}.danger-text{color:#b25c6d}.report-card p{margin:14px 0;color:#69768c;line-height:1.7;white-space:pre-wrap}.report-heading h3{margin:5px 0 0;font-size:16px}.report-actions{justify-content:flex-end}.detail-description{margin:23px 0;padding-bottom:21px;border-bottom:1px solid var(--line);color:#77849a;font-size:13px;line-height:1.8}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;color:#7e8ba1;font-size:11px}.detail-facts span{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-facts svg{color:#8298e4;flex:none}.detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:28px}.modal-enter-active,.modal-leave-active{transition:.2s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .detail-modal,.modal-leave-to .detail-modal{transform:translateY(10px) scale(.98)}@media(max-width:560px){.detail-modal{padding:23px 18px}.detail-top h2{font-size:20px}.detail-facts{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.detail-actions>*{flex:1;justify-content:center}}.detail-page-toolbar{display:flex;align-items:center;gap:16px;margin:28px 0 22px}.detail-page-toolbar .back-icon{transform:rotate(180deg)}.detail-breadcrumb{color:#a0aabd;font-size:12px}.detail-page-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:22px;align-items:stretch}.detail-preview{position:relative;display:grid;place-items:center;min-height:560px;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#f7faffe0,#ebf1ffb3)}.preview-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(125,151,240,.24),transparent 68%);filter:blur(8px)}.preview-gallery{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px 20px 145px;overflow-x:auto}.preview-paper{position:relative;display:grid;place-items:center;gap:13px;width:min(68%,310px);min-height:390px;padding:28px;border:1px solid rgba(214,224,246,.9);border-radius:7px;color:#7892e8;background:#ffffffe0;box-shadow:0 28px 50px #5b70af2b;text-align:center;transform:rotate(-1.5deg)}.preview-paper img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:3px}.preview-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.preview-pages img{width:100%;max-height:220px}.preview-pages img{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.preview-pages img:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4860a533}.preview-paper span{max-width:100%;overflow:hidden;color:#596985;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.preview-paper small{color:#a1adc0;font-size:11px}.preview-caption{position:absolute;bottom:22px;color:#99a6bc;font-size:11px}.detail-page-info{display:flex;flex-direction:column;justify-content:center;padding:42px 38px;border-radius:22px}.detail-page-heading{display:flex;align-items:flex-start;gap:17px}.detail-page-heading h1{margin:6px 0 10px;color:#303b52;font-size:30px;letter-spacing:-.055em;line-height:1.18}.detail-page-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-top:34px}.favorite-text-button{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:10px;color:#9c7180;background:#fff1f4;font-size:12px;font-weight:600}.favorite-text-button.active{color:#e6536b}.detail-loading-page{min-height:440px}.admin-detail-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:22px;align-items:start}.admin-detail-layout .form-card{max-width:none;margin:0}.admin-preview-panel{display:grid;gap:12px}.admin-file-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#ffffffbf}.admin-file-heading{display:flex;align-items:center;gap:11px}.admin-file-heading h3{margin:0 0 2px;color:#4b5870;font-size:14px}.admin-file-heading p{margin:0;color:#97a1b1;font-size:11px}.admin-file-heading .download-button{margin-left:auto}.admin-preview-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.admin-preview-item{position:relative;display:grid;gap:5px;width:118px}.admin-preview-item img{width:118px;height:145px;padding:4px;border:1px solid #dce4f5;border-radius:7px;background:#fff;object-fit:contain;cursor:zoom-in}.admin-preview-item span{overflow:hidden;color:#8c98ac;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-preview-item .icon-button{position:absolute;top:5px;right:5px;width:25px;height:25px;color:#a95868;background:#ffffffe6}.add-preview-button{position:relative;display:grid;place-items:center;gap:7px;width:118px;height:145px;border:1px dashed #bfcbeb;border-radius:7px;color:var(--primary);background:#f5f7ff;font-size:11px;text-align:center;cursor:pointer}.add-preview-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.my-materials-section{margin-top:64px}.my-material-list{display:grid;gap:9px}.my-material-row{display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid var(--line);border-radius:13px;background:#ffffffb3}.my-material-row .material-main h3{margin:4px 0 2px;font-size:14px}.my-material-row .material-main p{margin:0}.my-material-row .status-pill{margin-left:auto;white-space:nowrap}.my-material-row .detail-button{flex:none}.preview-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:45px;background:#232e4aad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-close{position:absolute;top:22px;right:26px;width:42px;height:42px;color:#fff;background:#ffffff24}.lightbox-close:hover{color:#fff;background:#ffffff40}.lightbox-content{display:grid;place-items:center;gap:13px;max-width:min(92vw,1050px);max-height:92vh}.lightbox-content img{display:block;max-width:100%;max-height:calc(92vh - 70px);border-radius:8px;background:#fff;box-shadow:0 30px 80px #0c142b61;object-fit:contain}.lightbox-content div{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:12px}.lightbox-content span{color:#ffffffa3}.lightbox-enter-active,.lightbox-leave-active{transition:opacity .2s ease}.lightbox-enter-from,.lightbox-leave-to{opacity:0}.detail-file-list{display:grid;gap:7px;margin-top:18px}.detail-file-list-preview{position:absolute;right:18px;bottom:18px;left:18px;max-height:150px;overflow:auto;margin-top:0}.detail-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#ffffffd1}.detail-file-row>div{display:flex;align-items:center;gap:7px;min-width:0;color:#71809a;font-size:11px}.detail-file-row>div svg{flex:none;color:#8298e4}.detail-file-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-file-row small{color:#a1aaba;white-space:nowrap}@media(max-width:800px){.detail-page-shell{grid-template-columns:1fr}.detail-preview{min-height:420px}}@media(max-width:800px){.admin-detail-layout{grid-template-columns:1fr}}@media(max-width:560px){.detail-page-info{padding:28px 22px}.detail-page-heading h1{font-size:23px}.detail-page-actions{flex-wrap:wrap}.detail-page-actions>*{flex:1;justify-content:center}}@media(max-width:560px){.my-material-row{align-items:flex-start;flex-wrap:wrap}.my-material-row .material-main{width:calc(100% - 60px)}.my-material-row .status-pill{margin-left:0}.my-material-row .detail-button{margin-left:auto}}.course-detail-heading{margin:26px 0 24px}.course-detail-heading h1{margin:9px 0 5px;color:#303b52;font-size:36px;letter-spacing:-.055em}.course-detail-heading p{margin:0;color:var(--muted);font-size:13px}.course-material-filters{display:flex;gap:12px;padding:14px;margin-bottom:20px;border-radius:15px}.course-material-filters label{min-width:180px}@media(max-width:560px){.course-material-filters{flex-direction:column}.course-material-filters label{min-width:0}}.course-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(145px,1fr));gap:12px;align-items:end;margin:-16px 0 22px;padding:14px;border-radius:15px}.course-filters label{display:grid;gap:6px;color:var(--muted);font-size:11px}.course-filters select,.course-filters input{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#ffffffdb;color:var(--ink)}.course-search{display:flex!important;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#ffffffdb;color:var(--primary)}.course-search input{min-height:auto;padding:0;border:0;outline:0;background:transparent}.course-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.course-semester{padding:4px 8px;border-radius:999px;background:#eef2ff;color:var(--primary-deep);font-size:10px}.course-meta{display:flex;flex-wrap:wrap;gap:7px;min-height:36px;margin:0 0 16px;color:var(--muted);font-size:11px}.course-meta span+span{padding-left:7px;border-left:1px solid var(--line)}@media(max-width:900px){.course-filters{grid-template-columns:1fr 1fr}}@media(max-width:560px){.course-filters{grid-template-columns:1fr}}.detail-community{grid-column:1 / -1;display:grid;gap:18px;padding:22px}.community-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.community-summary strong{color:var(--primary-deep);font-size:30px}.community-summary span{color:var(--muted);font-size:13px}.rating-buttons{display:flex;gap:5px}.rating-buttons .active{color:#d94d66}.community-actions{display:flex;gap:10px}.comment-box{display:grid;gap:12px}.comment-box h3{margin:0}.comment-row{padding:12px 0;border-top:1px solid var(--line)}.comment-row>div{display:flex;gap:10px;align-items:baseline}.comment-row span,.comment-row small{color:var(--muted);font-size:11px}.comment-row p{margin:7px 0 0;color:var(--text)}.comment-form{display:flex;gap:9px}.comment-form input{flex:1}.empty-inline{color:var(--muted);font-size:13px}.notification-list{display:grid;gap:12px}.notification-row{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.notification-row.unread{border-color:#9eb7ff;box-shadow:0 8px 24px #4360b414}.notification-row h3{margin:9px 0 5px}.notification-row p{margin:0 0 6px;color:var(--muted)}.feedback-form{margin-bottom:54px}.feedback-history{margin-top:54px}.feedback-list{display:grid;gap:13px}.feedback-card{padding:21px;border:1px solid var(--line);border-radius:16px;background:#ffffffbd}.feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feedback-heading h3{margin:5px 0 0;color:#3b465c;font-size:16px}.feedback-card>p{margin:14px 0 8px;color:#69768c;font-size:13px;line-height:1.75;white-space:pre-wrap}.feedback-card>small{color:#9aa5b7;font-size:11px}.feedback-reply{margin-top:16px;padding:14px 16px;border-left:3px solid #91a9f3;border-radius:0 10px 10px 0;background:#f3f6ff}.feedback-reply strong{color:var(--primary-deep);font-size:12px}.feedback-reply p{margin:6px 0 0;color:#64718a;font-size:13px;white-space:pre-wrap}.feedback-reply-form{grid-template-columns:1fr auto;align-items:end;margin-top:17px}.feedback-reply-form .button{min-height:42px}@media(max-width:560px){.feedback-heading{align-items:flex-start}.feedback-reply-form{grid-template-columns:1fr}.feedback-reply-form .button{width:100%}}.account-security-note{display:flex;gap:13px;margin:-18px 0 34px;padding:17px 19px;border:1px solid #dce5fb;border-radius:14px;color:var(--primary-deep);background:#f3f6ff}.account-security-note svg{flex:none;margin-top:2px}.account-security-note strong{font-size:13px}.account-security-note p{margin:4px 0 0;color:#74829b;font-size:12px}.account-list{display:grid;gap:13px}.account-card{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(230px,.9fr) minmax(280px,1fr);align-items:center;gap:22px;padding:19px 21px;border:1px solid var(--line);border-radius:16px;background:#ffffffbf}.account-profile{display:flex;align-items:center;gap:12px;min-width:0}.account-avatar{width:42px;height:42px}.account-profile h3{margin:3px 0 1px;font-size:15px}.account-profile small{color:var(--muted);font-size:10px}.account-profile .status-pill{margin-left:auto}.account-stats{display:flex;justify-content:center;gap:18px}.account-stats span{display:grid;gap:2px;color:var(--muted);font-size:10px;text-align:center}.account-stats strong{color:var(--ink);font-size:15px}.account-password-form{grid-template-columns:1fr auto;align-items:end;gap:9px}.account-password-form input{padding:9px 11px}.account-password-form .ghost-button{min-height:38px;justify-content:center;white-space:nowrap}.admin-password-hint{color:var(--muted);font-size:11px;text-align:center}@media(max-width:950px){.account-card{grid-template-columns:1fr 1fr}.account-password-form{grid-column:1 / -1}}@media(max-width:600px){.account-card{grid-template-columns:1fr}.account-stats{justify-content:flex-start}.account-password-form{grid-column:auto;grid-template-columns:1fr}}.nav{gap:20px}.nav-links{gap:2px}.nav-links a{gap:6px;padding:10px 9px;font-size:12px;white-space:nowrap}.nav-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:99px;color:#fff;background:#e6536b;font-size:9px;font-weight:700}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:43px}.password-field .icon-button{position:absolute;right:5px;color:#8f9bb1}.auth-card .auth-help{margin-top:10px}.report-button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:9px;color:#a06c45;background:#fff6ed;font-size:12px}.download-hint{margin:18px 0 0;color:#a1aaba;font-size:11px}.filter-toolbar,.management-filters{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.management-filters{padding:13px;border-radius:14px}.management-filters label{min-width:160px}.management-filters .course-search{flex:1;display:flex;align-items:center;min-height:39px;padding:0 11px}.management-filters .course-search input{border:0;box-shadow:none;background:transparent}.filter-chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chips button{padding:8px 12px;border:1px solid var(--line);border-radius:99px;color:#7e8aa0;background:#fffc;font-size:11px}.filter-chips button.active{border-color:#b9c7f6;color:var(--primary-deep);background:var(--soft-blue)}.study-progress{display:block;width:min(100%,180px);height:4px;margin-top:3px;overflow:hidden;border-radius:99px;background:#edf0f6}.study-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8ca4f3,#5c78df);transition:width .25s ease}.course-lookup{margin-bottom:7px}.account-reset-button{justify-content:center;white-space:nowrap}.audit-section{margin-top:42px}.audit-list{display:grid;gap:8px}.audit-list article{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#ffffffa8}.audit-list article div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.audit-list span,.audit-list small,.audit-list time{color:var(--muted);font-size:11px}.password-reset-modal{position:relative;width:min(100%,430px);padding:30px;border-radius:18px}.password-reset-modal h2{margin:10px 0 6px;color:#303b52;font-size:22px}.password-reset-modal p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(92,120,223,.28);outline-offset:2px}@media(max-width:1180px){.nav-shell{padding:12px 14px 5px}.nav{position:relative;gap:14px}.mobile-toggle{display:block;margin-left:auto}.nav-links{position:absolute;top:71px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:9px;border:1px solid var(--line);border-radius:14px;background:#fffffffa;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px}.account{margin-left:0}}@media(max-width:650px){.filter-toolbar,.management-filters{align-items:stretch;flex-direction:column}.management-filters label{min-width:0}.study-list-item{grid-template-columns:1fr}.study-list-item select{width:100%}.password-reset-modal{padding:26px 20px}}@media(max-width:1180px){.nav .mobile-toggle{display:inline-grid!important;place-items:center;flex:none;width:40px;height:40px;margin-left:auto;z-index:2}.nav .nav-links{z-index:3;max-height:calc(100vh - 92px);overflow-y:auto}.nav .nav-links.open{display:flex!important}}.drop-zone.dragging{border-color:#5c78df;background:#e1e9ffeb;box-shadow:0 0 0 4px #5c78df1f,0 0 23px #728fe82e;transform:translateY(-1px)}
