@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}#app{width:100%;height:100vh}.basalt-surface[data-v-17d8d404]{pointer-events:none;z-index:10;opacity:.35;filter:contrast(120%)brightness(90%)url(#basalt-grain);width:100%;height:100%;position:fixed;top:0;left:0}.strata-bg[data-v-17d8d404]{z-index:1;background:radial-gradient(circle,#1e1f23cc 0%,#0a0a0b 100%),repeating-linear-gradient(45deg,#0000 0 2px,#ffffff03 2px 4px);position:fixed;inset:0}.header-section[data-v-fe868f1d]{z-index:100;background:#0a0a0be6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:90px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.logo[data-v-fe868f1d]{align-items:center;display:flex}.logo-img[data-v-fe868f1d]{object-fit:contain;width:auto;height:50px}.logo:hover .logo-img[data-v-fe868f1d]{opacity:.85}.nav[data-v-fe868f1d]{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.nav-main[data-v-fe868f1d]{align-items:center;gap:32px;display:flex}.nav-main .nav-link[data-v-fe868f1d]{color:#f8f6f3;text-transform:uppercase;letter-spacing:.12em;padding:4px 0;font-family:Youth,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.nav-main .nav-link[data-v-fe868f1d]:after{content:"";background:var(--accent-purple);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-secondary[data-v-fe868f1d]{align-items:center;gap:24px;display:flex}.nav-secondary .nav-link[data-v-fe868f1d]{color:#666;text-transform:uppercase;letter-spacing:.12em;padding:2px 0;font-family:JetBrains Mono,monospace;font-size:10px;text-decoration:none;transition:color .3s;position:relative}.nav-link[data-v-fe868f1d]:hover{color:#f8f6f3}.nav-link[data-v-fe868f1d]:hover:after{width:100%}.header-slug[data-v-fe868f1d]{display:none}.folder-container[data-v-acc688d9]{cursor:pointer;width:240px;height:180px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,0,.2,1);position:relative}.folder-container[data-v-acc688d9]:hover{transform:translateY(-12px)rotateX(10deg)rotateY(-5deg)}.folder-container:hover .folder-back[data-v-acc688d9]{box-shadow:0 10px 30px -5px #000000e6, 0 16px -4px #10182814, 0 0 20px var(--layer-glow), inset 0 1px 1px #ffffff26}.folder-back[data-v-acc688d9]{background:var(--folder-color);border-radius:4px 12px 4px 4px;width:100%;height:90%;position:absolute;bottom:0;box-shadow:0 10px 30px -5px #000000e6,0 16px -4px #10182814,inset 0 1px 1px #ffffff1a}.folder-tab[data-v-acc688d9]{background:var(--folder-color);clip-path:polygon(0 0,85% 0,100% 100%,0% 100%);border-radius:8px 12px 0 0;width:80px;height:30px;transition:background .3s,box-shadow .3s;position:absolute;top:0;left:0;box-shadow:inset 0 1px 1px #ffffff14}.folder-container:hover .folder-tab[data-v-acc688d9]{background:var(--accent-purple);box-shadow:inset 0 1px 1px #ffffff26, 0 0 12px var(--layer-glow)}.folder-front[data-v-acc688d9]{transform-origin:bottom;background:linear-gradient(160deg,#2a2c31 0%,#242529 60%,#1f2049 100%);border:1px solid #1f204980;border-radius:2px 4px 4px;flex-direction:column;justify-content:flex-end;width:100%;height:85%;padding:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,background .3s;display:flex;position:absolute;bottom:0;box-shadow:-2px 0 12px #0009,0 8px -2px #1018280d,inset 0 1px #ffffff14}.folder-container:hover .folder-front[data-v-acc688d9]{box-shadow:-2px 0 12px #0009, 0 8px -2px #1018280d, 0 0 20px var(--layer-glow), inset 0 1px 0 #ffffff1a;border-color:var(--accent-purple);background:linear-gradient(160deg,#2a2c31 0%,#242529 40%,#1f2049 100%);transform:rotateX(-25deg)}.folder-label[data-v-acc688d9]{letter-spacing:-.02em;text-transform:uppercase;color:#f0f0f0;white-space:nowrap;margin-bottom:4px;font-size:1.1rem;font-weight:800;transition:color .3s}.folder-label-img[data-v-acc688d9]{object-fit:contain;filter:grayscale()contrast(.8);width:100%;max-width:180px;height:auto;margin-top:20px;margin-bottom:8px;transition:filter .4s}.folder-container:hover .folder-label-img[data-v-acc688d9]{filter:grayscale(0%)contrast()}.folder-meta[data-v-acc688d9]{color:#666;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:10px}.folder-progress[data-v-acc688d9]{opacity:0;background:#ffffff1a;border-radius:2px;height:4px;transition:opacity .3s;position:absolute;bottom:8px;left:20px;right:20px;overflow:hidden}.folder-progress-bar[data-v-acc688d9]{background:var(--accent-teal);border-radius:2px;width:0%;height:100%;transition:width .4s}.folder-container:hover .folder-progress[data-v-acc688d9]{opacity:1}.folder-checkbox[data-v-acc688d9]{opacity:0;border:2px solid #ffffff4d;border-radius:3px;width:16px;height:16px;transition:all .3s;position:absolute;top:10px;right:10px}.folder-checkbox[data-v-acc688d9]:after{content:"";border:solid var(--accent-teal);opacity:0;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.folder-container:hover .folder-checkbox[data-v-acc688d9]{opacity:1;border-color:var(--accent-teal)}.folder-radio[data-v-acc688d9]{opacity:0;border:2px solid #ffffff4d;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:10px;right:10px}.folder-radio[data-v-acc688d9]:after{content:"";background:var(--accent-purple);opacity:0;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.folder-container:hover .folder-radio[data-v-acc688d9]{opacity:1;border-color:var(--accent-purple)}.folder-badge[data-v-acc688d9]{background:var(--accent-gold);color:#0a0a0b;opacity:0;border-radius:2px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:8px;transition:all .3s;position:absolute;top:10px;left:10px;transform:translateY(-5px)}.folder-container:hover .folder-badge[data-v-acc688d9]{opacity:1;transform:translateY(0)}.folder-container:hover .folder-label[data-v-acc688d9]{color:var(--accent-teal)}.content-peek[data-v-acc688d9]{opacity:0;background:#ffffff05;border:1px solid #ffffff0d;justify-content:center;align-items:center;height:100px;padding:10px;transition:all .4s;display:flex;position:absolute;top:20px;left:15px;right:15px;transform:translateY(10px)}.logo-peek[data-v-acc688d9]{background:0 0;border:none}.peek-logo[data-v-acc688d9]{object-fit:contain;width:100%;height:auto;max-height:80px}.folder-container:hover .content-peek[data-v-acc688d9]{opacity:1;transform:translateY(0)}.peek-line[data-v-acc688d9]{background:#ffffff1a;width:100%;height:2px;margin-bottom:6px}.folder-container:hover .folder-container[data-v-acc688d9]{transform:translateY(-12px)rotateX(10deg)rotateY(-5deg)}.file-item[data-v-acc688d9]{width:180px;height:140px}.file-item .folder-front[data-v-acc688d9]{background:linear-gradient(160deg,#1e2028 0%,#181a1e 60%,#151520 100%);border:1px solid #ffffff0d;justify-content:center;height:85%;padding:12px}.file-item .folder-label[data-v-acc688d9]{color:#999;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:6px;font-size:.75rem;overflow:hidden}.file-item .folder-meta[data-v-acc688d9]{text-align:center;font-size:9px}.file-thumbnail[data-v-acc688d9]{object-fit:contain;border-radius:2px;width:100%;height:90px}.file-icon[data-v-acc688d9]{border-radius:3px;justify-content:center;align-items:center;width:40px;height:50px;margin:0 auto 8px;display:flex}.file-icon.file-pdf[data-v-acc688d9]{background:#e508ff}.file-icon.file-image[data-v-acc688d9]{background:#4496c1}.file-icon.file-video[data-v-acc688d9]{background:#f37523}.file-icon.file-design[data-v-acc688d9]{background:#f9a44f}.file-icon.file-file[data-v-acc688d9]{background:#666}.file-ext[data-v-acc688d9]{color:#0a0a0b;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}@font-face{font-family:Youth;src:url(/Youth-Bold.otf)format("opentype");font-weight:700;font-style:normal}:root{--basalt-dark:#0a0a0b;--basalt-mid:#1a1b1e;--basalt-light:#2c2e33;--folder-color:#242529;--accent-purple:#9065b0;--accent-teal:#4496c1;--accent-orange:#f37523;--accent-gold:#f9a44f;--text-secondary:#666;--layer-glow:#9065b033}*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background:#0a0a0b;font-family:Inter,sans-serif;overflow:hidden}.dashboard{width:100vw;height:100vh;display:flex}.sidebar{z-index:100;background:#0a0a0bf2;border-right:1px solid #ffffff1a;flex-direction:column;width:220px;display:flex}.sidebar-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:20px;display:flex}.sidebar-logo{height:28px}.sidebar-title{letter-spacing:.15em;color:#666;font-family:JetBrains Mono,monospace;font-size:11px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-section{margin-bottom:20px}.nav-section-title{letter-spacing:.12em;color:#444;margin-bottom:8px;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.nav-item{color:#888;align-items:center;gap:10px;padding:10px 20px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#f0f0f0;background:#ffffff0d}.nav-item.active{border-left:2px solid var(--accent-purple);padding-left:18px}.nav-icon{color:var(--accent-purple);font-size:14px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px 20px}.user-info{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--accent-purple);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex}.user-name{font-size:12px;font-weight:600}.user-role{color:#666;font-size:9px}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.toolbar{background:#0a0a0be6;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:0 30px;display:flex}.breadcrumb{align-items:center;gap:8px;display:flex}.breadcrumb a{color:#666;font-size:12px;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#f8f6f3}.breadcrumb-home{background:var(--accent-purple);border-radius:2px;padding:4px 8px;color:#f8f6f3!important}.breadcrumb-sep{color:#333}.toolbar-search{flex:0 300px}.search-input{color:#f0f0f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:8px 12px;font-size:12px}.search-input:focus{border-color:var(--accent-purple);outline:none}.toolbar-actions{align-items:center;gap:12px;display:flex}.view-toggle{background:#ffffff0d;border-radius:4px;display:flex;overflow:hidden}.view-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:14px}.view-btn.active{background:var(--accent-purple);color:#f0f0f0}.sort-select,.filter-select{color:#f0f0f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:6px 10px;font-size:11px}.content{flex:1;padding:30px;overflow:auto}.content-header{margin-bottom:20px}.stats{gap:30px;display:flex}.stat{flex-direction:column;display:flex}.stat-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600}.stat-label{color:#666;text-transform:uppercase;font-size:10px}.files-container{flex-wrap:wrap;gap:30px;display:flex}.files-container.list{flex-direction:column}.empty-state{color:#444;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon{margin-bottom:10px;font-size:48px}.details-panel{z-index:100;background:#0a0a0bf2;border-left:1px solid #ffffff1a;flex-direction:column;width:280px;display:flex}.panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.panel-title{letter-spacing:.12em;color:#666;font-family:JetBrains Mono,monospace;font-size:11px}.panel-close{color:#666;cursor:pointer;background:0 0;border:none;font-size:18px}.panel-content{flex:1;padding:20px;overflow-y:auto}.preview{margin-bottom:20px}.preview-img{object-fit:contain;background:#ffffff05;border-radius:4px;width:100%;height:160px}.preview-icon{background:#ffffff05;border-radius:4px;justify-content:center;align-items:center;height:160px;display:flex}.file-icon-large{color:var(--accent-purple);font-size:48px}.info-group{margin-bottom:15px}.info-group label{color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:9px;display:block}.info-group span{font-size:12px}.path-text{color:#666;font-family:JetBrains Mono,monospace;font-size:10px}.panel-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:20px;display:flex}.action-btn{color:#f0f0f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:10px;font-size:11px;transition:all .2s}.action-btn:hover{background:#ffffff1a}.action-btn.primary{background:var(--accent-purple);border-color:var(--accent-purple)}.action-btn.danger{color:#e508ff;border-color:#e508ff}.upload-zone{z-index:200;background:#9065b0e6;border-radius:8px;padding:20px 40px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.upload-content{align-items:center;gap:10px;display:flex}.upload-icon{font-size:20px}.upload-text{font-size:14px}.upload-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;right:-10px}.coordinates{color:#444;z-index:300;font-family:JetBrains Mono,monospace;font-size:11px;position:fixed;bottom:20px;right:20px}