*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020617;font-family:Inter,Segoe UI,sans-serif}.app{width:100%;min-height:100vh;padding:30px;position:relative;overflow:hidden}.app:before{content:"";z-index:-2;background:radial-gradient(circle at 0 0,#3b82f640,#0000 35%),radial-gradient(circle at 100% 100%,#9333ea40,#0000 35%);position:absolute;inset:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.circle,.square,.triangle{filter:blur(1px);opacity:.35;animation:12s ease-in-out infinite float;position:absolute}.circle{border-radius:50%}.circle1{background:#2563eb;width:180px;height:180px;top:5%;left:5%}.circle2{background:#9333ea;width:220px;height:220px;animation-delay:3s;bottom:10%;right:5%}.circle3{background:#06b6d4;width:100px;height:100px;animation-delay:5s;bottom:15%;left:15%}.square{border-radius:20px}.square1{background:#ec4899;width:120px;height:120px;top:15%;right:20%;transform:rotate(45deg)}.square2{background:#22c55e;width:90px;height:90px;bottom:10%;left:20%;transform:rotate(45deg)}.triangle1{border-bottom:90px solid #f59e0b;border-left:50px solid #0000;border-right:50px solid #0000;top:15%;left:45%}.triangle2{border-bottom:70px solid #ef4444;border-left:40px solid #0000;border-right:40px solid #0000;bottom:15%;right:40%}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0f172aa6;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;max-width:1200px;margin:auto auto 40px;padding:18px 25px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h2{background:linear-gradient(90deg,#60a5fa,#c084fc);color:#0000;-webkit-background-clip:text;font-size:1.7rem}.logo-icon{background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.wallet{background:linear-gradient(135deg,#2563eb,#9333ea);width:auto;padding:0 22px}.wallet.connected{background:#111827;border:1px solid #22c55e}.container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:5;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:30px;max-width:1100px;margin:auto;padding:50px;box-shadow:0 30px 80px #00000080}.hero{text-align:center;margin-bottom:40px}.hero h1{background:linear-gradient(90deg,#fff,#93c5fd);color:#0000;-webkit-background-clip:text;font-size:4rem;line-height:1.1}.hero p{color:#94a3b8;margin-top:20px;font-size:1.1rem;line-height:1.6}.features{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.features div{background:#111827;border:1px solid #1e293b;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;display:flex}.card{background:#1e293b80;border:1px solid #ffffff14;border-radius:22px;margin-top:30px;padding:30px}.card h2{margin-bottom:20px;font-size:1.8rem}button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f199,#9333ea99);border:1px solid #ffffff40;border-radius:12px;padding:12px 22px;font-weight:600;transition:all .3s;box-shadow:0 8px 32px #0003}button:hover{background:linear-gradient(135deg,#6366f1cc,#9333eacc);border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 25px #6366f173}input[type=file]{color:#cbd5e1}input[type=file]::file-selector-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #ffffff26;border-radius:10px;padding:10px 18px;transition:all .3s;box-shadow:0 4px 15px #00000026}input[type=file]::file-selector-button:hover{background:#334155bf;border-color:#ffffff4d}input[type=text]{margin-right:16px}@media (width<=768px){.app{padding:15px}.navbar{flex-direction:column;gap:20px}.container{padding:25px}.hero h1{font-size:2.5rem}.features{flex-direction:column}}.upload-subtitle{color:#94a3b8;margin-bottom:25px}.drop-zone{cursor:pointer;background:#02061780;border:2px dashed #334155;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;height:220px;transition:all .3s;display:flex}.drop-zone:hover,.drop-zone.active{background:#3b82f61a;border-color:#60a5fa;transform:scale(1.02)}.upload-icon{margin-bottom:15px;font-size:45px}.drop-zone h3{font-size:1.3rem}.drop-zone p{color:#94a3b8}.file-preview{background:#020617;border:1px solid #1e293b;border-radius:18px;align-items:center;gap:20px;margin-top:25px;padding:20px;display:flex}.file-preview div:first-child{font-size:35px}.file-preview p{color:#94a3b8;margin-top:5px}.upload-btn{width:100%;margin-top:25px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header span{color:#93c5fd;background:#1e293b;border-radius:20px;padding:8px 15px}.file-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.file-card{background:#020617b3;border:1px solid #1e293b;border-radius:22px;padding:25px;transition:all .3s}.file-card:hover{border-color:#60a5fa;transform:translateY(-8px)}.file-icon{margin-bottom:15px;font-size:40px}.file-card p{color:#94a3b8;margin-top:15px;font-size:.9rem}.file-card strong{color:#fff}.file-actions{gap:10px;margin-top:25px;display:flex}.file-actions button{width:50%;font-size:14px}.empty{color:#94a3b8;text-align:center;padding:40px}.background-shapes{z-index:-1;position:absolute;inset:0;overflow:hidden}.section{margin-top:40px}.file-info{flex-direction:column;gap:4px;display:flex}.file-info strong{font-size:16px}.file-info p,.file-info small{color:#9ca3af}.progress-container{background:#1f2937;border-radius:20px;width:100%;height:10px;margin:20px 0;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s}.progress-container span{text-align:right;color:#9ca3af;margin-top:8px;font-size:13px;display:block}.result-item{margin:15px 0}.cid{word-break:break-all;color:#8b5cf6;font-size:13px}.copy-btn{cursor:pointer;color:#fff;background:#6366f1;border:none;border-radius:10px;margin-top:10px;padding:8px 14px;transition:all .25s}.copy-btn:hover{background:#7c3aed;transform:translateY(-2px)}.ipfs-btn{color:#fff;background:#10b981;border-radius:12px;margin-top:20px;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.ipfs-btn:hover{background:#059669;transform:translateY(-2px)}.dashboard{flex-direction:column;gap:25px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:22px;transition:all .25s}.stat-card:hover{border-color:#6366f1;transform:translateY(-6px)}.stat-card h4{color:#94a3b8;margin-bottom:12px;font-size:14px}.stat-card h2{color:#fff;font-size:30px}.dashboard-toolbar{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.search-box{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;flex:1;min-width:260px;padding:14px 18px}.dashboard-toolbar select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:12px;padding:14px 18px}.file-top{align-items:center;gap:16px;margin-bottom:20px;display:flex}.file-icon-large{font-size:42px}.file-name{flex:1}.file-name h3{color:#fff;word-break:break-word;margin-bottom:6px}.file-name span{color:#94a3b8;font-size:14px}.info-row{color:#cbd5e1;justify-content:space-between;gap:15px;margin:8px 0;font-size:14px;display:flex}.info-row span{text-align:right;word-break:break-word}.file-actions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.file-actions button{width:100%}.open-btn{background:#2563eb}.copy-btn{background:#475569}.rename-btn{background:#7c3aed}.delete-btn{background:#dc2626}.share-btn{background:#059669}.loading{text-align:center;color:#94a3b8;padding:60px}.modal-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#0f172a;border:1px solid #334155;border-radius:20px;width:430px;max-width:92%;padding:28px;animation:.25s popup}.modal h2{margin-bottom:20px}.modal p{color:#cbd5e1;margin-bottom:20px;line-height:1.6}.modal input{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:14px}.modal-buttons{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-buttons button{min-width:120px}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-toolbar{flex-direction:column}.file-actions{grid-template-columns:1fr}.info-row{flex-direction:column;gap:5px}}