@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg: #080a0f;--s1: #0f1219;--s2: #161b24;--bd: #1c2231;--ac: #3b82f6;--ac2: #60a5fa;--ag: rgba(59,130,246,.08);--gn: #34d399;--am: #fbbf24;--rd: #f87171;--tx: #e8ecf1;--t2: #94a3b8;--t3: #475569;--row-bd: rgba(28,34,49,.5);--ic-dir-bg: rgba(59,130,246,.1);--ic-dir-bd: rgba(59,130,246,.15);--ic-arc-bg: rgba(251,191,36,.1);--ic-arc-bd: rgba(251,191,36,.12);--ic-zip-bg: rgba(244,114,182,.1);--ic-zip-bd: rgba(244,114,182,.12);--ic-vid-bg: rgba(192,132,252,.1);--ic-vid-bd: rgba(192,132,252,.12);--ic-inst-bg: rgba(52,211,153,.1);--ic-inst-bd: rgba(52,211,153,.12);--ic-code-bg: rgba(96,165,250,.1);--ic-code-bd: rgba(96,165,250,.12);--ic-txt-bg: rgba(71,85,105,.15);--ic-txt-bd: rgba(71,85,105,.15);--logo-glow: 0 4px 20px rgba(59,130,246,.2);--logo-after: linear-gradient(135deg, rgba(255,255,255,.18), transparent);--mono: "JetBrains Mono", monospace;--sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--r: 10px}[data-theme=light]{--bg: #f0f2f5;--s1: #ffffff;--s2: #f7f8fa;--bd: #e2e5ea;--ac: #2563eb;--ac2: #3b82f6;--ag: rgba(37,99,235,.06);--gn: #16a34a;--am: #d97706;--rd: #dc2626;--tx: #1e293b;--t2: #475569;--t3: #94a3b8;--row-bd: rgba(226,229,234,.6);--ic-dir-bg: rgba(37,99,235,.08);--ic-dir-bd: rgba(37,99,235,.15);--ic-arc-bg: rgba(217,119,6,.08);--ic-arc-bd: rgba(217,119,6,.15);--ic-zip-bg: rgba(168,85,247,.08);--ic-zip-bd: rgba(168,85,247,.15);--ic-vid-bg: rgba(147,51,234,.08);--ic-vid-bd: rgba(147,51,234,.15);--ic-inst-bg: rgba(22,163,74,.08);--ic-inst-bd: rgba(22,163,74,.15);--ic-code-bg: rgba(37,99,235,.06);--ic-code-bd: rgba(37,99,235,.12);--ic-txt-bg: rgba(100,116,139,.08);--ic-txt-bd: rgba(100,116,139,.12);--logo-glow: 0 4px 20px rgba(37,99,235,.15);--logo-after: linear-gradient(135deg, rgba(255,255,255,.4), transparent)}[data-theme=light] body:before{background:radial-gradient(ellipse 600px 400px at 15% 20%,rgba(37,99,235,.04),transparent),radial-gradient(ellipse 500px 500px at 85% 60%,rgba(147,51,234,.03),transparent)}[data-theme=light] body:after{background-image:linear-gradient(rgba(37,99,235,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.02) 1px,transparent 1px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--tx);font-family:var(--sans);font-weight:500;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}body:before{content:"";position:fixed;top:-40%;left:-15%;width:130%;height:180%;background:radial-gradient(ellipse 600px 400px at 15% 20%,rgba(59,130,246,.06),transparent),radial-gradient(ellipse 500px 500px at 85% 60%,rgba(139,92,246,.04),transparent),radial-gradient(ellipse 400px 300px at 50% 90%,rgba(34,211,153,.03),transparent);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}#app{position:relative;z-index:1}.container{max-width:980px;margin:0 auto;padding:0 24px}.header{padding:44px 0 36px;display:flex;align-items:center;gap:18px;animation:slideUp .5s ease both}.logo{width:52px;height:52px;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:var(--logo-glow)}.logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--logo-after);border-radius:inherit}.brand h1{font-size:28px;font-weight:800;letter-spacing:-.04em}.brand h1 .hl{color:var(--ac2)}.brand small{font-size:14px;color:var(--t3);font-family:var(--mono);display:block;margin-top:3px;font-weight:500}.header-right{margin-left:auto;text-align:right;font-family:var(--mono);font-size:11px;color:var(--t3);line-height:1.8;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.header-right .host{color:var(--t2);font-weight:600}.header-row{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--bd);background:var(--s1);color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;flex-shrink:0}.icon-btn:hover{border-color:var(--ac);color:var(--ac);background:var(--ag)}.icon-btn:active{transform:scale(.92)}.breadcrumb{display:flex;align-items:center;gap:4px;padding:10px 16px;background:var(--s1);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:16px;font-family:var(--mono);font-size:14px;font-weight:500;color:var(--t3);animation:slideUp .5s ease .06s both;overflow-x:auto;-webkit-overflow-scrolling:touch;transition:background .3s,border-color .3s;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb a{color:var(--ac);text-decoration:none;padding:4px 8px;border-radius:5px;transition:all .15s;white-space:nowrap;font-weight:600}.breadcrumb a:hover{background:var(--ag);color:var(--ac2)}.breadcrumb .sep{color:var(--t3);opacity:.4;flex-shrink:0;padding:0 2px}.breadcrumb .current{color:var(--tx);font-weight:700}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap;animation:slideUp .5s ease .1s both}.stats{display:flex;gap:14px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--t3)}.stats span{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-blue{background:var(--ac)}.dot-green{background:var(--gn)}.dot-amber{background:var(--am)}.view-btns{display:flex;gap:2px;background:var(--s1);border:1px solid var(--bd);border-radius:8px;padding:2px}.view-btn{width:32px;height:30px;border:none;border-radius:6px;background:transparent;color:var(--t3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.view-btn:hover{color:var(--tx)}.view-btn.active{background:var(--ac);color:#fff}.view-btn svg{width:16px;height:16px}.search-box{position:relative;flex:1;max-width:240px;margin-left:auto}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none}.search-box input{width:100%;padding:9px 14px 9px 36px;background:var(--s1);border:1px solid var(--bd);border-radius:8px;color:var(--tx);font-family:var(--mono);font-size:13px;font-weight:500;outline:none;transition:all .2s}.search-box input::placeholder{color:var(--t3);font-weight:400}.search-box input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--ag);background:var(--s2)}.table-wrap{background:var(--s1);border:1px solid var(--bd);border-radius:12px;overflow:hidden;animation:slideUp .5s ease .15s both;transition:background .3s,border-color .3s}.table-head{display:grid;grid-template-columns:1fr 90px 130px;padding:10px 20px;border-bottom:1px solid var(--bd);font-family:var(--mono);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;background:var(--s2);transition:background .3s}.table-body{max-height:calc(100vh - 310px);overflow-y:auto}.table-body::-webkit-scrollbar{width:4px}.table-body::-webkit-scrollbar-track{background:transparent}.table-body::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.section{padding:6px 20px;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.12em;background:var(--bg);border-bottom:1px solid var(--bd);border-top:1px solid var(--bd);display:flex;align-items:center;gap:8px}.section:after{content:"";flex:1;height:1px;background:var(--bd)}.row{display:grid;grid-template-columns:1fr 90px 130px;padding:0 20px;height:48px;align-items:center;border-bottom:1px solid var(--row-bd);cursor:pointer;transition:background .1s;text-decoration:none;color:inherit;animation:fadeIn .15s ease both}.row:last-child{border-bottom:none}.row:hover{background:var(--ag)}.row-info{display:flex;align-items:center;gap:12px;min-width:0}.card-wrap{display:none;padding:16px 0;overflow:hidden}.card-wrap.active{display:block}.table-wrap.hidden{display:none}.card-section{padding:5px 0;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card-section:after{content:"";flex:1;height:1px;background:var(--bd)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.card{background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:16px;cursor:pointer;transition:all .15s;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;animation:fadeIn .2s ease both;overflow:hidden}.card:hover{border-color:var(--ac);background:var(--ag);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative}.card-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.card-icon.card-dir{background:var(--ic-dir-bg)}.card-icon.card-dir:after{border:1px solid var(--ic-dir-bd)}.card-icon.card-arc{background:var(--ic-arc-bg)}.card-icon.card-arc:after{border:1px solid var(--ic-arc-bd)}.card-icon.card-zip{background:var(--ic-zip-bg)}.card-icon.card-zip:after{border:1px solid var(--ic-zip-bd)}.card-icon.card-vid{background:var(--ic-vid-bg)}.card-icon.card-vid:after{border:1px solid var(--ic-vid-bd)}.card-icon.card-inst{background:var(--ic-inst-bg)}.card-icon.card-inst:after{border:1px solid var(--ic-inst-bd)}.card-icon.card-code{background:var(--ic-code-bg)}.card-icon.card-code:after{border:1px solid var(--ic-code-bd)}.card-icon.card-text{background:var(--ic-txt-bg)}.card-icon.card-text:after{border:1px solid var(--ic-txt-bd)}.card-name{font-family:var(--mono);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.card-meta{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--t3);display:flex;justify-content:space-between;gap:8px}.card-meta .card-size{white-space:nowrap;font-weight:600;flex-shrink:0}.card-meta .card-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0}.ficon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative}.ficon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ficon-dir{background:var(--ic-dir-bg)}.ficon-dir:after{border:1px solid var(--ic-dir-bd)}.ficon-archive{background:var(--ic-arc-bg)}.ficon-archive:after{border:1px solid var(--ic-arc-bd)}.ficon-zip{background:var(--ic-zip-bg)}.ficon-zip:after{border:1px solid var(--ic-zip-bd)}.ficon-video{background:var(--ic-vid-bg)}.ficon-video:after{border:1px solid var(--ic-vid-bd)}.ficon-inst{background:var(--ic-inst-bg)}.ficon-inst:after{border:1px solid var(--ic-inst-bd)}.ficon-code{background:var(--ic-code-bg)}.ficon-code:after{border:1px solid var(--ic-code-bd)}.ficon-text{background:var(--ic-txt-bg)}.ficon-text:after{border:1px solid var(--ic-txt-bd)}.row-name{font-family:var(--mono);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .col-size,.row .col-date{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--t3);white-space:nowrap}.row .col-size{text-align:right}.size-large{color:var(--am)!important;font-weight:700!important}.state-msg{text-align:center;padding:80px 20px;color:var(--t3);font-size:15px;font-weight:500}.state-msg.error{color:var(--rd)}.spinner{width:28px;height:28px;border:2px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 16px}.btn-retry{margin-top:16px;padding:10px 24px;background:var(--s2);border:1px solid var(--bd);border-radius:8px;color:var(--t2);font-family:var(--mono);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-retry:hover{border-color:var(--ac);color:var(--tx)}.footer{padding:28px 0 40px;text-align:center;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--t3);opacity:.4;animation:slideUp .5s ease .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.row:nth-child(1){animation-delay:.01s}.row:nth-child(2){animation-delay:.02s}.row:nth-child(3){animation-delay:.03s}.row:nth-child(4){animation-delay:.03s}.row:nth-child(5){animation-delay:.04s}.row:nth-child(n+6){animation-delay:.05s}@media (max-width: 640px){.container{padding:0 12px}.header{padding:20px 0 14px;gap:10px}.logo{width:38px;height:38px;font-size:18px;border-radius:10px}.brand h1{font-size:20px}.brand small{font-size:11px;margin-top:1px}.header-right{display:none}.breadcrumb{padding:8px 12px;margin-bottom:10px;font-size:13px;gap:2px}.breadcrumb a{padding:3px 6px}.toolbar{gap:6px;margin-bottom:10px}.stats{gap:8px;font-size:11px}.stats span{gap:4px}.dot{width:5px;height:5px}.view-btns{border-radius:6px;padding:1px}.view-btn{width:28px;height:26px}.view-btn svg{width:14px;height:14px}.search-box{max-width:none;margin-left:0;order:3;flex-basis:100%}.search-box input{padding:8px 12px 8px 32px;font-size:12px}.search-box svg{left:10px}.table-head{display:none}.row{grid-template-columns:1fr auto;padding:10px 12px;height:auto}.col-date{display:none}.col-size{font-size:11px}.ficon{width:28px;height:28px;font-size:14px}.row-name{font-size:13px}.section{padding:5px 12px;font-size:10px}.card-wrap{overflow:hidden}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;width:100%;min-width:0}.card{padding:12px;gap:6px;border-radius:8px;min-width:0;overflow:hidden}.card-icon{width:32px;height:32px;font-size:18px;border-radius:8px}.card-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:10px;font-weight:500;gap:4px}.card-meta .card-size{font-weight:700;flex-shrink:0}.card-meta .card-date{font-size:10px;overflow:hidden;text-overflow:ellipsis}.card-section{margin-bottom:8px;font-size:10px;padding:4px 0}.card:hover{transform:none;box-shadow:none}.state-msg{padding:48px 16px;font-size:13px}.footer{padding:20px 0 28px;font-size:10px}}@media (max-width: 360px){.card-grid{grid-template-columns:repeat(2,1fr);gap:6px}.card{padding:10px;gap:5px}.card-icon{width:28px;height:28px;font-size:16px}.card-name{font-size:11px}.card-meta{font-size:9px}.brand h1{font-size:18px}}