@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#17252d;font-synthesis:none;--ink:#17252d;--muted:#708087;--teal:#0b7a75;--deep:#173c3a;--gold:#e4a83a;--line:#dce5df;--paper:#f4f6f1;--white:#fff;background:#f4f6f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{cursor:pointer}.login-page{background:var(--deep);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{color:#edf5ef;background:linear-gradient(135deg,#173c3a,#0b7a75);flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex}.login-art h1{max-width:650px;margin:1.2rem 0;font:700 clamp(2.8rem,5vw,5.5rem)/.98 Space Grotesk}.login-art p{color:#c5ddd4;max-width:430px;font-size:1.1rem}.art-rule{background:var(--gold);width:92px;height:4px;margin-top:3rem}.overline{letter-spacing:.16em;color:var(--teal);font-size:.72rem;font-weight:700}.login-art .overline{color:#e4a83a}.login-card{background:var(--paper);border-radius:8px;align-self:center;margin:clamp(1.5rem,6vw,6rem);padding:clamp(2rem,5vw,4.5rem);box-shadow:0 20px 70px #071f1d66}.brand-mark{background:var(--gold);width:42px;height:42px;color:var(--deep);border-radius:10px;place-items:center;display:grid}.login-card h2{margin:2rem 0 .35rem;font:700 2.1rem Space Grotesk}.muted{color:var(--muted)}label{gap:.45rem;margin-top:1.2rem;font-size:.88rem;font-weight:600;display:grid}input,select{border:1px solid var(--line);outline-color:var(--teal);background:#fff;border-radius:5px;padding:.8rem .9rem}.button{border:0;border-radius:5px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--teal);color:#fff}.button.secondary{color:var(--deep);background:#e7eeea}.login-card .button{width:100%;margin-top:1.5rem}.alert{border-radius:5px;margin-top:1rem;padding:.8rem 1rem}.error{color:#9b3027;background:#fbe8e4}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--deep);color:#edf5ef;flex-direction:column;padding:1.4rem;display:flex}.brand{align-items:center;gap:.75rem;padding:.35rem .45rem 2.5rem;display:flex}.brand strong,.brand span{display:block}.brand span{color:#a9c8bc;font-size:.74rem}.brand .brand-mark{width:35px;height:35px}.sidebar nav{gap:.35rem;display:grid}.nav-item{color:#b8d2c7;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:.7rem;padding:.75rem;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff16}.sidebar-foot{border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.user-chip{align-items:center;gap:.6rem;display:flex}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:.85rem}.user-chip span{color:#a9c8bc;font-size:.7rem}.avatar{background:var(--gold);width:30px;height:30px;color:var(--deep);border-radius:50%;place-items:center;font-weight:700;display:grid}.icon-button{color:inherit;background:0 0;border:0;border-radius:5px;place-items:center;width:35px;height:35px;display:grid}.icon-button:hover{background:#ffffff1c}.content{width:100%;max-width:1500px;margin:auto;padding:2.7rem clamp(1.2rem,4vw,4.5rem)}.topbar{justify-content:space-between;align-items:end;gap:1rem;display:flex}.topbar h1{margin:.3rem 0 2rem;font:700 3.25rem Space Grotesk}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.search-box{border:1px solid var(--line);max-width:700px;color:var(--muted);background:#fff;border-radius:5px;flex:1;align-items:center;gap:.7rem;padding:0 .9rem;display:flex}.search-box input{border:0;outline:0;flex:1;padding:.8rem 0}.search-box kbd{color:var(--muted);border:1px solid var(--line);padding:.25rem;font-size:.65rem}.status-note{color:var(--muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.library-head,.pagination{color:var(--muted);justify-content:space-between;padding:1.5rem 0;font-size:.8rem;display:flex}.document-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.document-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;gap:.9rem;min-height:165px;padding:1.1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.document-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173c3a12}.file-icon{width:43px;height:50px;color:var(--teal);background:#e8f1ec;border-radius:4px;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.file-icon.large{width:58px;height:68px;margin-bottom:1.5rem}.document-body{min-width:0}.document-body h3{overflow-wrap:anywhere;margin:.15rem 0 .5rem;font:600 1rem/1.25 Space Grotesk}.document-body p{color:var(--muted);margin:0;font-size:.82rem}.card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:.65rem;font-size:.7rem;display:flex;position:absolute;bottom:1rem;left:1.1rem;right:1.1rem}.card-action{color:var(--muted);background:0 0;border:0;position:absolute;top:1rem;right:1rem}.pagination{align-items:center}.pagination>div{gap:.3rem;display:flex}.pagination .icon-button{color:var(--deep);border:1px solid var(--line);background:#fff}.pagination .icon-button:disabled{opacity:.35;cursor:not-allowed}.center-state,.empty-state{min-height:380px;color:var(--muted);place-content:center;justify-items:center;gap:.8rem;display:grid}.empty-state h2{color:var(--ink);margin:0;font:700 1.8rem Space Grotesk}.empty-state p{margin:0 0 1rem}.spinner{border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:5;background:#112d2b99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:8px;width:min(560px,100%);max-height:90vh;padding:2.2rem;position:relative;overflow:auto;box-shadow:0 25px 80px #071f1d55}.modal-close{color:var(--muted);position:absolute;top:1rem;right:1rem}.modal h2{overflow-wrap:anywhere;font:700 1.8rem Space Grotesk}.modal dl{border-top:1px solid var(--line);grid-template-columns:110px 1fr;gap:.7rem;padding-top:1.2rem;display:grid}.modal dt{color:var(--muted);font-size:.8rem}.modal dd{overflow-wrap:anywhere;margin:0;font-size:.9rem}.hash{font-family:monospace;font-size:.7rem!important}.modal-actions{justify-content:end;gap:.7rem;margin-top:2rem;display:flex}.dropzone{text-align:center;min-height:180px;color:var(--teal);cursor:pointer;background:#edf5ef;border:1px dashed #97b8aa;place-content:center;justify-items:center;margin:1.5rem 0}.dropzone input{display:none}.dropzone strong,.dropzone span{color:var(--ink)}.dropzone span{color:var(--muted);font-size:.75rem}.upload-list{gap:.5rem;margin-top:1rem;display:grid}.upload-row{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;justify-content:space-between;gap:1rem;padding:.7rem;font-size:.8rem;display:flex}.badge{white-space:nowrap;font-size:.68rem;font-weight:700}.badge.completed{color:#238153}.badge.failed,.badge.duplicate{color:#b33a2e}.badge.uploading{color:var(--teal)}.document-list{gap:.5rem;display:grid}.document-list .document-card{border-radius:5px;align-items:center;min-height:96px}.document-list .card-meta{border-top:0;justify-content:flex-start;gap:1rem;margin-top:.5rem;padding:0;position:static}.select-button{color:var(--teal);background:0 0;border:0;place-items:center;padding:.2rem;display:grid}.selection-bar{border:1px solid var(--line);background:#e7eeea;border-radius:5px;align-items:center;gap:.7rem;margin:1rem 0;padding:.7rem 1rem;display:flex}.selection-bar strong{margin-right:auto}.session-manager{border:1px solid var(--line);background:#fff;border-radius:8px;padding:1.5rem}.session-manager h2,.session-manager p{margin:.1rem 0}.session-manager p{color:var(--muted);font-size:.9rem}.session-manager>input{width:min(420px,100%);margin:1rem 0}.session-form{border:1px solid var(--line);background:#edf5ef;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem;display:grid}.session-form label{margin:0}.session-form .modal-actions{grid-column:1/-1;margin:0}.session-table{border-collapse:collapse;width:100%;margin-top:1rem}.session-table th,.session-table td{border:1px solid var(--line);text-align:left;padding:.75rem;font-size:.85rem}.session-table th{background:#edf5ef}.session-table button{color:var(--deep);background:#e7eeea;border:0;border-radius:4px;margin:.1rem;padding:.4rem .55rem;font-weight:700}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-art{min-height:40vh;padding:2.5rem 1.5rem}.login-art h1{font-size:2.8rem}.login-card{border-radius:0;margin:0;padding:2.3rem 1.5rem}.app-shell{display:block}.sidebar{min-height:auto;padding:1rem}.brand{padding-bottom:1rem}.sidebar nav{display:flex}.nav-item{flex:1}.sidebar-foot{border:0;padding:0;position:absolute;top:1rem;right:1rem}.sidebar-foot .icon-button{display:none}.content{padding:1.5rem}.topbar{flex-direction:column;align-items:start}.topbar h1{margin:.3rem 0 1.5rem;font-size:2.5rem}.topbar .button{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:.8rem}.search-box{max-width:none}.document-grid{grid-template-columns:1fr}.document-list .document-card{min-height:120px}.selection-bar{flex-wrap:wrap;align-items:stretch}.selection-bar strong{width:100%}.modal{padding:1.6rem}.modal-actions .button{flex:1}}.public-portal{background:var(--paper);min-height:100vh;color:var(--ink)}.public-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.2rem,5vw,6rem);display:flex}.public-brand{align-items:center;gap:.75rem;display:flex}.public-brand strong,.public-brand span{display:block}.public-brand strong{font:700 1.15rem Space Grotesk}.public-brand span{color:var(--muted);font-size:.72rem}.admin-link,.back-link{color:var(--teal);background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-weight:700;text-decoration:none;display:inline-flex}.admin-link{font-size:.8rem}.public-hero{max-width:1200px;margin:0 auto;padding:clamp(4rem,10vw,9rem) clamp(1.2rem,5vw,3rem) 4rem}.public-hero h1{max-width:850px;margin:1rem 0;font:700 clamp(2.8rem,6vw,6.2rem)/.96 Space Grotesk}.public-hero p{color:var(--muted);font-size:1.15rem}.lecturer-section,.hierarchy-section{max-width:1200px;margin:0 auto;padding:1rem clamp(1.2rem,5vw,3rem) 5rem}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:1rem;display:flex}.section-heading h2,.hierarchy-section h2{margin:.3rem 0;font:700 2rem Space Grotesk}.public-search{border:1px solid var(--line);background:#fff;align-items:center;gap:.6rem;max-width:520px;margin:1.5rem 0;padding:0 1rem;display:flex}.public-search input{border:0;outline:0;width:100%;padding:.9rem 0}.lecturer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.lecturer-card,.subject-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:7px;padding:1.3rem;transition:transform .2s,box-shadow .2s}.lecturer-card:hover,.subject-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173c3a14}.lecturer-icon{width:42px;height:42px;color:var(--teal);background:#e7eeea;border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.lecturer-card h3,.subject-card h3{min-height:2.7rem;font:600 1.08rem/1.25 Space Grotesk}.lecturer-stats{color:var(--muted);border-top:1px solid var(--line);gap:1rem;padding-top:.8rem;font-size:.78rem;display:flex}.card-cta,.subject-card span{color:var(--teal);align-items:center;gap:.4rem;margin-top:1rem;font-size:.8rem;font-weight:700;display:flex}.identity{padding:2.5rem 0 2rem}.identity h1{margin:.6rem 0;font:700 clamp(2.4rem,5vw,4.8rem)/1 Space Grotesk}.identity p{color:var(--muted)}.identity.compact{padding:1rem 0}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.session-row{gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.session-pill{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:.6rem .9rem;font-weight:700}.session-pill.active{background:var(--teal);color:#fff;border-color:var(--teal)}.material-list{gap:.8rem;margin-top:1.5rem;display:grid}.public-material{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:1rem;padding:1rem;display:flex}.public-material>div:nth-child(2){flex:1}.public-material h3{margin:.35rem 0;font:600 1rem Space Grotesk}.public-material p{color:var(--muted);margin:0;font-size:.78rem}.public-viewer{max-width:1200px;margin:0 auto;padding:2rem clamp(1.2rem,5vw,3rem)}.public-viewer h1{overflow-wrap:anywhere;font:700 clamp(2rem,4vw,4rem) Space Grotesk}.public-viewer>p{color:var(--muted)}.viewer-frame{border:1px solid var(--line);background:#fff;min-height:70vh;margin-top:2rem}.viewer-frame iframe{border:0;width:100%;height:70vh}.viewer-unavailable{text-align:center;place-content:center;justify-items:center;min-height:50vh;padding:2rem;display:grid}.viewer-unavailable h2{font:600 1.3rem Space Grotesk}.viewer-unavailable p{color:var(--muted)}.viewer-frame .image-preview{box-sizing:border-box;width:100%;max-width:100%;height:auto;margin:0 auto;display:block}.viewer-pagination{border-top:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.viewer-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-shell{--admin-bg:#f4f5f0;--admin-surface:#fff;--admin-border:#dbe3de;--admin-text:#17252d;--admin-muted:#667b84;--admin-teal:#087d78;--admin-deep:#083d43;background:var(--admin-bg);min-height:100vh;color:var(--admin-text);display:flex}.admin-sidebar{box-sizing:border-box;background:var(--admin-deep);color:#ecf4ef;flex-direction:column;width:250px;min-height:100vh;padding:1.4rem;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:.7rem;padding:.35rem .35rem 1.7rem;display:flex}.admin-brand>span,.admin-kpi-icon{color:#073d43;background:#eeb43c;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.admin-brand strong,.admin-brand small,.admin-user strong,.admin-user small{display:block}.admin-brand strong{font-size:1.15rem}.admin-brand small,.admin-user small{color:#a9c8bc;font-size:.73rem}.admin-sidebar nav{gap:.3rem;display:grid}.admin-sidebar nav button{color:#c1d4cc;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:.7rem;padding:.75rem;font:600 .86rem inherit;display:flex}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;background:#ffffff19}.admin-user{border-top:1px solid #ffffff25;align-items:center;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.admin-user>b{color:#073d43;background:#eeb43c;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.admin-user div{flex:1}.admin-user button,.admin-mobile-close{color:inherit;background:0 0;border:0;padding:.4rem}.admin-main{flex:1;min-width:0}.admin-header{box-sizing:border-box;border-bottom:1px solid var(--admin-border);background:#fff;justify-content:space-between;align-items:center;min-height:84px;padding:1.2rem clamp(1.25rem,4vw,3.5rem);display:flex}.admin-header h1{margin:.1rem 0 0;font:700 clamp(1.5rem,3vw,2.2rem) Space Grotesk}.admin-eyebrow{letter-spacing:.14em;color:var(--admin-teal);font-size:.68rem;font-weight:800}.admin-page{max-width:1320px;margin:auto;padding:2rem clamp(1.25rem,4vw,3.5rem)}.admin-kpi-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.admin-kpi,.admin-panel{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;box-shadow:0 5px 20px #092c2a0a}.admin-kpi{color:var(--admin-muted);gap:.35rem;padding:1.15rem;font-size:.78rem;display:grid}.admin-kpi-icon{background:#e7f1eb;width:35px;height:35px;margin-bottom:.3rem}.admin-kpi strong{color:var(--admin-text);font:700 1.65rem Space Grotesk}.admin-kpi small{font-size:.72rem}.admin-panel{margin-bottom:1.5rem;padding:1.35rem}.admin-panel h2{margin:.25rem 0;font:700 1.25rem Space Grotesk}.admin-panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.admin-button,.admin-logout,.admin-action,.admin-icon-button{cursor:pointer;border:0;border-radius:7px;font:700 .8rem inherit}.admin-button,.admin-logout{background:var(--admin-teal);color:#fff;align-items:center;gap:.45rem;padding:.65rem .85rem;display:inline-flex}.admin-button.secondary{color:var(--admin-deep);background:#e7f1eb}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.82rem}.admin-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--admin-muted);background:#f5f7f4;font-size:.69rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--admin-border);padding:.8rem}.admin-file{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.45rem;min-width:180px;max-width:350px;font-weight:700;display:flex;overflow:hidden}.admin-empty{text-align:center;color:var(--admin-muted);padding:2rem!important}.admin-icon-button{color:var(--admin-teal);background:#e7f1eb;padding:.45rem}.admin-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:1rem;display:grid}.admin-action{color:var(--admin-deep);text-align:left;background:#f2f7f3;align-items:center;gap:.65rem;padding:1rem;display:flex}.admin-action:hover{background:#dfeee5}.admin-alert{color:#a53022;background:#fff0ed;border:1px solid #f0c7be;border-radius:8px;justify-content:space-between;margin:1rem clamp(1.25rem,4vw,3.5rem);padding:.8rem 1rem;display:flex}.admin-alert button{color:inherit;background:0 0;border:0}.admin-loading{color:var(--admin-muted);padding:2rem}.admin-menu-button,.admin-mobile-close,.admin-scrim{display:none}@media (width<=1000px){.admin-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.admin-sidebar{z-index:20;width:270px;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-scrim{z-index:10;background:#082c2b77;border:0;display:block;position:fixed;inset:0}.admin-menu-button,.admin-mobile-close{color:var(--admin-deep);background:0 0;border:0;place-items:center;display:grid}.admin-mobile-close{margin-left:auto}.admin-logout{display:none}.admin-header{justify-content:flex-start;gap:1rem}.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-panel{padding:1rem}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}}