:root{--bg-primary: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 50%, #16213e 100%);--bg-secondary: linear-gradient(135deg, #16213e 0%, #0f0f1e 100%);--bg-sidebar: linear-gradient(180deg, #0a0a14 0%, #12121f 100%);--surface-glass: rgba(30, 30, 46, .7);--surface-glass-hover: rgba(40, 40, 60, .85);--surface-glass-active: rgba(50, 50, 70, .95);--card-bg: rgba(30, 30, 46, .65);--card-bg-hover: rgba(40, 40, 60, .75);--card-border: rgba(139, 155, 255, .15);--card-border-hover: rgba(139, 155, 255, .3);--accent-primary: #8b9bff;--accent-primary-hover: #a5b4ff;--accent-primary-glow: rgba(139, 155, 255, .4);--accent-secondary: #9d6cc9;--accent-secondary-hover: #b589d6;--accent-secondary-glow: rgba(157, 108, 201, .3);--gradient-primary: linear-gradient(135deg, #8b9bff 0%, #9d6cc9 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-error: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--text-primary: #e8e8f0;--text-secondary: #b8b8c8;--text-muted: #888896;--text-inverse: #1a1a2e;--status-excellent: #34d399;--status-good: #fbbf24;--status-warning: #f59e0b;--status-critical: #f87171;--status-offline: #6b7280;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-display: "Inter Display", "Inter", sans-serif;--text-xs: clamp(.75rem, .7vw, .875rem);--text-sm: clamp(.875rem, .85vw, 1rem);--text-base: clamp(1rem, .95vw, 1.125rem);--text-lg: clamp(1.125rem, 1.1vw, 1.25rem);--text-xl: clamp(1.25rem, 1.3vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.6vw, 1.875rem);--text-3xl: clamp(1.875rem, 2vw, 2.25rem);--text-4xl: clamp(2.25rem, 2.5vw, 3rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--glow-primary: 0 0 20px var(--accent-primary-glow);--glow-secondary: 0 0 20px var(--accent-secondary-glow);--glow-success: 0 0 20px rgba(52, 211, 153, .3);--glow-error: 0 0 20px rgba(248, 113, 113, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--sidebar-width-collapsed: 64px;--topbar-height: 64px;--content-max-width: 1640px}@custom-media --mobile (max-width: 767px);@custom-media --tablet (min-width: 768px) and (max-width: 1023px);@custom-media --desktop (min-width: 1024px);@custom-media --desktop-lg (min-width: 1920px);@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #8b9bff66}50%{box-shadow:0 0 30px #8b9bff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-top{animation:slideInTop .3s ease-out}.animate-slide-in-bottom{animation:slideInBottom .3s ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite linear}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-children>*{animation:fadeIn .3s ease-out}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.stagger-children>*:nth-child(7){animation-delay:.7s}.stagger-children>*:nth-child(8){animation-delay:.8s}.skeleton{position:relative;overflow:hidden;background:#ffffff1a;border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 2s infinite}.transition-all{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-glow:hover{box-shadow:var(--glow-primary)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin:0;line-height:var(--leading-relaxed)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--accent-primary-hover)}.glass{background:var(--surface-glass);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-md),inset 0 1px 1px #8b9bff1a}.glass:hover{background:var(--surface-glass-hover);border-color:var(--card-border-hover)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-md),inset 0 1px 1px #8b9bff1a;transition:all var(--transition-slow)}.card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}*:focus{outline:none}*:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.glass,.card{border-width:2px;background:#1e1e2ef2}.text-primary{color:#fff}*:focus-visible{outline-width:4px}}.container{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-8)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.topbar{position:sticky;top:0;left:0;right:0;height:var(--topbar-height);background:var(--surface-glass);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-sm);z-index:90;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:var(--spacing-4)}.mobile-menu-button{display:none;background:none;border:none;color:var(--text-primary);font-size:var(--text-2xl);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.mobile-menu-button:hover{background:#8b9bff1a;color:var(--accent-primary)}.topbar-brand{display:flex;align-items:center;gap:var(--spacing-3)}.brand-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.topbar-right{display:flex;align-items:center;gap:var(--spacing-4)}.topbar-icon-btn{position:relative;background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.topbar-icon-btn:hover{background:#8b9bff1a;color:var(--text-primary);transform:scale(1.05)}.icon{font-size:var(--text-xl);line-height:1}.notification-badge{position:absolute;top:0;right:0;background:var(--gradient-error);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);line-height:1}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:var(--spacing-2);background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all var(--transition-normal)}.user-menu-button:hover{background:#8b9bff1a}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-base)}.user-name{font-size:var(--text-base);font-weight:var(--font-medium)}.chevron{font-size:var(--text-xs);color:var(--text-muted);transition:transform var(--transition-normal)}.user-menu-button[aria-expanded=true] .chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:200px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:var(--shadow-xl);padding:var(--spacing-2);animation:slideInTop .2s ease-out;z-index:1000}.menu-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);width:100%;text-align:left}.menu-item:hover{background:#8b9bff1a;color:var(--text-primary)}.menu-divider{height:1px;background:#8b9bff1a;margin:var(--spacing-2) 0}@media(max-width:767px){.topbar{padding:0 var(--spacing-4)}.mobile-menu-button{display:block}.brand-title{font-size:var(--text-lg)}.user-name{display:none}.topbar-right{gap:var(--spacing-2)}}@media(min-width:768px)and (max-width:1023px){.brand-title{font-size:var(--text-lg)}}@media(prefers-reduced-motion:reduce){.topbar-icon-btn,.user-menu-button,.chevron{transition:none}.user-menu-dropdown{animation:none}}.topbar-icon-btn:focus-visible,.user-menu-button:focus-visible,.menu-item:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--card-border);padding:var(--spacing-6);overflow-y:auto;z-index:100;transition:transform var(--transition-slow)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#8b9bff33;border-radius:var(--radius-full)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8)}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-3)}.brand-icon{font-size:var(--text-2xl);line-height:1}.brand-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.sidebar-close:hover{color:var(--text-primary);background:#8b9bff1a}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-list.secondary{margin-top:auto;padding-top:var(--spacing-4)}.nav-item-wrapper{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:transparent;border:none;border-left:3px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);width:100%;text-align:left;position:relative}.nav-item:hover{background:#8b9bff1a;border-left-color:var(--accent-primary);color:var(--text-primary);transform:translate(4px)}.nav-item.active{background:#8b9bff33;border-left-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 20px #8b9bff33}.nav-item.sub-item{padding-left:var(--spacing-10);font-size:var(--text-sm)}.nav-icon{font-size:var(--text-xl);line-height:1;flex-shrink:0;transition:transform var(--transition-normal)}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-chevron{font-size:var(--text-xs);transition:transform var(--transition-normal);color:var(--text-muted);margin-left:auto}.nav-chevron.expanded{transform:rotate(180deg)}.nav-badge{margin-left:auto;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;min-width:24px;text-align:center}.badge-default{background:#8b9bff33;color:var(--accent-primary);border:1px solid var(--accent-primary)}.badge-info{background:#6366f133;color:#6366f1;border:1px solid #6366f1}.badge-warning{background:#f59e0b33;color:#f59e0b;border:1px solid #f59e0b}.badge-success{background:#10b98133;color:#10b981;border:1px solid #10b981}.badge-error{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.sub-nav{list-style:none;margin:var(--spacing-1) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1);animation:slideInTop .2s ease-out}.nav-divider{height:1px;background:#8b9bff1a;margin:var(--spacing-4) 0}@media(max-width:767px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar:before{content:"";position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width);background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar.open:before{opacity:1;pointer-events:auto}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:240px}.brand-text{font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.sidebar,.nav-item,.nav-icon,.nav-chevron{transition:none}.sub-nav{animation:none}}.nav-item:focus-visible{outline:3px solid var(--accent-primary);outline-offset:-3px}.main-content{flex:1;margin-left:var(--sidebar-width);margin-top:0;min-height:calc(100vh - var(--topbar-height));padding:var(--spacing-8);animation:fadeIn .3s ease-out}.content-container{max-width:var(--content-max-width);margin:0 auto}@media(max-width:767px){.main-content{margin-left:0;padding:var(--spacing-4)}}@media(min-width:768px)and (max-width:1023px){.main-content{margin-left:240px;padding:var(--spacing-6)}}@media(prefers-reduced-motion:reduce){.main-content{animation:none}}.overview-page{display:flex;flex-direction:column;gap:var(--spacing-12)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8)}.page-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-top:var(--spacing-2)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.stat-card{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);min-height:180px}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.stat-secondary{font-size:var(--text-sm);color:var(--text-muted);margin-top:calc(var(--spacing-2) * -1)}.stat-progress{height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-success);border-radius:var(--radius-full);transition:width var(--transition-slow)}.stat-card:has(.stat-value:contains("51%")) .progress-bar{background:var(--gradient-warning)}.stat-status{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.stat-status.excellent{color:var(--status-excellent)}.stat-status.normal{color:var(--status-good)}.stat-status.warning{color:var(--status-warning)}.stat-trend{font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-trend.positive{color:var(--status-excellent)}.stat-trend.negative{color:var(--status-critical)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.app-card{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6);min-height:400px;transition:all var(--transition-slow)}.app-card:hover{transform:translateY(-4px)}.app-header{display:flex;align-items:center;justify-content:space-between}.app-title-group{display:flex;align-items:center;gap:var(--spacing-3)}.app-icon{font-size:var(--text-4xl);line-height:1;transition:transform var(--transition-normal)}.app-card:hover .app-icon{transform:scale(1.1) rotate(5deg)}.app-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.status-dot{width:12px;height:12px;border-radius:var(--radius-full);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot.online{background:var(--status-excellent);box-shadow:0 0 10px var(--status-excellent)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 10px var(--status-warning)}.status-dot.error{background:var(--status-critical);box-shadow:0 0 10px var(--status-critical)}.app-metric{text-align:center;padding:var(--spacing-4) 0}.metric-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.metric-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-2)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.quick-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-3);text-align:center}.quick-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.quick-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.app-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary);filter:brightness(1.1)}.link-secondary{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal)}.link-secondary:hover{color:var(--accent-primary)}.link-primary{font-size:var(--text-base);color:var(--accent-primary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-normal)}.link-primary:hover{color:var(--accent-primary-hover)}.activity-feed{padding:var(--spacing-6);max-width:800px}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4) 0}.activity-icon{font-size:var(--text-2xl);line-height:1;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.activity-description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.activity-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.activity-divider{height:1px;background:#ffffff0d;margin:var(--spacing-2) 0}.activity-footer{padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1);text-align:center}@media(max-width:767px){.stats-grid,.apps-grid{grid-template-columns:1fr}.page-title{font-size:var(--text-3xl)}}@media(min-width:1920px){.apps-grid{grid-template-columns:repeat(3,1fr)}}.page{width:100%;animation:fadeIn .3s ease-out}.page-icon{font-size:1em;margin-right:var(--spacing-2)}.btn-secondary{background:#8b9bff1a;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:#8b9bff33;transform:translateY(-2px)}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-6)}.idea-card{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.idea-header{display:flex;align-items:center;justify-content:space-between}.idea-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:#8b9bff33;color:var(--accent-primary)}.idea-badge.new{background:#10b98133;color:var(--status-excellent)}.idea-badge.in-progress{background:#f59e0b33;color:var(--status-warning)}.idea-time{font-size:var(--text-xs);color:var(--text-muted)}.idea-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.idea-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.idea-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:auto}.tag{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);background:#ffffff0d;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-mini{padding:var(--spacing-4);text-align:center}.stat-mini-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--spacing-2)}.stat-mini-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.content-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.content-item{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4)}.content-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.content-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-1)}.content-excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.content-footer{display:flex;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid rgba(255,255,255,.1)}.content-stat{font-size:var(--text-sm);color:var(--text-muted)}.calendar-view{padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.calendar-month{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-2)}.calendar-day-header{text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);padding:var(--spacing-2)}.calendar-day{aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:var(--spacing-2);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all var(--transition-normal)}.calendar-day:hover:not(.disabled){background:#8b9bff1a;border-color:var(--accent-primary)}.calendar-day.disabled{opacity:.3;cursor:default}.calendar-day.today{background:var(--gradient-primary);color:#fff;font-weight:var(--font-bold)}.calendar-day.has-event:after{content:"•";position:absolute;bottom:4px;font-size:var(--text-xl);color:var(--accent-primary)}.day-number{font-size:var(--text-base);line-height:1}.upcoming-events{display:flex;flex-direction:column;gap:var(--spacing-4)}.event-card{padding:var(--spacing-6);display:flex;gap:var(--spacing-6)}.event-time{text-align:center;flex-shrink:0}.event-date{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--accent-primary)}.event-hour{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-1)}.event-details{flex:1}.event-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2)}.event-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.event-tags{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.doc-section{padding:var(--spacing-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.doc-section-icon{font-size:var(--text-4xl);line-height:1}.doc-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.doc-section-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.doc-section-stats{font-size:var(--text-sm);color:var(--text-muted);display:flex;gap:var(--spacing-2)}.recent-docs{display:flex;flex-direction:column;gap:var(--spacing-4)}.doc-item{padding:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4)}.doc-item-icon{font-size:var(--text-2xl);flex-shrink:0}.doc-item-content{flex:1}.doc-item-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin:0 0 var(--spacing-1)}.doc-item-path{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.doc-item-meta{display:flex;align-items:center;gap:var(--spacing-3)}.doc-item-time{font-size:var(--text-sm);color:var(--text-muted)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.settings-section{padding:var(--spacing-6)}.settings-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-6)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.setting-description{font-size:var(--text-sm);color:var(--text-muted)}.select-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);color:var(--text-primary);font-size:var(--text-base);cursor:pointer}.range-input{width:200px;accent-color:var(--accent-primary)}.toggle-input{width:50px;height:26px;cursor:pointer;accent-color:var(--accent-primary)}.settings-footer{display:flex;justify-content:flex-end;gap:var(--spacing-4)}.profile-content{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.profile-sidebar{display:flex;flex-direction:column;gap:var(--spacing-4)}.profile-card{padding:var(--spacing-6);text-align:center}.profile-avatar-large{width:120px;height:120px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 auto var(--spacing-4)}.profile-name{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2)}.profile-email{font-size:var(--text-base);color:var(--text-muted)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid rgba(255,255,255,.1)}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.profile-stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-1)}.quick-actions{padding:var(--spacing-4)}.quick-actions-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3)}.quick-action-btn{width:100%;background:none;border:none;color:var(--text-secondary);font-size:var(--text-base);text-align:left;padding:var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-1)}.quick-action-btn:hover{background:#8b9bff1a;color:var(--text-primary)}.profile-main{display:flex;flex-direction:column;gap:var(--spacing-6)}.profile-section{padding:var(--spacing-6)}.profile-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-6)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.form-input,.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-3);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-primary);transition:all var(--transition-normal)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14}.activity-stats{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-stat{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity-stat:last-child{border-bottom:none}.activity-stat-label{font-size:var(--text-base);color:var(--text-muted)}.activity-stat-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.integration-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.integration-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:#ffffff08;border-radius:var(--radius-md)}.integration-info{display:flex;align-items:center;gap:var(--spacing-3)}.integration-icon{font-size:var(--text-2xl)}.integration-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--spacing-1)}.integration-status{font-size:var(--text-sm);color:var(--text-muted)}.profile-footer{display:flex;justify-content:flex-end;gap:var(--spacing-4)}@media(max-width:767px){.page-grid,.stats-row{grid-template-columns:1fr}.calendar-grid{gap:var(--spacing-1)}.docs-grid,.profile-content{grid-template-columns:1fr}}.top-expensive-table{overflow-x:auto}.top-expensive-table table{width:100%;border-collapse:collapse}.top-expensive-table thead{background:#818cf81a;border-bottom:2px solid rgba(129,140,248,.3)}.top-expensive-table th{padding:12px 16px;text-align:left;font-weight:600;color:#c7d2fe;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.top-expensive-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.top-expensive-table th.sortable:hover{background:#818cf833}.top-expensive-table th.rank-column{width:50px;text-align:center}.top-expensive-table .sort-indicator{color:#818cf8;margin-left:4px}.top-expensive-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.top-expensive-table tbody tr:hover{background:#ffffff08}.top-expensive-table td{padding:12px 16px;color:#e5e7eb;font-size:.875rem}.top-expensive-table td.rank-column{text-align:center;font-weight:600;color:#9ca3af}.top-expensive-table .cost-cell{font-weight:600;color:#818cf8}.top-expensive-table .cost-high{color:#f87171;font-weight:700}.top-expensive-table .cost-medium{color:#fb923c;font-weight:600}.top-expensive-table .badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.top-expensive-table .badge-provider{background:#818cf833;color:#818cf8}.top-expensive-table .badge-model{background:#c084fc33;color:#c084fc}@media(max-width:768px){.top-expensive-table th,.top-expensive-table td{padding:8px 12px;font-size:.8125rem}}.spike-detector{width:100%}.spike-alerts{margin-top:24px;padding:16px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px}.spike-alerts-title{font-size:1rem;font-weight:600;color:#f87171;margin-bottom:12px}.spike-list{display:flex;flex-direction:column;gap:8px}.spike-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px}.spike-date{color:#e5e7eb;font-size:.875rem;font-weight:500}.spike-cost{color:#f87171;font-size:1rem;font-weight:700}.spike-multiplier{color:#fb923c;font-size:.8125rem;font-weight:600}@media(max-width:768px){.spike-item{flex-direction:column;align-items:flex-start;gap:4px}.spike-cost{font-size:1.25rem}}.cost-heatmap{width:100%}.heatmap-container{overflow-x:auto;border-radius:8px;background:#ffffff05;padding:16px}.heatmap-header{display:grid;grid-template-columns:60px repeat(7,1fr);gap:4px;margin-bottom:8px}.hour-label,.day-label{text-align:center;font-size:.75rem;font-weight:600;color:#9ca3af;padding:8px 4px}.day-label{color:#c7d2fe;text-transform:uppercase;letter-spacing:.05em}.heatmap-body{display:flex;flex-direction:column;gap:4px}.heatmap-row{display:grid;grid-template-columns:60px repeat(7,1fr);gap:4px}.heatmap-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.6875rem;font-weight:600;color:#fff;transition:transform .2s,box-shadow .2s;cursor:pointer;border:1px solid rgba(255,255,255,.05)}.heatmap-cell:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d;z-index:10;border-color:#ffffff4d}.heatmap-legend{margin-top:20px;padding:16px;background:#ffffff05;border-radius:8px}.legend-title{font-size:.875rem;font-weight:600;color:#c7d2fe;margin-bottom:12px;text-align:center}.legend-gradient{display:flex;align-items:center;gap:12px}.legend-label{font-size:.75rem;color:#9ca3af;font-weight:500}.legend-bar{flex:1;height:24px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.legend-bar .gradient{width:100%;height:100%}@media(max-width:768px){.heatmap-header,.heatmap-row{grid-template-columns:50px repeat(7,minmax(40px,1fr))}.hour-label{font-size:.6875rem}.heatmap-cell{font-size:.625rem}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-6{margin-bottom:1.5rem}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.cost-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(129,140,248,.2);padding-bottom:12px;flex-wrap:wrap}.cost-tab{padding:10px 20px;background:transparent;border:none;color:#9ca3af;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.cost-tab:hover{background:#818cf81a;color:#c7d2fe}.cost-tab.active{background:#818cf833;color:#818cf8}.cost-tab.active:after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:2px;background:#818cf8}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:Courier New,monospace}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-indigo-400{color:#818cf8}.text-purple-400{color:#c084fc}.text-emerald-400{color:#34d399}.text-orange-400{color:#fb923c}.text-red-400{color:#f87171}.text-white{color:#fff}.p-4{padding:1rem}.p-6{padding:1.5rem}.mt-2{margin-top:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-provider{background:#818cf833;color:#818cf8}.badge-model{background:#c084fc33;color:#c084fc}.cost-cell{font-weight:600;color:#818cf8}.cost-high{color:#f87171;font-weight:700}.cost-medium{color:#fb923c;font-weight:600}.space-y-4>*+*{margin-top:1rem}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.flex-1{flex:1}.bg-white\/5{background:#ffffff0d}.rounded-lg{border-radius:.5rem}.text-center{text-align:center}.file-explorer{width:100%}.file-explorer-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.file-search{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(129,140,248,.2);border-radius:8px;color:#e5e7eb;font-size:.875rem;transition:all .2s}.file-search:focus{outline:none;border-color:#818cf880;background:#ffffff14}.file-search::placeholder{color:#6b7280}.file-count{color:#9ca3af;font-size:.875rem;font-weight:500;white-space:nowrap}.file-sort-controls{display:flex;gap:8px;margin-bottom:16px}.sort-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.sort-btn:hover{background:#ffffff14;border-color:#818cf84d;color:#c7d2fe}.sort-btn.active{background:#818cf833;border-color:#818cf866;color:#818cf8}.file-list{display:flex;flex-direction:column;gap:8px}.no-files{text-align:center;padding:48px 16px;color:#6b7280}.no-files .text-2xl{font-size:3rem;display:block;margin-bottom:12px}.file-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.file-item:hover{background:#ffffff0f;border-color:#818cf84d;transform:translate(4px)}.file-icon{font-size:1.5rem;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:600;color:#e5e7eb;margin-bottom:4px;font-size:.9375rem}.file-path{font-size:.75rem;color:#6b7280;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{text-align:right;flex-shrink:0}.file-modified{font-size:.8125rem;color:#9ca3af;margin-bottom:4px}.file-size{font-size:.75rem;color:#6b7280}@media(max-width:768px){.file-item{flex-wrap:wrap}.file-meta{width:100%;text-align:left;display:flex;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.file-modified,.file-size{margin-bottom:0}}.memory-viewer{width:100%}.memory-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.memory-search{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(129,140,248,.2);border-radius:8px;color:#e5e7eb;font-size:.875rem;transition:all .2s}.memory-search:focus{outline:none;border-color:#818cf880;background:#ffffff14}.memory-search::placeholder{color:#6b7280}.memory-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e5e7eb;font-size:.8125rem;cursor:pointer;transition:all .2s}.filter-select:hover{background:#ffffff14;border-color:#818cf84d}.filter-select:focus{outline:none;border-color:#818cf880}.memory-count{color:#9ca3af;font-size:.875rem;font-weight:500;margin-bottom:16px}.memory-list{display:flex;flex-direction:column;gap:12px}.no-memories{text-align:center;padding:48px 16px;color:#6b7280}.no-memories .text-2xl{font-size:3rem;display:block;margin-bottom:12px}.memory-item{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s}.memory-item:hover{background:#ffffff0f;border-color:#818cf84d}.memory-source-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:12px}.memory-source-badge[data-source=mem0]{background:#818cf833;color:#818cf8}.memory-source-badge[data-source=supermemory]{background:#c084fc33;color:#c084fc}.memory-content{color:#e5e7eb;line-height:1.6;margin-bottom:12px;font-size:.9375rem}.memory-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.memory-tag{padding:4px 8px;background:#34d39926;color:#34d399;border-radius:4px;font-size:.75rem;font-weight:600}.memory-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);font-size:.8125rem;color:#9ca3af}.memory-project{font-weight:500;color:#fb923c}.memory-timestamp{color:#6b7280}@media(max-width:768px){.memory-footer{flex-direction:column;align-items:flex-start;gap:6px}}.docs-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid rgba(129,140,248,.2);padding-bottom:12px;flex-wrap:wrap}.docs-tab{padding:10px 20px;background:transparent;border:none;color:#9ca3af;font-size:.875rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.docs-tab:hover{background:#818cf81a;color:#c7d2fe}.docs-tab.active{background:#818cf833;color:#818cf8}.docs-tab.active:after{content:"";position:absolute;bottom:-14px;left:0;right:0;height:2px;background:#818cf8}.file-preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.file-preview-content{background:#1a1f2e;border:1px solid rgba(129,140,248,.3);border-radius:12px;max-width:900px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.file-preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(129,140,248,.2);background:#818cf80d}.file-preview-title{font-size:1.25rem;font-weight:700;color:#e5e7eb;margin-bottom:4px}.file-preview-path{font-size:.8125rem;color:#9ca3af;font-family:Courier New,monospace}.close-btn{background:#f8717133;border:1px solid rgba(248,113,113,.3);color:#f87171;font-size:1.5rem;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s;line-height:1;padding:0}.close-btn:hover{background:#f871714d;border-color:#f8717180}.file-preview-body{padding:24px;overflow-y:auto;flex:1}.file-preview-body pre{background:#0000004d;padding:16px;border-radius:8px;color:#e5e7eb;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.file-preview-modal{padding:10px}.file-preview-content{max-height:90vh}.file-preview-header,.file-preview-body{padding:16px}}