*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f0f2f5;color:#333;min-height:100vh}#root{min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e8f4f8,#f0f2f5,#fdf2f0)}.login-card{background:#fff;border-radius:12px;padding:48px 40px;width:420px;box-shadow:0 4px 24px #0000000f;border:1px solid #f0f0f0}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.login-logo img{width:40px;height:40px;object-fit:contain}.login-card h1{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a}.login-card .subtitle{text-align:center;color:#999;margin-bottom:32px;font-size:14px;margin-top:6px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;min-height:100vh;background:#fff;border-right:1px solid #e8e8e8;position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column}.sidebar-header{padding:20px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px}.sidebar-header img{width:32px;height:32px;object-fit:contain}.sidebar-header .brand{display:flex;flex-direction:column}.sidebar-header .brand-name{font-size:16px;font-weight:600;color:#1a1a1a}.sidebar-header .role-tag{display:inline-block;margin-top:2px;padding:1px 6px;background:#fff7e6;border:1px solid #ffd591;border-radius:3px;font-size:11px;color:#d48806}.sidebar-header .role-tag.admin{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.sidebar-menu{padding:8px 0;flex:1;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:2px 8px;border-radius:6px;color:#595959;text-decoration:none;font-size:14px;transition:all .2s ease;cursor:pointer;border:none;background:none;width:calc(100% - 16px);text-align:left}.menu-item:hover{color:#1a1a1a;background:#f5f5f5}.menu-item.active{color:#1677ff;background:#e6f4ff;font-weight:500}.menu-item .icon{font-size:16px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:12px 16px;border-top:1px solid #f0f0f0}.sidebar-footer .user-info{color:#999;font-size:12px;margin-bottom:6px}.main-content{margin-left:220px;flex:1;padding:20px 24px;min-height:100vh;background:#f0f2f5}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top-bar h1{font-size:20px;font-weight:600;color:#1a1a1a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #f0f0f0;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:0 2px 12px #0000000f}.stat-card .label{font-size:13px;color:#8c8c8c;margin-bottom:8px}.stat-card .value{font-size:26px;font-weight:600;color:#1a1a1a}.stat-card .value.money:before{content:"¥";font-size:16px;margin-right:2px;font-weight:400;color:#8c8c8c}.stat-card.highlight{border-left:3px solid #1677ff}.stat-card.highlight-green{border-left:3px solid #52c41a}.stat-card.highlight-orange{border-left:3px solid #fa8c16}.content-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #f0f0f0;margin-bottom:20px}.content-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-card .card-title{font-size:15px;font-weight:600;color:#1a1a1a}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.sidebar{width:60px}.main-content{margin-left:60px}.stats-grid{grid-template-columns:1fr 1fr}}