<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft Yahei","PingFang SC",sans-serif;background:#f0f2f5}
.sidebar{width:220px;background:linear-gradient(180deg,#1a2a4a,#0d1b3e);color:#fff;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:100}
.sidebar .logo{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
.sidebar .logo .l-icon{width:45px;height:45px;background:linear-gradient(135deg,#c9a961,#a8873e);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;color:#fff}
.sidebar .logo h2{font-size:13px;margin-top:8px;color:#c9a961}
.sidebar .logo p{font-size:9px;opacity:.5}
.sidebar nav{padding:10px 0}
.sidebar nav .group{padding:8px 20px;font-size:10px;color:rgba(255,255,255,.35);margin-top:8px}
.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 20px;color:rgba(255,255,255,.75);text-decoration:none;font-size:13px;transition:all .2s}
.sidebar nav a:hover,.sidebar nav a.active{background:rgba(201,169,97,.15);color:#c9a961;border-right:3px solid #c9a961}
.sidebar nav a .ic{font-size:15px;width:20px;text-align:center}
.main{margin-left:220px;min-height:100vh}
.topbar{background:#fff;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}
.topbar .title{font-size:16px;color:#1a2a4a;font-weight:bold}
.topbar .user{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}
.topbar .avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9a961,#a8873e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold}
.content{padding:24px}
.panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);margin-bottom:20px}
.panel h3{font-size:15px;color:#1a2a4a;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #eee}
.btn{background:#c9a961;border:none;color:#fff;padding:8px 18px;border-radius:4px;cursor:pointer;font-size:13px}
.btn:hover{background:#a8873e}
.btn-blue{background:#1a2a4a}
.btn-blue:hover{background:#2d4a7a}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:#f5f5f5;padding:10px;text-align:left;color:#1a2a4a;font-weight:600}
td{padding:10px;border-bottom:1px solid #eee}
tr:hover{background:#fafafa}
.tag{padding:2px 8px;border-radius:4px;font-size:11px}
.tag-g{background:#e8f5e9;color:#2e7d32}
.tag-y{background:#fff8e1;color:#f57f17}
.tag-r{background:#ffebee;color:#c62828}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:13px;color:#555;margin-bottom:4px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}
.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}
.kpi-card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 1px 3px rgba(0,0,0,.06);border-left:4px solid #c9a961}
.kpi-card .label{font-size:12px;color:#888}
.kpi-card .value{font-size:24px;font-weight:bold;color:#1a2a4a;margin-top:6px}
.kpi-card .change{font-size:11px;margin-top:6px}
.up{color:#2e7d32}.down{color:#c62828}
</style>
