.plans-header{align-items:flex-start}.plan-cards article{position:relative;overflow:hidden}.plan-cards article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:#c8f56033}
.plan-toolbar{margin-bottom:20px}.sync-form,.filter-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.sync-form label,.filter-form label{margin:0}.sync-form button,.filter-form button,.filter-form .linkbtn{margin-bottom:0;height:42px}
.plan-list-panel{padding:0;overflow:hidden}.plan-tabs{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--line)}.plan-tabs a{padding:17px 2px 14px;text-decoration:none;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.plan-tabs a.active{color:var(--green);border-bottom-color:var(--green)}
.filter-form{grid-template-columns:2fr 2fr 1fr auto auto;padding:20px 24px;background:#fbfcfa}.list-meta{padding:14px 24px;color:var(--muted);border-top:1px solid #edf0eb}
.plan-table{overflow-x:auto}.plan-table table{min-width:1450px}.plan-table th{background:#fafbf9;white-space:nowrap}.plan-table td{vertical-align:middle}.plan-name-cell{min-width:260px}.plan-name-cell strong{display:block;max-width:300px}.metric-emphasis{font-size:16px;font-weight:800;color:var(--green);white-space:nowrap}
.sync-time{white-space:nowrap;color:var(--muted)}
.status-pill,.source-pill{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef1ed;color:#536057}.status-delivery_ok{background:#dcf4e7;color:#14633f}.status-delete,.status-deleted{background:#fbe3df;color:#92372f}.status-disable,.status-system_disable{background:#fff0cf;color:#7c5813}.source-pill.ai{background:#e7e0ff;color:#5634a8}.source-pill.manual{background:#edf0ec;color:#526057}
.status-description{max-width:190px;line-height:1.35;margin-top:6px}
.plan-detail{position:relative}.plan-detail summary{color:var(--green);font-weight:700;cursor:pointer;white-space:nowrap}.plan-detail[open]:before{content:"";position:fixed;inset:0;background:#10231b99;z-index:20}.detail-card{position:fixed;left:50%;top:7vh;transform:translateX(-50%);z-index:21;width:min(900px,92vw);max-height:86vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 26px 26px;box-shadow:0 24px 80px #10231b66}.detail-title{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:24px 0 15px}.detail-title>div>span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--green)}.detail-title h3{font-size:22px;margin:4px 0 0}.detail-title-actions{display:flex;align-items:center;gap:10px}.detail-close{width:38px;height:38px;border-radius:50%;background:#edf0ec;color:#263b31;padding:0;font-size:25px;line-height:1;font-weight:400;box-shadow:0 2px 8px #17201b1c}.detail-close:hover{background:#dfe5df;transform:scale(1.04)}.detail-section{padding:18px 0;border-bottom:1px solid #edf0eb}.detail-section:last-child{border:0}.detail-section h4{margin:0 0 12px;font-size:15px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>div{background:#f7f8f5;border-radius:9px;padding:12px}.detail-grid span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.detail-grid strong{display:block;font-size:14px}.detail-grid.metrics strong{font-size:17px;color:var(--green)}.entity-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.entity-item{display:flex;gap:11px;align-items:center;background:#f7f8f5;border-radius:10px;padding:10px}.entity-item img{width:48px;height:48px;object-fit:cover;border-radius:8px}.entity-item strong{display:block;line-height:1.35}
.pagination{display:flex;gap:7px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--line);margin:0}.pagination a{padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:var(--ink);text-decoration:none;background:#fff}.pagination a.active{background:var(--green);color:#fff;border-color:var(--green)}
.sync-progress-overlay[hidden]{display:none}.sync-progress-overlay{position:fixed;inset:0;z-index:100;background:#10231bb8;display:grid;place-items:center;padding:20px}.sync-progress-card{width:min(520px,94vw);background:#fff;border-radius:18px;padding:34px;box-shadow:0 30px 90px #08120e80;text-align:center}.sync-progress-icon{width:54px;height:54px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:#e4f2e9;color:var(--green);font-size:28px;font-weight:800;animation:sync-spin 1.2s linear infinite}.sync-progress-card h2{font-size:22px;margin:0 0 7px}.sync-progress-card p{min-height:22px}.sync-progress-track{height:12px;margin:24px 0 10px;background:#e8ece7;border-radius:99px;overflow:hidden}.sync-progress-bar{height:100%;width:3%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#74b84c,var(--lime));transition:width .5s ease}.sync-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--muted)}.sync-progress-meta strong{font-size:18px;color:var(--green)}.sync-progress-meta b{color:var(--ink)}.sync-progress-card>small{max-width:none;line-height:1.7}@keyframes sync-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.sync-form,.filter-form{grid-template-columns:1fr 1fr}.detail-card{top:4vh;max-height:92vh}.detail-grid{grid-template-columns:1fr 1fr}.entity-list{grid-template-columns:1fr}.plan-cards{grid-template-columns:repeat(2,1fr)}}