:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-card: rgba(30, 41, 59, .7);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-accent: #38bdf8;--color-text-success: #34d399;--color-text-danger: #f87171;--color-primary: #38bdf8;--color-primary-hover: #0ea5e9;--color-accent: #818cf8;--color-border: rgba(148, 163, 184, .1);--gradient-primary: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--gradient-card: linear-gradient(180deg, rgba(51, 65, 85, .5) 0%, rgba(30, 41, 59, .5) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glow: 0 0 15px rgba(56, 189, 248, .3);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.glass-panel{background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:1rem;z-index:1100}.header-logo-section{display:flex;align-items:center;gap:1rem}.company-name{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-title-text{font-size:1.5rem;margin:0}.header-right-section{display:flex;align-items:center;gap:1rem}.user-status-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:var(--radius-md)}.user-name-text{color:var(--color-primary);font-weight:600;font-size:.875rem}.btn-icon-only{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;transition:color var(--transition-fast)}.btn-icon-only:hover{color:var(--color-primary)}.btn-secondary-outline{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--color-border);padding:.625rem 1rem;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.btn-secondary-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#38bdf80d}.btn-primary-glow{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);border:none;padding:.75rem 1.25rem;border-radius:var(--radius-md);color:#fff;font-weight:600;box-shadow:var(--shadow-glow);cursor:pointer;font-size:.875rem;transition:opacity var(--transition-fast)}.btn-primary-glow:hover{opacity:.9}@media(max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem;top:.5rem;align-items:flex-start}.header-logo-section{width:100%;justify-content:space-between}.company-name{font-size:1rem}.app-title-text{font-size:1.125rem}.header-right-section{width:100%;justify-content:space-between;gap:.5rem}.user-status-badge{padding:.4rem .75rem}.btn-secondary-outline span,.btn-primary-glow span{display:none}.btn-secondary-outline,.btn-primary-glow{padding:.625rem}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1100}.modal-content{padding:2rem;border-radius:var(--radius-lg);max-height:90vh;overflow-y:auto}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#ffffff0d;color:var(--color-text-primary);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #38bdf81a}@media(max-width:768px){.app-container{padding:1rem!important}header h1{font-size:1.75rem!important}header p{font-size:.875rem!important}header>div>div:last-child{flex-wrap:wrap;width:100%}header button{font-size:.75rem!important;padding:.5rem .75rem!important}.dashboard-grid{grid-template-columns:1fr!important}.glass-panel{padding:1rem!important}.chart-container{height:250px!important}.modal-overlay{padding:0}.modal-content{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;margin:0}.asset-table-view{display:none!important}.asset-card-view{display:block!important}.notification-banner{font-size:.875rem;padding:.75rem!important}.performance-chart{height:200px!important}}@media(min-width:769px)and (max-width:1024px){.app-container{padding:1.5rem!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.modal-content{max-width:600px!important}}@media(min-width:1025px){.asset-table-view{display:table!important}.asset-card-view{display:none!important}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.spinner{width:40px;height:40px;border:4px solid rgba(124,77,255,.1);border-top:4px solid #7c4dff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-advice-content h1,.ai-advice-content h2,.ai-advice-content h3{margin-top:1.5rem;margin-bottom:.75rem;color:#1e293b}.ai-advice-content p{margin-bottom:1rem}.ai-advice-content ul,.ai-advice-content ol{margin-bottom:1rem;padding-left:1.5rem}.ai-advice-content li{margin-bottom:.5rem}