:root{--primary-color:#6a4ff5;--bg-color:#f6f8fa;--header-bg:#fff;--sidebar-bg:#fff;--border-color:#ebebeb;--text-main:#1f2329;--text-secondary:#8f959e;--text-tertiary:#c0c4cc;--active-bg:#f2f3ff;--active-text:#4848f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden}a{color:inherit;text-decoration:none}.header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:32px;display:flex}.logo-area{color:#1f2329;align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}.logo-icon{width:28px;height:28px;color:var(--primary-color);border:1px solid var(--primary-color);background-color:#f2f3ff;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-links{gap:24px;display:flex}.nav-item{color:var(--text-main);cursor:pointer;font-size:14px}.nav-item:hover{color:var(--primary-color)}.header-right{align-items:center;gap:16px;display:flex}.search-box{background-color:#f5f6f8;border:1px solid #0000;border-radius:20px;align-items:center;width:200px;padding:6px 16px;display:flex}.search-box:focus-within{border-color:var(--primary-color);background-color:#fff}.search-box input{background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:14px}.search-box input::placeholder{color:var(--text-secondary)}.user-profile{cursor:pointer;align-items:center;gap:8px;display:flex}.avatar{background-color:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.account-number{font-size:14px;font-weight:500}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:240px;padding:16px 0;display:flex;overflow-y:auto}.menu-group{margin-bottom:16px}.menu-item{cursor:pointer;color:var(--text-main);justify-content:space-between;align-items:center;padding:10px 24px;font-size:14px;transition:all .2s;display:flex}.menu-item:hover{background-color:var(--bg-color)}.menu-item.active{background-color:var(--active-bg);color:var(--active-text);font-weight:500}.menu-item-left{align-items:center;gap:12px;display:flex}.menu-icon{color:var(--text-secondary)}.menu-item.active .menu-icon{color:var(--active-text)}.sub-menu{padding-left:50px}.sub-menu-item{color:var(--text-secondary);cursor:pointer;padding:8px 0;font-size:14px}.sub-menu-item:hover{color:var(--primary-color)}.divider{background-color:var(--border-color);height:1px;margin:8px 24px}.metric-card{border:1px solid var(--border-color);background-color:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;min-width:200px;padding:20px;display:flex}.metric-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.metric-title{color:var(--text-main);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.metric-action{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.metric-content{justify-content:space-between;align-items:flex-end;display:flex}.metric-values{align-items:baseline;gap:4px;display:flex}.metric-primary{color:var(--text-main);font-size:28px;font-weight:600}.metric-secondary{color:var(--text-secondary);font-size:14px}.metric-chart{width:60px;height:30px}.dashboard{flex-direction:column;gap:24px;display:flex}.banner{color:#fff;background:linear-gradient(135deg,#a573ff,#6a4ff5);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden}.banner:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"circles\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba(255,255,255,0.05)\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23circles)\"/></svg>");position:absolute;inset:0}.banner-left{z-index:1;position:relative}.banner-left h1{margin-bottom:8px;font-size:24px;font-weight:600}.banner-left p{opacity:.9;font-size:14px}.banner-right{z-index:1;gap:12px;display:flex;position:relative}.date-picker-btn{color:#fff;cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.icon-btn{color:#fff;cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metrics-grid{gap:20px;display:flex}.chart-section{border:1px solid var(--border-color);background-color:#fff;border-radius:12px;padding:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-title{color:var(--text-main);font-size:16px;font-weight:600}.chart-controls{align-items:center;gap:16px;display:flex}.select-box{border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.tabs{background-color:var(--bg-color);border-radius:20px;padding:4px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:6px 16px;font-size:14px}.tab.active{background-color:var(--primary-color);color:#fff}.model-tags{gap:12px;margin-bottom:24px;display:flex}.model-tag{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:16px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.app-container{flex-direction:column;height:100vh;display:flex}.main-layout{flex:1;margin-top:60px;display:flex;overflow:hidden}.content-area{background-color:var(--bg-color);flex:1;padding:24px;overflow-y:auto}