*{box-sizing:border-box}body{margin:0;font-family:Inter,'Microsoft YaHei','PingFang SC',Arial,sans-serif;background:#f3f6fd;color:#172948;font-size:14px}a{color:#1c63d9;text-decoration:none}h1{font-size:23px}h2{font-size:19px}h3{font-size:16px}.sidebar{background:linear-gradient(155deg,#0d2459,#08255d 70%,#0a376f);width:238px;color:white;position:fixed;top:0;bottom:0;padding:24px 13px;overflow:auto}.brand{padding:10px 12px 27px;font-weight:800;font-size:17px}.brand small{display:block;font-weight:400;color:#b9d2fc;font-size:11px;margin:8px 0}.sidebar a{display:block;padding:13px 15px;border-radius:10px;color:#dbe8ff;font-weight:600}.sidebar a:hover{background:#2869ce;color:white}.sidebar-note{background:#ffffff14;border-radius:12px;padding:15px;font-size:11px;line-height:1.7;margin-top:30px;color:#d4e2f5}.main{margin-left:238px;min-height:100vh}.top{height:65px;background:#fff;border-bottom:1px solid #e7ecf6;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.right{display:flex;gap:16px;align-items:center}.right form{display:inline}.container{max-width:1470px;margin:auto;padding:25px 28px}.hero{background:linear-gradient(115deg,#064ba9,#1680eb 70%,#65bdf9);color:white;padding:36px 40px;border-radius:18px;display:flex;justify-content:space-between;overflow:hidden;min-height:214px}.hero h1{font-size:31px;margin:12px 0}.hero p{color:#e3eeff;margin-bottom:27px}.hero-chip{display:inline-block;border:1px solid #ffffff66;padding:7px 13px;border-radius:99px;font-size:12px}.hero-picture{font-size:50px;align-self:center;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.card{background:white;border:1px solid #e2e9f6;border-radius:15px;padding:20px;margin:14px 0;box-shadow:0 5px 19px #1d5bb10b}.stat{font-size:31px;color:#1766d7;display:block;margin:6px 0}.muted{color:#7689a5;font-size:12px;line-height:1.65}.flash{background:#fff6dc;border:1px solid #ffdfa1;padding:14px;border-radius:9px;margin-bottom:15px}.btn{background:#1c67ed;color:white;border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block;margin:8px 0}.btn.white{background:white;color:#155bc8}.btn.small{padding:7px 10px}.link{border:0;background:transparent;color:#2867cf;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin:12px 0}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#3c557c;margin:8px 0}em{color:#e13c52;font-style:normal}input:not([type=checkbox]),select,textarea{border:1px solid #d6e0ef;border-radius:8px;padding:11px;min-width:0;width:100%;font:inherit;color:#243b61;background:white}textarea{resize:both;min-height:65px}.section-head{border-left:4px solid #1d6cf4;padding:5px 12px;margin:23px 0 12px;background:#f3f8ff;font-size:15px;font-weight:800}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:650px}th{background:#f2f6fc;color:#42618e;text-align:left}td,th{border-bottom:1px solid #e6edf6;padding:11px}tr:hover td{background:#fafcff}.pill{background:#eaf2ff;padding:6px 10px;border-radius:7px;display:inline-block;color:#2163c7;font-size:12px;margin-right:6px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.inline>input{max-width:380px}.inline label{margin:0}.split{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}.key-values{background:#f7faff;border-radius:10px;padding:12px}.event{border-left:3px solid #a6c7ff;padding:5px 15px;margin:12px}.event p{margin:5px 0}.login-box{max-width:440px;margin:80px auto;padding:35px;background:white;border:1px solid #e1e8f4;border-radius:18px}.login-box h1{margin-top:0}@media(max-width:1000px){.sidebar{position:static;width:100%;height:auto;display:block}.main{margin:0}.container{padding:16px}.form-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:540px){.form-grid,.cards{grid-template-columns:1fr}.hero{padding:22px}.hero-picture{display:none}.top{padding:0 15px}.container{padding:12px}}

.hero-image{position:relative;background:#1268d9;border-radius:16px;overflow:hidden;margin-bottom:22px}.hero-image img{width:100%;display:block}.hero-action{position:absolute;bottom:12px;left:30px}.hero-action .btn{margin:0;padding:9px 12px;font-size:12px}.hero-action .white{background:#fff;color:#0c59c2;box-shadow:0 2px 10px #06428233}

.brand{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
