@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0a0c10;--bg-secondary: rgba(20, 24, 33, .7);--bg-tertiary: rgba(30, 37, 51, .4);--border-color: rgba(255, 255, 255, .08);--accent-color: #dc7e31;--accent-hover: #f1954b;--text-primary: #ffffff;--text-secondary: #8e9cae;--text-muted: #5e6b7c;--success-color: #2ed573;--danger-color: #ff4757;--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#0a0c10cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:70px}.logo-container img{height:35px;width:auto}.user-profile{display:flex;align-items:center;gap:1rem}#language-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:6px;font-size:.9rem;outline:none;cursor:pointer;font-family:var(--font-family)}.profile-icon{width:32px;height:32px;border-radius:50%;filter:invert(1);opacity:.85}.app-container{display:flex;flex:1;min-height:calc(100vh - 70px)}#sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem}#sidebar h2{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin:0}#sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}#sidebar a{display:flex;align-items:center;padding:.8rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-weight:500;transition:var(--transition)}#sidebar a:hover:not(.disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}#sidebar a.active{background-color:var(--bg-tertiary);color:var(--accent-color);border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0}#sidebar a.disabled{opacity:.4;cursor:not-allowed}#content{flex:1;padding:3rem;max-width:1200px;margin:0 auto;width:100%}#content h1{font-weight:600;font-size:2.2rem;margin-top:0;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#a2a8b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#drop-zone{border:2px dashed rgba(220,126,49,.4);background:var(--bg-secondary);border-radius:16px;padding:5rem 2rem;text-align:center;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--card-shadow)}#drop-zone:hover,#drop-zone.dragover{border-color:var(--accent-color);background:#dc7e310d;transform:translateY(-2px)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:var(--accent-color);background:#dc7e311a;padding:1.5rem;border-radius:50%;margin-bottom:.5rem;transition:var(--transition)}#drop-zone:hover .upload-icon{transform:scale(1.1)}#file-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}.file-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--card-shadow);transition:var(--transition)}.file-card:hover{border-color:#dc7e314d}.file-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.file-name{font-weight:500;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.progress-bar-container{background:#ffffff0d;border-radius:6px;height:8px;width:100%;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent-color) 0%,#ff9f43 100%);height:100%;width:0%;border-radius:6px;transition:width .1s linear}.blocks-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(12px,1fr));gap:2px;margin-top:.5rem}.block{height:12px;background-color:#ffffff0d;border-radius:2px;transition:background-color .2s ease}.block.done{background-color:var(--success-color)}.block.uploading{background-color:var(--accent-color);animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:.5}to{opacity:1}}.btn{background:var(--accent-color);color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;font-family:var(--font-family);font-size:.85rem;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:#ffffff1a;color:var(--text-primary)}.btn-danger{background:#ff47571a;color:var(--danger-color);border:1px solid rgba(255,71,87,.2)}.btn-danger:hover{background:var(--danger-color);color:var(--text-primary)}.btn-icon{padding:.4rem;border-radius:50%}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.static-file-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:180px;box-shadow:var(--card-shadow);transition:var(--transition)}.static-file-card:hover{border-color:#dc7e3166;transform:translateY(-2px)}.static-file-title{font-weight:600;font-size:1.15rem;color:var(--text-primary);margin-bottom:.5rem;word-break:break-all;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.static-file-meta{color:var(--text-secondary);font-size:.85rem;margin-bottom:auto}.static-file-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}@media(max-width:768px){.app-container{flex-direction:column}#sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}#content{padding:1.5rem}}