@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-glass:rgba(15,23,42,0.75);--border-color:rgba(255,255,255,0.08);--border-focus:rgba(99,102,241,0.5);--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--sidebar-width:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-subtle:0 4px 20px -2px rgba(0,0,0,0.4);--shadow-glow:0 0 25px -5px rgba(99,102,241,0.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;height:100vh;width:100vw;background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.08) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.05) 0,transparent 40%),var(--bg-primary)}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 16px;gap:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand{gap:12px;padding:0 8px}.brand,.brand-icon{display:flex;align-items:center}.brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));justify-content:center;box-shadow:var(--shadow-glow);color:#fff;font-weight:800;font-size:18px}.brand-text h1{font-size:17px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text p{font-size:11px;color:var(--accent-cyan);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:8px 12px;font-weight:700}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:none;font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.nav-item:hover{background:rgba(255,255,255,.04);color:var(--text-primary)}.nav-item.active{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.05));color:#fff;border:1px solid rgba(99,102,241,.3);font-weight:600}.nav-item-left{display:flex;align-items:center;gap:12px}.badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary)}.badge.active{background:var(--accent-primary);color:#fff}.storage-card{margin-top:auto;background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.storage-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-secondary)}.storage-bar-bg{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.storage-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-cyan));border-radius:var(--radius-full)}.main-content{flex:1 1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-header{height:68px;border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 28px;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-bar,.top-header{display:flex;align-items:center}.search-bar{gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius-full);width:420px;transition:all .2s}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13.5px;font-family:inherit;width:100%}.search-bar input::placeholder{color:var(--text-muted)}.header-actions{gap:16px}.action-btn,.header-actions{display:flex;align-items:center}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;gap:8px;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;box-shadow:0 4px 12px rgba(99,102,241,.25)}.action-btn.primary:hover{opacity:.95;transform:translateY(-1px)}.user-profile{gap:10px;padding-left:12px;border-left:1px solid var(--border-color)}.avatar,.user-profile{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-emerald),var(--accent-cyan));justify-content:center;font-weight:700;font-size:14px;color:#000}.view-viewport{flex:1 1;overflow-y:auto;padding:28px}