:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#e0e0e0b3;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.user-section{justify-content:center}.button-connect{display:flex;justify-content:inherit;gap:10px;background-color:var(--primary);padding:12px 16px;border-radius:8px;color:var(--text-dark);width:80%;font-weight:600;cursor:pointer}.rflex{display:flex;flex-direction:row;align-items:center}.cflex{display:flex;flex-direction:column}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#c9c9c9}::-webkit-scrollbar-thumb{background:#5e5e5e}::-webkit-scrollbar-thumb:hover{background:#555}button{outline:none}.my-files{height:100%;width:min(100%,1480px);margin:0 auto;padding:32px 48px;min-height:0;overflow:hidden}.my-files>.page-header{margin:10px 0 10px 10px;flex:0 0 auto}.my-files>.files-toolbar{padding-top:6px;flex:0 0 auto}.page-header>.header-title{font-size:32px;font-weight:700;padding:0}.directory-path{padding:0 10px;font-size:1.2rem;line-height:24px;border-radius:2px}.directory-path .path-divider{padding:0 2px}.directory-path .path-part{padding:0 2px;border-radius:4px;cursor:pointer}.directory-path .path-part:hover{color:var(--text-secondary)}.files-list-container{background:var(--surface);border:1px solid var(--border);border-radius:5px;overflow:hidden;height:100%;min-height:0}.files-content{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.files-busy-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;background:#121212b8;border:1px solid var(--border);border-radius:5px;color:var(--text);font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.files-table{width:100%;height:100%;min-height:0}.table-col{display:flex;align-items:center;padding:0 8px}.table-col.name{grid-column:1}.table-col.type{grid-column:2}.table-col.size{grid-column:3}.table-col.nodes{grid-column:4}.table-col.modified{grid-column:5}.table-col.status{grid-column:6}.table-col.actions{grid-column:7;justify-content:flex-end}.table-body{flex:1 1 auto;min-height:0;overflow-y:auto}.folder-empty-message{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:18px;font-weight:600}.table-header,.table-row{position:relative;display:grid;grid-template-columns:40% 15% 15% 10%;padding:16px 20px;border-bottom:1px solid var(--border);transition:background .2s;cursor:pointer;align-items:center}.table-header{background:var(--surface-light);border-bottom:1px solid var(--border);padding:10px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);flex:0 0 auto}.table-row:hover{background:var(--surface-light)}.table-row.selected{background:#101010;border-left:3px solid var(--primary)}.table-row.staged-file-row{background:#f59e0b14}.table-row.staged-file-row:hover{background:#f59e0b1f}.table-row.is-deleting,.files-container.grid .file-item.is-deleting{pointer-events:none}.file-delete-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;background:#121212b8;color:var(--text);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.table-row .file-delete-overlay{border-bottom:1px solid var(--border)}.files-container.grid .file-delete-overlay{border-radius:12px}.file-cell{display:flex;align-items:center;gap:18px}.file-checkbox,.folder-checkbox{width:16px;height:16px;border:2px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;flex-shrink:0}.file-checkbox:checked{background:var(--primary);accent-color:var(--primary);border-color:var(--primary)}.folder-checkbox{opacity:0}.file-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:6px;flex-shrink:0}.file-icon-wrapper .file-icon{color:var(--text)}.file-icon-wrapper .file-icon.folder{color:var(--primary)}.file-icon-wrapper .file-icon.image{color:#ec4899}.file-icon-wrapper .file-icon.pdf{color:var(--error)}.file-details{flex:1;min-width:0}.file-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.file-name{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.file-staged-warning{display:inline-flex;align-items:center;color:var(--warning);flex:0 0 auto}.pinned{color:var(--warning);flex-shrink:0}.encrypted{color:var(--primary);flex-shrink:0}.file-name-row .encrypted{color:var(--text-secondary);margin-left:4px;flex-shrink:0}.file-owner{font-size:12px;color:var(--text-secondary)}.type-label{font-size:12px;color:var(--text-secondary);background:#47556933;padding:4px 8px;border-radius:4px;display:inline-block}.file-size{font-size:12px;color:var(--text-dim);font-weight:500}.nodes-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.nodes-info svg{color:var(--secondary)}.nodes-info.staged{color:var(--warning)}.nodes-ok{color:#2db64d}.nodes-partial,.nodes-info svg.nodes-partial{color:#f59e0b}.nodes-dead,.nodes-info svg.nodes-dead{color:#c94242}.nodes-loading{color:var(--text-secondary)}.file-item-actions{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.reupload-button{border:1px solid rgba(245,158,11,.35);border-radius:5px;background:#f59e0b1f;color:var(--warning);cursor:pointer;font-size:11px;font-weight:600;padding:4px 7px}.reupload-button:hover{background:#f59e0b33}.modified-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.modified-info svg{color:var(--text-secondary)}.status-badges{display:flex;flex-wrap:wrap;gap:6px}.status-badge{display:flex;align-items:center;gap:4px;font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500}.status-badge.shared{background:#6366f11a;color:var(--primary)}.status-badge.encrypted{background:#22c55e1a;color:var(--success)}.table-row .action-buttons{display:flex;gap:8px;opacity:0;transition:opacity .2s}.table-row:hover .action-buttons{opacity:1}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.files-toolbar{justify-content:space-between;align-items:flex-end;padding:16px 0}.selected-count{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text)}.selected-count input[type=checkbox]{width:16px;height:16px;border:2px solid var(--border);border-radius:4px;background:transparent;cursor:pointer}.sort-dropdown{display:flex;align-items:center;gap:8px}.sort-select{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 12px;font-size:14px;outline:none;cursor:pointer}.sort-order{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.sort-order:hover{background:var(--surface-light)}.toolbar-actions{gap:12px;padding:0 5px}.toolbar-actions>button{gap:8px;background-color:var(--surface-lighter)}.toolbar-actions>button:hover{gap:8px;background-color:var(--surface-light)}.toolbar-actions>button:disabled{opacity:.65;cursor:wait}.toolbar-actions .upload{background-color:var(--primary);color:var(--text-dark)}.toolbar-actions .upload:hover{background-color:var(--primary-dark)}.toolbar-actions .new-folder{background-color:var(--secondary);color:var(--text)}.toolbar-actions .new-folder:hover{background-color:var(--secondary-dark)}.toolbar-actions .delete{background:var(--error);border-width:2px}.toolbar-actions .delete:hover{background-color:#e01616;color:#fff}.toolbar-actions .delete-folder:disabled{background:var(--surface-lighter);color:var(--text-secondary)}.button-spinner{width:18px;height:18px;border:2px solid rgba(235,235,235,.22);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.files-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--border);margin-top:20px;flex:0 0 auto}.storage-summary{flex:1.5;max-width:300px}.storage-bars{display:flex;gap:32px}.storage-bars .storage-bar-group{flex:1;min-width:0}.storage-bars .storage-bar-group:last-child{opacity:.8}.storage-progress.replica{background:var(--secondary)}.storage-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.storage-label{color:var(--text-secondary)}.storage-value{font-weight:500}.storage-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.storage-progress{height:100%;background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:3px}.files-count{font-size:14px;color:var(--text-secondary);white-space:nowrap}.files-pagination{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.pagination-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.pagination-btn:hover:not(:disabled){color:var(--text);border-color:var(--primary);background:var(--surface-light)}.pagination-btn svg{display:block;width:16px;height:16px;color:currentColor;stroke:currentColor;flex-shrink:0}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.pagination-status{min-width:92px;text-align:center}.files-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px;height:100%;min-height:0;overflow-y:auto;align-content:start}.files-container.grid .file-item{padding:12px}.files-container.grid .file-icon{width:40px;height:40px}.files-container.grid .file-name{font-size:13px}.files-container.grid .file-meta{font-size:11px}.view-toggle{display:flex;gap:4px;margin-left:5px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer}.view-btn.active{background:var(--surface-lighter);color:#fff}.my-files>.panel_upload{position:absolute}.files-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:20px;padding:4px}.files-container.grid .file-item{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 12px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.files-container.grid .file-item:hover{transform:translateY(-4px);border-color:var(--primary);background:var(--surface-light);box-shadow:0 8px 24px #0003}.files-container.grid .file-item.selected{border-color:var(--primary);background:#6366f11a;box-shadow:0 4px 12px #6366f133}.files-container.grid .file-item-checkbox{position:absolute;top:8px;left:8px;opacity:0;transition:opacity .2s}.files-container.grid .file-item:hover .file-item-checkbox,.files-container.grid .file-item.selected .file-item-checkbox{opacity:1}.files-container.grid .file-item-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.files-container.grid .file-item-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#6366f11a;border-radius:16px;transition:all .2s}.files-container.grid .file-item:hover .file-item-icon{background:#6366f126;transform:scale(1.05)}.files-container.grid .file-icon{color:var(--text)}.files-container.grid .file-icon.folder{color:var(--primary)}.files-container.grid .file-icon.image{color:#ec4899}.files-container.grid .file-icon.pdf{color:var(--error)}.files-container.grid .file-icon.video{color:#8b5cf6}.files-container.grid .file-icon.audio{color:#10b981}.files-container.grid .folder-icon{color:var(--primary)}.files-container.grid .file-item-info{width:100%;text-align:center}.files-container.grid .file-item-name{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.files-container.grid .file-item.staged{background:#f59e0b0f;border-color:#f59e0b26}.files-container.grid .file-item-meta{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.files-container.grid .file-item-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#6366f11a;border-radius:12px;font-size:10px;color:var(--primary);margin-top:8px}.files-container.grid .file-item-badge.public{color:var(--text-dim)}.files-container.grid .file-item-badge svg{width:10px;height:10px}.files-container.grid .folder-item .file-item-icon{background:#6366f10d}.files-container.grid .folder-item:hover .file-item-icon{background:#6366f11a}.files-container.grid .empty-grid{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary);background:var(--surface);border-radius:12px;border:1px solid var(--border)}@media(max-width:1200px){.files-container.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.files-container.grid .file-item-icon{width:64px;height:64px}.files-container.grid .file-item-icon svg{width:36px;height:36px}}@media(max-width:768px){.files-container.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.files-container.grid .file-item{padding:16px 8px 12px}.files-container.grid .file-item-icon{width:56px;height:56px;margin-bottom:12px}.files-container.grid .file-item-name{font-size:12px}.files-container.grid .file-item-meta{font-size:10px}}.panel_upload{position:absolute;inset:0;z-index:999;display:flex;justify-content:space-between;padding:3vh 3vw;background-color:#121212}.hidden{display:none!important}.uploader{display:flex;flex-direction:column;gap:25px;width:45%;padding-bottom:40px}.uploader>.title{font-size:4vh;font-weight:700;margin-left:15px;display:flex;gap:17px;align-items:center}.uploader .title img,.uploader .title .close-btn{height:32px;cursor:pointer;border-radius:10px}.uploader .title .close-btn{height:32px;width:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#aaa;transition:all .2s;padding:0}.uploader .title .close-btn:hover{background-color:#ffffff14;color:#fff}.file-count{margin-left:auto;font-size:13px;font-weight:600;color:#aaa;background-color:#2a2a2a;border-radius:100px;padding:3px 14px}.uploader .list{position:relative;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:60%;padding-right:5px}.file{display:flex;flex-direction:column;cursor:pointer}.file .main{background-color:#202020;padding:15px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;transition:background-color .2s}.file.selected .main{background-color:#2f2f2f}.file .content{flex:1;min-width:0;padding:0 10px}.file .title{font-size:24px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file .subtitle{font-size:12px;opacity:.8}.file .actions img{height:32px;width:32px;cursor:pointer;transition:opacity .2s}.file .actions img:hover{opacity:.8}.status-badge{display:inline-block;font-size:11px;font-weight:700;padding:1px 10px;border-radius:100px;letter-spacing:.3px}.status-badge.ready{background-color:#29f3301f;color:#2ee834}.status-badge.processing{background-color:#f59e0b26;color:#f59e0b}.status-badge.error,.status-badge.failed{background-color:#c9424226;color:#c94242}.status-badge.waiting{background-color:#9ca3af1f;color:#9ca3af}.file-progress{padding:0 25px 10px;background-color:#202020;border-radius:0 0 5px 5px;margin-top:-2px}.file.selected .file-progress{background-color:#2f2f2f}.progress-track{width:100%;height:4px;background-color:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:#e7d350;transition:width .3s ease}.progress-fill.anim{background:#e7d350;animation:prog-shimmer 1.5s ease-in-out infinite}@keyframes prog-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-labels{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.progress-label-text{font-size:11px;color:#999;font-weight:500}.progress-label-pct{font-size:11px;font-weight:700;color:#e7d350}.file-remove-btn{background:none;border:none;padding:4px;cursor:pointer;color:#666;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.file-remove-btn:hover{color:#ef4444;background-color:#ef44441a}.uploadbox{background:var(--surface-light);border:2px dashed var(--border);border-radius:12px;margin-top:16px;cursor:pointer;transition:all .2s}.uploadbox:hover{border-color:var(--secondary);background:#6366f10d}.uploadbox-content{text-align:center;padding:24px 32px}.uploadbox-icon{color:#888;margin-bottom:6px}.uploadbox-text{font-size:14px;color:#888;line-height:1.5}.uploadbox-text strong{color:#ccc;font-weight:600}.dropbox{display:none;position:absolute;top:0;bottom:0;width:100%;z-index:999;background:var(--surface-light);border:2px dashed var(--secondary);border-radius:12px;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;background-color:#03020f}.dropbox.visible{display:flex}.upload-footer{border-top:1px solid var(--border);padding:16px 0 0;background:transparent}.provider-section{margin-bottom:16px}.provider-label{font-size:12px;color:var(--text-secondary)}.provider-selector{position:relative}.provider-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--background);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;position:relative;z-index:2}.provider-head:hover{border-color:var(--secondary)}.provider-name{font-size:14px;color:var(--text);font-weight:500}.chevron{transition:transform .2s;width:16px;height:16px}.chevron.up{transform:rotate(180deg)}.provider-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000004d}.provider-dropdown.hidden{display:none}.provider-dropdown .provider{padding:10px 12px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border)}.provider-dropdown .provider:last-child{border-bottom:none}.provider-dropdown .provider:hover{background:var(--surface-light)}.provider-dropdown .provider.active{background:#6366f11a;color:var(--primary)}.provider-dropdown .provider .info{font-size:13px;color:var(--text)}.upload-footer{position:relative}.upload-footer .action-buttons{display:flex;flex-direction:row;align-items:center;gap:10px}.upload-footer .btn-clear,.upload-footer .btn-upload{border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:none}.upload-footer .btn-clear{background:transparent;color:#aaa;font-size:13px;font-weight:500;padding:10px 20px;border:none}.upload-footer .btn-clear:hover:not(:disabled){color:#ef4444;border-color:#ef44444d;background:#ef44440f}.upload-footer .btn-upload{background:#584be9;color:#fff;padding:10px 24px;flex:1 1 auto;min-width:0}.upload-footer .btn-upload:hover:not(:disabled){background:#4338ca}.upload-footer .btn-clear:disabled,.upload-footer .btn-upload:disabled{opacity:.4;cursor:not-allowed}.upload-footer .btn-upload>img{height:28px}.actions{display:flex;gap:20px}.actions button{flex:1;height:35px;outline:none;border:2px solid;font-weight:700;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s}.actions button:disabled{opacity:.5;cursor:not-allowed}.actions button.green{background-color:#10b981;color:#fff;border-color:#10b981}.actions button.red{background-color:#ef4444;color:#fff;border-color:#ef4444}.actions button.grey{background-color:#6b7280;color:#fff;border-color:#6b7280}.actions img{height:28px;width:28px}.providers{margin-bottom:20px;position:relative}.providers .info{display:flex;justify-content:space-between;margin:2.5px 0}.provider{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.provider.head{background-color:#262626;color:#eee;font-weight:500;border-radius:8px;border:1px solid rgba(255,255,255,.08);margin-top:5px;padding:14px 16px;transition:border-color .2s;gap:4px;align-items:center}.provider.head .provider-label{color:#777;font-weight:400;font-size:16px;margin:4px 0}.provider.head .provider-label b{color:#eee;font-weight:600}.provider.head:hover{border-color:#ffffff40}.provider.head.open{border-radius:8px 8px 0 0}.provider:not(.head):hover{background-color:#3e3e3e}.provider.active{background-color:#e7d3501f;color:#e7d350;font-weight:600}.provider img.chevron{height:16px;width:16px}.selector{position:absolute;width:100%;background-color:#323232;border:1px solid rgba(255,255,255,.12);border-top:none;max-height:200px;overflow-y:auto;z-index:10;border-radius:0 0 8px 8px;box-shadow:0 8px 24px #00000080;margin-top:-1px}.upload-details{width:50%;padding:2vh 1vw;display:flex;flex-direction:column;gap:15px;position:relative}.upload-details .title{background-color:transparent;outline:none;border:none;border-bottom:2px solid #838383;font-size:27px;font-family:inherit;padding-bottom:5px;transition:border-color .2s}.upload-details .title:focus{border-color:var(--secondary)}.status{display:flex;justify-content:space-between;align-items:center;margin:3px 0 10px}.status .processing,.status .security{display:flex;align-items:center;gap:12px;font-weight:700}.status img.icon{height:24px;width:24px}.description-group{margin-bottom:15px;display:flex;flex-direction:column}.description-label{display:block;font-size:14px;font-weight:800;margin-bottom:4px;color:#ccc}.description-input{width:100%;min-height:100px;padding:12px;background-color:#ffffff0d;border:1px solid #404040;border-radius:6px;resize:vertical;font-size:14px;line-height:1.4;transition:all .2s}.description-input:focus{outline:none;border-color:#4f46e5;background-color:#ffffff12}.description-hint{font-size:12px;color:#888;margin:2px}.configuration-actions{margin:10px 0}.apply-all-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--secondary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;width:100%;justify-content:center}.apply-all-btn:hover{background-color:#4338ca;transform:translateY(-1px)}.apply-all-btn:active{transform:translateY(0)}.upload-option-groups-header{font-size:20px;font-weight:600;padding-top:20px;color:var(--text);border-top:1px solid #505050}.upload-option-group{background-color:#ffffff0d;padding:15px;border-radius:8px}.upload-option-label{display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:pointer}.upload-option-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.upload-option-badge{margin-left:auto;background-color:var(--secondary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.upload-option-value{margin-left:auto;font-weight:600}.upload-option-description{font-size:13px;opacity:.8;margin-top:8px;margin-bottom:2px;line-height:1.4}.slider{width:100%;height:6px;margin:15px 0;-webkit-appearance:none;appearance:none;background:#404040;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--secondary);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--secondary);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:12px;margin-top:8px;opacity:.7}input[type=file]{display:none}.list::-webkit-scrollbar,.selector::-webkit-scrollbar{width:8px}.list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.list::-webkit-scrollbar-thumb:hover{background:#fff6}@media(max-width:1200px){.panel_upload{flex-direction:column;padding:2vh 2vw}.uploader,.upload-details{width:100%;height:auto}.uploader{max-height:60vh}.upload-details{padding:2vh 0}}.upload-details.disabled *{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.storage-config-header{font-size:20px;font-weight:600;padding-top:20px;border-top:1px solid #505050;color:#888}.upload-details.uploading{overflow:hidden}.uploading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40% 0;gap:14px;background:#121212a6;border-radius:12px;z-index:10}.uploading-overlay .uploading-spinner,.uploading-overlay .uploading-text{z-index:11;position:relative}.uploading-spinner{width:40px;height:40px;border:3.5px solid rgba(231,211,80,.2);border-top-color:#e7d350;border-radius:50%;animation:upload-spin .8s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.uploading-text{font-size:20px;font-weight:600;color:#e7d350}.details-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#666;font-size:14px;font-weight:500;padding:40px}.status-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(245,158,11,.25);border-top-color:#f59e0b;border-radius:50%;animation:detail-spin .7s linear infinite}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail-progress{padding:0}.detail-progress .progress-labels{margin-top:6px}.upload-details.disabled input,.upload-details.disabled textarea,.upload-details.disabled select,.upload-details.disabled button:not(.apply-all-btn),.upload-details.disabled .slider{cursor:not-allowed}.modal-content .header-icon{width:48px;height:48px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-content .header-icon svg{color:var(--primary)}.modal-body{padding:24px}.input-group{margin-bottom:24px}.input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px}.input-group label svg{color:var(--primary)}.input-group input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);font-size:16px;transition:all .2s}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.input-group input.error{border-color:var(--error)}.input-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--error)}.info-box{display:flex;gap:12px;background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:12px;padding:16px;margin:24px 0}.info-box svg{color:var(--primary);flex-shrink:0;margin-top:2px}.info-content strong{display:block;font-size:14px;color:var(--text);margin-bottom:4px}.info-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.cost-estimate{display:flex;align-items:flex-start;gap:12px;background:var(--surface-light);border-radius:12px;padding:12px 16px;margin-bottom:24px}.estimate-icon svg{color:var(--primary)}.estimate-content{flex:1}.estimate-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:2px}.estimate-value{display:block;font-size:16px;font-weight:600;color:var(--text)}.estimate-note{display:block;font-size:11px;color:var(--text-tertiary);margin-top:2px}.info-icon{color:var(--text-tertiary);cursor:help;flex-shrink:0}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 20px 20px}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--surface-light);border-color:var(--primary);color:var(--text)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.modal-content{width:95%;margin:20px}.modal-body{padding:0 16px}.modal-footer{padding:16px}}.explorer-page{height:100%;width:min(100%,1480px);margin:0 auto;padding:32px 48px;display:flex;flex-direction:column;overflow:hidden}.explorer-header{display:flex;justify-content:space-between;gap:24px;margin:10px;flex:0 0 auto}.explorer-subtitle{color:var(--text-secondary);font-size:14px;padding:8px 10px 0}.explorer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.explorer-search{display:flex;align-items:center;gap:10px;width:min(360px,42vw);min-width:260px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary)}.explorer-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.explorer-search input:focus,.explorer-search input:focus-visible{outline:none}.explorer-button{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-lighter);color:var(--text);padding:10px 14px;cursor:pointer}.explorer-button:hover{background:var(--surface-light)}.explorer-alert{border:1px solid rgba(201,66,66,.35);background:#c942421f;color:var(--text);border-radius:8px;padding:12px 14px;margin-bottom:18px;flex:0 0 auto}.explorer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;flex:0 0 auto}.explorer-stat{display:flex;align-items:center;gap:18px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px}.explorer-stat svg{flex:0 0 auto;color:var(--primary)}.explorer-stat-label{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.explorer-stat-value{font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr);gap:24px;flex:1 1 auto;min-height:0}.explorer-layout.single{grid-template-columns:1fr}.explorer-layout.detail-layout{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)}.explorer-panel{min-width:0;min-height:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.explorer-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex:0 0 auto}.explorer-panel-header h3{margin:0;font-size:17px;font-weight:600}.explorer-panel-header span{color:var(--text-secondary);font-size:12px}.explorer-table{width:100%;min-height:0;display:flex;flex:1 1 auto;flex-direction:column}.explorer-table-header,.explorer-row{display:grid;align-items:center;gap:12px;padding:13px 20px}.blocks-table .explorer-table-header,.blocks-table .explorer-row{grid-template-columns:115px minmax(170px,1fr) 64px 110px minmax(190px,.8fr) minmax(150px,.75fr)}.transactions-table .explorer-table-header,.transactions-table .explorer-row{grid-template-columns:minmax(150px,1fr) 90px minmax(130px,.75fr) 115px 110px}.governance-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr);grid-template-rows:minmax(0,1fr) auto}.governance-params-panel{grid-column:1 / -1;min-height:0}.governance-params-panel .detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.governance-params-panel .detail-list>div{grid-template-columns:minmax(120px,.8fr) minmax(0,1fr)}.governance-table .explorer-table-header,.governance-table .explorer-row{grid-template-columns:70px minmax(180px,1fr) 150px minmax(180px,.8fr)}.explorer-table-header{background:var(--surface-light);color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;flex:0 0 auto;padding-right:30px}.explorer-table-body{min-height:0;flex:1 1 auto;overflow-y:auto}.explorer-row{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.explorer-row:last-child{border-bottom:0}.explorer-row:hover,.explorer-row.selected{background:var(--surface-light)}.explorer-row.static{cursor:default}.explorer-row.static:hover{background:transparent}.explorer-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-row svg{margin-right:6px;vertical-align:-2px;color:var(--text-secondary)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.wrap{white-space:normal;overflow-wrap:anywhere}.detail-panel{align-self:stretch}.detail-list{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow-y:auto}.detail-list>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 20px;border-bottom:1px solid var(--border)}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--text-secondary);font-size:12px}.detail-list strong{min-width:0;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.detail-list strong.wrap{max-height:180px;overflow:auto}.detail-list.roomy>div{grid-template-columns:150px minmax(0,1fr);padding:16px 20px}.detail-list strong svg{margin-right:6px;vertical-align:-2px;color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;margin:0 10px 10px}.back-link:hover{color:var(--text)}.result-pill{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.result-pill.success{background:#2db64d1f;color:var(--success)}.result-pill.failed{background:#c9424224;color:var(--error)}.gov-status-pill{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#9ca3af24;color:var(--text-secondary)}.gov-status-pill.voting-period,.gov-status-pill.deposit-period{background:#e7d35024;color:var(--primary)}.gov-status-pill.passed{background:#2db64d1f;color:var(--success)}.gov-status-pill.rejected,.gov-status-pill.failed{background:#c9424224;color:var(--error)}.governance-detail-list strong .gov-status-pill{margin-top:-3px}.empty-state{padding:28px 20px;color:var(--text-secondary)}@media(max-width:1180px){.explorer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-layout,.explorer-layout.detail-layout,.governance-layout{grid-template-columns:1fr}.governance-params-panel{grid-column:auto}.governance-params-panel .detail-list{display:flex}}@media(max-width:760px){.explorer-page{padding:24px}.explorer-header{align-items:stretch;flex-direction:column}.explorer-actions{justify-content:stretch}.explorer-search,.explorer-button{width:100%}.explorer-stats{grid-template-columns:1fr}.blocks-table .explorer-table-header,.blocks-table .explorer-row,.transactions-table .explorer-table-header,.transactions-table .explorer-row,.governance-table .explorer-table-header,.governance-table .explorer-row{grid-template-columns:minmax(120px,1fr) 90px}.blocks-table .explorer-table-header>div:nth-child(2),.blocks-table .explorer-table-header>div:nth-child(3),.blocks-table .explorer-table-header>div:nth-child(5),.blocks-table .explorer-table-header>div:nth-child(6),.blocks-table .explorer-row>div:nth-child(2),.blocks-table .explorer-row>div:nth-child(3),.blocks-table .explorer-row>div:nth-child(5),.blocks-table .explorer-row>div:nth-child(6),.transactions-table .explorer-table-header>div:nth-child(3),.transactions-table .explorer-table-header>div:nth-child(4),.transactions-table .explorer-table-header>div:nth-child(5),.transactions-table .explorer-row>div:nth-child(3),.transactions-table .explorer-row>div:nth-child(4),.transactions-table .explorer-row>div:nth-child(5),.governance-table .explorer-table-header>div:nth-child(3),.governance-table .explorer-table-header>div:nth-child(4),.governance-table .explorer-row>div:nth-child(3),.governance-table .explorer-row>div:nth-child(4){display:none}.detail-list>div{grid-template-columns:1fr;gap:6px}}:root{--primary: #e7d350;--primary-dark: #d8bc41;--secondary: #584be9;--secondary-dark: #4e42da;--background: #121212;--surface-dark: #101010;--surface: #1A1A1A;--surface-light: #242424;--surface-lighter: #363636;--surface-hover: #141414;--text: rgba(235, 235, 235, .95);--text-dim: #ebebebcc;--text-dark: #141414;--text-secondary: #9ca3afF0;--text-tertiary: #666666;--border: #e0e0e01a;--border-light: #2a2a2a;--success: #2db64d;--warning: #f59e0b;--error: #c94242;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5)}*{box-sizing:border-box}button:focus,a:focus,input:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid rgba(242,229,138,.72);outline-offset:2px}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--background);color:var(--text);margin:0;padding:0;width:100vw;height:100vh}.app{display:flex;height:100vh;width:100vw}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;overflow:auto;height:100%}.logo-section{margin-bottom:32px;padding:0 6px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:inherit;text-decoration:none}.logo-mark{width:42px;height:42px;object-fit:contain}.logo-text{font-size:24px;font-weight:600;-webkit-background-clip:text;color:var(--text)}.network-badge{background:#6366f11a;border:1px solid var(--primary);border-radius:20px;padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.btn-primary,.btn-secondary{padding:12px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-light)}.menu{flex:1;padding:0 4px}.menu-item{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-dim);text-decoration:none;border-radius:0 8px 8px 0;margin-bottom:4px;transition:all .2s;-webkit-user-select:none;user-select:none}.menu-item:before{content:"";position:absolute;left:0;top:50%;width:2px;height:34px;border-radius:0 2px 2px 0;background:transparent;transform:translateY(-50%)}.menu-item:hover,.menu-item.active{background:transparent;color:#f2e58adb}.menu-item:hover:before,.menu-item.active:before{background:var(--primary)}.disabled-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;margin-bottom:4px;-webkit-user-select:none;user-select:none;transition:all .2s;cursor:default;pointer-events:none}.disabled-menu-item:hover{color:var(--text-secondary)}.network-section{background:#1e293b80;border:1px solid var(--border);border-radius:12px;padding:16px;margin:24px 0;color:var(--text-dim)}.network-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:pointer}.network-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#4755694d;padding:8px;border-radius:6px}.stat-label{font-size:11px;color:var(--text-secondary);margin-bottom:2px}.stat-value{font-size:14px;font-weight:600}.user-section{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-light);flex-shrink:0;cursor:pointer;position:relative}.user-avatar .wallet-icon{color:var(--text-secondary)}.avatar-disconnect{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c9424226;color:var(--error);opacity:0;transition:opacity .2s}.user-avatar:hover .wallet-icon{opacity:0}.user-avatar:hover .avatar-disconnect{opacity:1}.user-info{flex:1}.user-address{font-size:14px;font-weight:500}.user-storage{font-size:12px;color:var(--text-secondary);margin:4px 0}.storage-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.storage-progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px}.main-content{flex:1;position:relative;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.page-header h1{font-size:32px;font-weight:700}.header-actions{display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px;gap:10px}.search-box input{background:transparent;border:none;color:var(--text);outline:none;min-width:300px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--surface);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid var(--border)}.stat-card.stat-blue .stat-icon{color:var(--primary)}.stat-card.stat-green .stat-icon{color:var(--secondary)}.stat-card.stat-purple .stat-icon{color:#8b5cf6}.stat-card.stat-orange .stat-icon{color:var(--warning)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:12px}.stat-title{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;margin-bottom:4px}.stat-subtitle{font-size:12px;color:var(--text-secondary)}.dashboard{width:min(100%,1500px);margin:0 auto;padding:32px 60px}.dashboard-subtitle{color:var(--text-secondary);font-size:14px;margin-top:-12px}.dashboard-status{display:flex;align-items:center;gap:8px;color:var(--primary);border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px 14px;font-size:14px;font-weight:600}.dashboard-alert{border:1px solid rgba(201,66,66,.35);background:#c942421f;color:var(--text);border-radius:8px;padding:12px 14px;margin:18px 0}.dashboard-section-title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:24px 0 12px}.dashboard-stats{margin-bottom:10px}.dashboard-stats .stat-card{border-radius:8px;background:#1a1a1ad1;padding:18px;align-items:center}.dashboard-stats .stat-icon{width:42px;height:42px;border-radius:8px;background:var(--surface-light)}.dashboard-stats .stat-value{font-size:21px}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.summary-card svg{flex:0 0 auto;color:var(--primary)}.summary-card span{display:block;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.summary-card strong{display:block;overflow:hidden;color:var(--text);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-grid.overview-grid{align-items:start}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:600}.text-button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:14px}.dashboard-list-card{padding:0;overflow:hidden}.dashboard-list-card .card-header{padding:18px 20px;margin-bottom:0;border-bottom:1px solid var(--border)}.dashboard-table{width:100%}.dashboard-table-header,.dashboard-table-row{display:grid;align-items:center;gap:12px;padding:13px 20px}.dashboard-table-header{color:var(--text-secondary);background:var(--surface-light);font-size:12px;font-weight:600;text-transform:uppercase}.dashboard-table-row{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font:inherit;text-align:left}.dashboard-table-row:last-child{border-bottom:0}.dashboard-table-row:hover{background:var(--surface-light)}.dashboard-table-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocks-widget{grid-template-columns:1fr 80px 1fr}.transactions-widget{grid-template-columns:minmax(150px,1fr) 100px 100px}.dashboard-empty{color:var(--text-secondary);padding:20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;padding:12px;border-radius:8px;transition:background .2s}.activity-item:hover{background:var(--surface-light)}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.activity-badge{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600}.activity-details{flex:1}.activity-main{display:flex;gap:8px;margin-bottom:4px}.activity-action{font-weight:500}.activity-file{color:var(--text-secondary)}.activity-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:8px}.status-indicators{display:flex;gap:8px}.status-indicator{font-size:11px;padding:4px 8px;border-radius:4px}.status-indicator.optimal{background:#22c55e1a;color:var(--success)}.status-indicator.good{background:#f59e0b1a;color:var(--warning)}.status-indicator.degraded{background:#ef44441a;color:var(--error)}.nodes-list{display:flex;flex-direction:column;gap:12px}.node-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface-light);border-radius:8px}.node-location{display:flex;align-items:center;gap:8px}.node-status{width:8px;height:8px;border-radius:50%}.node-status.online{background:var(--success)}.node-status.degraded{background:var(--warning)}.node-status.offline{background:var(--error)}.node-progress{width:100px;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.node-progress-bar{height:100%}.node-progress-bar.online{background:var(--success)}.node-progress-bar.degraded{background:var(--warning)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{background:var(--surface-light);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.quick-action:hover{background:var(--primary);color:#fff}.node-indicator{width:8px;height:8px;background:var(--secondary);border-radius:50%}.shared-badge{background:#6366f11a;color:var(--primary);padding:4px 8px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 48px));pointer-events:none}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;background:#1a1a1af5;color:var(--text);padding:13px 14px;box-shadow:var(--shadow);pointer-events:auto}.toast-icon{display:flex;color:var(--primary)}.toast-text{min-width:0;font-size:14px;line-height:1.35}.toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer}.toast-close:hover{background:var(--surface-light);color:var(--text)}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-warning,.toast-warn{border-left-color:var(--warning)}.toast-warning .toast-icon,.toast-warn .toast-icon{color:var(--warning)}.toast-error,.toast-danger{border-left-color:var(--error)}.toast-error .toast-icon,.toast-danger .toast-icon{color:var(--error)}.modal-overlay{position:fixed;inset:0;background:#0f172acc;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--surface);border-radius:16px;border:1px solid var(--border);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.wide{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:6px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.close-btn{display:flex;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.close-btn:hover{color:var(--text)}.close-btn:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.55}.upload-area{padding:32px 24px}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s}.drop-zone.dragging{border-color:var(--primary);background:#6366f10d}.drop-zone h3{margin:16px 0 8px}.drop-zone p{color:var(--text-secondary);font-size:14px}.file-input{display:none}.file-list{padding:0 24px 24px}.file-list h4{margin-bottom:16px;font-size:16px;font-weight:600}.files{display:flex;flex-direction:column;gap:8px}.file-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--surface-light);border-radius:8px}.file-info{flex:1}.remove-file{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.remove-file:hover{color:var(--error)}.upload-options{padding:0 24px 24px}.upload-options h4{margin-bottom:20px;font-size:16px;font-weight:600}.option-label{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-weight:500;cursor:pointer}.option-label input[type=checkbox]{width:18px;height:18px}.option-badge{background:var(--primary);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:auto}.option-value{margin-left:auto;font-weight:600;color:var(--primary)}.option-description{font-size:14px;color:var(--text-secondary)}.location-select{width:100%;padding:12px;background:var(--surface-light);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none}.location-select:focus{border-color:var(--primary)}.modal-footer{padding:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cost-estimate{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.info-icon{color:var(--text-secondary);cursor:help}.footer-actions{display:flex;gap:12px}.network-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.network-stat{background:var(--surface-light);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;background:#6366f11a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.stat-content{flex:1}.stat-content .stat-value{font-size:20px;margin-bottom:4px}.stat-content .stat-label{font-size:12px}.node-map{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:0 24px 24px}.map-visualization{height:400px;background:var(--background);border-radius:12px;border:1px solid var(--border);position:relative;overflow:hidden}.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.map-nodes{position:absolute;inset:0}.map-node{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%)}.map-node.online{background:var(--success);box-shadow:0 0 20px var(--success)}.map-node.degraded{background:var(--warning);box-shadow:0 0 20px var(--warning)}.map-node.offline{background:var(--error);box-shadow:0 0 20px var(--error)}.node-list{background:var(--surface-light);border-radius:12px;padding:20px}.node-list h4{margin-bottom:16px;font-size:16px;font-weight:600}.nodes-table{display:flex;flex-direction:column}.table-header{font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.table-row{font-size:14px;border-bottom:1px solid rgba(71,85,105,.3)}.table-row:last-child{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.online{background:var(--success)}.status-dot.degraded{background:var(--warning)}.status-dot.offline{background:var(--error)}.status-badge{font-size:11px;padding:4px 8px;border-radius:4px;font-weight:500}.status-badge.online{background:#22c55e1a;color:var(--success)}.status-badge.degraded{background:#f59e0b1a;color:var(--warning)}.status-badge.offline{background:#ef44441a;color:var(--error)}.legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.online{background:var(--success)}.legend-dot.degraded{background:var(--warning)}.legend-dot.offline{background:var(--error)}.subscription-container{min-height:100vh;position:relative;overflow-x:hidden}.subscription-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.08),transparent 50%);pointer-events:none}.subscription-content{max-width:1200px;margin:0 auto;padding:40px 32px;position:relative;z-index:1}.subscription-header{text-align:center;margin-bottom:48px;position:relative}.back-button{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 16px;color:var(--text);cursor:pointer;transition:all .2s}.back-button:hover{background:var(--surface-light);border-color:var(--primary);transform:translate(-2px)}.header-badge{display:inline-flex;align-items:center;gap:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;padding:6px 16px;font-size:14px;color:var(--primary);margin-bottom:24px}.header-title{font-size:48px;font-weight:700;margin-bottom:16px;color:var(--text)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.custom-builder{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;margin:0 10%}.builder-header{padding:24px;border-bottom:1px solid var(--border)}.builder-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text)}.builder-content{padding:24px}.builder-controls{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.control-group{display:flex;flex-direction:column;gap:12px}.control-group label{color:var(--text-secondary);font-size:14px;font-weight:500}.control-input{display:flex;align-items:center;gap:12px;background:var(--background);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.control-input input{flex:1;background:transparent;border:none;color:var(--text);font-size:16px;outline:none}.control-input input:focus{color:var(--primary)}.control-input span{color:var(--text-secondary);font-weight:500}.range-slider{width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;-webkit-appearance:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:all .2s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-hint{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}.builder-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.summary-card{background:var(--background);border:1px solid var(--border);border-radius:12px;padding:16px}.summary-card.highlight{background:linear-gradient(135deg,#6366f11a,#10b9810d);border-color:var(--primary)}.summary-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.summary-value{font-size:24px;font-weight:700;color:var(--text)}.summary-value span{font-size:14px;color:var(--primary)}.summary-breakdown{font-size:12px;color:var(--text-secondary);margin-top:8px}.purchase-btn{width:100%;padding:16px;background:var(--primary);border:none;border-radius:12px;outline:0;color:var(--text-dark);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}.payment-section{animation:fadeIn .3s ease}.payment-header{text-align:center;margin-bottom:32px}.payment-header svg{color:var(--primary);margin-bottom:16px}.payment-header h2{font-size:28px;margin-bottom:8px;color:var(--text)}.payment-header p{color:var(--text-secondary)}.payment-details{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.order-summary-card,.wallet-info-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.order-summary-card h3,.wallet-info-card h3{font-size:18px;margin-bottom:20px;color:var(--text)}.order-items{display:flex;flex-direction:column;gap:16px}.order-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text-secondary)}.order-item.total{border-top:2px solid var(--border);border-bottom:none;padding-top:16px;margin-top:8px;font-size:18px;font-weight:600;color:var(--text)}.order-item.total strong{color:var(--primary)}.wallet-address-section{margin-bottom:24px}.wallet-address-section label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.address-container{display:flex;gap:12px;background:var(--background);border:1px solid var(--border);border-radius:12px;padding:12px}.wallet-address{flex:1;font-size:12px;color:var(--text);word-break:break-all;font-family:monospace}.copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--primary);border-color:var(--primary)}.payment-instructions{background:#6366f10d;border-radius:12px;padding:16px;margin-bottom:20px}.payment-instructions h4{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text)}.payment-instructions ol{margin:0;padding-left:20px;color:var(--text-secondary);font-size:13px}.payment-instructions li{margin-bottom:8px}.warning-box{display:flex;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px;margin-bottom:20px}.warning-box svg{color:var(--error);flex-shrink:0}.warning-box strong{display:block;color:var(--error);font-size:13px;margin-bottom:4px}.warning-box p{font-size:12px;color:var(--text-secondary);margin:0}.confirm-payment-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.confirm-payment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.back-to-builder-btn{width:100%;padding:14px;background:transparent;border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-to-builder-btn:hover{background:var(--surface-light);border-color:var(--primary);color:var(--text)}.confirming-section,.success-section{display:flex;justify-content:center;align-items:center;min-height:500px}.confirming-card,.success-card{text-align:center;max-width:500px;padding:48px;background:var(--surface);border:1px solid var(--border);border-radius:20px}.confirming-card svg,.success-card svg{color:var(--primary);margin-bottom:24px}.confirming-card h2,.success-card h2{font-size:28px;margin-bottom:16px;color:var(--text)}.confirming-card p,.success-card p{color:var(--text-secondary)}.confirming-hint{font-size:14px;margin-top:16px}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{color:var(--success)!important}.success-details{text-align:left;background:var(--background);border-radius:12px;padding:16px;margin:24px 0}.detail-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.detail-item:last-child{border-bottom:none}.detail-item span{color:var(--text-secondary);font-size:14px}.detail-item strong,.detail-item code{color:var(--text);font-weight:500}.success-actions{display:flex;justify-content:center;gap:12px}.success-actions .btn-primary{color:#222;font-weight:600}.primary-btn,.secondary-btn{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.primary-btn{background:var(--primary);border:none;color:var(--text-dark)}.primary-btn:hover{transform:translateY(-2px)}.secondary-btn{background:transparent;border:1px solid var(--border);color:var(--text)}.secondary-btn:hover{background:var(--surface-light);border-color:var(--primary)}.info-footer{display:flex;justify-content:center;gap:32px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.info-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.subscription-content{padding:20px 16px}.header-title{font-size:32px}.builder-controls,.builder-summary,.payment-details{grid-template-columns:1fr}.info-footer{flex-direction:column;align-items:center;gap:12px}.back-button{position:relative;margin-bottom:20px;display:inline-flex}}