:root{--brand:#5FB878;--brand-dark:#3a9b5a;--side-bg:#20222A;--page-bg:#f2f3f5}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#333;background:var(--page-bg)}.layout{display:flex;height:100vh}.sidebar{width:220px;background:#20222a;color:#c2c2c2;display:flex;flex-direction:column;flex-shrink:0}.logo{height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;font-weight:bold;background:#1b1d23;letter-spacing:2px}.logo i{color:#5fb878;font-size:23px}.workspace{padding:23px 24px 12px;font-size:11px;color:#858893;letter-spacing:1px}.menu{flex:1;overflow-y:auto;padding:8px 0}.menu a{display:block;padding:15px 24px;color:#c2c2c2;font-size:14px}.menu a:hover{background:#2d2f38;color:white}.menu a.active{background:var(--brand);color:#fff}.menu a i{margin-right:12px}.side-foot{padding:24px;font-size:11px;color:#858893}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:60px;background:#fff;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 1px 2px #0000000a;flex-shrink:0}.crumb{color:#666;font-size:14px}.user{display:flex;align-items:center;gap:14px;font-size:13px;color:#555}.env{color:#3a9b5a;background:#eff9f1;border-radius:4px;padding:4px 8px}.content{flex:1;overflow:hidden}.content iframe{width:100%;height:100%;border:0;display:block}.page{height:auto;min-height:100%;padding:18px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:5px 0 22px}.page-heading h2{font-size:22px;font-weight:600;margin:0 0 8px}.page-heading p,.date{font-size:13px;color:#888}.box,.section,.card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000a}.box{padding:14px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filters .layui-input{width:150px}.filters #search-input{width:190px}.filters .layui-form-select{width:140px}.filters .layui-btn{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{padding:22px 20px}.card .label{color:#888;font-size:13px}.card .num{font-size:32px;font-weight:600;margin-top:12px}.t1 .num{color:#5fb878}.t2 .num{color:#1e9fff}.t3 .num{color:#ffb800}.t4 .num{color:#ff5722}.section{margin-top:18px;padding:22px 20px}.section h3,.settings h3{margin:0 0 22px;font-size:15px;font-weight:600}.section p{line-height:2}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bar{display:flex;align-items:flex-end;height:180px;gap:14px;padding:0 4px 20px;border-bottom:1px solid #eee}.bar .col{flex:1;text-align:center}.bar .b{background:linear-gradient(#5fb878,#3a9b5a);border-radius:4px 4px 0 0;min-height:2px;color:#fff;font-size:12px;padding:2px 0}.bar .d{font-size:11px;color:#888;margin-top:6px}.category-row{display:flex;gap:15px;align-items:center;margin:20px 0;font-size:13px}.category-row span:first-child{width:70px}.track{background:#f3f5f6;border-radius:4px;height:9px;flex:1}.track div{height:100%;background:#5fb878;border-radius:4px}.desc{font-size:12px;color:#999;line-height:1.8}.settings{max-width:780px;padding:24px 30px}.settings label{display:block;margin:20px 0 8px}.settings .layui-btn{margin-top:20px}.settings input{max-width:430px}.login-page{background:linear-gradient(135deg,#5b86e5,#36d1dc);display:flex;align-items:center;justify-content:center}.login-box{width:380px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;padding:36px 32px}.login-box h1{font-size:25px;text-align:center;margin:0 0 8px;font-weight:600}.sub{text-align:center;color:#888;font-size:13px;margin-bottom:26px}.login-mark{text-align:center;margin-bottom:14px;color:#5fb878}.login-mark i{font-size:40px}.login-box .layui-input,.login-box .layui-btn{height:42px;line-height:42px}.tip{margin-top:22px;color:#999;font-size:12px;text-align:center}.err{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e;padding:8px 12px;border-radius:4px;font-size:13px;margin-top:16px}.layui-btn{background:#5fb878}.layui-btn-primary{background:#fff}.editor{padding:24px}.editor label{display:block;margin:16px 0 8px;font-size:13px}.editor input,.editor textarea,.editor select{width:100%;border:1px solid #ddd;border-radius:3px;padding:10px;font:inherit;background:white;box-sizing:border-box}.editor textarea{min-height:105px;resize:vertical}.editor select{height:42px}.editor .layui-btn{margin-top:20px}.detail-text{white-space:pre-wrap;line-height:1.9;background:#f6f8f9;padding:14px;border-radius:4px;margin:12px 0;overflow-wrap:anywhere}.file-link{display:inline-block;margin:8px 14px 8px 0;color:#1e9fff}.attachment-row{display:flex;gap:10px;align-items:center;font-size:12px}.attachment-row button{border:0;background:none;color:#ff5722;cursor:pointer}.empty{color:#999;text-align:center;padding:40px 10px}.layui-table-view{margin:0}.mini-table{width:100%;border-collapse:collapse}.mini-table td,.mini-table th{border:1px solid #eee;text-align:left;padding:10px;font-size:13px}.event{border-left:2px solid #5fb878;margin:14px 0;padding-left:12px;font-size:12px;white-space:pre-wrap}.event small{color:#999}.editor .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:180px}.date{display:none}}[hidden]{display:none!important}

.integration-settings{margin-bottom:20px}.settings .config-status{font-size:12px;color:#799183;font-weight:400;margin-left:12px}.settings .checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.settings .checkbox-label input{width:16px;height:16px;margin:0;accent-color:#5fb878}.settings-actions{display:flex;gap:12px}.settings-actions .layui-btn{margin-left:0}.integration-settings .desc{max-width:630px}