@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--rua-black:#0a0a0f;--rua-surface:#12121a;--rua-surface-2:#1a1a26;--rua-surface-3:#1e1e2e;--rua-border:#6c63ff26;--rua-border-hover:#6c63ff59;--rua-primary:#6c63ff;--rua-primary-dim:#6c63ff1f;--rua-primary-glow:#6c63ff40;--rua-accent:#00d9b1;--rua-accent-dim:#00d9b11a;--rua-accent-glow:#00d9b133;--rua-warning:#ffb547;--rua-warning-dim:#ffb5471f;--rua-danger:#ff4757;--rua-danger-dim:#ff47571f;--rua-success:#2ecc71;--rua-success-dim:#2ecc711f;--rua-text:#e8e8f0;--rua-text-2:#a0a0b8;--rua-muted:#6b6b80;--rua-gradient-primary:linear-gradient(135deg, #6c63ff 0%, #00d9b1 100%);--rua-gradient-surface:linear-gradient(135deg, #6c63ff14 0%, #00d9b10a 100%);--rua-gradient-dark:linear-gradient(180deg, #12121a 0%, #0a0a0f 100%);--sidebar-width:72px;--sidebar-expanded:260px;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-primary:0 0 20px #6c63ff33;--shadow-accent:0 0 20px #00d9b126;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-sidebar:100;--z-header:90;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--rua-black);color:var(--rua-text);font-family:var(--font-body);min-height:100vh;font-size:.9375rem;line-height:1.6;overflow-x:hidden}.rua-layout{min-height:100vh;display:flex}.rua-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.rua-page{padding:var(--space-6);flex:1;width:100%;max-width:1400px}.rua-sidebar{height:100vh;width:var(--sidebar-width);background:var(--rua-surface);border-right:1px solid var(--rua-border);padding:var(--space-4) 0;z-index:var(--z-sidebar);transition:width var(--transition-base);flex-direction:column;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.rua-sidebar:hover{width:var(--sidebar-expanded)}.rua-logo{background:var(--rua-gradient-primary);border-radius:var(--radius-md);width:40px;height:40px;font-family:var(--font-display);color:#fff;letter-spacing:-.5px;margin-bottom:var(--space-6);box-shadow:var(--shadow-primary);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.rua-logo:hover{transform:scale(1.05)}.rua-logo-full{white-space:nowrap;font-family:var(--font-display);background:var(--rua-gradient-primary);-webkit-text-fill-color:transparent;margin-left:var(--space-3);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;display:none}.rua-sidebar:hover .rua-logo-full{display:block}.rua-logo-wrapper{padding:0 var(--space-4);width:100%;margin-bottom:var(--space-6);align-items:center;display:flex}.sidebar-nav{gap:var(--space-1);width:100%;padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--rua-muted);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border:none;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;overflow:hidden}.sidebar-nav-item:hover{background:var(--rua-primary-dim);color:var(--rua-text)}.sidebar-nav-item.active{background:var(--rua-primary-dim);color:var(--rua-primary);border:1px solid var(--rua-border-hover)}.sidebar-nav-item .nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-item .nav-label{opacity:0;transition:opacity var(--transition-base);white-space:nowrap}.rua-sidebar:hover .sidebar-nav-item .nav-label{opacity:1}.sidebar-divider{background:var(--rua-border);width:calc(100% - 24px);height:1px;margin:var(--space-3) 0}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-md);width:100%;transition:background var(--transition-fast);display:flex;overflow:hidden}.sidebar-user:hover{background:var(--rua-surface-2)}.user-avatar{border-radius:var(--radius-full);background:var(--rua-gradient-primary);width:34px;height:34px;font-family:var(--font-display);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:relative}.user-avatar:after{content:"";background:var(--rua-accent);border-radius:var(--radius-full);border:2px solid var(--rua-surface);width:9px;height:9px;position:absolute;bottom:0;right:0}.user-info{opacity:0;transition:opacity var(--transition-base);overflow:hidden}.rua-sidebar:hover .user-info{opacity:1}.user-name{color:var(--rua-text);white-space:nowrap;font-size:.8125rem;font-weight:600}.user-role{color:var(--rua-primary);white-space:nowrap;font-size:.6875rem}.rua-topbar{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--rua-border);-webkit-backdrop-filter:blur(12px);z-index:var(--z-header);background:#0a0a0fcc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-greeting{flex-direction:column;display:flex}.topbar-greeting h1{font-family:var(--font-display);color:var(--rua-text);font-size:1.25rem;font-weight:700;line-height:1.2}.topbar-greeting .topbar-date{color:var(--rua-muted);font-size:.8125rem}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.rua-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--rua-primary-dim);border:1px solid var(--rua-border-hover);border-radius:var(--radius-full);color:var(--rua-primary);font-size:.75rem;font-weight:600;font-family:var(--font-display);display:inline-flex}.rua-chip.accent{background:var(--rua-accent-dim);color:var(--rua-accent);border-color:#00d9b140}.rua-chip.warning{background:var(--rua-warning-dim);color:var(--rua-warning);border-color:#ffb54740}.icon-btn{border:1px solid var(--rua-border);background:var(--rua-surface-2);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--rua-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{border-color:var(--rua-border-hover);color:var(--rua-text);background:var(--rua-surface-3)}.icon-btn .badge{background:var(--rua-warning);border-radius:var(--radius-full);width:16px;height:16px;color:var(--rua-black);border:2px solid var(--rua-black);justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.rua-card{background:var(--rua-surface);border:1px solid var(--rua-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.rua-card:before{content:"";background:var(--rua-gradient-surface);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.rua-card:hover:before{opacity:1}.rua-card:hover{border-color:var(--rua-border-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.rua-card.glass{-webkit-backdrop-filter:blur(16px);background:#12121a99}.kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.kpi-card{background:var(--rua-surface);border:1px solid var(--rua-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);cursor:default;position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--kpi-color,var(--rua-primary));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:var(--rua-border-hover);transform:translateY(-2px);box-shadow:0 4px 24px #6c63ff1f}.kpi-card .kpi-icon{border-radius:var(--radius-md);background:var(--kpi-bg,var(--rua-primary-dim));width:36px;height:36px;margin-bottom:var(--space-4);color:var(--kpi-color,var(--rua-primary));justify-content:center;align-items:center;display:flex}.kpi-card .kpi-value{font-family:var(--font-display);color:var(--rua-text);margin-bottom:var(--space-2);font-size:2rem;font-weight:700;line-height:1}.kpi-card .kpi-label{color:var(--rua-muted);font-size:.8125rem;font-weight:500}.kpi-card .kpi-trend{align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:.75rem;font-weight:600;display:flex}.kpi-trend.up{color:var(--rua-accent)}.kpi-trend.warn{color:var(--rua-warning)}.kpi-trend.neutral{color:var(--rua-muted)}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);color:var(--rua-text);align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;display:flex}.section-title:before{content:"";background:var(--rua-gradient-primary);border-radius:var(--radius-full);width:3px;height:16px}.dashboard-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.dashboard-grid.three-col{grid-template-columns:1fr 1fr 1fr}.chat-widget{flex-direction:column;height:340px;display:flex}.chat-messages{gap:var(--space-3);padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--rua-surface-3) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msg{gap:var(--space-3);align-items:flex-start;display:flex}.chat-msg.user{flex-direction:row-reverse}.chat-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.chat-avatar.rua-ai{background:var(--rua-gradient-primary);color:#fff}.chat-avatar.user-av{background:var(--rua-surface-3);color:var(--rua-muted)}.chat-bubble{max-width:75%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5}.chat-msg.rua .chat-bubble{background:var(--rua-surface-2);border:1px solid var(--rua-border);color:var(--rua-text);border-top-left-radius:4px}.chat-msg.user .chat-bubble{background:var(--rua-primary-dim);border:1px solid var(--rua-border-hover);color:var(--rua-text);border-top-right-radius:4px}.chat-input-row{gap:var(--space-2);margin-top:var(--space-3);border-top:1px solid var(--rua-border);padding-top:var(--space-3);display:flex}.chat-input{background:var(--rua-surface-2);border:1px solid var(--rua-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--rua-text);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;flex:1;font-size:.875rem}.chat-input::placeholder{color:var(--rua-muted)}.chat-input:focus{border-color:var(--rua-primary)}.chat-send-btn{background:var(--rua-primary);border-radius:var(--radius-md);cursor:pointer;color:#fff;width:36px;height:36px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:#7a72ff;transform:scale(1.05)}.proposal-list{gap:var(--space-3);flex-direction:column;display:flex}.proposal-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--rua-surface-2);border:1px solid var(--rua-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.proposal-item:hover{border-color:var(--rua-border-hover);background:var(--rua-surface-3)}.proposal-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.proposal-info{flex:1;min-width:0}.proposal-title{color:var(--rua-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.proposal-meta{color:var(--rua-muted);margin-top:2px;font-size:.75rem}.status-chip{padding:3px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;font-size:.65rem;font-weight:700}.status-chip.signed{background:var(--rua-success-dim);color:var(--rua-success)}.status-chip.pending{background:var(--rua-warning-dim);color:var(--rua-warning)}.status-chip.draft{background:var(--rua-surface-3);color:var(--rua-muted)}.status-chip.blocked{background:var(--rua-danger-dim);color:var(--rua-danger)}.projects-row{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.project-card{background:var(--rua-surface);border:1px solid var(--rua-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base);cursor:pointer}.project-card:hover{border-color:var(--rua-border-hover);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.project-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.project-name{font-family:var(--font-display);color:var(--rua-text);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;line-height:1.3}.project-type{color:var(--rua-muted);margin-bottom:var(--space-3);font-size:.75rem}.progress-bar{background:var(--rua-surface-3);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-2);overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--rua-gradient-primary);height:100%;transition:width var(--transition-slow)}.progress-label{color:var(--rua-muted);justify-content:space-between;font-size:.7rem;display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--rua-primary);color:#fff;box-shadow:0 4px 12px #6c63ff4d}.btn-primary:hover{background:#7a72ff;transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff66}.btn-ghost{color:var(--rua-muted);border:1px solid var(--rua-border);background:0 0}.btn-ghost:hover{color:var(--rua-text);border-color:var(--rua-border-hover);background:var(--rua-surface-2)}.btn-accent{background:var(--rua-accent);color:var(--rua-black);font-weight:700}.btn-accent:hover{background:#00f0c5;transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rua-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--rua-border-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:.35s both fadeIn}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.status-dot{border-radius:var(--radius-full);background:var(--rua-accent);width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}.firma-banner{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--rua-warning-dim);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid #ffb54740;display:flex}.firma-banner .firma-icon{color:var(--rua-warning);flex-shrink:0}.firma-banner .firma-text{color:var(--rua-text-2);flex:1;font-size:.875rem}.firma-banner .firma-text strong{color:var(--rua-warning);font-weight:600}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.projects-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.rua-main{margin-left:0}.rua-sidebar{display:none}.dashboard-grid{grid-template-columns:1fr}.kpi-grid,.projects-row{grid-template-columns:repeat(2,1fr)}}