@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-main:#f9f9ff;--bg-surface:#fff;--bg-surface-low:#f0f3ff;--bg-surface-container:#e7eefe;--bg-surface-high:#e2e8f8;--bg-surface-highest:#dce2f3;--bg-surface-dim:#d3daea;--primary:#10b981;--primary-dark:#059669;--primary-light:#6ffbbe;--primary-container:#e8fcf3;--on-primary:#fff;--on-primary-container:#00422b;--accent-blue:#3b82f6;--accent-blue-light:#eff6ff;--accent-blue-container:#d8e2ff;--on-accent-blue:#001a42;--text-main:#151c27;--text-muted:#3c4a42;--text-inverse:#fff;--border-color:#e2e8f8;--border-soft:#f0f3ff;--error:#ba1a1a;--error-bg:#ffdad6;--shadow-ambient:0 10px 30px -5px #151c270f, 0 4px 10px -3px #151c2708;--shadow-floating:0 20px 40px -10px #10b98126;--shadow-card-hover:0 15px 35px -8px #151c271f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--text-main);font-family:inherit}.glass-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:50;background:#ffffffbf;position:sticky;top:0}.app-container{background:var(--bg-main);min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);width:280px;transition:transform var(--transition-normal);z-index:40;flex-direction:column;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-body{width:100%;max-width:1360px;margin:0 auto;padding:32px}.runiva-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);transition:all var(--transition-fast);padding:24px;position:relative;overflow:hidden}.runiva-card:hover{box-shadow:var(--shadow-card-hover);border-color:#cbd5e1;transform:translateY(-2px)}.runiva-card-ai-border{background:linear-gradient(145deg,#fff 0%,#f4f8ff 100%);border:1px solid #3b82f640}.ai-chip{background:var(--accent-blue-light);color:var(--accent-blue);border-radius:var(--radius-full);letter-spacing:.02em;border:1px solid #3b82f626;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.ai-chip-success{background:var(--primary-container);color:var(--on-primary-container);border-color:#10b98133}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #10b98140}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.btn-secondary{background:var(--bg-surface-low);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-container);border-color:#cbd5e1}.btn-ai{background:var(--accent-blue);color:#fff;box-shadow:0 4px 14px #3b82f640}.btn-ai:hover{background:#2563eb;transform:translateY(-1px)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.page-body{padding:16px}.sidebar{height:100%;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.live-indicator{background-color:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow;display:inline-block}