@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1e293b;--bg-card:#111827cc;--bg-card-hover:#111827f2;--bg-glass:#0f172a99;--bg-input:#1e293b80;--bg-sidebar:#0a0e1af2;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f626;--accent-blue-glow:#3b82f64d;--accent-violet:#8b5cf6;--accent-violet-dim:#8b5cf626;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b26;--accent-emerald:#10b981;--accent-emerald-dim:#10b98126;--accent-rose:#f43f5e;--accent-rose-dim:#f43f5e26;--accent-cyan:#06b6d4;--accent-cyan-dim:#06b6d426;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0a0e1a;--border-color:#94a3b81a;--border-hover:#94a3b833;--border-active:#3b82f666;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-glow:0 0 20px #3b82f626, 0 0 40px #8b5cf61a;--shadow-glow-blue:0 0 20px #3b82f640;--shadow-glow-violet:0 0 20px #8b5cf640;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--gradient-primary:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-primary-hover:linear-gradient(135deg, #2563eb, #7c3aed);--gradient-mesh:radial-gradient(ellipse at 20% 50%, #3b82f614 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #8b5cf60f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #06b6d40a 0%, transparent 50%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow:hidden}#root{min-height:100vh}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-violet)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#94a3b826}::-webkit-scrollbar-thumb:hover{background:#94a3b840}.app-layout{background:var(--bg-primary);background-image:var(--gradient-mesh);min-height:100vh;display:flex}.main-area{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-layout.sidebar-collapsed .main-area{margin-left:var(--sidebar-collapsed)}.content-area{padding:var(--space-xl);margin-top:var(--topbar-height);height:calc(100vh - var(--topbar-height));flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:width var(--transition-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;position:fixed;top:0;left:0}.app-layout.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-color);height:var(--topbar-height);display:flex}.sidebar-logo{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-glow-blue);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.sidebar-brand{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;transition:opacity var(--transition-base);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;overflow:hidden}.app-layout.sidebar-collapsed .sidebar-brand,.app-layout.sidebar-collapsed .sidebar-item-label,.app-layout.sidebar-collapsed .sidebar-section-title{opacity:0;width:0;overflow:hidden}.sidebar-nav{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-md) var(--space-sm) var(--space-xs);white-space:nowrap;transition:opacity var(--transition-base);font-size:11px;font-weight:600}.sidebar-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--text-primary);background:#3b82f614}.sidebar-item.active{background:var(--accent-blue-dim);color:var(--accent-blue)}.sidebar-item.active:before{content:"";background:var(--accent-blue);border-radius:var(--radius-full);width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-item-label{transition:opacity var(--transition-base)}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color)}.sidebar-toggle{width:100%;padding:var(--space-sm);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--text-secondary);background:#94a3b814}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:0 var(--space-xl);z-index:50;transition:left var(--transition-base);background:#0a0e1acc;justify-content:space-between;align-items:center;display:flex;position:fixed}.app-layout.sidebar-collapsed .topbar{left:var(--sidebar-collapsed)}.topbar-left,.topbar-right{align-items:center;gap:var(--space-md);display:flex}.breadcrumbs{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:14px;display:flex}.breadcrumb-item{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-item:hover{color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-muted);opacity:.5}.admin-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:box-shadow var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.admin-avatar:hover{box-shadow:var(--shadow-glow-blue)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-secondary);font-size:14px;font-weight:600}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-icon.blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.stat-card-icon.violet{background:var(--accent-violet-dim);color:var(--accent-violet)}.stat-card-icon.amber{background:var(--accent-amber-dim);color:var(--accent-amber)}.stat-card-icon.emerald{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.stat-card-icon.rose{background:var(--accent-rose-dim);color:var(--accent-rose)}.stat-card-icon.cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.stat-card-label{color:var(--text-muted);font-size:13px;font-weight:500}.stat-card-value{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:28px;font-weight:700;line-height:1.2}.stat-card-trend{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.stat-card-trend.up{color:var(--accent-emerald);background:var(--accent-emerald-dim)}.stat-card-trend.down{color:var(--accent-rose);background:var(--accent-rose-dim)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:#1e293bcc}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#94a3b814}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-lg{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:16px}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;font-size:14px}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.input::placeholder{color:var(--text-muted)}.role-select{appearance:none;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:4px 28px 4px 10px;font-size:12px;font-weight:500}.role-select:hover{border-color:var(--accent-blue)}.role-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-dim)}.role-select[data-role=admin]{color:var(--accent-rose);background-color:#f43f5e14;border-color:#f43f5e4d}.role-select[data-role=power-user]{color:var(--accent-violet);background-color:#8b5cf614;border-color:#8b5cf64d}.role-select[data-role=vip]{color:var(--accent-amber);background-color:#f59e0b14;border-color:#f59e0b4d}.role-select[data-role=user]{color:var(--text-muted);border-color:var(--border-color)}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-md);color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute}.search-wrapper .input{padding-left:40px}.search-wrapper:focus-within .search-icon{color:var(--accent-blue)}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-violet{background:var(--accent-violet-dim);color:var(--accent-violet)}.badge-amber{background:var(--accent-amber-dim);color:var(--accent-amber)}.badge-emerald{background:var(--accent-emerald-dim);color:var(--accent-emerald)}.badge-rose{background:var(--accent-rose-dim);color:var(--accent-rose)}.badge-cyan{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);white-space:nowrap;background:#0f172a80;font-size:12px;font-weight:600}.table th:hover{color:var(--text-secondary)}.table th.sorted{color:var(--accent-blue)}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:background var(--transition-fast)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#3b82f60a}.table-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.table-user-cell{align-items:center;gap:var(--space-md);display:flex}.table-user-name{color:var(--text-primary);font-weight:500}.table-user-email{color:var(--text-muted);font-size:12px}.table-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.pagination{align-items:center;gap:var(--space-xs);display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.pagination-btn:hover:not(:disabled){background:var(--accent-blue-dim);border-color:var(--accent-blue);color:var(--accent-blue)}.pagination-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.tree-view{font-size:14px}.tree-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.tree-item:hover{color:var(--text-primary);background:#3b82f60f}.tree-item.selected{background:var(--accent-blue-dim);color:var(--accent-blue)}.tree-toggle{width:16px;height:16px;transition:transform var(--transition-fast);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-toggle.expanded{transform:rotate(90deg)}.tree-toggle.empty{visibility:hidden}.tree-icon{flex-shrink:0;width:16px;height:16px}.tree-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-count{color:var(--text-muted);border-radius:var(--radius-full);background:#94a3b81a;padding:1px 6px;font-size:11px}.tree-children{padding-left:var(--space-lg)}.json-viewer{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7}.json-key{color:var(--accent-blue)}.json-string{color:var(--accent-emerald)}.json-number{color:var(--accent-amber)}.json-boolean{color:var(--accent-violet)}.json-null{color:var(--text-muted);font-style:italic}.json-bracket{color:var(--text-muted)}.json-line{padding:0 var(--space-md);border-radius:var(--radius-xs);transition:background var(--transition-fast);display:flex}.json-line:hover{background:#3b82f60a}.json-line-number{text-align:right;width:32px;color:var(--text-muted);opacity:.5;margin-right:var(--space-md);-webkit-user-select:none;user-select:none;flex-shrink:0}.page-header{margin-bottom:var(--space-xl)}.page-header-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.page-title{color:var(--text-primary);align-items:center;gap:var(--space-md);font-size:24px;font-weight:700;display:flex}.page-description{color:var(--text-muted);font-size:14px}.chart-container{width:100%;height:300px}.chart-container.small{height:200px}.chart-container.large{height:400px}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.spark-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);position:relative;overflow:hidden}.spark-card:before{content:"";opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.spark-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.spark-card:hover:before{opacity:1}.spark-card.callable:before{background:var(--accent-blue)}.spark-card.trigger:before{background:var(--accent-emerald)}.spark-card.schedule:before{background:var(--accent-amber)}.spark-card.http:before{background:var(--accent-violet)}.spark-card.auth:before{background:var(--accent-rose)}.spark-card.media:before{background:var(--accent-cyan)}.spark-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.spark-card-name{color:var(--text-primary);font-size:15px;font-weight:600;font-family:var(--font-mono)}.spark-card-app{color:var(--text-muted);margin-top:var(--space-xs);font-size:12px}.spark-card-pattern{font-family:var(--font-mono);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-top:var(--space-md);word-break:break-all;background:#0f172a99;font-size:12px}.empty-state{padding:var(--space-3xl) var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--accent-blue-dim);width:64px;height:64px;color:var(--accent-blue);margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:18px;font-weight:600}.empty-state-text{color:var(--text-muted);max-width:400px;font-size:14px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#94a3b80f 25%,#94a3b81f 50%,#94a3b80f 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-sm)}.skeleton-text:last-child{width:60%}.skeleton-heading{width:40%;height:24px;margin-bottom:var(--space-md)}.skeleton-avatar{border-radius:var(--radius-full);width:32px;height:32px}.skeleton-card{border-radius:var(--radius-lg);height:120px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f626}50%{box-shadow:0 0 30px #3b82f64d}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:.4s both fade-in}.slide-up{animation:.5s both slide-up}.slide-in-left{animation:.4s both slide-in-left}.scale-in{animation:.3s both scale-in}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background-color:#0000;background-image:radial-gradient(at 30% 30%,#3b82f61f 0%,#0000 50%),radial-gradient(at 70% 60%,#8b5cf61a 0%,#0000 50%),radial-gradient(at 50% 90%,#06b6d414 0%,#0000 50%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:8s infinite gradient-shift;position:absolute;inset:0}.login-bg-grid{background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl), var(--shadow-glow);animation:.5s both scale-in;position:relative}.login-logo{background:var(--gradient-primary);border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-lg);color:#fff;box-shadow:var(--shadow-glow-blue);justify-content:center;align-items:center;font-size:22px;font-weight:800;animation:3s infinite pulse-glow;display:flex}.login-title{text-align:center;margin-bottom:var(--space-xs);color:var(--text-primary);font-size:24px;font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:var(--space-xl);font-size:14px}.login-btn-google{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-md);transition:all var(--transition-base);font-size:15px;font-weight:500;display:flex}.login-btn-google:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);background:#1e293be6;transform:translateY(-1px)}.login-btn-google svg{width:20px;height:20px}.login-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-muted);font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.login-footer{text-align:center;margin-top:var(--space-xl);color:var(--text-muted);font-size:12px}.activity-feed{flex-direction:column;gap:0;display:flex}.activity-item{gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);align-items:flex-start;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-content{flex:1;min-width:0}.activity-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-muted);margin-top:2px;font-size:12px}.forge-layout{gap:var(--space-lg);height:calc(100vh - var(--topbar-height) - var(--space-xl) * 2 - 60px);grid-template-columns:320px 1fr;display:grid}.forge-tree-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;overflow:hidden}.forge-tree-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.forge-tree-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.forge-tree-body{padding:var(--space-md);flex:1;overflow-y:auto}.forge-doc-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;display:flex;overflow:hidden}.forge-doc-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.forge-doc-path{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;display:flex}.forge-doc-path-segment{color:var(--text-muted)}.forge-doc-path-segment.current{color:var(--accent-blue);font-weight:600}.forge-doc-path-separator{color:var(--text-muted);opacity:.4}.forge-doc-meta{gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.forge-doc-meta-item{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:12px;display:flex}.forge-doc-meta-label{font-weight:500}.forge-doc-meta-value{color:var(--text-secondary);font-family:var(--font-mono)}.forge-doc-body{padding:var(--space-lg);flex:1;overflow-y:auto}.date-range-picker{align-items:center;gap:var(--space-xs);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px;display:flex}.date-range-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-size:13px;font-weight:500}.date-range-btn:hover{color:var(--text-secondary)}.date-range-btn.active{background:var(--accent-blue-dim);color:var(--accent-blue)}.analytics-realtime{align-items:center;gap:var(--space-md);display:flex}.realtime-dot{border-radius:var(--radius-full);background:var(--accent-emerald);width:8px;height:8px;animation:2s infinite pulse-glow;box-shadow:0 0 8px #10b98166}.realtime-label{color:var(--text-muted);font-size:13px}.realtime-value{color:var(--text-primary);font-size:20px;font-weight:700}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,1fr)}.forge-layout{grid-template-columns:260px 1fr}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.forge-layout{grid-template-columns:1fr;height:auto}.sidebar{transform:translate(-100%)}.main-area{margin-left:0}.topbar{left:0}.content-area{padding:var(--space-md)}}