#app{width:100%;height:100vh;margin:0;padding:0}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f5f3ff 0%,#fdf2f8 100%);width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px}#app{width:100%;height:100%}a{color:#4169e1;cursor:pointer;text-decoration:none}a:hover{color:#8b7cf7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}::-webkit-scrollbar-track{background-color:#f3f4f6}.text-primary{color:#1f2937!important}.text-regular{color:#4b5563!important}.text-secondary{color:#6b7280!important}.text-placeholder{color:#9ca3af!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.font-bold{font-weight:700!important}.font-semibold{font-weight:600!important}.font-medium{font-weight:500!important}.rise{color:#ef4444!important}.fall{color:#10b981!important}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1}.mt-1{margin-top:12px!important}.mt-2{margin-top:16px!important}.mt-3{margin-top:24px!important}.mt-4{margin-top:32px!important}.mb-1{margin-bottom:12px!important}.mb-2{margin-bottom:16px!important}.mb-3{margin-bottom:24px!important}.mb-4{margin-bottom:32px!important}.p-1{padding:12px!important}.p-2{padding:16px!important}.p-3{padding:24px!important}.p-4{padding:32px!important}.card{background:#f5f3ff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.page-container{min-height:calc(100vh - 64px);padding:40px}.hidden{display:none!important}.clearfix:after{content:"";clear:both;display:table}:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--text-xs:12px;--text-sm:14px;--text-base:15px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--shadow-card:0 4px 24px #7b68ee14;--shadow-card-hover:0 8px 32px #7b68ee29;--shadow-button:0 4px 16px #4169e13d;--shadow-button-hover:0 6px 24px #4169e152}.container-responsive{width:100%;max-width:100%;padding:0 var(--space-4)}@media (width>=640px){.container-responsive{max-width:640px;margin:0 auto}}@media (width>=768px){.container-responsive{max-width:720px}}@media (width>=1024px){.container-responsive{max-width:960px;padding:0 var(--space-6)}}@media (width>=1280px){.container-responsive{max-width:1200px}}@media (width>=1536px){.container-responsive{max-width:1400px}}.grid-responsive{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-responsive{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-responsive{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid-responsive{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}.card-responsive{border-radius:var(--radius-lg);width:100%;padding:var(--space-4);background:var(--card-bg);box-shadow:var(--shadow-card);transition:all .3s}@media (width>=768px){.card-responsive{padding:var(--space-5);border-radius:var(--radius-xl)}}@media (width>=1024px){.card-responsive{padding:var(--space-6)}}.card-responsive:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.text-responsive{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-primary);line-height:1.6}@media (width>=768px){.text-responsive{font-size:var(--text-base)}}@media (width>=1024px){.text-responsive{font-size:var(--text-base);line-height:1.6}}.btn-responsive{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all .2s}@media (width>=640px){.btn-responsive{width:auto;min-width:120px;padding:var(--space-3) var(--space-5)}}@media (width>=768px){.btn-responsive{padding:var(--space-3) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-lg)}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:600px}.nav-responsive{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.nav-responsive{gap:var(--space-4);padding:var(--space-5);flex-direction:row}}@media (width>=1024px){.nav-responsive{padding:var(--space-6)}}.header-responsive{z-index:1000;background:var(--card-bg);width:100%;box-shadow:var(--shadow-card);position:sticky;top:0}.header-responsive .header-content{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.header-responsive .header-content{padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row}}@media (width>=1024px){.header-responsive .header-content{padding:var(--space-6)}}.sidebar-responsive{z-index:999;background:var(--card-bg);width:280px;box-shadow:var(--shadow-card);transition:left .3s;position:fixed;top:0;bottom:0;left:-280px}.sidebar-responsive.open{left:0}@media (width>=1024px){.sidebar-responsive{width:240px;box-shadow:none;position:static;left:auto}}.main-responsive{width:100%;padding:var(--space-4);background:var(--bg-secondary)}@media (width>=768px){.main-responsive{padding:var(--space-6)}}@media (width>=1024px){.main-responsive{padding:var(--space-8)}}@media (width>=1280px){.main-responsive{padding:var(--space-10)}}.page-title-responsive{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}@media (width>=768px){.page-title-responsive{font-size:var(--text-2xl);margin-bottom:var(--space-5)}}@media (width>=1024px){.page-title-responsive{font-size:var(--text-2xl);margin-bottom:var(--space-6)}}.chart-responsive{border-radius:var(--radius-lg);background:var(--card-bg);width:100%;height:300px;padding:var(--space-4);box-shadow:var(--shadow-card)}@media (width>=768px){.chart-responsive{height:350px;padding:var(--space-5)}}@media (width>=1024px){.chart-responsive{height:400px;padding:var(--space-6)}}.data-card-responsive{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}@media (width>=640px){.data-card-responsive{padding:var(--space-5);flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=768px){.data-card-responsive{padding:var(--space-6);gap:var(--space-3)}}.list-item-responsive{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--card-bg);flex-direction:column;transition:all .2s;display:flex}@media (width>=640px){.list-item-responsive{padding:var(--space-4);flex-direction:row;justify-content:space-between;align-items:center}}.list-item-responsive:hover{box-shadow:var(--shadow-card-hover)}.form-responsive .form-item{margin-bottom:var(--space-4)}@media (width>=768px){.form-responsive .form-item{margin-bottom:var(--space-5)}}.form-responsive .form-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);display:block}@media (width>=768px){.form-responsive .form-label{font-size:var(--text-base)}}.form-responsive .form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s}@media (width>=768px){.form-responsive .form-input{padding:var(--space-3) var(--space-5);font-size:var(--text-base);border-radius:var(--radius-lg)}}.form-responsive .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7b68ee1a}.modal-responsive{border-radius:var(--radius-2xl);width:90%;max-width:400px;box-shadow:var(--shadow-card-hover);margin:10vh auto}@media (width>=768px){.modal-responsive{width:80%;max-width:500px;margin:15vh auto}}@media (width>=1024px){.modal-responsive{width:70%;max-width:600px}}.toolbar-responsive{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}@media (width>=640px){.toolbar-responsive{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:nowrap}}@media (width>=768px){.toolbar-responsive{gap:var(--space-4);margin-bottom:var(--space-6)}}.tabs-responsive{gap:var(--space-2);padding:var(--space-3);background:var(--card-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}@media (width>=640px){.tabs-responsive{gap:var(--space-3);padding:var(--space-4);flex-wrap:nowrap}}.tabs-responsive .tab-item{min-width:80px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;border-radius:var(--radius-full);flex:1;transition:all .2s}@media (width>=640px){.tabs-responsive .tab-item{min-width:auto;padding:var(--space-3) var(--space-5);font-size:var(--text-base);flex:none}}@media (width>=768px){.tabs-responsive .tab-item{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}.tabs-responsive .tab-item:hover{background:var(--hover-bg)}.tabs-responsive .tab-item.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-button)}@media (width<=767px){button,.btn,[role=button]{border-radius:var(--radius-md);min-width:44px;min-height:44px}body{overflow-x:hidden}html{font-size:16px}.card-responsive{padding:var(--space-4);margin-bottom:var(--space-4)}}@media (width>=768px) and (width<=1023px){.container{max-width:720px;margin:0 auto}.grid-responsive{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px) and (width<=1279px){.container{max-width:960px;margin:0 auto}.grid-responsive{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.container{max-width:1200px;margin:0 auto}.grid-responsive{gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}@media (width>=1536px){.container{max-width:1400px;margin:0 auto}}@media print{.no-print,.header,.sidebar,.footer{display:none!important}body{font-size:12pt;line-height:1.5}.container{max-width:100%;padding:0}*{box-shadow:none!important;background:#fff!important}}@media (prefers-color-scheme:dark){:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--text-primary:#e8e8e8;--text-secondary:#b0b0b0;--card-bg:#1e1e2f;--border-color:#2d2d3a}}@media (prefers-contrast:high){:root{--contrast-ratio:7}.card-responsive,.data-card-responsive{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (orientation:landscape) and (width<=1023px){.main-responsive{padding:var(--space-3)}.page-title-responsive{font-size:var(--text-lg);margin-bottom:var(--space-3)}}@media (width>=1920px){:root{--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:28px}.container{max-width:1600px}}