*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);font-family:Jeko,sans-serif}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}
:root{--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#64748b;--color-text-inverse:#fff;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:28px;--font-size-3xl:36px;--color-bg:#f8fafc;--color-surface-primary:#fff;--color-surface-secondary:#f9fafb;--color-surface-blue:#f2f7fb;--color-surface-teal:#01abad26;--color-tab-active:#f2f5fd;--color-border-primary:#e5e7eb;--color-border-secondary:#f0f4fd;--color-border-interactive:#0067a7;--brand-blue:#0067a7;--brand-teal:#01abad;--brand-blue-10:#0067a71a;--brand-blue-15:#0067a726;--brand-teal-10:#01abad1a;--brand-teal-15:#01abad26;--color-primary:var(--brand-blue);--color-secondary:var(--brand-navy);--color-teal:var(--brand-teal);--accent-purple:#b26ec5;--accent-purple-bg:#f2ebff;--accent-blue:var(--brand-blue);--accent-blue-bg:#0067a7;--accent-orange:#d97706;--accent-orange-bg:#fef3c7;--accent-pink:#be185d;--accent-pink-bg:#fce7f3;--accent-teal:#01abad;--accent-teal-bg:#ccfbf1;--gradient-brand:linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-teal) 100%);--color-hover-primary:var(--color-surface-blue);--color-hover-border:var(--brand-blue);--transition-hover:background-color .2s ease, border-color .2s ease, color .2s ease;--color-purple:#7c3aed;--color-orange:#f59e0b;--color-success:var(--brand-teal);--color-warning:#d97706;--color-danger:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px}@media (max-width:768px){:root{--font-size-value-lg:42px;--font-size-value-md:24px;--font-size-card-heading:20px;--font-size-card-title:18px;--font-size-helper:16px}}
.page-bold{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.page-semibold{font-size:var(--font-size-3xl);color:var(--color-text-primary);font-weight:600;line-height:1.4}.card-bold{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:700;line-height:1.2}.card-semibold{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600;line-height:1.2}.primary-regular,.body-regular{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:400;line-height:1.2}.primary-medium,.body-medium{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:500;line-height:1.2}.primary-semibold,.body-semibold{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600;line-height:1.2}.helper-regular{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400;line-height:1.6}.helper-medium{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:500;line-height:1.4}.helper-semibold{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:600;line-height:1.4}.meta-regular{font-size:var(--font-size-sm);font-weight:400;line-height:1.2}.button-medium,.badge-medium{font-size:var(--font-size-sm);font-weight:500;line-height:1.2}.value-xl{font-size:var(--font-size-3xl);font-weight:600;line-height:1.2}.value-lg{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-top:5px;font-weight:500;line-height:1.2}.value-md{font-size:var(--font-size-xl);font-weight:600;line-height:1.2}.emphasis-semibold{font-size:var(--font-size-lg);font-weight:600;line-height:1.2}.emphasis-bold{font-size:var(--font-size-lg);font-weight:700;line-height:1.5}
.flex-center{justify-content:center;align-items:center;display:flex}.gradient-text{background:var(--gradient-brand);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.app-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;display:flex}.content{max-width:1400px;padding:32px}.card{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:var(--color-surface-primary);transition:var(--transition-default);padding:20px}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-header{align-items:center;gap:8px;display:flex}.card-header svg{position:relative;top:3px}.card-title{font-size:var(--font-size-card-title);color:var(--color-text-primary);font-weight:500}.card-change{font-size:var(--font-size-helper);margin-top:8px}.card-change.positive{color:var(--color-success);font-weight:600}.card-change.negative{color:var(--color-danger);font-weight:600}.card-change.label{color:var(--color-text-secondary);font-weight:400}@media (max-width:768px){.card{padding:30px}.card-change{margin-top:8px;font-size:16px}}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}
*{cursor:none!important}.custom-cursor{-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:9999;background:#ffffff14;border:1px solid #ffffff80;border-radius:50%;width:20px;height:20px;position:fixed;transform:translate(-50%,-50%);box-shadow:inset 0 0 6px #ffffff59,0 2px 12px #00000014}
.sidebar{background:var(--color-surface-primary);flex-direction:column;display:flex;box-shadow:6px 0 24px #0f172a0a}.sidebar-nav{flex-direction:column;flex:1;gap:24px;margin-top:60px;display:flex}.sidebar-footer{flex-direction:column;gap:24px;margin-top:50px;display:flex}.sidebar-item{min-height:60px;color:var(--color-text-secondary);align-items:center;gap:10px;padding:10px 34px;text-decoration:none;display:flex}.sidebar-item.active{background:var(--color-surface-blue);color:var(--color-primary);border-right:3px solid var(--color-primary)}.logo{justify-content:center;align-items:center;margin-top:40px;display:flex}.logo img{width:140px;height:auto;display:block}@media (max-width:768px){.sidebar{display:none}.app-layout{grid-template-columns:1fr}}
.profile-menu{position:relative}.profile-dropdown{width:340px;padding:var(--space-16);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-surface-primary);z-index:1000;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 24px #0f172a0d,0 4px 10px #0f172a0a}.dropdown-user{align-items:center;gap:var(--space-12);padding-bottom:var(--space-16);display:flex}.dropdown-divider{background:var(--color-border-primary);height:1px;margin:var(--space-12) 0}.dropdown-item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-12);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--color-surface-blue);color:var(--brand-blue)}.dropdown-item span{text-align:left;flex:1}.dropdown-item svg:last-child{opacity:.5}.signout{color:var(--color-danger)}.signout:hover{background:#dc262614}.dropdown-avatar{width:72px;height:72px}
.topbar{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.topbar-actions{align-items:center;gap:16px;display:flex}.mobile-menu-button{display:none}.search-bar{border:1px solid var(--color-border-primary);background:var(--color-surface-primary);border-radius:999px;align-items:center;gap:10px;width:100%;max-width:550px;padding:10px 25px;display:flex}.search-input{height:32px;color:var(--color-text-muted);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:400}.search-logo{object-fit:contain;width:20px;height:20px}.search-divider{background:var(--color-border-primary);width:1px;height:18px}.bell-button{border:1px solid var(--color-border-primary);background:var(--color-surface-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.bell-button:hover{background:var(--color-surface-blue);border-color:var(--color-border-primary)}.bell-button svg{width:25px;height:25px;color:var(--brand-blue)}.user-profile{border:1px solid var(--color-border-primary);transition:var(--transition-hover);cursor:pointer;background:var(--color-surface-primary);border-radius:999px;align-items:center;gap:10px;padding:6px 25px 6px 10px;display:flex}.user-profile:hover{background:var(--color-surface-blue);border-color:var(--color-border-primary)}.avatar{width:45px;height:45px}.user-info{flex-direction:column;gap:2px;line-height:1.1;display:flex}.user-name{color:var(--color-text-primary);font-size:15px;font-weight:500}.user-role{color:var(--color-text-muted);font-size:12px}@media (max-width:768px){.mobile-menu-button{display:flex}.user-info{display:none}.user-profile{padding:6px}.bell-button{width:59px;height:59px}.mobile-menu-button{border:1px solid var(--color-border-primary);background:var(--color-surface-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}}
.copilotModal{z-index:1000;background:#fff;border-radius:24px;flex-direction:column;width:1040px;height:650px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000002e}.copilotOverlay{z-index:999;background:#00000073;position:fixed;inset:0}.copilotHeader{flex-shrink:0;justify-content:space-between;align-items:center;padding:28px 32px 20px;display:flex}.copilotHeader h2{margin:0;font-size:2rem;font-weight:500}.closeButton{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.closeButton:hover{background-color:#f2f4f7}.copilotContent{flex-direction:column;flex:1;padding:40px 64px;display:flex}.chat{flex-direction:column;flex:1;padding-top:8px;display:flex;overflow-y:auto}.chatMessage{align-items:flex-start;gap:16px;width:100%;margin-bottom:32px;display:flex}.messageAvatar{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.messageLogo{object-fit:contain;width:36px;height:36px}.messageContent{color:#1f2937;flex:1;font-size:18px;line-height:1.6}.chatInput{justify-content:center;padding-top:20px;display:flex}.chatInputContainer{background:#f5f7fa;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.chatInputContainer input{background:0 0;border:none;outline:none;flex:1;font-size:16px}.chatInputContainer button{color:#fff;cursor:pointer;background:#1e88e5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}
