@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#112c42;--blue:#1b526c;--gold:#d4ac62;--ink:#173247;--muted:#607382;--line:#e1e8ed;--bg:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba882e;outline-offset:3px}button{border:0}aside{position:fixed;width:248px;inset:0 auto 0 0;background:var(--navy);color:#eaf1f6;padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brandmark{width:42px;height:42px;background:var(--gold);color:var(--navy);border-radius:13px;display:grid;place-items:center}.brand small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:2px;color:#a9bccb;margin-top:5px}.navlabel{font-size:12px;letter-spacing:1.6px;color:#96adbe;margin:47px 16px 12px}nav button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border-radius:10px;padding:14px 16px;background:transparent;color:#b8cad7;margin-bottom:5px;font-size:15px}nav button.active{background:#264359;color:white}nav button.active svg{color:var(--gold)}.sidefoot{margin-top:auto;padding:21px 14px 0;border-top:1px solid #345064;font-size:13px;color:#b3c5d1;line-height:1.7}.sidefoot strong{color:#fff;display:block;font-size:14px}.main{margin-left:248px}.topbar{height:84px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px}.crumb{font-size:14px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:500}.badge{font-size:12px;border:1px solid #ded5c1;background:#fcf8ef;color:#82601f;padding:7px 12px;border-radius:30px;white-space:nowrap}.avatar{display:flex;align-items:center;gap:11px;font-size:14px}.circle{background:#e9eff4;border-radius:50%;padding:10px;font-weight:700}.content{max-width:1450px;margin:auto;padding:36px 42px 50px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}h1{font:800 32px/1.25 Manrope,sans-serif;letter-spacing:-1.2px;margin:7px 0 10px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#95712d}p{color:var(--muted);line-height:1.6;margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);background:white;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:600;min-height:44px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.searchbox{background:white;border:1px solid var(--line);border-radius:13px;display:flex;gap:14px;align-items:center;padding:0 18px;box-shadow:0 4px 18px #122b4005;height:58px}.searchbox svg{color:#6d8290}.searchbox input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink)}.searchbox:focus-within{outline:2px solid #326b88}.key{font-size:12px;border:1px solid var(--line);padding:3px 7px;border-radius:5px;color:var(--muted)}.stats{display:flex;gap:24px;margin-top:15px;color:var(--muted);font-size:13px}.stats b{color:var(--ink)}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px;gap:10px}h2{font:750 19px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.textbtn{background:none;color:var(--blue);font-size:14px;font-weight:600;padding:8px}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;text-align:left;min-height:126px;transition:transform .15s,border-color .15s}.category:hover{transform:translateY(-2px);border-color:#9ab3c2}.category.selected{border-color:#235871;box-shadow:0 0 0 1px #235871}.category .cat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e9f0f6;color:#2c5874;margin-bottom:13px}.category:nth-child(4n+2) .cat-icon{background:#f7efde;color:#8a651f}.category:nth-child(4n+3) .cat-icon{background:#e9f3ef;color:#33705b}.category:nth-child(4n+4) .cat-icon{background:#edf0fa;color:#565a92}.category b{display:block;font-size:14px}.category small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:30px 0 16px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}select{background:white;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 31px 10px 12px;font-size:14px;max-width:240px;min-height:44px}.viewtabs{display:flex;padding:4px;background:#e8eef2;border-radius:8px;gap:3px}.viewtabs button{display:grid;place-items:center;padding:7px;color:var(--muted);background:transparent;border-radius:5px}.viewtabs button.active{background:white;color:var(--navy);box-shadow:0 1px 4px #112c4210}.resultline{font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;justify-content:space-between}.filegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filecard{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;min-width:0;transition:box-shadow .15s}.filecard:hover{box-shadow:0 5px 19px #112c420a}.fileart{height:102px;background:#ecf1f6;display:flex;align-items:center;justify-content:center;position:relative;color:#477087}.fileart.video{background:#e8edf7;color:#5b679d}.fileart.image{background:#e9f2ef;color:#467361}.fileart.zip{background:#f5efdf;color:#927135}.fileart>svg{width:35px;height:35px;stroke-width:1.25}.format{position:absolute;left:15px;top:13px;font:700 10px Manrope,sans-serif;letter-spacing:1px;padding:4px 7px;border-radius:4px;background:#ffffffb8;color:var(--ink)}.star{position:absolute;right:10px;top:8px;background:transparent;color:#708391;padding:8px}.star.saved{color:#9d751c}.star.saved svg{fill:#e7c776}.filebody{padding:17px}.catname{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#7b8d99;margin-bottom:8px}.filebody h3{font-size:15px;line-height:1.5;font-weight:600;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}.filebottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2f5;margin-top:16px;padding-top:12px;gap:8px;font-size:12px;color:var(--muted)}.openlink{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#1f536d;min-height:30px}.filegrid.list{grid-template-columns:1fr}.list .filecard{display:flex;align-items:center}.list .fileart{height:110px;width:105px;flex-shrink:0}.list .filebody{flex:1}.list .filebody h3{min-height:0}.list .filebottom{border:0;padding:0;margin-top:5px}.list .format{left:5px;top:5px}.list .star{right:0;top:49px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:28px;font-size:14px}.pagination button:disabled{opacity:.4;cursor:default}.empty{padding:60px 20px;text-align:center;background:white;border:1px dashed #cbd7df;border-radius:12px;grid-column:1/-1}.empty h3{margin:14px 0 7px}.empty .btn{margin-top:20px}.hubs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub{background:white;border:1px solid var(--line);border-radius:14px;padding:27px}.hub h2{margin:15px 0 10px}.hub p{font-size:14px;margin-bottom:23px;min-height:44px}.hubactions{display:flex;gap:10px;flex-wrap:wrap}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide article{background:white;border:1px solid var(--line);border-radius:13px;padding:26px}.step{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:var(--navy);color:var(--gold);font-weight:700;margin-bottom:20px}.guide h2{margin-bottom:12px}.guide p{font-size:15px}.note{margin-top:24px;padding:20px 23px;border:1px solid var(--line);background:white;border-radius:12px;font-size:14px;color:var(--muted);line-height:1.8}.footer{font-size:12px;color:#788994;margin-top:38px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px}.mobilebrand{display:none}.folderlink{font-size:12px;color:var(--blue);display:inline-flex;margin-top:10px;gap:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@media(min-width:1500px){.filegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){aside{width:210px;padding:30px 15px}.main{margin-left:210px}.content{padding:28px}.topbar{padding:0 28px}.filegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-template-columns:repeat(4,minmax(0,1fr))}.category{padding:14px}.guide{grid-template-columns:1fr}}@media(max-width:760px){aside{inset:auto 0 0;width:100%;height:72px;padding:5px 8px;z-index:10;border-top:1px solid #345064}aside>.brand,.navlabel,.sidefoot{display:none}nav{display:flex;justify-content:space-around}nav button{width:auto;flex:1;flex-direction:column;gap:5px;margin:0;padding:8px 3px;font-size:10px;border-radius:8px}.main{margin:0}.topbar{height:68px;padding:0 20px}.crumb,.avatar{display:none}.mobilebrand{display:flex;color:var(--ink);font-size:20px}.mobilebrand .brandmark{width:32px;height:32px;border-radius:9px}.content{padding:25px 18px 100px}h1{font-size:27px}.heading{align-items:start}.heading>.btn{display:none}.heading p{font-size:14px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.filegrid{gap:12px}.filebody{padding:13px}.filebody h3{font-size:14px}.fileart{height:85px}.filebottom{align-items:start;flex-direction:column;gap:3px}.filters{width:100%}select{max-width:100%;flex:1;min-width:0}.toolbar{gap:10px}.viewtabs{margin-left:auto}.hubs{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.stats{gap:13px;font-size:12px}.key{display:none}.list .fileart{width:75px}.list .filebottom{flex-direction:row}.hub{padding:22px}.sectiontitle h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.skip{position:fixed;left:16px;top:-100px;background:white;color:#112c42;padding:13px;z-index:1000}.skip:focus{top:10px}.detail-title{background:none;text-align:left;padding:0;color:inherit;font:inherit;cursor:pointer;line-height:1.5}.detail-title:hover{text-decoration:underline}.detail{width:min(600px,calc(100% - 28px));padding:36px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 20px 90px #102b4240;max-height:90dvh;overflow:auto}.detail::backdrop{background:#0b2338a8}.dialog-close{float:right;padding:9px;min-width:44px;margin:-13px -13px 5px 15px}.detail h2{font-size:23px;line-height:1.45;margin:13px 0;overflow-wrap:anywhere}.detail-meta{display:flex;gap:10px;margin-bottom:20px;font-size:13px;color:var(--muted)}.detail-meta span{background:var(--bg);padding:6px 10px;border-radius:6px}.source-name{background:var(--bg);padding:17px;border-radius:10px;margin:20px 0;font-size:13px;display:grid;gap:7px;overflow-wrap:anywhere}.source-name b{margin-top:7px}.source-name span{color:var(--muted)}.detail .textbtn{padding:17px 0;text-align:left}.detail-note{font-size:12px}.detail textarea{width:100%;min-height:120px}.notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#102b42;color:white;padding:15px 23px;box-shadow:0 3px 18px #0002;border-radius:10px;z-index:1000;max-width:90vw;font-size:14px}.folderlink svg{width:14px;height:14px}.catname{font-size:12px}.openlink{min-height:44px}.filebody h3{font-size:16px}.format{font-size:12px}.filters{justify-content:flex-end}.guide article p{font-size:16px}@media(max-width:760px){nav button{font-size:12px}.detail{padding:25px}.detail h2{font-size:21px}.notice{bottom:85px}.filegrid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr))}.filters select{flex-basis:42%}.filebody h3{font-size:15px}}@media(max-width:390px){.filegrid:not(.list){grid-template-columns:1fr}.fileart{height:72px}.filebottom{flex-direction:row}}
.resource-label{display:inline-block;font-size:12px;color:#806126;background:#faf3e4;padding:4px 8px;border-radius:5px;margin-bottom:9px}
.auth-page{min-height:100dvh;display:flex;align-items:center;flex-direction:column;padding:48px 20px;background:linear-gradient(135deg,#edf3f8 0%,#fff 100%)}.auth-brand{color:var(--navy);margin-bottom:30px}.auth-brand small{color:var(--muted);font-size:12px}.auth-card{width:100%;max-width:480px;background:white;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 20px 70px #112c420b}.auth-card h1{font-size:29px;margin:10px 0 15px}.auth-card p{font-size:16px}.auth-card form{display:flex;flex-direction:column;margin-top:24px}.auth-card label{font-size:14px;font-weight:600;margin:14px 0 8px}.auth-card input{width:100%;padding:13px;border:1px solid #b7c8d4;border-radius:9px;color:var(--ink);background:white;min-height:48px}.auth-submit{width:100%;font-size:16px;margin-top:14px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-options{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.auth-options .textbtn{min-height:44px}.auth-message{margin-top:14px;font-size:14px;line-height:1.7;color:#225d4b;overflow-wrap:anywhere}.auth-message:empty{display:none}.auth-message.error{color:#a02727}.auth-footer{font-size:14px;text-align:center;margin-top:25px}.auth-purchase{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:12px}.auth-loading{padding:80px 20px;text-align:center}.account-actions{display:flex;align-items:center;gap:12px}.account-actions .btn{font-size:14px}.hub .source-name{user-select:all}.hub .source-name span{font-family:ui-monospace,monospace;font-size:16px}.hub p{min-height:0}.hubactions .btn{min-height:46px}@media(max-width:760px){.account-actions .badge{display:none}.auth-page{padding:30px 16px}.auth-card{padding:26px 22px}.auth-card h1{font-size:26px}.auth-brand{margin-bottom:24px}}