:root{--c-brand-50:#effbf8;--c-brand-100:#d9f6ef;--c-brand-200:#b5ecdf;--c-brand-300:#7edccb;--c-brand-500:#08a996;--c-brand-600:#078c7e;--c-brand-700:#17675b;--c-primary:#08a996;--c-primary-hover:#078f80;--c-primary-dark:#17675b;--c-primary-light:#dff7f1;--c-primary-soft:#f0faf7;--c-primary-border:#bfe9df;--c-bg:#f3faf8;--c-sidebar:#173d35;--c-sidebar-hover:#ffffff13;--c-sidebar-active:#4cd3b624;--c-card:#fff;--c-text:#173d35;--c-text-secondary:#60766f;--c-text-tertiary:#8da19b;--c-text-inverse:#fff;--c-border:#dcebe6;--c-border-light:#eaf3f0;--c-danger:#d44f59;--c-danger-light:#fff0f1;--c-success:#078c72;--c-success-light:#e5f8f2;--c-warning:#b87518;--c-warning-light:#fff6e6;--c-info:#397b72;--c-info-light:#eaf6f3;--shadow-sm:0 1px 2px #173d3509,0 4px 14px #173d3509;--shadow-md:0 8px 24px #173d3513;--shadow-lg:0 22px 54px #173d3526;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{background:var(--c-bg);min-width:1024px;color:var(--c-text);letter-spacing:0;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.55}a{color:var(--c-primary-dark);text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}::selection{background:var(--c-brand-200);color:var(--c-text)}*{scrollbar-width:thin;scrollbar-color:#a9c9c1 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b7d2cb;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#8eb9af}.app-icon{flex:none;width:20px;height:20px;display:block}.layout{background:var(--c-bg);min-height:100vh;display:flex}.sidebar{background:var(--c-sidebar);color:#fff;z-index:10;flex-direction:column;width:224px;min-width:224px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:8px 0 28px #173d3514}.sidebar-brand{border-bottom:1px solid #defff717;align-items:center;gap:12px;height:78px;padding:0 19px;display:flex}.sb-logo{object-fit:contain;filter:drop-shadow(0 5px 12px #03191433);border-radius:10px;flex:none;width:42px;height:42px}.sb-text{flex-direction:column;min-width:0;display:flex}.sb-name{color:#fff;font-size:18px;font-weight:800;line-height:1.2}.sb-sub{color:#e0f8f285;white-space:nowrap;margin-top:4px;font-size:10px}.sidebar-nav{flex:1;padding:8px 10px 16px;overflow:hidden auto}.nav-group{margin-bottom:5px}.nav-group-label{color:#dcf6ef61;padding:14px 10px 6px;font-size:10px;font-weight:700}.nav-item{color:#eefffaa8;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;min-height:39px;margin:2px 0;padding:8px 10px;font-size:13px;transition:background .16s,color .16s,border-color .16s;display:flex;position:relative}.nav-item:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;height:21px;position:absolute;top:9px;left:-10px}.nav-item:hover{color:#fff;background:var(--c-sidebar-hover)}.nav-item.active{color:#fff;background:var(--c-sidebar-active);border-color:#76e7cd17;font-weight:650}.nav-item.active:before{background:#56d8bc}.nav-icon{color:#c9f1e79e;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.nav-icon .app-icon{width:18px;height:18px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#83e6ce}.nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-foot{color:#e0f8f273;border-top:1px solid #defff714;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:10px;display:flex}.sidebar-status{background:#5ed9bd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5ed9bd1a}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffed;justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 28px;display:flex;box-shadow:0 1px #173d3505}.topbar-heading{flex-direction:column;display:flex}.topbar-kicker{color:var(--c-text-tertiary);margin-bottom:2px;font-size:9px;font-weight:700}.topbar-title{color:var(--c-text);font-size:17px;font-weight:750;line-height:1.25}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-profile{border-right:1px solid var(--c-border);align-items:center;gap:9px;padding-right:14px;display:flex}.topbar-avatar{background:var(--c-primary-light);width:34px;height:34px;color:var(--c-primary-dark);box-shadow:inset 0 0 0 1px var(--c-primary-border);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.topbar-user{flex-direction:column;min-width:0;display:flex}.topbar-user strong{text-overflow:ellipsis;max-width:150px;color:var(--c-text);white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.topbar-user small{color:var(--c-text-tertiary);margin-top:1px;font-size:9px}.btn-logout{border:1px solid var(--c-border);min-height:34px;color:var(--c-text-secondary);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 11px;font-size:12px;transition:all .16s;display:inline-flex}.btn-logout .app-icon{width:15px;height:15px}.btn-logout:hover{background:var(--c-danger-light);color:var(--c-danger);border-color:#e5b8bc}.content{flex:1;padding:24px 28px 34px;overflow:auto}.content>*{max-width:1600px;margin-left:auto;margin-right:auto}.login-page{background:#eef8f5;min-height:100vh}.login-shell{background:#f6fbfa;grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.login-intro{color:#fff;background:#173d35;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";border:1px solid #6ee7cc2e;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-210px;right:-180px;box-shadow:0 0 0 74px #6ee7cc09,0 0 0 148px #6ee7cc05}.login-brand{z-index:1;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex;position:relative}.login-brand img{object-fit:contain;border-radius:11px;width:46px;height:46px}.login-intro-copy{z-index:1;max-width:520px;margin-top:-30px;position:relative}.login-eyebrow{color:#83e6ce;margin-bottom:18px;font-size:11px;font-weight:700;display:inline-block}.login-intro h1{color:#fff;margin:0;font-size:38px;font-weight:750;line-height:1.35}.login-intro p{color:#e6fdf79e;max-width:450px;margin:18px 0 0;font-size:14px;line-height:1.8}.login-intro-foot{z-index:1;color:#e6fdf75c;align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex;position:relative}.login-intro-foot span{background:#4ccfb1;width:24px;height:1px}.login-form-area{justify-content:center;align-items:center;padding:48px;display:flex}.login-card{border:1px solid var(--c-border);border-radius:var(--radius-xl);background:#fff;width:100%;max-width:420px;padding:36px;box-shadow:0 22px 60px #173d351c}.login-card-head{align-items:center;gap:13px;margin-bottom:30px;display:flex}.login-card-head img{object-fit:contain;width:42px;height:42px;display:none}.login-card h2{color:var(--c-text);margin:0;font-size:24px;line-height:1.3}.login-card-head p{color:var(--c-text-secondary);margin:4px 0 0;font-size:13px}.form-group{margin-bottom:18px}.form-group label{color:var(--c-text);margin-bottom:7px;font-size:12px;font-weight:650;display:block}.input-shell{align-items:center;display:flex;position:relative}.input-shell input{border:1px solid var(--c-border);width:100%;height:44px;color:var(--c-text);background:#fbfdfc;border-radius:8px;outline:none;padding:0 48px 0 39px;font-size:13px;transition:all .18s}.input-shell input:focus{border-color:var(--c-primary);background:#fff;box-shadow:0 0 0 3px #08a9961a}.input-shell input::placeholder{color:#a6b5b0}.field-icon{width:14px;height:14px;color:var(--c-text-tertiary);pointer-events:none;position:absolute;left:14px}.user-icon:before{content:"";border:1.5px solid;border-radius:50%;width:6px;height:6px;position:absolute;top:0;left:4px}.user-icon:after{content:"";border:1.5px solid;border-radius:8px 8px 3px 3px;width:12px;height:6px;position:absolute;bottom:0;left:1px}.lock-icon:before{content:"";border:1.5px solid;border-radius:2px;width:10px;height:7px;position:absolute;top:6px;left:2px}.lock-icon:after{content:"";border:1.5px solid;border-bottom:0;border-radius:6px 6px 0 0;width:6px;height:7px;position:absolute;top:0;left:4px}.password-toggle{color:var(--c-primary-dark);cursor:pointer;background:0 0;border:0;padding:4px 5px;font-size:11px;position:absolute;right:10px}.login-submit{width:100%;height:44px;margin-top:5px}.login-security{color:var(--c-text-tertiary);text-align:center;margin:20px 0 0;font-size:10px}.button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{background:var(--c-danger-light);color:var(--c-danger);text-align:left;border:1px solid #f1d0d3;border-radius:6px;margin:0 0 12px;padding:8px 10px;font-size:12px}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.page-header h2{color:var(--c-text);font-size:20px;font-weight:750;line-height:1.35}.page-subtitle,.page-header p{color:var(--c-text-secondary);margin-top:5px;font-size:12px;line-height:1.6}.page-header-actions{align-items:center;gap:8px;display:flex}.filters{border:1px solid var(--c-border);border-radius:var(--radius-md);background:#ffffffbd;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;padding:12px;display:flex}.filters input,.filters select,input[type=text],input[type=number],input[type=password],select,textarea{border:1px solid var(--c-border);min-height:36px;color:var(--c-text);background:#fff;border-radius:7px;outline:none;padding:7px 10px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s}.filters input,.filters select{min-width:132px}input:focus,select:focus,textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #08a99614}input:disabled,select:disabled,textarea:disabled{color:var(--c-text-tertiary);cursor:not-allowed;background:#f3f7f6}input::placeholder,textarea::placeholder{color:#9dada8}.filter-hint{color:var(--c-text-tertiary);white-space:nowrap;margin-left:auto;font-size:11px}.table-wrap{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:auto}table{border-collapse:separate;border-spacing:0;background:var(--c-card);width:100%;color:var(--c-text);font-size:12px}th{border-bottom:1px solid var(--c-border);color:#587069;text-align:left;white-space:nowrap;background:#f5faf8;height:42px;padding:10px 12px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--c-border-light);color:var(--c-text);vertical-align:middle;padding:11px 12px;line-height:1.55}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s}tbody tr:hover td{background:#f3fbf8}.table-wrap table{min-width:760px}.btn,.btn-primary,.btn-outline,.btn-sm{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 14px;font-size:12px;font-weight:650;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn-primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff;box-shadow:0 5px 14px #08a99629}.btn-primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover);box-shadow:0 7px 18px #08a99633}.btn-outline{border-color:var(--c-border);color:var(--c-text-secondary);background:#fff}.btn-outline:hover{border-color:var(--c-primary-border);background:var(--c-primary-soft);color:var(--c-primary-dark)}.btn-sm{border-color:var(--c-border);min-height:30px;color:var(--c-text-secondary);background:#fff;padding:5px 10px;font-size:11px}.btn-sm:hover{border-color:var(--c-primary-border);color:var(--c-primary-dark);background:var(--c-primary-soft)}button:disabled,.btn:disabled,.btn-primary:disabled,.btn-sm:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.card,.ops-panel,.config-section,.playbook-block,.calendar-section{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card{margin-bottom:14px;padding:20px}.card h3{color:var(--c-text);margin-bottom:13px;font-size:15px}.card-subtitle{color:var(--c-text-secondary);margin-bottom:10px;font-size:12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-bottom:14px;font-size:12px;display:grid}.detail-grid .dl{color:var(--c-text-secondary);font-weight:600}.detail-grid .dv{color:var(--c-text);word-break:break-word}.json-block{color:#dff8f1;white-space:pre-wrap;word-break:break-word;background:#173d35;border:1px solid #2d5a50;border-radius:7px;max-height:500px;padding:16px;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.summary-bar{border:1px solid var(--c-primary-border);border-radius:var(--radius-md);background:var(--c-primary-soft);color:var(--c-primary-dark);align-items:center;gap:22px;margin-bottom:14px;padding:12px 16px;font-size:12px;font-weight:650;display:flex}.loading,.empty{border-radius:var(--radius-md);min-height:220px;color:var(--c-text-secondary);text-align:center;background:#ffffff94;border:1px dashed #cbded8;justify-content:center;align-items:center;padding:50px 20px;font-size:13px;display:flex}.loading:before{content:"";border:2px solid #bfddd5;border-top-color:var(--c-primary);border-radius:50%;width:17px;height:17px;margin-right:9px;animation:.75s linear infinite spin}.empty-icon{color:var(--c-text-tertiary);margin-bottom:12px;font-size:30px;display:block}.tag{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;min-height:23px;padding:3px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.tag-success{background:var(--c-success-light);color:var(--c-success);border-color:#c8eadf}.tag-danger{background:var(--c-danger-light);color:var(--c-danger);border-color:#f0d0d3}.tag-warning{background:var(--c-warning-light);color:var(--c-warning);border-color:#f0ddb8}.tag-info{background:var(--c-info-light);color:var(--c-info);border-color:#d4e9e4}.tag-neutral{color:#667a74;background:#f1f5f4;border-color:#e0e9e6}.tag-primary{background:var(--c-primary-light);border-color:var(--c-primary-border);color:var(--c-primary-dark)}.pagination{color:var(--c-text-secondary);justify-content:flex-end;align-items:center;gap:10px;padding:16px 2px 0;font-size:11px;display:flex}.pagination button{border:1px solid var(--c-border);min-height:31px;color:var(--c-text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:5px 11px}.pagination button:hover:not(:disabled){border-color:var(--c-primary-border);background:var(--c-primary-soft);color:var(--c-primary-dark)}.pagination button:disabled{opacity:.45;cursor:not-allowed}.bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bar-row:last-child{margin-bottom:0}.bar-label{width:74px;color:var(--c-text-secondary);text-align:right;flex:none;font-size:11px}.bar-track{background:#e9f2ef;border-radius:999px;flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:999px;min-width:0;height:100%;transition:width .4s;background:var(--c-primary)!important}.bar-val{width:54px;color:var(--c-text);flex:none;font-size:11px;font-weight:700}.config-table{width:100%}.config-table td{padding:12px}.config-table td:first-child{width:190px;color:var(--c-text-secondary);font-weight:650}.masked-badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.masked-badge.yes{background:var(--c-success-light);color:var(--c-success)}.masked-badge.no{background:var(--c-danger-light);color:var(--c-danger)}@media (width<=1300px){.sidebar{width:208px;min-width:208px}.sidebar-brand{padding:0 15px}.sidebar-nav{padding-left:8px;padding-right:8px}.nav-item{padding-left:9px;padding-right:9px}.content{padding:20px 22px 30px}.topbar{padding:0 22px}}@media (width<=1050px){.sidebar{width:78px;min-width:78px}.sidebar-brand{justify-content:center;padding:0}.sb-text,.nav-group-label,.nav-label,.sidebar-foot span:last-child{display:none}.sidebar-nav{padding:12px}.nav-group{margin:0}.nav-item{justify-content:center;margin:3px 0;padding:9px}.nav-item:before{left:-12px}.nav-icon{width:24px}.sidebar-foot{justify-content:center;padding:0}.content{padding:18px}.topbar{padding:0 18px}.detail-grid{grid-template-columns:1fr}}