.benefit-rules-v2{--surface-0:#f3f7f6;--surface-1:#fff;--surface-2:#f8fbfa;--surface-3:#edf5f3;--surface-4:#e3efed;--accent-primary:#2a8c88;--accent-emerald:#2a8c88;--accent-amber:#c18a2e;--accent-rose:#b54b3c;--text-primary:#17324d;--text-secondary:#52656f;--text-tertiary:#71808a;--radius-full:999px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--shadow-sm:0 2px 8px #17324d1a;--shadow-md:0 4px 16px #17324d1f;--shadow-lg:0 8px 32px #17324d29;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:var(--surface-0);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);padding:var(--spacing-2xl) var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-2xl)}.page-header h1{font-family:var(--font-display);letter-spacing:0;margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.35}.page-header p{color:var(--text-secondary);margin:0;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.6}.status-filter-section{margin-bottom:var(--spacing-xl)}.status-filters{width:fit-content;min-width:500px;margin-bottom:var(--spacing-xl);background:#fff;border:1px solid #d6e3e0;border-radius:12px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 4px 14px #17324d14}.status-card{min-width:104px;min-height:94px;color:var(--text-primary);cursor:pointer;text-align:left;background:#fff;border:0;border-right:1px solid #e1ebe8;padding:16px 20px 14px;transition:background .2s,color .2s,box-shadow .2s;position:relative}.status-card:last-child{border-right:0}.status-card:before{content:"";background:0 0;height:4px;position:absolute;top:0;left:0;right:0}.status-card:hover{background:#f3f9f8}.status-card.active{color:#17324d;background:#e5f4f1;box-shadow:inset 0 0 0 1px #2a8c88}.status-card.active:before{background:#2a8c88}.status-count{color:#17324d;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.1;display:block}.status-label{color:#52656f;white-space:nowrap;margin-top:9px;font-size:14px;font-weight:600;line-height:1.35;display:block}.status-card.active .status-count,.status-card.active .status-label{color:#1e7773}.filter-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--surface-1);border-radius:var(--radius-lg);grid-template-columns:2fr repeat(3,1fr);display:grid}.filter-bar input,.filter-bar select{background:var(--surface-3);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-primary);font-size:clamp(.875rem,1.2vw,1rem);font-family:var(--font-body);border:1px solid #0000;transition:all .2s}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #38bdf81a}.filter-bar input::placeholder{color:var(--text-tertiary)}.timeline-section{background:#fff;border:1px solid #dce8e5;border-radius:12px;margin-bottom:24px;padding:16px 0 8px;overflow:auto hidden;box-shadow:0 3px 10px #17324d0f}.timeline-container{min-width:980px;padding:0 18px}.timeline-svg{width:100%;height:218px;display:block}.timeline-grid text{font-family:var(--font-body);fill:#667781;font-size:14px}.timeline-track{cursor:pointer}.timeline-track rect{transition:opacity .18s,filter .18s}.timeline-track:hover rect{opacity:1;filter:saturate(1.08)brightness(.96)}.today-marker line{stroke:#17324d}.today-marker text{font-family:var(--font-body);fill:#17324d}.cards-section h2{margin:0 0 var(--spacing-lg);color:var(--text-primary);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.rule-card{background:#fff;border:1px solid #d9e5e2;border-radius:12px;flex-direction:column;min-width:0;min-height:0;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 3px 10px #17324d12}.rule-card:hover,.rule-card.hovered{border-color:#78bdb7;transform:translateY(-2px);box-shadow:0 8px 18px #17324d1f}.card-header{align-items:center;gap:9px;min-height:28px;display:flex}.card-header h3{color:#17324d;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:18px;font-weight:700;line-height:1.35;overflow:hidden}.status-indicator{border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.status-启用中{color:#16806f;background:#dff3ed}.status-待生效{color:#a96511;background:#fff1d9}.status-已停用{color:#7b8790;background:#e9edf0}.status-即将到期{color:#b54b3c;background:#fce4e4}.card-divider{background:#e6eeec;height:1px;margin:14px 0}.card-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.info-row{min-width:0}.benefit-rules-v2 .info-label,.benefit-rules-v2 .metric-label,.benefit-rules-v2 .period-label{color:#71808a;font-size:14px;line-height:1.35;display:block}.info-value{color:#2b4154;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;font-weight:600;line-height:1.35;display:block;overflow:hidden}.status-text-启用中{color:#16806f}.status-text-待生效{color:#a96511}.status-text-已停用{color:#7b8790}.status-text-即将到期{color:#b54b3c}.benefit-rules-v2 .card-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.benefit-rules-v2 .metric{background:#f4f8f7;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px 8px;display:flex}.benefit-rules-v2 .metric-icon{background:#e1f0ed;border-radius:6px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.benefit-rules-v2 .metric-value{color:#17324d;white-space:nowrap;margin-top:2px;font-size:17px;font-weight:700;line-height:1.2}.card-period{align-items:flex-start;gap:12px;display:flex}.benefit-rules-v2 .period-label{flex:0 0 42px;padding-top:1px}.period-dates{color:#425766;font-size:14px;line-height:1.45}.card-footer{flex-wrap:wrap;gap:12px;display:flex}.footer-info{color:#596d78;align-items:center;gap:5px;font-size:14px;display:inline-flex}.card-actions{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px;display:grid}.btn-card{color:#274b67;cursor:pointer;background:#fff;border:1px solid #cfdedb;border-radius:6px;min-height:38px;font-size:14px;font-weight:600}.btn-card:hover{color:#1f7874;background:#edf8f6;border-color:#2a8c88}.add-rule-button{bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--accent-primary);width:64px;height:64px;color:var(--surface-0);cursor:pointer;box-shadow:var(--shadow-lg);z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:300;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.add-rule-button:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 12px 48px #38bdf866}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#05070ccc;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface-1);width:min(600px,90vw);height:100vh;box-shadow:var(--shadow-lg);z-index:1001;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;position:fixed;top:0;right:0;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.drawer-header{background:var(--surface-1);padding:var(--spacing-xl);border-bottom:1px solid var(--surface-3);z-index:10;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex;position:sticky;top:0}.drawer-header h2{color:var(--text-primary);flex:1;margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.drawer-close{background:var(--surface-3);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.drawer-close:hover{background:var(--surface-4);color:var(--text-primary)}.drawer-body{padding:var(--spacing-xl)}.drawer-section h3{margin:0 0 var(--spacing-md);color:var(--text-primary);font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600}.drawer-info-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.drawer-info-item{background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--spacing-md)}.drawer-info-item dt{color:var(--text-tertiary);margin-bottom:var(--spacing-xs);font-size:.75rem}.drawer-info-item dd{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.drawer-metrics{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.drawer-metric{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.drawer-metric-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.drawer-metric-label{color:var(--text-tertiary);margin-bottom:var(--spacing-xs);font-size:.875rem;display:block}.drawer-metric-value{color:var(--accent-primary);font-size:1.5rem;font-weight:700;display:block}.drawer-history{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--spacing-lg)}.history-item{padding:var(--spacing-md) 0;border-bottom:1px solid var(--surface-3)}.history-item:last-child{border-bottom:none}.history-item-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.history-item-header strong{color:var(--accent-primary);font-size:.875rem}.history-item-header span{color:var(--text-tertiary);font-size:.75rem}.history-item p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;padding:var(--spacing-xl);background:#05070ce6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(800px,100%);max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--surface-3);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600}.modal-close{background:var(--surface-3);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--surface-4);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);transition:all .2s}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #38bdf81a}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--surface-3);justify-content:flex-end;gap:var(--spacing-md);display:flex}.modal-footer button{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);border:1px solid #0000;transition:all .2s}.modal-footer button:first-child{background:var(--surface-3);color:var(--text-primary)}.modal-footer button:first-child:hover{background:var(--surface-4)}.modal-footer button:last-child{background:var(--accent-primary);color:var(--surface-0)}.modal-footer button:last-child:hover{background:#22a7e0;box-shadow:0 4px 16px #38bdf84d}@media (width<=768px){.benefit-rules-v2{padding:var(--spacing-lg) var(--spacing-md)}.filter-bar,.rules-grid,.form-grid{grid-template-columns:1fr}.drawer{width:100vw}.add-rule-button{bottom:var(--spacing-lg);right:var(--spacing-lg)}}.task-ledger-page{background:#f7f5f1;flex-direction:column;gap:24px;min-height:100vh;padding:32px;display:flex}.task-ledger-header{justify-content:space-between;align-items:flex-start;display:flex}.task-ledger-header h1{color:#17324d;margin:0 0 4px;font-size:28px;font-weight:600}.task-ledger-header p{color:#72808a;margin:0;font-size:14px}.task-ledger-header-actions{gap:12px;display:flex}.task-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.task-btn.primary{color:#fff;background:#2a8c88}.task-btn.primary:hover{background:#247a76}.task-btn.secondary{color:#17324d;background:#fff;border:1px solid #d4d4d8}.task-btn.secondary:hover{background:#f3f6f4}.task-btn.danger{color:#fff;background:#b54b3c}.task-btn.danger:hover{background:#9d4133}.task-overview{grid-template-columns:400px 1fr;gap:24px;display:grid}.task-radar-panel,.task-dashboard-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #17324d14}.task-radar-panel h2,.task-dashboard-panel h2{color:#17324d;margin:0 0 20px;font-size:16px;font-weight:600}.radar-chart{width:100%;height:200px;margin-bottom:20px}.radar-stats{flex-wrap:wrap;gap:8px;display:flex}.radar-stat{cursor:pointer;background:#f7f5f1;border:1px solid #e7e3da;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;transition:all .2s;display:flex}.radar-stat:hover{background:#eaf0ee;border-color:#2a8c88}.radar-stat span{color:#72808a}.radar-stat strong{color:#17324d;font-weight:600}.radar-stat.done{border-color:#2a8c88}.radar-stat.danger{border-color:#b54b3c}.radar-stat.running{border-color:#c18a2e}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dashboard-item{background:#f7f5f1;border:1px solid #e7e3da;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.dashboard-item.wide{grid-column:span 2}.dashboard-item.highlight{background:#fef9e6;border-color:#c18a2e}.dashboard-item.alert{background:#fff5f5;border-color:#b54b3c}.dashboard-item span{color:#72808a;font-size:14px}.dashboard-item strong{color:#17324d;font-size:18px;font-weight:600}.progress-bar{background:#e7e3da;border-radius:4px;height:8px;overflow:hidden}.task-filters{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #17324d14}.date-range{background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;align-items:center;gap:8px;padding:0 14px;display:flex}.date-range input{color:#17324d;background:0 0;border:none;outline:none;padding:10px 0;font-size:14px}.date-range span{color:#72808a;font-size:14px}.task-filters select{color:#17324d;cursor:pointer;background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.task-filters select:hover{border-color:#2a8c88}.task-btn-reset{color:#72808a;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .2s}.task-btn-reset:hover{color:#17324d;background:#f7f5f1}.timeline-lane{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #17324d14}.timeline-lane h2{color:#17324d;margin:0 0 20px;font-size:16px;font-weight:600}.timeline-container{overflow-x:auto}.timeline-header{gap:4px;margin-bottom:16px;padding-left:120px;display:flex}.timeline-header>div{text-align:center;color:#72808a;border-bottom:2px solid #e7e3da;flex:1;min-width:80px;padding:8px;font-size:14px}.timeline-header>div.today{color:#2a8c88;border-bottom-color:#2a8c88;font-weight:600}.timeline-lanes{flex-direction:column;gap:12px;display:flex}.timeline-lane-row{align-items:center;gap:12px;display:flex}.lane-label{color:#17324d;text-align:right;flex-shrink:0;width:100px;font-size:14px;font-weight:500}.lane-track{background:#f7f5f1;border-radius:6px;flex:1;height:40px;position:relative}.lane-block{color:#fff;cursor:pointer;border:none;border-radius:4px;height:32px;padding:0 12px;font-size:14px;transition:all .2s;position:absolute;top:4px;overflow:hidden}.lane-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.lane-block.done{background:#2a8c88}.lane-block.running{background:#c18a2e}.lane-block.pending{background:#9ca3af}.lane-block.danger{background:#b54b3c}.lane-block-fill{background:#ffffff4d;height:100%;transition:width .3s;position:absolute;top:0;left:0}.lane-block-label{white-space:nowrap;text-overflow:ellipsis;line-height:32px;display:block;position:relative;overflow:hidden}.task-cards-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #17324d14}.task-cards-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.task-cards-header h2{color:#17324d;margin:0;font-size:16px;font-weight:600}.task-cards-header span{color:#72808a;font-size:14px}.task-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.task-card{background:#f7f5f1;border:2px solid #e7e3da;border-radius:10px;padding:20px;transition:all .3s;position:relative}.task-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #17324d1f}.task-card.done{border-color:#2a8c88}.task-card.running{border-color:#c18a2e}.task-card.danger{background:#fff5f5;border-color:#b54b3c}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.task-card-header>div{align-items:center;gap:8px;display:flex}.task-card-header strong{color:#72808a;font-size:14px;font-weight:600}.task-status-badge{border-radius:4px;padding:4px 10px;font-size:14px;font-weight:500}.task-status-badge.done{color:#2a8c88;background:#d1f2e1}.task-status-badge.running{color:#c18a2e;background:#fef9e6}.task-status-badge.pending{color:#6b7077;background:#f3f4f6}.task-status-badge.danger{color:#b54b3c;background:#ffddd8}.task-card h3{color:#17324d;margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.4}.task-card-meta{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.task-card-meta span{color:#72808a;align-items:center;gap:6px;font-size:14px;display:flex}.task-card-progress{background:#fff;border-radius:8px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.circle-progress{flex-shrink:0;width:72px;height:72px}.progress-info{flex-direction:column;gap:4px;display:flex}.progress-info span{color:#72808a;font-size:14px}.progress-info strong{color:#2a8c88;font-size:24px;font-weight:600}.task-card-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.task-card-stats>div{flex-direction:column;gap:4px;display:flex}.task-card-stats dt{color:#72808a;font-size:14px;font-weight:400}.task-card-stats dd{color:#17324d;margin:0;font-size:14px;font-weight:600}.task-card-stats .success-text{color:#2a8c88}.task-card-stats .danger-text{color:#b54b3c}.task-card-amount{background:#fff;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;display:flex}.task-card-amount span{color:#72808a;font-size:14px}.task-card-amount strong{color:#17324d;font-size:16px;font-weight:600}.task-card-actions{gap:8px;display:flex}.task-btn-sm{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.task-btn-sm.primary{color:#fff;background:#2a8c88}.task-btn-sm.primary:hover{background:#247a76}.task-btn-sm.secondary{color:#17324d;background:#fff;border:1px solid #d4d4d8}.task-btn-sm.secondary:hover{background:#f3f6f4}.task-empty{text-align:center;color:#9ca3af;padding:60px 20px;font-size:14px}.task-pagination{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 8px #17324d14}.task-pagination span{color:#72808a;font-size:14px}.task-pagination>div{gap:8px;display:flex}.task-pagination button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 14px;font-size:14px;transition:all .2s}.task-pagination button:hover:not(:disabled){background:#f3f6f4;border-color:#2a8c88}.task-pagination button:disabled{opacity:.4;cursor:not-allowed}.task-pagination button.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.task-detail-drawer{z-index:1000;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17324d66;position:absolute;inset:0}.drawer-content{background:#fff;flex-direction:column;width:600px;max-width:90vw;animation:.3s ease-out slideIn;display:flex;position:relative;box-shadow:-4px 0 24px #17324d33}.drawer-header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.drawer-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600;line-height:1.4}.drawer-header button{color:#72808a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.drawer-header button:hover{color:#17324d;background:#f7f5f1}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-status-row{background:#f7f5f1;border-radius:8px;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:grid}.drawer-status-row>span:nth-child(odd){color:#72808a;font-size:14px}.priority-badge,.tag-badge{color:#c18a2e;background:#fef9e6;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:500}.tag-badge{color:#2a8c88;background:#eaf0ee}.drawer-section{margin-bottom:32px}.drawer-section h3{color:#17324d;margin:0 0 16px;font-size:15px;font-weight:600}.waterfall-chart{flex-direction:column;gap:12px;display:flex}.waterfall-row{align-items:center;gap:12px;display:flex}.waterfall-row>span:first-child{color:#72808a;width:60px;font-size:14px}.waterfall-bar{background:#f7f5f1;border-radius:4px;flex:1;height:24px;overflow:hidden}.waterfall-fill{border-radius:4px;height:100%;transition:width .3s}.waterfall-fill.total{background:#17324d}.waterfall-fill.issued{background:#c18a2e}.waterfall-fill.success{background:#2a8c88}.waterfall-fill.failed{background:#b54b3c}.waterfall-row>strong{color:#17324d;text-align:right;width:140px;font-size:14px;font-weight:600}.timeline-chain{flex-direction:column;gap:0;display:flex}.chain-node{gap:16px;padding:16px 0;display:flex;position:relative}.chain-node:not(:last-child):before{content:"";background:#e7e3da;width:2px;position:absolute;top:36px;bottom:-16px;left:9px}.chain-dot{z-index:1;background:#fff;border:3px solid #e7e3da;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:2px;position:relative}.chain-node.completed .chain-dot{background:#2a8c88;border-color:#2a8c88}.chain-node.active .chain-dot{background:#c18a2e;border-color:#c18a2e;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.chain-node>div{flex:1}.chain-node strong{color:#17324d;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.chain-node p{color:#72808a;margin:0;font-size:14px}.drawer-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.drawer-info-grid>div{flex-direction:column;gap:4px;display:flex}.drawer-info-grid dt{color:#72808a;font-size:14px}.drawer-info-grid dd{color:#17324d;margin:0;font-size:14px;font-weight:500}.attachment-item{background:#f7f5f1;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.file-status{color:#2a8c88;background:#d1f2e1;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500}.empty-text{color:#9ca3af;text-align:center;padding:20px;font-size:14px}.log-list{flex-direction:column;gap:12px;display:flex}.log-item{background:#f7f5f1;border-left:3px solid #d4d4d8;border-radius:6px;gap:12px;padding:12px;display:flex}.log-item.success{background:#eaf0ee;border-left-color:#2a8c88}.log-item.alert{background:#fff5f5;border-left-color:#b54b3c}.log-time{color:#72808a;white-space:nowrap;flex-shrink:0;font-size:14px}.log-item>div{flex:1}.log-item strong{color:#17324d;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.log-item p{color:#72808a;margin:0;font-size:14px}.drawer-footer{background:#f7f5f1;border-top:1px solid #e7e3da;gap:12px;padding:20px 24px;display:flex}.task-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17324d80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.task-modal{background:#fff;border-radius:12px;flex-direction:column;width:600px;max-width:100%;max-height:90vh;animation:.3s ease-out modalIn;display:flex;overflow:hidden;box-shadow:0 12px 48px #17324d4d}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-modal header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:24px;display:flex}.task-modal header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.task-modal header button{color:#72808a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.task-modal header button:hover{color:#17324d;background:#f7f5f1}.modal-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;display:grid;overflow-y:auto}.modal-form-grid label{flex-direction:column;gap:6px;display:flex}.modal-form-grid label.span-2{grid-column:span 2}.modal-form-grid label>span{color:#17324d;font-size:14px;font-weight:500}.modal-form-grid input,.modal-form-grid select{color:#17324d;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:all .2s}.modal-form-grid input:focus,.modal-form-grid select:focus{border-color:#2a8c88;box-shadow:0 0 0 3px #2a8c881a}.task-modal footer{background:#f7f5f1;border-top:1px solid #e7e3da;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.confirm-modal{width:500px}.confirm-modal>p{color:#72808a;padding:0 24px;font-size:14px;line-height:1.6}.confirm-modal strong{color:#17324d;font-weight:600}.confirm-info{grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:24px;display:grid}.confirm-info>div{flex-direction:column;gap:6px;display:flex}.confirm-info>div.span-2{grid-column:span 2}.confirm-info dt{color:#72808a;font-size:14px}.confirm-info dd{color:#17324d;margin:0;font-size:14px;font-weight:500;line-height:1.5}.task-notice{z-index:3000;color:#fff;background:#17324d;border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 24px #17324d4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-notice button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.task-notice button:hover{background:#ffffff1a}.channel-hub-page{--navy:#17324d;--cyan:#2a8c88;--gold:#c18a2e;--danger:#b54b3c;--surface-1:#0a0d12;--surface-2:#0f131c;--surface-3:#161d2b;--surface-4:#1e2636;--text:#f3f6f4;--text-muted:#72808a;--border:#2a3340;flex-direction:column;gap:clamp(1rem,1.5vw,1.5rem);padding:clamp(1rem,2vw,2rem);display:flex}.channel-hub-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.channel-hub-header h1{color:var(--text);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.channel-hub-header-actions{gap:.75rem;display:flex}.channel-hub-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.channel-hub-btn.primary{background:var(--cyan);color:var(--text)}.channel-hub-btn.primary:hover{background:#349b96;transform:translateY(-1px)}.channel-hub-btn.secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.channel-hub-btn.secondary:hover{background:var(--surface-4);border-color:var(--cyan)}.channel-hub-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:clamp(1rem,2vw,1.5rem)}.channel-hub-panel-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.channel-hub-panel-title span{color:var(--text);font-size:1rem;font-weight:600}.channel-hub-panel-title small{color:var(--text-muted);margin-left:.5rem;font-size:.8125rem;font-weight:400}.channel-hub-top-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.channel-hub-topology{position:relative}.channel-hub-topology-svg{cursor:pointer;width:100%;height:auto}.channel-hub-topology-node{cursor:pointer;transition:all .2s}.channel-hub-topology-node:hover circle{filter:url(#glow)}.channel-hub-topology-legend{color:var(--text-muted);gap:1.5rem;margin-top:1rem;font-size:.8125rem;display:flex}.channel-hub-topology-legend span{align-items:center;gap:.5rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.active{background:var(--cyan)}.legend-dot.warning{background:var(--gold)}.legend-dot.danger{background:var(--danger)}.channel-hub-stream-bars{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.channel-hub-stream-item{grid-template-columns:80px 1fr 80px;align-items:center;gap:.75rem;display:grid}.channel-hub-stream-label{color:var(--text-muted);font-size:.8125rem}.channel-hub-stream-bar{background:var(--surface-3);border-radius:4px;height:20px;position:relative;overflow:hidden}.channel-hub-stream-fill{background:linear-gradient(90deg, var(--navy) 0%, var(--cyan) 100%);border-radius:4px;height:100%;transition:width .8s ease-out;position:relative;overflow:hidden}.channel-hub-stream-wave{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:100%;height:100%;animation:2s linear infinite wave;position:absolute;top:0;left:0}@keyframes wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.channel-hub-stream-item strong{color:var(--text);text-align:right;font-size:.875rem}.channel-hub-pipeline-title{color:var(--text);border-top:1px solid var(--border);margin-bottom:.75rem;padding-top:1rem;font-size:.875rem;font-weight:500}.channel-hub-pipeline{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.channel-hub-pipeline::-webkit-scrollbar{height:4px}.channel-hub-pipeline::-webkit-scrollbar-track{background:var(--surface-3);border-radius:2px}.channel-hub-pipeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.channel-hub-pipeline-item{flex-direction:column;flex-shrink:0;gap:.375rem;width:100px;display:flex}.channel-hub-pipeline-id{color:var(--text-muted);text-align:center;font-size:.75rem}.channel-hub-pipeline-bar{background:var(--surface-3);border-radius:4px;height:24px;overflow:hidden}.channel-hub-pipeline-fill{background:var(--cyan);border-radius:4px;height:100%;transition:width .5s}.channel-hub-pipeline-percent{color:var(--text);text-align:center;font-size:.75rem;font-weight:500}.channel-hub-calendar-panel{margin-top:.5rem}.channel-hub-calendar-grid{grid-template-columns:1fr 280px;align-items:start;gap:2rem;display:grid}.channel-hub-heatmap-head{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.channel-hub-heatmap-head span{text-align:center;color:var(--text-muted);padding:.25rem;font-size:.75rem}.channel-hub-heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.channel-hub-heatmap-cell{aspect-ratio:1;border:1px solid var(--surface-4);cursor:pointer;background:var(--surface-3);color:var(--text);border-radius:4px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:500;transition:all .2s;display:flex}.channel-hub-heatmap-cell:hover{border-color:var(--cyan);z-index:10;transform:scale(1.15);box-shadow:0 0 12px #2a8c8899}.channel-hub-heatmap-cell.is-today{border:2px solid var(--cyan);box-shadow:0 0 8px #2a8c8866}.channel-hub-quality-overview{background:var(--surface-3);border-radius:8px;padding:1.25rem}.channel-hub-quality-title{color:var(--text);margin-bottom:1rem;font-size:.875rem;font-weight:500}.channel-hub-quality-bars{flex-direction:column;gap:.875rem;display:flex}.channel-hub-quality-bar{grid-template-columns:48px 48px 1fr;align-items:center;gap:.5rem;display:grid}.channel-hub-quality-label{color:var(--text-muted);font-size:.8125rem}.channel-hub-quality-value{color:var(--text);font-size:.8125rem;font-weight:500}.channel-hub-quality-track{background:var(--surface-4);border-radius:9px;height:18px;overflow:hidden}.channel-hub-quality-fill{background:linear-gradient(90deg, var(--cyan) 0%, var(--gold) 100%);border-radius:9px;height:100%;transition:width .5s}.channel-hub-filters{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;display:flex}.channel-hub-search{background:var(--surface-3);border:1px solid var(--border);border-radius:999px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.5rem .875rem;display:flex}.channel-hub-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.channel-hub-search input::placeholder{color:var(--text-muted)}.channel-hub-filters label{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.channel-hub-filters select{background:var(--surface-3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.channel-hub-filters select:hover{border-color:var(--cyan)}.channel-hub-date-range{align-items:center;gap:.5rem;display:flex}.channel-hub-date-range input[type=date]{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.channel-hub-date-range b{color:var(--text-muted);font-weight:400}.channel-hub-text-btn{color:var(--cyan);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;transition:color .2s}.channel-hub-text-btn:hover{color:#349b96}.channel-hub-bottom-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:1.5rem;display:grid}.channel-hub-cards{grid-column:1}.channel-hub-card-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:520px;padding-right:.5rem;display:grid;overflow-y:auto}.channel-hub-card-list::-webkit-scrollbar{width:6px}.channel-hub-card-list::-webkit-scrollbar-track{background:var(--surface-3);border-radius:3px}.channel-hub-card-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.channel-hub-card{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.channel-hub-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.channel-hub-card.is-selected{border-color:var(--cyan);background:var(--surface-4);box-shadow:0 0 0 2px #2a8c8833}.channel-hub-card.danger{border-color:var(--danger)}.channel-hub-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.channel-hub-card-header strong{color:var(--text);font-size:.9375rem;font-weight:600}.channel-hub-card-type{color:var(--text-muted);font-size:.8125rem}.channel-hub-card-progress{align-items:center;gap:.5rem;display:flex}.channel-hub-card-progress-bar{background:var(--surface-4);border-radius:4px;flex:1;height:8px;overflow:hidden}.channel-hub-card-progress-fill{background:var(--cyan);border-radius:4px;height:100%;transition:width .5s}.channel-hub-card-progress span{color:var(--cyan);font-size:.875rem;font-weight:600}.channel-hub-card-stats{color:var(--text-muted);justify-content:space-between;font-size:.8125rem;display:flex}.channel-hub-card-action{color:var(--cyan);text-align:center;background:#2a8c881a;border-radius:6px;padding:.375rem;font-size:.8125rem;font-weight:500}.channel-hub-card.danger .channel-hub-card-action{color:var(--danger);background:#b54b3c1a}.channel-hub-radar{width:100%;height:auto}.channel-hub-timeline-list{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.channel-hub-timeline-item{grid-template-columns:24px 1fr;gap:.75rem;display:grid;position:relative}.channel-hub-timeline-dot{background:var(--cyan);border:2px solid var(--surface-2);z-index:1;border-radius:50%;width:10px;height:10px;margin-top:.25rem;position:relative}.channel-hub-timeline-line{background:var(--border);width:2px;height:calc(100% + 1rem);position:absolute;top:18px;left:4px}.channel-hub-timeline-content{flex-direction:column;gap:.25rem;display:flex}.channel-hub-timeline-content time{color:var(--text-muted);font-size:.75rem}.channel-hub-timeline-content strong{color:var(--text);font-size:.875rem;font-weight:500}.channel-hub-quick-actions{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.channel-hub-quick-actions button{background:var(--surface-3);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;transition:all .2s;display:flex}.channel-hub-quick-actions button:hover{background:var(--surface-4);border-color:var(--cyan);transform:translate(4px)}.channel-hub-quick-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem;display:grid}.channel-hub-quick-stat{flex-direction:column;gap:.25rem;display:flex}.channel-hub-quick-stat span{color:var(--text-muted);font-size:.75rem}.channel-hub-quick-stat strong{color:var(--text);font-size:1.25rem;font-weight:600}.channel-hub-quick-stat strong.danger{color:var(--danger)}.channel-hub-badge{border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.channel-hub-badge.success{color:var(--cyan);background:#2a8c8826}.channel-hub-badge.warning{color:var(--gold);background:#c18a2e26}.channel-hub-badge.danger{color:var(--danger);background:#b54b3c26}.channel-hub-badge.pending{color:var(--text-muted);background:#72708a26}.channel-hub-badge.done{color:var(--cyan);background:#2a8c8826}.channel-hub-assistant{background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.channel-hub-assistant-title{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9375rem;font-weight:600;display:flex}.channel-hub-assistant-items{flex-direction:column;gap:.75rem;display:flex}.channel-hub-assistant-item{background:var(--surface-2);border-left:3px solid;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.875rem;font-size:.875rem;line-height:1.5;display:flex}.channel-hub-assistant-item.info{border-color:var(--cyan);color:var(--text)}.channel-hub-assistant-item.warning{border-color:var(--gold);color:var(--text)}.channel-hub-assistant-item.success{border-color:var(--cyan);color:var(--text)}.channel-hub-notice{background:var(--surface-3);border:1px solid var(--cyan);color:var(--text);z-index:1000;border-radius:8px;align-items:center;gap:.625rem;padding:.875rem 1.25rem;font-size:.875rem;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 24px #0006}@media (width<=1400px){.channel-hub-bottom-grid{grid-template-columns:1fr 1fr}.channel-hub-cards{grid-column:span 2}}@media (width<=1024px){.channel-hub-top-grid,.channel-hub-calendar-grid,.channel-hub-bottom-grid{grid-template-columns:1fr}.channel-hub-cards{grid-column:1}}.arrival-radar-page{background:#f8fbfa;min-height:100vh;padding:2rem}.arrival-radar-header{border-bottom:2px solid #17324d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.arrival-radar-header h1{color:#17324d;margin:0 0 .25rem;font-size:1.8rem}.arrival-radar-header span{color:#6b7077;font-size:.9rem}.arrival-radar-actions{gap:.75rem;display:flex}.arrival-radar-filter-btn,.arrival-radar-export-btn,.arrival-radar-monitor-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.arrival-radar-filter-btn:hover,.arrival-radar-export-btn:hover{color:#fff;background:#17324d}.arrival-radar-monitor-btn{font-weight:600}.arrival-radar-monitor-btn.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.arrival-radar-top-grid{grid-template-columns:1fr 1.5fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.arrival-radar-panel{background:#fff;border:1px solid #d4cfc1;border-radius:6px;padding:1.25rem;box-shadow:0 2px 4px #17324d0f}.arrival-radar-panel h3{color:#17324d;margin:0 0 1rem;font-size:1rem;font-weight:600}.arrival-channel-radar{flex-direction:column;display:flex}.arrival-radar-svg{width:100%;height:auto}.arrival-radar-node{cursor:pointer;transition:all .2s}.arrival-radar-node:hover circle{r:9}.arrival-river-chart{flex-direction:column;display:flex}.arrival-river-svg{width:100%;height:auto}.arrival-river-segment{cursor:pointer;transition:opacity .2s}.arrival-river-segment:hover{opacity:1!important}.arrival-river-dot{cursor:pointer;transition:all .2s}.arrival-river-dot:hover{r:5}.arrival-heatmap-panel{margin-bottom:1.5rem}.arrival-heatmap{flex-direction:column;gap:.5rem;display:flex}.arrival-heatmap-header,.arrival-heatmap-row{grid-template-columns:140px repeat(6,1fr) 80px;align-items:center;gap:.5rem;display:grid}.arrival-heatmap-header{color:#6b7077;border-bottom:1px solid #e7e3da;padding-bottom:.5rem;font-size:.85rem;font-weight:600}.arrival-heatmap-header span{text-align:center}.arrival-heatmap-header span:first-child{text-align:left}.arrival-heatmap-label{color:#17324d;font-size:.9rem;font-weight:500}.arrival-heatmap-cell{cursor:pointer;color:#17324d;background:#fff;border:1px solid #e7e3da;border-radius:4px;justify-content:center;align-items:center;height:36px;font-size:.85rem;transition:all .2s;display:flex}.arrival-heatmap-cell.level-0{background:#f3f6f4}.arrival-heatmap-cell.level-1{background:#d4ebe9}.arrival-heatmap-cell.level-2{background:#a8d7d3}.arrival-heatmap-cell.level-3{background:#5db4ab}.arrival-heatmap-cell.level-4{color:#fff;background:#2a8c88;font-weight:600}.arrival-heatmap-cell:hover{transform:scale(1.05);box-shadow:0 2px 6px #2a8c884d}.arrival-heatmap-rate{text-align:center;color:#2a8c88;font-weight:600}.arrival-heatmap-legend{color:#6b7077;border-top:1px solid #e7e3da;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.85rem;display:flex}.arrival-heatmap-legend .arrival-heatmap-cell{width:50px;height:24px;font-size:.75rem}.arrival-radar-widgets{grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.arrival-pulse-monitor{flex-direction:column;gap:1rem;display:flex}.arrival-pulse-svg{width:100%;height:80px}.arrival-pulse-svg.active rect{animation:2s ease-in-out infinite pulse}.arrival-pulse-stats{border-top:1px solid #e7e3da;flex-direction:column;align-items:center;gap:.25rem;padding-top:.75rem;display:flex}.arrival-pulse-stats span{color:#6b7077;font-size:.85rem}.arrival-pulse-stats strong{color:#2a8c88;font-size:1.1rem}.arrival-anomaly-waterfall{flex-direction:column;display:flex}.arrival-waterfall-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.arrival-waterfall-item{cursor:pointer;text-align:left;background:#fffcf5;border:1px solid #e7e3da;border-left:3px solid #c18a2e;border-radius:4px;align-items:flex-start;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.arrival-waterfall-item:hover{background:#fff5f5;border-left-color:#b54b3c;transform:translate(4px)}.arrival-waterfall-icon{color:#c18a2e;font-size:1.2rem;line-height:1}.arrival-waterfall-item strong{color:#17324d;margin-bottom:.25rem;font-size:.9rem;display:block}.arrival-waterfall-item small{color:#6b7077;font-size:.8rem}.arrival-waterfall-more{color:#17324d;cursor:pointer;background:#f3f6f4;border:1px solid #e7e3da;border-radius:4px;padding:.5rem;font-size:.85rem;transition:all .2s}.arrival-waterfall-more:hover{color:#fff;background:#17324d}.arrival-gauge-panel{flex-direction:column;align-items:center;gap:1rem;display:flex}.arrival-gauge{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.arrival-gauge-svg{width:120px;height:120px}.arrival-gauge-amount{border-top:1px solid #e7e3da;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding-top:.75rem;display:flex}.arrival-gauge-amount span{color:#2a8c88;font-size:1.3rem;font-weight:600}.arrival-gauge-amount small{color:#6b7077;font-size:.85rem}.arrival-ledger-panel{padding:1.5rem}.arrival-ledger-header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.arrival-ledger-filters{align-items:center;gap:.5rem;display:flex}.arrival-ledger-search{border:1px solid #d4cfc1;border-radius:4px;width:200px;padding:.5rem .75rem;font-size:.9rem}.arrival-ledger-filters select{cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.9rem}.arrival-ledger-filters button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.arrival-ledger-filters button:hover{color:#fff;background:#17324d}.arrival-ledger-list{flex-direction:column;gap:.75rem;min-height:400px;margin-bottom:1.5rem;display:flex}.arrival-record-row{background:#fff;border:1px solid #e7e3da;border-left-width:4px;border-radius:4px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.arrival-record-row:hover{transform:translate(4px);box-shadow:0 2px 8px #17324d1a}.arrival-record-row.success{border-left-color:#2a8c88}.arrival-record-row.running{border-left-color:#72808a}.arrival-record-row.pending{border-left-color:#c18a2e}.arrival-record-row.danger{border-left-color:#b54b3c}.arrival-record-main{flex:1;align-items:flex-start;gap:1rem;display:flex}.arrival-record-icon{margin-top:.25rem;font-size:1.2rem;line-height:1}.arrival-record-row.success .arrival-record-icon{color:#2a8c88}.arrival-record-row.running .arrival-record-icon{color:#72808a}.arrival-record-row.pending .arrival-record-icon{color:#c18a2e}.arrival-record-row.danger .arrival-record-icon{color:#b54b3c}.arrival-record-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.arrival-record-line1,.arrival-record-line2{align-items:center;gap:1rem;font-size:.9rem;display:flex}.arrival-record-line1 strong{color:#17324d;font-weight:600}.arrival-record-line1 span{color:#6b7077}.arrival-record-line1 strong:last-of-type{color:#2a8c88;margin-left:auto}.arrival-record-line2{font-size:.85rem}.arrival-record-line2 span{color:#6b7077}.arrival-record-status{border-radius:3px;padding:.125rem .5rem;font-weight:600}.arrival-record-status.success{color:#2a8c88;background:#d4ebe9}.arrival-record-status.running{color:#72808a;background:#e7e3da}.arrival-record-status.pending{color:#c18a2e;background:#fff4e6}.arrival-record-status.danger{color:#b54b3c;background:#ffe9e7}.arrival-record-exception{color:#b54b3c;font-weight:600}.arrival-record-detail-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.arrival-record-detail-btn:hover{color:#fff;background:#17324d}.arrival-ledger-footer{border-top:1px solid #e7e3da;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.arrival-ledger-footer span{color:#6b7077;font-size:.9rem}.arrival-ledger-footer div{gap:.5rem;display:flex}.arrival-ledger-footer button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.arrival-ledger-footer button:hover:not(:disabled){color:#fff;background:#17324d}.arrival-ledger-footer button.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.arrival-ledger-footer button:disabled{opacity:.4;cursor:not-allowed}.arrival-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17324d99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.arrival-modal{background:#fff;border:2px solid #17324d;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:auto;box-shadow:0 8px 24px #17324d33}.arrival-modal header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.arrival-modal h2{color:#17324d;margin:0;font-size:1.2rem}.arrival-modal header button{color:#6b7077;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.arrival-modal header button:hover{color:#17324d;background:#f3f6f4}.arrival-modal-content{padding:1.5rem}.arrival-modal-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.arrival-modal-grid div{flex-direction:column;gap:.25rem;display:flex}.arrival-modal-grid dt{color:#6b7077;font-size:.85rem}.arrival-modal-grid dd{color:#17324d;margin:0;font-size:.95rem;font-weight:500}.arrival-modal-content h3{color:#17324d;border-bottom:1px solid #e7e3da;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:1rem}.arrival-modal-history{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.arrival-modal-history li{border-left:2px solid #2a8c88;gap:1rem;padding-left:1rem;display:flex}.arrival-modal-history time{color:#6b7077;white-space:nowrap;min-width:130px;font-size:.85rem}.arrival-modal-history strong{color:#17324d;margin-bottom:.25rem;font-size:.95rem;display:block}.arrival-modal-history span{color:#6b7077;font-size:.85rem}.arrival-modal footer{border-top:1px solid #e7e3da;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.arrival-modal footer button{color:#fff;cursor:pointer;background:#17324d;border:1px solid #17324d;border-radius:4px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .2s}.arrival-modal footer button:hover{background:#2a4a63}.arrival-radar-notice{color:#fff;z-index:999;background:#17324d;border-radius:6px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #17324d4d}.arrival-radar-notice button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.2rem;transition:opacity .2s;display:flex}.arrival-radar-notice button:hover{opacity:1}.account-records-page{background:#f8fbfa;min-height:100vh;padding:0}.account-records-header{background:#fff;border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.account-records-header h1{color:#17324d;margin:0;font-size:24px;font-weight:600}.account-records-header-actions{align-items:center;gap:12px;display:flex}.account-records-search{background:#f8fbfa;border:1px solid #d4d4d8;border-radius:6px;align-items:center;gap:8px;min-width:280px;padding:8px 16px;display:flex;position:relative}.account-records-search svg{color:#72808a;flex-shrink:0}.account-records-search input{color:#17324d;background:0 0;border:none;outline:none;width:100%;font-size:14px}.account-records-search input::placeholder{color:#a1a9b0}.account-records-main{flex-direction:column;gap:24px;padding:24px 32px;display:flex}.account-records-dashboard{grid-template-columns:320px 1fr;gap:24px;display:grid}.radar-panel,.monitor-panel{background:#fff;border:1px solid #e7e3da;border-radius:12px;padding:24px}.radar-panel h3,.monitor-panel h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.radar-svg{width:100%;height:200px;margin:16px 0}.radar-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.radar-actions button{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:4px;padding:6px 12px;font-size:14px}.radar-actions button:hover{background:#eaf0ee;border-color:#2a8c88}.monitor-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-box{text-align:center;background:#f8fbfa;border:1px solid #e7e3da;border-radius:8px;padding:12px}.stat-box span{color:#72808a;margin-bottom:6px;font-size:14px;display:block}.stat-box strong{color:#17324d;font-size:20px;font-weight:700;display:block}.monitor-bars{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.bar-row{align-items:center;gap:12px;display:flex}.bar-row .bar-fill{border-radius:4px;height:28px;transition:width .3s;position:relative}.bar-fill.normal{background:linear-gradient(90deg,#2a8c88 0%,#3da59f 100%);box-shadow:0 2px 6px #2a8c884d}.bar-fill.risk{background:linear-gradient(90deg,#b54b3c 0%,#c76156 100%);box-shadow:0 2px 6px #b54b3c4d}.bar-row span{color:#17324d;white-space:nowrap;min-width:80px;font-size:14px;font-weight:500}.btn-heatmap,.btn-trend{cursor:pointer;color:#17324d;background:#fff;border:1px solid #d4d4d8;border-radius:4px;margin-left:auto;padding:4px 10px;font-size:14px}.btn-heatmap:hover,.btn-trend:hover{background:#f8fbfa;border-color:#2a8c88}.monitor-alert{color:#17324d;background:#fff5f0;border-left:3px solid #c18a2e;border-radius:4px;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:14px;display:flex}.monitor-alert svg{color:#c18a2e;flex-shrink:0}.account-records-segment{background:#fff;border:1px solid #e7e3da;border-radius:12px;padding:24px}.segment-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.segment-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.view-switcher{gap:8px;display:flex}.view-switcher button{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:6px;padding:6px 14px;font-size:14px;transition:all .2s}.segment-filters{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-chip{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.filter-chip.active{color:#fff;background:#17324d;border-color:#17324d}.chip-count{background:#ffffff4d;border-radius:10px;padding:2px 8px;font-size:14px;font-weight:600;display:inline-block}.filter-chip.active .chip-count{background:#ffffff40}.account-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:24px;display:grid}.account-card{cursor:pointer;background:#fff;border:1.5px solid #e7e3da;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.account-card:before{content:"";height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.account-card.high-value:before{background:linear-gradient(90deg,#c18a2e 0%,#d4a747 100%)}.account-card.vip:before{background:linear-gradient(90deg,#2a8c88 0%,#3da59f 100%)}.account-card.growing:before{background:linear-gradient(90deg,#5b8def 0%,#7ba4f3 100%)}.account-card.risk:before{background:linear-gradient(90deg,#b54b3c 0%,#c76156 100%)}.account-card:hover{border-color:#2a8c88;transform:translateY(-4px);box-shadow:0 8px 20px #17324d1f}.card-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.card-icon{background:#f8fbfa;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.account-card.high-value .card-icon{color:#c18a2e;background:#fff5f0}.account-card.vip .card-icon{color:#2a8c88;background:#f0f9f8}.account-card.growing .card-icon{color:#5b8def;background:#f0f5ff}.account-card.risk .card-icon{color:#b54b3c;background:#fff0ee}.card-label{color:#72808a;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.card-body{margin-bottom:16px}.card-phone{color:#17324d;margin-bottom:4px;font-size:16px;font-weight:600;display:block}.card-id{color:#72808a;margin-bottom:12px;font-size:14px;display:block}.card-amount{color:#17324d;margin-bottom:4px;font-size:22px;font-weight:700}.card-count{color:#72808a;margin-bottom:12px;font-size:14px}.card-progress{margin-top:12px}.progress-bar{background:#eaf0ee;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2a8c88 0%,#3da59f 100%);border-radius:4px;height:100%;transition:width .5s}.progress-label{color:#72808a;font-size:14px}.card-footer{border-top:1px solid #eaf0ee;gap:8px;padding-top:12px;display:flex}.btn-card-action{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:6px;flex:1;padding:6px 12px;font-size:14px;transition:all .2s}.btn-card-action:hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.segment-pagination{border-top:1px solid #e7e3da;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.segment-pagination button{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.segment-pagination button:disabled{opacity:.5;cursor:not-allowed}.segment-pagination button:not(:disabled):hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.page-info{color:#72808a;font-size:14px}.account-detail-panel{background:#fff;border:2px solid #17324d;border-radius:12px;margin-top:24px;padding:0;box-shadow:0 12px 40px #17324d33}.detail-header{color:#fff;background:#17324d;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.detail-title h2{margin:0;font-size:16px;font-weight:600}.detail-actions{gap:12px;display:flex}.detail-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.detail-actions button:hover{background:#fff3;border-color:#ffffff80}.detail-tabs{background:#f8fbfa;border-bottom:2px solid #e7e3da;gap:0;padding:0 24px;display:flex}.detail-tabs button{cursor:pointer;color:#72808a;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.detail-tabs button.active{color:#2a8c88;border-bottom-color:#2a8c88;font-weight:600}.detail-tabs button:hover:not(.active){color:#17324d}.detail-info{background:#f8fbfa;border-bottom:1px solid #e7e3da;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.info-row{color:#17324d;gap:24px;font-size:14px;display:flex}.info-row span{align-items:center;gap:6px;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.status-indicator.normal{background:#2a8c88;box-shadow:0 0 6px #2a8c8880}.status-indicator.pending{background:#c18a2e;box-shadow:0 0 6px #c18a2e80}.status-indicator.exception{background:#b54b3c;box-shadow:0 0 6px #b54b3c80}.status-indicator.silent{background:#72808a}.detail-timeline{max-height:500px;padding:24px;overflow-y:auto}.detail-timeline h3{color:#17324d;margin:0 0 20px;font-size:16px;font-weight:600}.timeline-list{flex-direction:column;gap:0;display:flex}.timeline-event{grid-template-columns:100px 40px 1fr;gap:16px;padding-bottom:24px;display:grid;position:relative}.event-date{flex-direction:column;gap:4px;padding-top:4px;display:flex}.event-date strong{color:#17324d;font-size:14px;font-weight:600}.event-date span{color:#72808a;font-size:14px}.event-node{z-index:1;background:#fff;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.event-node.arrived{color:#2a8c88;border-color:#2a8c88}.event-node.failed{color:#b54b3c;border-color:#b54b3c}.event-node.pending{color:#c18a2e;border-color:#c18a2e}.event-node.processing{color:#72808a;border-color:#72808a}.event-line{background:#e7e3da;width:2px;position:absolute;top:36px;bottom:0;left:115px}.event-content{background:#f8fbfa;border:1px solid #e7e3da;border-radius:8px;padding:16px}.event-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.event-header h4{color:#17324d;margin:0;font-size:14px;font-weight:600}.event-status{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:14px;font-weight:600}.event-status.arrived{color:#2a8c88;background:#e5f5f4}.event-status.failed{color:#b54b3c;background:#ffe8e5}.event-status.pending{color:#c18a2e;background:#fff5f0}.event-status.processing{color:#72808a;background:#f3f6f4}.event-detail{color:#72808a;gap:16px;margin-bottom:8px;font-size:14px;display:flex}.event-failure{color:#b54b3c;background:#fff0ee;border-left:3px solid #b54b3c;border-radius:4px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:14px;display:flex}.event-failure svg{flex-shrink:0}.btn-load-more{cursor:pointer;color:#72808a;background:#f8fbfa;border:1px dashed #d4d4d8;border-radius:6px;width:100%;margin-top:16px;padding:10px;font-size:14px;transition:all .2s}.btn-load-more:hover{color:#17324d;background:#eaf0ee;border-color:#2a8c88}.detail-tabs-content{background:#f8fbfa;border-top:1px solid #e7e3da;gap:12px;padding:16px 24px;display:flex}.tab-option{cursor:pointer;color:#17324d;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.tab-option:hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.detail-footer{background:#fff;border-top:1px solid #e7e3da;border-radius:0 0 10px 10px;justify-content:space-between;padding:20px 24px;display:flex}.footer-actions{gap:12px;display:flex}.ai-insights{background:linear-gradient(135deg,#f0f9f8 0%,#fff5f0 100%);border:1px solid #e7e3da;border-radius:12px;padding:24px}.ai-insights h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.insight-list{flex-direction:column;gap:12px;display:flex}.insight-item{color:#17324d;background:#fff;border:1px solid #2a8c8833;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.insight-item svg{color:#2a8c88;flex-shrink:0}.account-records-toast{color:#fff;z-index:1000;background:#17324d;border-radius:8px;padding:14px 24px;font-size:14px;animation:.3s slideIn;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 24px #17324d4d}.detail-timeline::-webkit-scrollbar{width:6px}.detail-timeline::-webkit-scrollbar-track{background:#f8fbfa}.detail-timeline::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.detail-timeline::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.exception-tracking-page{--spacing-sm:8px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px;padding:var(--spacing-xl);background:#f8fafc;min-height:100vh}.exception-tracking-page .page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.exception-tracking-page .page-header h1{color:#17324d;margin:0;font-size:28px;font-weight:600}.exception-tracking-page .header-actions{gap:var(--spacing-md);display:flex}.exception-tracking-page .secondary-button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.exception-tracking-page .secondary-button:hover{background:#f3f4f6;border-color:#2a8c88}.exception-tracking-page .primary-button{color:#fff;cursor:pointer;background:#2a8c88;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.exception-tracking-page .primary-button:hover{background:#237a6f}.exception-tracking-page .overview-section{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .overview-stats{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.exception-tracking-page .stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f8fafc;border:2px solid #0000;border-radius:8px;display:flex}.exception-tracking-page .stat-card.high{background:#fffbeb;border-color:#fbbf24}.exception-tracking-page .stat-card.mid{background:#eff6ff;border-color:#60a5fa}.exception-tracking-page .stat-card.low{background:#f8fafc;border-color:#94a3b8}.exception-tracking-page .stat-icon{font-size:32px}.exception-tracking-page .stat-label{color:#64748b;margin-bottom:4px;font-size:14px}.exception-tracking-page .stat-value{color:#17324d;font-size:28px;font-weight:700}.exception-tracking-page .type-distribution{margin-bottom:var(--spacing-md)}.exception-tracking-page .distribution-label{color:#64748b;margin-bottom:8px;font-size:14px}.exception-tracking-page .distribution-bar{background:#f1f5f9;border-radius:6px;height:32px;display:flex;overflow:hidden}.exception-tracking-page .distribution-segment{color:#fff;cursor:pointer;background:#2a8c88;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.exception-tracking-page .distribution-segment:first-child{background:#b54b3c}.exception-tracking-page .distribution-segment:nth-child(2){background:#c18a2e}.exception-tracking-page .distribution-segment:nth-child(3){background:#2a8c88}.exception-tracking-page .distribution-segment:nth-child(4){background:#60a5fa}.exception-tracking-page .distribution-segment:hover{filter:brightness(1.1)}.exception-tracking-page .overview-metrics{align-items:center;gap:var(--spacing-md);color:#475569;font-size:14px;display:flex}.exception-tracking-page .overview-metrics .divider{color:#cbd5e1}.exception-tracking-page .overview-metrics strong{font-weight:600}.exception-tracking-page .alert-text{color:#b54b3c;font-weight:600}.exception-tracking-page .success-text{color:#2a8c88;font-weight:600}.exception-tracking-page .filter-section{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#fff;border-radius:12px;grid-template-columns:2fr repeat(5,1fr);display:grid;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .filter-section input,.exception-tracking-page .filter-section select{color:#17324d;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 14px;font-size:14px}.exception-tracking-page .filter-section input:focus,.exception-tracking-page .filter-section select:focus{border-color:#2a8c88;outline:none;box-shadow:0 0 0 3px #2a8c881a}.exception-tracking-page .main-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:280px 1fr 320px;display:grid}.exception-tracking-page .queue-section{padding:var(--spacing-lg);background:#fff;border-radius:12px;max-height:800px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .queue-header h3{color:#17324d;margin:0 0 var(--spacing-md);font-size:16px;font-weight:600}.exception-tracking-page .queue-group{margin-bottom:var(--spacing-lg)}.exception-tracking-page .group-title{color:#64748b;margin-bottom:var(--spacing-sm);border-bottom:2px solid #e2e8f0;padding:6px 0;font-size:14px;font-weight:600}.exception-tracking-page .queue-list{flex-direction:column;gap:8px;display:flex}.exception-tracking-page .exception-card{text-align:left;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:8px;padding:12px;transition:all .2s}.exception-tracking-page .exception-card:hover{background:#f1f5f9;border-color:#2a8c88}.exception-tracking-page .exception-card.active{background:#fff;border-color:#2a8c88;box-shadow:0 2px 8px #2a8c8826}.exception-tracking-page .card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.exception-tracking-page .card-icon{font-size:16px}.exception-tracking-page .card-code{color:#17324d;font-size:14px;font-weight:600}.exception-tracking-page .card-type{color:#475569;margin-bottom:4px;font-size:14px;font-weight:500}.exception-tracking-page .card-channel{color:#64748b;margin-bottom:4px;font-size:14px}.exception-tracking-page .card-date{color:#94a3b8;align-items:center;gap:6px;font-size:14px;display:flex}.exception-tracking-page .overdue-tag{color:#b54b3c;background:#fee2e2;border-radius:4px;padding:2px 6px;font-size:14px;font-weight:600}.exception-tracking-page .timeline-section{padding:var(--spacing-xl);background:#fff;border-radius:12px;max-height:800px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .detail-header{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-radius:8px}.exception-tracking-page .detail-title{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:8px;display:flex}.exception-tracking-page .detail-code{color:#17324d;font-size:18px;font-weight:700}.exception-tracking-page .detail-level{border-radius:6px;padding:4px 12px;font-size:14px;font-weight:600}.exception-tracking-page .detail-level.高级{color:#92400e;background:#fef3c7}.exception-tracking-page .detail-level.中级{color:#1e40af;background:#dbeafe}.exception-tracking-page .detail-level.低级{color:#475569;background:#f1f5f9}.exception-tracking-page .detail-type{color:#475569;background:#fff;border-radius:6px;padding:4px 12px;font-size:14px;font-weight:500}.exception-tracking-page .detail-meta{color:#64748b;font-size:14px}.exception-tracking-page .timeline-title{color:#17324d;margin-bottom:var(--spacing-md);border-bottom:2px solid #e2e8f0;padding-bottom:8px;font-size:16px;font-weight:600}.exception-tracking-page .timeline{margin-bottom:var(--spacing-xl);padding-left:32px;position:relative}.exception-tracking-page .timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:10px}.exception-tracking-page .timeline-item{margin-bottom:var(--spacing-lg);position:relative}.exception-tracking-page .timeline-marker{color:#2a8c88;z-index:1;background:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex;position:absolute;top:4px;left:-26px}.exception-tracking-page .timeline-item.completed .timeline-marker{color:#2a8c88}.exception-tracking-page .timeline-item.in_progress .timeline-marker{color:#c18a2e}.exception-tracking-page .timeline-item.pending .timeline-marker{color:#94a3b8}.exception-tracking-page .timeline-content{padding:var(--spacing-md);background:#f8fafc;border-left:3px solid #2a8c88;border-radius:8px}.exception-tracking-page .timeline-item.in_progress .timeline-content{border-left-color:#c18a2e}.exception-tracking-page .timeline-item.pending .timeline-content{border-left-color:#cbd5e1}.exception-tracking-page .timeline-time{color:#17324d;margin-bottom:4px;font-size:14px;font-weight:600}.exception-tracking-page .timeline-operator{color:#64748b;margin-bottom:6px;font-size:14px}.exception-tracking-page .timeline-text{color:#475569;font-size:14px;line-height:1.5}.exception-tracking-page .timeline-attachments{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.exception-tracking-page .attachment-tag{color:#475569;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:14px}.exception-tracking-page .related-info,.exception-tracking-page .process-history{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#f8fafc;border-radius:8px}.exception-tracking-page .related-info h4,.exception-tracking-page .process-history h4{color:#17324d;margin:0 0 var(--spacing-md);font-size:14px;font-weight:600}.exception-tracking-page .info-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.exception-tracking-page .info-item{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;font-size:14px;display:flex}.exception-tracking-page .info-label{color:#64748b}.exception-tracking-page .info-value{color:#17324d;font-weight:500}.exception-tracking-page .history-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.exception-tracking-page .history-item{gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:6px;font-size:14px;display:flex}.exception-tracking-page .history-index{color:#94a3b8;min-width:32px;font-weight:600}.exception-tracking-page .history-content{flex:1}.exception-tracking-page .history-header{gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:4px;display:flex}.exception-tracking-page .history-time{color:#475569;font-weight:500}.exception-tracking-page .history-action{color:#2a8c88;font-weight:600}.exception-tracking-page .history-operator{color:#64748b}.exception-tracking-page .history-text{color:#475569;font-style:italic;line-height:1.5}.exception-tracking-page .history-attachments{color:#64748b;margin-top:4px;font-size:14px}.exception-tracking-page .action-section{gap:var(--spacing-md);flex-direction:column;max-height:800px;display:flex;overflow-y:auto}.exception-tracking-page .info-card,.exception-tracking-page .action-card,.exception-tracking-page .risk-card{padding:var(--spacing-lg);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .info-card h4,.exception-tracking-page .action-card h4,.exception-tracking-page .risk-card h4{color:#17324d;margin:0 0 var(--spacing-md);font-size:14px;font-weight:600}.exception-tracking-page .info-value-large{color:#17324d;margin-bottom:var(--spacing-sm);font-size:16px;font-weight:700}.exception-tracking-page .info-tags{flex-wrap:wrap;gap:8px;display:flex}.exception-tracking-page .level-tag,.exception-tracking-page .type-tag{border-radius:6px;padding:4px 10px;font-size:14px;font-weight:600}.exception-tracking-page .level-tag.高级{color:#92400e;background:#fef3c7}.exception-tracking-page .level-tag.中级{color:#1e40af;background:#dbeafe}.exception-tracking-page .level-tag.低级,.exception-tracking-page .type-tag{color:#475569;background:#f1f5f9}.exception-tracking-page .info-list{flex-direction:column;gap:8px;display:flex}.exception-tracking-page .info-list>div{color:#475569;border-bottom:1px solid #f1f5f9;padding:6px 0;font-size:14px}.exception-tracking-page .handler-history{color:#64748b;flex-direction:column;gap:4px;display:flex}.exception-tracking-page .action-buttons{flex-direction:column;gap:8px;display:flex}.exception-tracking-page .action-btn{color:#17324d;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;font-size:16px;font-weight:500;transition:all .2s}.exception-tracking-page .action-btn:hover{background:#f1f5f9;border-color:#2a8c88}.exception-tracking-page .action-btn.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.exception-tracking-page .action-btn.primary:hover{background:#237a6f}.exception-tracking-page .action-btn.success{color:#166534;background:#dcfce7;border-color:#86efac}.exception-tracking-page .action-btn.success:hover{background:#bbf7d0}.exception-tracking-page .action-btn.warning{color:#92400e;background:#fef3c7;border-color:#fcd34d}.exception-tracking-page .action-btn.warning:hover{background:#fde68a}.exception-tracking-page .risk-level{color:#17324d;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600}.exception-tracking-page .risk-label{color:#64748b;margin:var(--spacing-sm) 0 6px;font-size:14px;font-weight:600}.exception-tracking-page .risk-list{color:#475569;flex-direction:column;gap:4px;font-size:14px;display:flex}.exception-tracking-page .link-btn{margin-top:var(--spacing-sm);color:#2a8c88;cursor:pointer;background:0 0;border:1px solid #2a8c88;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.exception-tracking-page .link-btn:hover{color:#fff;background:#2a8c88}.exception-tracking-page .bottom-stats{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.exception-tracking-page .efficiency-section,.exception-tracking-page .trend-section{padding:var(--spacing-xl);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.exception-tracking-page .efficiency-section h3,.exception-tracking-page .trend-section h3{color:#17324d;margin:0 0 var(--spacing-lg);font-size:16px;font-weight:600}.exception-tracking-page .efficiency-metrics{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);display:grid}.exception-tracking-page .efficiency-metrics>div{color:#475569;font-size:14px}.exception-tracking-page .ranking-title{color:#64748b;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600}.exception-tracking-page .ranking-item{align-items:center;gap:var(--spacing-sm);color:#475569;grid-template-columns:120px 50px 1fr 50px;padding:8px 0;font-size:14px;display:grid}.exception-tracking-page .ranking-days{color:#2a8c88;text-align:right;font-weight:600}.exception-tracking-page .ranking-bar{background:#f1f5f9;border-radius:4px;height:18px;overflow:hidden}.exception-tracking-page .bar-fill{background:linear-gradient(90deg,#2a8c88,#38bdf8);height:100%;transition:width .3s}.exception-tracking-page .trend-chart{width:100%;height:200px}.exception-tracking-page .modal-overlay{z-index:1000;padding:var(--spacing-xl);background:#17324d80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exception-tracking-page .modal-dialog{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.exception-tracking-page .modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;display:flex}.exception-tracking-page .modal-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.exception-tracking-page .modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:32px;height:32px;font-size:24px;transition:all .2s}.exception-tracking-page .modal-close:hover{color:#17324d;background:#f1f5f9}.exception-tracking-page .modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.exception-tracking-page .form-section{margin-bottom:var(--spacing-xl)}.exception-tracking-page .form-section h4{color:#17324d;margin:0 0 var(--spacing-md);border-bottom:2px solid #e2e8f0;padding-bottom:8px;font-size:16px;font-weight:600}.exception-tracking-page .form-row{margin-bottom:var(--spacing-md)}.exception-tracking-page .form-row label{color:#475569;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.exception-tracking-page .form-row input,.exception-tracking-page .form-row select,.exception-tracking-page .form-row textarea{color:#17324d;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.exception-tracking-page .form-row input:focus,.exception-tracking-page .form-row select:focus,.exception-tracking-page .form-row textarea:focus{border-color:#2a8c88;outline:none;box-shadow:0 0 0 3px #2a8c881a}.exception-tracking-page .form-row textarea{resize:vertical;min-height:80px}.exception-tracking-page .radio-group,.exception-tracking-page .checkbox-group{gap:var(--spacing-lg);display:flex}.exception-tracking-page .radio-label,.exception-tracking-page .checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.exception-tracking-page .modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid #e2e8f0;display:flex}.exception-tracking-page .alert-box{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#fef3c7;border:1px solid #fcd34d;border-radius:8px}.exception-tracking-page .alert-box h4{color:#92400e;margin:0 0 var(--spacing-sm);font-size:14px;font-weight:600}.exception-tracking-page .alert-box p{color:#78350f;margin:0 0 var(--spacing-sm);font-size:14px}.exception-tracking-page .record-summary{padding:var(--spacing-sm);color:#475569;background:#fff;border-radius:6px;flex-direction:column;gap:4px;font-size:14px;display:flex}.exception-tracking-page .info-box{padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.exception-tracking-page .info-box h4{color:#1e40af;margin:0 0 var(--spacing-sm);font-size:14px;font-weight:600}.exception-tracking-page .info-box ul{color:#1e3a8a;margin:0;padding-left:20px;font-size:14px;line-height:1.7}.exception-tracking-page .verification-code{color:#2a8c88;padding-top:4px;font-weight:600;border-top:2px solid #e2e8f0!important}.exception-tracking-page .success-toast,.exception-tracking-page .error-toast{z-index:2000;border-radius:8px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s slideInRight;display:flex;position:fixed;top:80px;right:24px;box-shadow:0 4px 12px #00000026}.exception-tracking-page .success-toast{color:#166534;background:#dcfce7;border:1px solid #86efac}.exception-tracking-page .error-toast{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.exception-tracking-page .toast-icon{font-size:18px}.exception-tracking-page .toast-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;padding:0;font-size:20px;transition:background .2s;display:flex}.exception-tracking-page .toast-close:hover{background:#0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (width<=1400px){.exception-tracking-page .main-content{grid-template-columns:240px 1fr 280px}}@media (width<=1200px){.exception-tracking-page .main-content{grid-template-columns:1fr}.exception-tracking-page .queue-section{max-height:400px}.exception-tracking-page .timeline-section,.exception-tracking-page .action-section{max-height:none}.exception-tracking-page .bottom-stats{grid-template-columns:1fr}}@media (width<=768px){.exception-tracking-page .filter-section{grid-template-columns:1fr}.exception-tracking-page .overview-stats,.exception-tracking-page .efficiency-metrics{grid-template-columns:repeat(2,1fr)}}.order-verification-page{background:#f7f5f1;flex-direction:column;gap:24px;min-height:100vh;padding:32px;display:flex}.order-verification-header{justify-content:space-between;align-items:center;display:flex}.order-verification-header h1{color:#17324d;margin:0;font-size:28px;font-weight:600}.order-verification-actions{gap:12px;display:flex}.order-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.order-btn.primary{color:#fff;background:#2a8c88}.order-btn.primary:hover{background:#247a76}.order-btn.secondary{color:#17324d;background:#fff;border:1px solid #d4d4d8}.order-btn.secondary:hover{background:#f3f6f4}.order-btn.alert{color:#fff;background:#b54b3c}.order-btn.alert:hover{background:#9d4133}.order-btn:disabled{opacity:.5;cursor:not-allowed}.amount-comparison-panel{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.comparison-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #17324d14}.comparison-card.highlight{background:#fef9e6;border:2px solid #c18a2e}.comparison-card h3{color:#72808a;margin:0 0 16px;font-size:15px;font-weight:600}.comparison-stats{flex-direction:column;gap:12px;display:flex}.comparison-stats>div{flex-direction:column;gap:4px;display:flex}.comparison-stats span{color:#72808a;font-size:14px}.comparison-stats strong{color:#17324d;font-size:18px;font-weight:600}.verification-progress-panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #17324d14}.verification-progress-panel h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.progress-bars{flex-direction:column;gap:16px;display:flex}.progress-row{align-items:center;gap:16px;display:flex}.progress-row>span{color:#72808a;width:80px;font-size:14px}.progress-bar-track{background:#f7f5f1;border-radius:4px;flex:1;height:24px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s}.progress-bar-fill.done{background:#2a8c88}.progress-bar-fill.pending{background:#c18a2e}.progress-bar-fill.locked{background:#9ca3af}.progress-row>strong{color:#17324d;text-align:right;width:200px;font-size:14px;font-weight:600}.order-filters{background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #17324d14}.search-field{background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;align-items:center;gap:8px;min-width:240px;padding:0 14px;display:flex}.search-field input{color:#17324d;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:14px}.search-field input::placeholder{color:#9ca3af}.order-filters select{color:#17324d;cursor:pointer;background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.order-filters select:hover{border-color:#2a8c88}.amount-range{color:#72808a;align-items:center;gap:8px;font-size:14px;display:flex}.amount-range input{color:#17324d;background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;outline:none;width:100px;padding:10px 12px;font-size:14px}.order-btn-reset{color:#72808a;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:10px 18px;font-size:14px;transition:all .2s}.order-btn-reset:hover{color:#17324d;background:#f7f5f1}.order-content-section{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #17324d14}.order-list-controls{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.group-tabs{gap:8px;display:flex}.group-tabs button{color:#17324d;cursor:pointer;background:#f7f5f1;border:1px solid #d4d4d8;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.group-tabs button:hover{background:#eaf0ee;border-color:#2a8c88}.group-tabs button.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.order-count{color:#72808a;font-size:14px}.order-groups{flex-direction:column;gap:24px;display:flex}.order-group-title{color:#17324d;border-bottom:2px solid #e7e3da;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.order-list{flex-direction:column;gap:12px;display:flex}.order-item{background:#f7f5f1;border:2px solid #e7e3da;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.order-item:hover,.order-item.selected{background:#eaf0ee;border-color:#2a8c88}.order-item>input[type=checkbox]{cursor:pointer;width:18px;height:18px}.order-item-content{cursor:pointer;flex:1}.order-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-item-header>div{align-items:center;gap:8px;display:flex}.order-item-header strong{color:#17324d;font-size:14px;font-weight:600}.order-status-badge{border-radius:4px;padding:4px 10px;font-size:14px;font-weight:500}.order-status-badge.done{color:#2a8c88;background:#d1f2e1}.order-status-badge.running{color:#c18a2e;background:#fef9e6}.order-status-badge.pending{color:#6b7077;background:#f3f4f6}.order-status-badge.alert{color:#b54b3c;background:#ffddd8}.order-status-badge.locked{color:#72808a;background:#e7e3da}.priority-badge{color:#b54b3c;background:#ffddd8;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500}.overdue-badge{color:#fff;background:#b54b3c;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500}.order-item-meta{color:#72808a;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.order-item-types{gap:6px;display:flex}.diff-type-tag{color:#2a8c88;background:#eaf0ee;border-radius:3px;padding:3px 8px;font-size:14px}.order-item-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.order-item-btn:hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.order-pagination{border-top:1px solid #e7e3da;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:20px;display:flex}.order-pagination button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 14px;font-size:14px;transition:all .2s}.order-pagination button:hover:not(:disabled){background:#f3f6f4;border-color:#2a8c88}.order-pagination button:disabled{opacity:.4;cursor:not-allowed}.order-pagination button.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.order-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17324d80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-modal{background:#fff;border-radius:12px;flex-direction:column;width:600px;max-width:100%;max-height:90vh;animation:.3s ease-out modalIn;display:flex;box-shadow:0 12px 48px #17324d4d}.order-modal.large{width:900px}.order-modal header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:24px;display:flex}.order-modal header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.order-modal header>div{align-items:center;gap:12px;display:flex}.order-modal header button{color:#72808a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;transition:all .2s}.order-modal header button:hover{color:#17324d;background:#f7f5f1}.order-modal-body{flex:1;padding:24px;overflow-y:auto}.order-modal footer{background:#f7f5f1;border-top:1px solid #e7e3da;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-intro{color:#72808a;margin-bottom:24px;font-size:14px;line-height:1.8}.modal-intro strong{color:#17324d;font-weight:600}.detail-section{margin-bottom:32px}.detail-section h3{color:#17324d;margin:0 0 16px;font-size:15px;font-weight:600}.amount-comparison-table{background:#f7f5f1;border-radius:8px;padding:16px}.comparison-header{border-bottom:2px solid #d4d4d8;grid-template-columns:100px repeat(3,1fr);gap:12px;margin-bottom:12px;padding-bottom:12px;display:grid}.comparison-header span{color:#72808a;text-align:center;font-size:14px;font-weight:600}.comparison-header span:first-child{text-align:left}.comparison-row{grid-template-columns:100px repeat(3,1fr);gap:12px;padding:8px 0;display:grid}.comparison-row>span{color:#72808a;font-size:14px}.comparison-row strong{color:#17324d;text-align:center;font-size:14px;font-weight:600}.comparison-result{background:#fff5f5;border-left:3px solid #b54b3c;border-radius:6px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.comparison-result strong{color:#b54b3c;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.comparison-result p{color:#72808a;margin:0;font-size:14px}.order-timeline{flex-direction:column;gap:0;display:flex}.timeline-node{gap:16px;padding:16px 0;display:flex;position:relative}.timeline-node:not(:last-child):before{content:"";background:#e7e3da;width:2px;position:absolute;top:36px;bottom:-16px;left:9px}.timeline-dot{z-index:1;background:#fff;border:3px solid #d4d4d8;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:2px;position:relative}.timeline-node.normal .timeline-dot{border-color:#2a8c88}.timeline-node.success .timeline-dot{background:#2a8c88;border-color:#2a8c88}.timeline-node.alert .timeline-dot{background:#b54b3c;border-color:#b54b3c}.timeline-node>div{flex:1}.timeline-node strong{color:#17324d;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.timeline-node p{color:#72808a;margin:0 0 4px;font-size:14px}.timeline-node small{color:#9ca3af;font-size:14px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-grid>div{flex-direction:column;gap:4px;display:flex}.detail-grid dt{color:#72808a;font-size:14px}.detail-grid dd{color:#17324d;margin:0;font-size:14px;font-weight:500}.attachment-list{flex-direction:column;gap:8px;display:flex}.attachment-item{background:#f7f5f1;border-left:3px solid #2a8c88;border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.attachment-item.missing{background:#fff5f5;border-left-color:#b54b3c}.attachment-item>div{flex-direction:column;flex:1;gap:4px;display:flex}.attachment-item strong{color:#17324d;font-size:14px;font-weight:600}.attachment-item span{color:#72808a;font-size:14px}.attachment-item small{color:#9ca3af;font-size:14px}.attachment-item .missing-text{color:#b54b3c;font-weight:500}.form-section{margin-bottom:24px}.form-section h3{color:#17324d;margin:0 0 12px;font-size:14px;font-weight:600}.radio-group,.checkbox-group{flex-direction:column;gap:10px;display:flex}.radio-group label,.checkbox-group label{color:#17324d;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.radio-group input,.checkbox-group input{cursor:pointer;width:16px;height:16px}.form-field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.form-field>span{color:#17324d;font-size:14px;font-weight:500}.form-field input,.form-field textarea{color:#17324d;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-field input:focus,.form-field textarea:focus{border-color:#2a8c88;box-shadow:0 0 0 3px #2a8c881a}.form-section textarea{color:#17324d;resize:vertical;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.form-section textarea:focus{border-color:#2a8c88;box-shadow:0 0 0 3px #2a8c881a}.adjustment-comparison{background:#f7f5f1;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.adjustment-comparison>div{justify-content:space-between;align-items:center;display:flex}.adjustment-comparison span{color:#72808a;font-size:14px}.adjustment-comparison strong{color:#17324d;font-size:14px;font-weight:600}.adjustment-comparison .alert-text{color:#b54b3c}.adjustment-comparison input{color:#17324d;border:1px solid #d4d4d8;border-radius:6px;outline:none;width:200px;padding:8px 12px;font-size:14px}.adjustment-comparison input:focus{border-color:#2a8c88}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-row label{flex-direction:column;gap:6px;display:flex}.form-row span{color:#17324d;font-size:14px;font-weight:500}.form-row select,.form-row input{color:#17324d;border:1px solid #d4d4d8;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.form-row select:focus,.form-row input:focus{border-color:#2a8c88}.alert-box{background:#fff5f5;border-left:3px solid #b54b3c;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.alert-box p{color:#b54b3c;margin:0;font-size:14px}.alert-box small{color:#b54b3c;font-size:14px}.info-box{background:#eaf0ee;border-left:3px solid #2a8c88;border-radius:8px;padding:16px}.info-box p{color:#17324d;margin:0 0 8px;font-size:14px}.info-box strong{font-weight:600}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#72808a;margin-bottom:4px;font-size:14px}.batch-preview{background:#f7f5f1;border-radius:8px;max-height:200px;margin-bottom:20px;padding:16px;overflow-y:auto}.batch-item{border-bottom:1px solid #e7e3da;align-items:center;gap:12px;padding:8px 0;display:flex}.batch-item:last-child{border-bottom:none}.batch-item span{color:#72808a;font-size:14px}.batch-item strong{color:#17324d;margin-left:auto;font-size:14px;font-weight:600}.batch-more{color:#9ca3af;text-align:center;margin:8px 0 0;font-size:14px}.batch-stats{background:#f7f5f1;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;display:grid}.batch-stats>div{flex-direction:column;gap:4px;display:flex}.batch-stats dt{color:#72808a;font-size:14px}.batch-stats dd{color:#17324d;margin:0;font-size:15px;font-weight:600}.integrity-section{margin-bottom:32px}.integrity-section h3{color:#17324d;margin:0 0 16px;font-size:15px;font-weight:600}.integrity-progress{align-items:center;gap:16px;margin-bottom:16px;display:flex}.integrity-bar{background:#f7f5f1;border-radius:6px;flex:1;height:32px;overflow:hidden}.integrity-fill{background:#2a8c88;height:100%;transition:width .3s}.integrity-progress>strong{color:#2a8c88;font-size:20px;font-weight:600}.integrity-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.integrity-stats>div{background:#f7f5f1;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.integrity-stats span{color:#72808a;font-size:14px}.integrity-stats strong{color:#17324d;font-size:16px;font-weight:600}.integrity-stats .alert-text{color:#b54b3c}.attachment-stats{flex-direction:column;gap:12px;display:flex}.attachment-stat-row{align-items:center;gap:12px;display:flex}.attachment-stat-row>span{color:#17324d;width:120px;font-size:14px}.stat-bar{background:#f7f5f1;border-radius:4px;flex:1;height:16px;overflow:hidden}.stat-bar>div{background:#2a8c88;height:100%;transition:width .3s}.attachment-stat-row>strong{color:#17324d;text-align:right;width:150px;font-size:14px;font-weight:600}.missing-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.missing-item{background:#f7f5f1;border-left:3px solid #b54b3c;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.missing-item>div:first-child,.missing-item>div:last-child{align-items:center;gap:8px;display:flex}.missing-item strong{color:#17324d;font-size:14px;font-weight:600}.missing-item span{color:#72808a;font-size:14px}.order-notice{z-index:3000;color:#fff;background:#17324d;border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 24px #17324d4d}.order-notice button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.order-notice button:hover{background:#ffffff1a}.settlement-ledger-page{--navy:#17324d;--cyan:#2a8c88;--gold:#c18a2e;--danger:#b54b3c;--surface-1:#0a0d12;--surface-2:#0f131c;--surface-3:#161d2b;--surface-4:#1e2636;--text:#f3f6f4;--text-muted:#72808a;--border:#2a3340;flex-direction:column;gap:clamp(1rem,1.5vw,1.5rem);min-height:100vh;padding:clamp(1rem,2vw,2rem);display:flex}.settlement-ledger-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settlement-ledger-header h1{color:var(--text);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.settlement-ledger-header-actions{gap:.75rem;display:flex}.settlement-ledger-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.settlement-ledger-btn.primary{background:var(--cyan);color:var(--text)}.settlement-ledger-btn.primary:hover{background:#349b96;transform:translateY(-1px)}.settlement-ledger-btn.primary:disabled{background:var(--surface-4);color:var(--text-muted);cursor:not-allowed;transform:none}.settlement-ledger-btn.secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.settlement-ledger-btn.secondary:hover{background:var(--surface-4);border-color:var(--cyan)}.settlement-ledger-status-track{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.settlement-ledger-status-item{flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.settlement-ledger-status-dot{background:var(--border);z-index:2;border-radius:50%;width:14px;height:14px;transition:all .3s}.settlement-ledger-status-item.active .settlement-ledger-status-dot{width:16px;height:16px}.settlement-ledger-status-item.current .settlement-ledger-status-dot{width:20px;height:20px;box-shadow:0 0 0 4px #2a8c8833}.settlement-ledger-status-item span{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .3s}.settlement-ledger-status-item.active span{color:var(--text)}.settlement-ledger-status-item.current span{color:var(--cyan);font-weight:600}.settlement-ledger-status-line{background:var(--border);z-index:1;height:2px;position:absolute;top:7px;left:24px;right:-100%}.settlement-ledger-status-item.active .settlement-ledger-status-line{background:var(--cyan)}.settlement-ledger-main{flex:1;grid-template-columns:320px 1fr;gap:1.5rem;display:grid}.settlement-ledger-sidebar{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;max-height:calc(100vh - 200px);padding:1.25rem;display:flex}.settlement-ledger-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.settlement-ledger-sidebar-header span{color:var(--text);font-size:1rem;font-weight:600}.settlement-ledger-sidebar-header small{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-period-list{flex-direction:column;gap:.75rem;padding-right:.5rem;display:flex;overflow-y:auto}.settlement-ledger-period-list::-webkit-scrollbar{width:6px}.settlement-ledger-period-list::-webkit-scrollbar-track{background:var(--surface-3);border-radius:3px}.settlement-ledger-period-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.settlement-ledger-period-card{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:.625rem;padding:1rem;transition:all .3s;display:flex}.settlement-ledger-period-card:hover{border-color:var(--cyan);transform:translate(4px)}.settlement-ledger-period-card.is-selected{border-color:var(--cyan);background:var(--surface-4);box-shadow:0 0 0 2px #2a8c8833}.settlement-ledger-period-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settlement-ledger-period-card-header strong{color:var(--text);font-size:.9375rem;font-weight:600}.settlement-ledger-period-card-dates{color:var(--text-muted);font-size:.75rem}.settlement-ledger-period-card-amount{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.settlement-ledger-period-card-amount span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-period-card-amount strong{color:var(--cyan);font-size:1rem;font-weight:600}.settlement-ledger-period-card-warning{color:var(--danger);text-align:center;background:#b54b3c1a;border-radius:6px;padding:.375rem .625rem;font-size:.8125rem}.settlement-ledger-content{flex-direction:column;gap:1.5rem;display:flex;overflow-y:auto}.settlement-ledger-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.5rem;padding:clamp(1rem,2vw,1.5rem);display:flex}.settlement-ledger-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settlement-ledger-panel-header h2{color:var(--text);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.settlement-ledger-panel-header p{color:var(--text-muted);margin:0;font-size:.875rem}.settlement-ledger-panel-actions{align-items:center;gap:.75rem;display:flex}.settlement-ledger-lock-badge{border:1px solid var(--gold);color:var(--gold);background:#c18a2e26;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;display:flex}.settlement-ledger-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.settlement-ledger-composition,.settlement-ledger-indicators{flex-direction:column;gap:1rem;display:flex}.settlement-ledger-composition h3,.settlement-ledger-indicators h3,.settlement-ledger-warnings h3,.settlement-ledger-timeline h3{color:var(--text);margin:0;font-size:1rem;font-weight:600}.settlement-ledger-pie{width:100%;max-width:240px;height:auto;margin:0 auto 1rem}.settlement-ledger-composition-table{flex-direction:column;gap:.625rem;display:flex}.settlement-ledger-composition-row{background:var(--surface-3);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.settlement-ledger-composition-row:hover{background:var(--surface-4);transform:translate(4px)}.settlement-ledger-composition-legend{align-items:center;gap:.625rem;display:flex}.settlement-ledger-composition-dot{border-radius:50%;width:10px;height:10px}.settlement-ledger-composition-legend span{color:var(--text);font-size:.875rem}.settlement-ledger-composition-values{align-items:center;gap:1rem;display:flex}.settlement-ledger-composition-values strong{color:var(--text);font-size:.9375rem;font-weight:600}.settlement-ledger-composition-values span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-indicator-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.settlement-ledger-indicator-card{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.settlement-ledger-indicator-card span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-indicator-card strong{color:var(--text);font-size:1.25rem;font-weight:600}.settlement-ledger-indicator-card strong.amount-declared{color:var(--cyan)}.settlement-ledger-indicator-card strong.amount-verified{color:var(--gold)}.settlement-ledger-indicator-card strong.amount-difference{color:var(--danger)}.settlement-ledger-indicator-card strong.rate-complete{color:var(--cyan)}.settlement-ledger-indicator-card strong.rate-incomplete{color:var(--gold)}.settlement-ledger-indicator-link{color:var(--cyan);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.25rem;padding:0;font-size:.8125rem;text-decoration:underline}.settlement-ledger-indicator-link:hover{color:#349b96}.settlement-ledger-warnings{flex-direction:column;gap:1rem;display:flex}.settlement-ledger-warning-list{flex-direction:column;gap:.75rem;display:flex}.settlement-ledger-warning-item{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:grid}.settlement-ledger-warning-item:hover{border-color:var(--danger);transform:translate(4px)}.settlement-ledger-warning-type{white-space:nowrap;border-radius:999px;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.settlement-ledger-warning-content{flex-direction:column;gap:.25rem;display:flex}.settlement-ledger-warning-content strong{color:var(--text);font-size:.875rem;font-weight:500}.settlement-ledger-warning-content p{color:var(--text-muted);margin:0;font-size:.8125rem}.settlement-ledger-warning-amount{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.settlement-ledger-warning-amount span{color:var(--text-muted);font-size:.75rem}.settlement-ledger-warning-amount strong{color:var(--danger);font-size:1rem;font-weight:600}.settlement-ledger-timeline,.settlement-ledger-timeline-list{flex-direction:column;gap:1rem;display:flex}.settlement-ledger-timeline-item{grid-template-columns:24px 1fr;gap:.75rem;display:grid;position:relative}.settlement-ledger-timeline-dot{background:var(--cyan);border:2px solid var(--surface-2);z-index:1;border-radius:50%;width:10px;height:10px;margin-top:.25rem;position:relative}.settlement-ledger-timeline-line{background:var(--border);width:2px;height:calc(100% + 1rem);position:absolute;top:18px;left:4px}.settlement-ledger-timeline-content{flex-direction:column;gap:.375rem;display:flex}.settlement-ledger-timeline-content time{color:var(--text-muted);font-size:.75rem}.settlement-ledger-timeline-content strong{color:var(--text);font-size:.875rem;font-weight:600}.settlement-ledger-timeline-content p{color:var(--text-muted);margin:0;font-size:.8125rem}.settlement-ledger-timeline-content small{color:var(--text-muted);font-size:.75rem}.settlement-ledger-timeline-status-change{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.settlement-ledger-trend{width:100%}.settlement-ledger-trend-chart{width:100%;height:auto}.settlement-ledger-badge{border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.settlement-ledger-badge.large{padding:.5rem 1rem;font-size:.875rem}.settlement-ledger-badge.pending{color:var(--text-muted);background:#72808a26}.settlement-ledger-badge.verified{color:var(--cyan);background:#2a8c8826}.settlement-ledger-badge.disputed{color:var(--gold);background:#c18a2e26}.settlement-ledger-badge.resolved{color:var(--cyan);background:#2a8c8826}.settlement-ledger-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settlement-ledger-modal{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden}.settlement-ledger-modal.large{max-width:900px}.settlement-ledger-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.settlement-ledger-modal-header h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.settlement-ledger-modal-close{background:var(--surface-3);border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.settlement-ledger-modal-close:hover{background:var(--surface-4);border-color:var(--cyan)}.settlement-ledger-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.settlement-ledger-modal-body::-webkit-scrollbar{width:6px}.settlement-ledger-modal-body::-webkit-scrollbar-track{background:var(--surface-3);border-radius:3px}.settlement-ledger-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.settlement-ledger-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.settlement-ledger-form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.settlement-ledger-form-group label{color:var(--text);font-size:.875rem;font-weight:500}.settlement-ledger-form-group input,.settlement-ledger-form-group textarea{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:.625rem .875rem;font-size:.875rem}.settlement-ledger-form-group input:focus,.settlement-ledger-form-group textarea:focus{border-color:var(--cyan)}.settlement-ledger-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.settlement-ledger-progress-confirm{flex-direction:column;gap:1.5rem;display:flex}.settlement-ledger-progress-status{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.settlement-ledger-progress-from,.settlement-ledger-progress-to{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.settlement-ledger-progress-from span,.settlement-ledger-progress-to span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-progress-from strong,.settlement-ledger-progress-to strong{font-size:1.125rem;font-weight:600}.settlement-ledger-progress-arrow{color:var(--cyan);font-size:1.5rem}.settlement-ledger-progress-notice{border:1px solid var(--cyan);color:var(--text);background:#2a8c881a;border-radius:8px;padding:1rem;font-size:.875rem}.settlement-ledger-progress-notice.warning{border-color:var(--gold);background:#c18a2e1a}.settlement-ledger-progress-notice p{margin:0}.settlement-ledger-archive-check{flex-direction:column;gap:1rem;display:flex}.settlement-ledger-archive-check h4{color:var(--text);margin:0;font-size:1rem;font-weight:600}.settlement-ledger-archive-check-list{flex-direction:column;gap:.75rem;display:flex}.settlement-ledger-archive-check-item{background:var(--surface-3);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.settlement-ledger-archive-check-item.pass{border-left:3px solid var(--cyan)}.settlement-ledger-archive-check-item.fail{border-left:3px solid var(--danger)}.settlement-ledger-archive-check-item span{font-size:1rem;font-weight:600}.settlement-ledger-archive-check-item.pass span{color:var(--cyan)}.settlement-ledger-archive-check-item.fail span{color:var(--danger)}.settlement-ledger-archive-check-item p{color:var(--text);margin:0;font-size:.875rem}.settlement-ledger-archive-notice{border:1px solid var(--danger);color:var(--text);background:#b54b3c1a;border-radius:8px;padding:1rem;font-size:.875rem}.settlement-ledger-archive-notice p{margin:0}.settlement-ledger-channel-summary{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.settlement-ledger-channel-stat{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.settlement-ledger-channel-stat span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-channel-stat strong{color:var(--text);font-size:1.25rem;font-weight:600}.settlement-ledger-bill-table{overflow-x:auto}.settlement-ledger-bill-table table{border-collapse:collapse;width:100%}.settlement-ledger-bill-table th{text-align:left;color:var(--text-muted);background:var(--surface-3);border-bottom:1px solid var(--border);padding:.75rem;font-size:.8125rem;font-weight:600}.settlement-ledger-bill-table td{color:var(--text);border-bottom:1px solid var(--border);padding:.75rem;font-size:.875rem}.settlement-ledger-bill-table td.negative{color:var(--danger)}.settlement-ledger-table-btn{background:var(--surface-4);border:1px solid var(--border);color:var(--cyan);cursor:pointer;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s}.settlement-ledger-table-btn:hover{border-color:var(--cyan)}.settlement-ledger-detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.settlement-ledger-detail-item{flex-direction:column;gap:.375rem;display:flex}.settlement-ledger-detail-item span{color:var(--text-muted);font-size:.8125rem}.settlement-ledger-detail-item strong{color:var(--text);font-size:.9375rem;font-weight:600}.settlement-ledger-detail-item strong.negative{color:var(--danger)}.settlement-ledger-detail-notice{background:var(--surface-3);border-left:3px solid var(--cyan);border-radius:6px;margin-top:1rem;padding:1rem}.settlement-ledger-detail-notice.success{border-color:var(--cyan);background:#2a8c881a}.settlement-ledger-detail-notice strong{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.settlement-ledger-detail-notice p{color:var(--text);margin:0;font-size:.875rem}.settlement-ledger-difference-header{align-items:center;margin-bottom:1rem;display:flex}.settlement-ledger-completeness-score{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:2rem;display:flex}.settlement-ledger-completeness-score strong{color:var(--cyan);font-size:3rem;font-weight:700}.settlement-ledger-completeness-score span{color:var(--text-muted);font-size:.9375rem}.settlement-ledger-completeness-details{flex-direction:column;gap:1rem;display:flex}.settlement-ledger-completeness-details h4{color:var(--text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.settlement-ledger-completeness-item{background:var(--surface-3);border-radius:8px;padding:1rem}.settlement-ledger-completeness-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.settlement-ledger-completeness-item-header span{color:var(--text);font-size:.875rem;font-weight:500}.settlement-ledger-completeness-item-header strong{color:var(--cyan);font-size:.9375rem;font-weight:600}.settlement-ledger-completeness-item p{color:var(--text-muted);margin:0;font-size:.8125rem}.settlement-ledger-export-options{flex-direction:column;gap:.75rem;display:flex}.settlement-ledger-export-item{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:.375rem;padding:1rem;transition:all .2s;display:flex}.settlement-ledger-export-item:hover{background:var(--surface-4);border-color:var(--cyan);transform:translate(4px)}.settlement-ledger-export-item strong{color:var(--text);font-size:.9375rem;font-weight:600}.settlement-ledger-export-item span{color:var(--text-muted);font-size:.8125rem}@media (width<=1200px){.settlement-ledger-main{grid-template-columns:1fr}.settlement-ledger-sidebar{max-height:300px}.settlement-ledger-grid{grid-template-columns:1fr}}@media (width<=768px){.settlement-ledger-status-track{padding:1rem;overflow-x:auto}.settlement-ledger-detail-grid,.settlement-ledger-indicator-grid{grid-template-columns:1fr}}.reconciliation-workbench-page{background:#f8fbfa;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.reconciliation-header{border-bottom:2px solid #17324d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.reconciliation-header h1{color:#17324d;margin:0;font-size:1.75rem;font-weight:600}.reconciliation-actions{gap:.75rem;display:flex}.reconciliation-filter-btn,.reconciliation-batch-btn,.reconciliation-export-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s}.reconciliation-filter-btn:hover,.reconciliation-export-btn:hover{color:#fff;background:#17324d}.reconciliation-batch-btn{color:#fff;background:#2a8c88;border-color:#2a8c88}.reconciliation-batch-btn:hover:not(:disabled){background:#258277}.reconciliation-batch-btn:disabled{opacity:.4;cursor:not-allowed}.reconciliation-overview{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}.reconciliation-stat-card{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.reconciliation-stat-card span{color:#6b7077;font-size:.9rem}.reconciliation-stat-card strong{color:#17324d;font-size:1.5rem;font-weight:600}.reconciliation-stat-card small{color:#6b7077;font-size:.8rem}.reconciliation-progress-bar{background:#e7e3da;border-radius:4px;height:8px;margin-top:.25rem;overflow:hidden}.reconciliation-progress-bar>div{background:#2a8c88;border-radius:4px;height:100%;transition:width .3s}.reconciliation-filters{background:#fff;border:1px solid #d4cfc1;border-radius:6px;align-items:center;gap:.75rem;padding:1rem;display:flex}.reconciliation-search{border:1px solid #d4cfc1;border-radius:4px;flex:1;padding:.5rem .875rem;font-size:.9rem}.reconciliation-filters select{cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.9rem}.reconciliation-filters button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.reconciliation-filters button:hover{color:#fff;background:#17324d}.reconciliation-workbench{grid-template-columns:280px 1fr 320px;gap:1.5rem;min-height:600px;display:grid}.reconciliation-bills-lane{background:#fff;border:1px solid #d4cfc1;border-radius:6px;max-height:700px;padding:1.25rem;overflow-y:auto}.reconciliation-lane-group{margin-bottom:1.5rem}.reconciliation-lane-group h3{color:#17324d;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600;display:flex}.reconciliation-lane-list{flex-direction:column;gap:.5rem;display:flex}.reconciliation-bill-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-left-width:4px;border-radius:4px;flex-direction:column;gap:.375rem;padding:.875rem;font-size:.875rem;transition:all .2s;display:flex;position:relative}.reconciliation-bill-card:hover{transform:translate(4px);box-shadow:0 2px 6px #17324d1a}.reconciliation-bill-card.selected{background:#f3f6f4;border-left-color:#2a8c88;box-shadow:0 2px 8px #2a8c8826}.reconciliation-bill-card.pending,.reconciliation-bill-card.warning{border-left-color:#c18a2e}.reconciliation-bill-card.danger{border-left-color:#b54b3c}.reconciliation-bill-card.info{border-left-color:#72808a}.reconciliation-bill-card.success{border-left-color:#2a8c88}.reconciliation-bill-card input[type=checkbox]{cursor:pointer;position:absolute;top:.75rem;right:.75rem}.reconciliation-bill-card>div:first-of-type{align-items:center;gap:.5rem;display:flex}.reconciliation-bill-card strong{color:#17324d;font-weight:600}.reconciliation-alert-icon{color:#c18a2e;font-size:1rem}.reconciliation-bill-footer{color:#6b7077;font-size:.8rem}.reconciliation-view-all{color:#17324d;cursor:pointer;background:#f3f6f4;border:1px solid #d4cfc1;border-radius:4px;width:100%;margin-top:.5rem;padding:.5rem;font-size:.875rem;transition:all .2s}.reconciliation-view-all:hover{color:#fff;background:#17324d}.reconciliation-lane-footer{color:#6b7077;text-align:center;border-top:1px solid #e7e3da;margin-top:1rem;padding-top:1rem;font-size:.85rem}.reconciliation-verify-area{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:1.25rem;max-height:700px;padding:1.5rem;display:flex;overflow-y:auto}.reconciliation-bill-header{border-bottom:2px solid #c18a2e;padding-bottom:1rem}.reconciliation-bill-header strong{color:#17324d;margin-right:1.5rem;font-size:1.1rem}.reconciliation-bill-header span{color:#6b7077;margin-right:1rem;font-size:.9rem}.reconciliation-amount-comparison h4,.reconciliation-related-info h4,.reconciliation-materials h4,.reconciliation-opinions h4{color:#17324d;margin:0 0 .75rem;font-size:1rem;font-weight:600}.reconciliation-amount-comparison{background:#f3f6f4;border:1px solid #e7e3da;border-radius:6px;padding:1.25rem}.reconciliation-amount-comparison dl{grid-template-columns:repeat(2,1fr);gap:.875rem;margin:0;display:grid}.reconciliation-amount-comparison dt{color:#6b7077;margin-bottom:.25rem;font-size:.875rem}.reconciliation-amount-comparison dd{color:#17324d;margin:0;font-size:1.1rem;font-weight:600}.reconciliation-amount-comparison dd.danger{color:#b54b3c}.reconciliation-related-info{color:#6b7077;background:#f3f6f4;border-radius:6px;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;font-size:.9rem;display:grid}.reconciliation-related-info strong{color:#17324d;margin-left:.5rem}.reconciliation-materials{background:#f3f6f4;border-radius:6px;padding:1rem}.reconciliation-material-item{align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.reconciliation-material-item .checked{color:#2a8c88;font-size:1.1rem}.reconciliation-material-item .unchecked{color:#d4cfc1;font-size:1.1rem}.reconciliation-material-item small{color:#6b7077;margin-left:auto;font-size:.8rem}.reconciliation-material-progress{color:#6b7077;border-top:1px solid #e7e3da;margin-top:.75rem;padding-top:.75rem;font-size:.875rem}.reconciliation-mini-progress{background:#e7e3da;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.reconciliation-mini-progress>div{background:#2a8c88;border-radius:3px;height:100%;transition:width .3s}.reconciliation-opinions{background:#f3f6f4;border-radius:6px;padding:1rem}.reconciliation-opinion-item{background:#fff;border-left:3px solid #2a8c88;border-radius:4px;margin-bottom:.75rem;padding:.875rem}.reconciliation-opinion-item.pending{border-left-color:#c18a2e}.reconciliation-opinion-item strong{color:#17324d;font-size:.9rem}.reconciliation-opinion-item time{color:#6b7077;margin-left:1rem;font-size:.8rem}.reconciliation-opinion-item p{color:#17324d;margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.reconciliation-steps-panel{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:1.25rem;max-height:700px;padding:1.5rem;display:flex;overflow-y:auto}.reconciliation-steps-panel h3,.reconciliation-steps-panel h4{color:#17324d;margin:0 0 .75rem;font-size:1rem;font-weight:600}.reconciliation-steps{flex-direction:column;gap:1rem;display:flex}.reconciliation-step{align-items:flex-start;gap:.75rem;display:flex}.reconciliation-step-icon{color:#d4cfc1;flex-shrink:0;font-size:1.2rem;line-height:1}.reconciliation-step.completed .reconciliation-step-icon{color:#2a8c88}.reconciliation-step.current .reconciliation-step-icon{color:#c18a2e}.reconciliation-step strong{color:#17324d;margin-bottom:.375rem;font-size:.95rem;display:block}.reconciliation-step small{color:#6b7077;margin-left:.25rem;font-size:.8rem;display:block}.reconciliation-verify-actions{background:#f3f6f4;border-radius:6px;padding:1rem}.reconciliation-verify-actions button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;width:100%;margin-bottom:.5rem;padding:.625rem;font-size:.9rem;transition:all .2s}.reconciliation-verify-actions button:hover:not(:disabled){color:#fff;background:#17324d}.reconciliation-verify-actions button:disabled{opacity:.4;cursor:not-allowed}.reconciliation-deadline{text-align:center;background:#fff4e6;border:1px solid #c18a2e;border-radius:6px;padding:1rem}.reconciliation-deadline span{color:#6b7077;margin-right:.5rem;font-size:.875rem}.reconciliation-deadline strong{color:#c18a2e;font-size:1.1rem;font-weight:600}.reconciliation-step-opinions{background:#f3f6f4;border-radius:6px;padding:1rem}.reconciliation-step-opinion-box{background:#fff;border:1px solid #e7e3da;border-radius:4px;margin-bottom:.75rem;padding:.875rem}.reconciliation-step-opinion-box:last-child{margin-bottom:0}.reconciliation-step-opinion-box strong{color:#17324d;margin-bottom:.375rem;font-size:.875rem;display:block}.reconciliation-step-opinion-box p{color:#6b7077;margin:0;font-size:.85rem;line-height:1.5}.reconciliation-logs-panel{background:#fff;border:1px solid #d4cfc1;border-radius:6px;padding:1.5rem}.reconciliation-logs-panel h3{color:#17324d;border-bottom:1px solid #e7e3da;margin:0 0 1rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.reconciliation-timeline{flex-direction:column;gap:1.5rem;display:flex}.reconciliation-timeline-item{grid-template-columns:24px 1fr;gap:1rem;display:grid;position:relative}.reconciliation-timeline-dot{z-index:1;background:#2a8c88;border-radius:50%;width:12px;height:12px;margin-top:.25rem;position:relative}.reconciliation-timeline-item.warning .reconciliation-timeline-dot{background:#c18a2e}.reconciliation-timeline-item.success .reconciliation-timeline-dot{background:#2a8c88}.reconciliation-timeline-line{background:#e7e3da;width:2px;height:calc(100% + 1.5rem);position:absolute;top:18px;left:5px}.reconciliation-timeline-item>div:last-child{flex-direction:column;gap:.25rem;display:flex}.reconciliation-timeline-item time{color:#6b7077;font-size:.85rem}.reconciliation-timeline-item strong{color:#17324d;margin-right:1rem;font-size:.95rem}.reconciliation-timeline-item span{color:#6b7077;font-size:.875rem}.reconciliation-timeline-item p{color:#17324d;margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.reconciliation-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17324d99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reconciliation-modal{background:#fff;border:2px solid #17324d;border-radius:8px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 24px #17324d33}.reconciliation-modal.large{max-width:900px}.reconciliation-modal header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.reconciliation-modal h2{color:#17324d;margin:0;font-size:1.2rem}.reconciliation-modal header button{color:#6b7077;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.reconciliation-modal header button:hover{color:#17324d;background:#f3f6f4}.reconciliation-modal-content{padding:1.5rem}.reconciliation-modal-info{background:#f3f6f4;border-radius:6px;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:1.5rem;padding:1rem;display:grid}.reconciliation-modal-info div{align-items:baseline;gap:.5rem;display:flex}.reconciliation-modal-info dt{color:#6b7077;font-size:.875rem}.reconciliation-modal-info dd{color:#17324d;margin:0;font-size:.95rem;font-weight:500}.reconciliation-modal-info dd.danger{color:#b54b3c;font-weight:600}.reconciliation-modal-section{margin-bottom:1.5rem}.reconciliation-modal-section h4{color:#17324d;border-bottom:1px solid #e7e3da;margin:0 0 .875rem;padding-bottom:.5rem;font-size:1rem}.reconciliation-modal-field{color:#6b7077;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.875rem;font-size:.9rem;display:grid}.reconciliation-modal-section label{color:#17324d;flex-direction:column;gap:.5rem;margin-bottom:.875rem;font-size:.9rem;font-weight:500;display:flex}.reconciliation-modal-section input,.reconciliation-modal-section select,.reconciliation-modal-section textarea{border:1px solid #d4cfc1;border-radius:4px;padding:.625rem;font-family:inherit;font-size:.9rem}.reconciliation-modal-section textarea{resize:vertical;line-height:1.5}.reconciliation-modal-warning{color:#17324d;background:#fff4e6;border:1px solid #c18a2e;border-radius:4px;margin-top:1rem;padding:.875rem;font-size:.875rem}.reconciliation-modal-note{color:#6b7077;margin-top:.5rem;font-size:.85rem}.reconciliation-material-row{color:#17324d;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;display:flex}.reconciliation-batch-table{border-collapse:collapse;width:100%;font-size:.875rem}.reconciliation-batch-table th{text-align:left;color:#17324d;background:#f3f6f4;border-bottom:2px solid #c18a2e;padding:.625rem;font-weight:600}.reconciliation-batch-table td{color:#17324d;border-bottom:1px solid #e7e3da;padding:.625rem}.reconciliation-batch-table tr.total{background:#f3f6f4;font-weight:600}.reconciliation-batch-table tr.total td{border-bottom:2px solid #17324d}.reconciliation-modal footer{border-top:1px solid #e7e3da;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.reconciliation-modal footer button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.625rem 1.5rem;font-size:.9rem;transition:all .2s}.reconciliation-modal footer button:hover{color:#fff;background:#17324d}.reconciliation-modal footer button.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.reconciliation-modal footer button.primary:hover{background:#258277}.reconciliation-notice{color:#fff;z-index:999;background:#17324d;border-radius:6px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #17324d4d}.reconciliation-notice button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.2rem;transition:opacity .2s;display:flex}.reconciliation-notice button:hover{opacity:1}.voucher-archive-page{background:#f8fbfa;flex-direction:column;min-height:100vh;display:flex}.voucher-archive-header{background:#fff;border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.voucher-archive-header h1{color:#17324d;margin:0;font-size:28px;font-weight:600}.voucher-archive-actions{gap:12px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:16px;font-weight:500;transition:all .2s}.btn-secondary{color:#17324d;background:#f3f6f4;border:1px solid #d4d4d8}.btn-secondary:hover{background:#eaf0ee;border-color:#2a8c88}.btn-primary{color:#fff;background:#2a8c88;border:1px solid #2a8c88}.btn-primary:hover{background:#246f6c}.voucher-archive-main{flex:1;grid-template-columns:280px 1fr;gap:24px;padding:24px 32px;display:grid}.voucher-cycle-cabinet{background:#fff;border:1px solid #e7e3da;border-radius:12px;height:fit-content;max-height:calc(100vh - 180px);padding:20px;overflow-y:auto}.cabinet-section{margin-bottom:24px}.cabinet-section:last-child{margin-bottom:0}.cabinet-section h3{color:#72808a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.cycle-tree{flex-direction:column;gap:4px;display:flex}.cycle-node{flex-direction:column;display:flex}.cycle-title{cursor:pointer;color:#17324d;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.cycle-title:hover{background:#f8fbfa}.cycle-title.active{color:#2a8c88;background:#e5f5f4;font-weight:600}.cycle-children{flex-direction:column;gap:2px;margin-top:4px;margin-left:24px;display:flex}.cycle-child{cursor:pointer;color:#72808a;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.cycle-child:hover{color:#17324d;background:#f8fbfa}.cycle-child small{color:#a1a9b0;margin-left:auto;font-size:14px}.type-checkboxes{flex-direction:column;gap:8px;display:flex}.type-checkbox{cursor:pointer;color:#17324d;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.type-checkbox:hover{background:#f8fbfa}.type-checkbox input{cursor:pointer;margin:0}.type-checkbox span{flex:1}.type-checkbox small{color:#72808a;font-size:14px}.status-radios{flex-direction:column;gap:6px;display:flex}.status-radios label{cursor:pointer;color:#17324d;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.status-radios label:hover{background:#f8fbfa}.status-radios label.active{color:#2a8c88;background:#e5f5f4;font-weight:500}.status-radios input{cursor:pointer;margin:0}.status-radios span{flex:1}.status-radios small{color:#72808a;font-size:14px}.voucher-content{flex-direction:column;gap:20px;display:flex}.voucher-filters{background:#fff;border:1px solid #e7e3da;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.search-box{background:#f8fbfa;border:1px solid #d4d4d8;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:320px;padding:8px 12px;display:flex}.search-box svg{color:#72808a;flex-shrink:0}.search-box input{color:#17324d;background:0 0;border:none;outline:none;width:100%;font-size:14px}.voucher-filters select{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 12px;font-size:14px}.btn-reset{color:#17324d;cursor:pointer;background:#f3f6f4;border:1px solid #d4d4d8;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-reset:hover{background:#eaf0ee;border-color:#2a8c88}.view-switcher{gap:4px;margin-left:auto;display:flex}.view-switcher button{cursor:pointer;color:#72808a;background:0 0;border:1px solid #d4d4d8;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.view-switcher button:hover{color:#17324d;background:#f8fbfa}.view-switcher button.active{color:#fff;background:#2a8c88;border-color:#2a8c88}.voucher-display{background:#fff;border:1px solid #e7e3da;border-radius:12px;min-height:400px;padding:20px}.voucher-display.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.voucher-display.list{flex-direction:column;gap:8px;display:flex}.voucher-card{cursor:pointer;background:#f8fbfa;border:1.5px solid #e7e3da;border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:all .3s;display:flex}.voucher-card:hover{border-color:#2a8c88;transform:translateY(-2px);box-shadow:0 6px 16px #17324d1a}.card-badge{justify-content:space-between;align-items:center;display:flex}.badge-icon{color:#2a8c88;background:#fff;border:1px solid #e7e3da;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.badge-version{color:#fff;background:#17324d;border-radius:12px;padding:4px 8px;font-size:14px;font-weight:600}.card-type{color:#72808a;font-size:14px;font-weight:500}.card-title{color:#17324d;margin:0;font-size:14px;font-weight:600;line-height:1.3}.card-meta{color:#72808a;flex-direction:column;gap:4px;font-size:14px;display:flex}.card-status{text-align:center;border-radius:12px;margin-top:4px;padding:4px 10px;font-size:14px;font-weight:600}.card-status.success{color:#2a8c88;background:#e5f5f4}.card-status.pending,.card-status.gold{color:#c18a2e;background:#fff5f0}.card-status.danger{color:#b54b3c;background:#ffe8e5}.card-status.navy{color:#17324d;background:#e8eef5}.card-actions{border-top:1px solid #e7e3da;gap:6px;margin-top:auto;padding-top:8px;display:flex}.card-actions button{cursor:pointer;color:#17324d;background:#fff;border:1px solid #d4d4d8;border-radius:4px;flex:1;padding:6px 8px;font-size:14px;transition:all .2s}.card-actions button:hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.voucher-list-row{color:#17324d;background:#f8fbfa;border:1px solid #e7e3da;border-radius:8px;grid-template-columns:40px 2fr 1fr 80px 100px 120px 100px 200px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .2s;display:grid}.voucher-list-row:hover{background:#eaf0ee;border-color:#2a8c88}.file-icon{color:#2a8c88;justify-content:center;align-items:center;display:flex}.file-info{flex-direction:column;gap:4px;display:flex}.file-info strong{color:#17324d;font-size:14px;font-weight:600}.file-info small,.file-channel,.file-version,.file-uploader,.file-time{color:#72808a;font-size:14px}.file-status{text-align:center;border-radius:12px;padding:4px 10px;font-size:14px;font-weight:600}.file-actions{justify-content:flex-end;gap:6px;display:flex}.file-actions button{cursor:pointer;color:#17324d;background:#fff;border:1px solid #d4d4d8;border-radius:4px;padding:4px 10px;font-size:14px;transition:all .2s}.file-actions button:hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.voucher-empty{color:#72808a;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.voucher-empty svg{color:#d4d4d8;width:48px;height:48px}.voucher-pagination{background:#fff;border:1px solid #e7e3da;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.voucher-pagination button{cursor:pointer;color:#17324d;background:#f3f6f4;border:1px solid #d4d4d8;border-radius:6px;padding:6px 14px;font-size:14px;transition:all .2s}.voucher-pagination button:disabled{opacity:.5;cursor:not-allowed}.voucher-pagination button:not(:disabled):hover{color:#fff;background:#2a8c88;border-color:#2a8c88}.page-total{color:#72808a;font-size:14px}.completeness-panel{background:#fff;border:1px solid #e7e3da;border-radius:12px;padding:20px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.panel-actions{gap:8px;display:flex}.completeness-summary{background:#f8fbfa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;font-size:14px;display:flex}.completeness-summary strong{color:#17324d;font-weight:600}.completeness-summary span{border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:flex}.completeness-summary .complete{color:#2a8c88;background:#e5f5f4}.completeness-summary .incomplete{color:#c18a2e;background:#fff5f0}.completeness-summary.complete-all{color:#2a8c88;background:#e5f5f4;justify-content:center}.missing-list{margin-top:16px}.missing-list h3{color:#17324d;margin:0 0 12px;font-size:14px;font-weight:600}.missing-item{color:#17324d;gap:8px;padding:8px 0;font-size:14px;line-height:1.5;display:flex}.missing-item svg{color:#b54b3c;flex-shrink:0;margin-top:3px}.modal-backdrop{z-index:1000;background:#17324d80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-header{color:#fff;background:#17324d;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.btn-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.btn-close:hover{background:#fff3}.modal-footer{background:#f8fbfa;border-top:1px solid #e7e3da;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.preview-modal{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto}.preview-content{border-bottom:1px solid #e7e3da;grid-template-columns:280px 1fr;gap:24px;padding:24px;display:grid}.preview-meta{background:#f8fbfa;border-radius:8px;height:fit-content;padding:20px}.preview-meta h3{color:#17324d;margin:0 0 16px;font-size:14px;font-weight:600}.preview-meta dl{flex-direction:column;gap:12px;margin:0;display:flex}.preview-meta dt{color:#72808a;margin-bottom:4px;font-size:14px;font-weight:500}.preview-meta dd{color:#17324d;margin:0;font-size:14px}.status-badge{border-radius:12px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-block}.preview-display{justify-content:center;align-items:center;display:flex}.preview-frame{text-align:center;background:#f8fbfa;border:2px dashed #d4d4d8;border-radius:12px;width:100%;max-width:600px;padding:40px}.preview-frame svg{color:#2a8c88;width:64px;height:64px;margin-bottom:16px}.preview-frame h3{color:#17324d;margin:0 0 12px;font-size:16px;font-weight:600}.preview-frame p{color:#72808a;margin:6px 0;font-size:14px}.preview-summary{text-align:left;background:#fff;border:1px solid #e7e3da;border-radius:8px;margin-top:20px;padding:20px}.preview-summary h4{color:#17324d;margin:0 0 12px;font-size:14px;font-weight:600}.preview-summary ul{color:#17324d;margin:0;padding-left:20px;font-size:14px;line-height:1.8}.preview-summary small{color:#72808a;margin-top:12px;font-size:14px;font-style:italic;display:block}.preview-actions{gap:12px;margin-top:20px;display:flex}.version-chain,.operation-logs{border-bottom:1px solid #e7e3da;padding:24px}.version-chain h3,.operation-logs h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.version-timeline{background:#f8fbfa;border-radius:8px;gap:20px;padding:20px;display:flex;overflow-x:auto}.version-node{flex-direction:column;align-items:center;min-width:120px;display:flex;position:relative}.version-dot{z-index:1;background:#2a8c88;border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 2px #2a8c88}.version-node.current .version-dot{background:#c18a2e;box-shadow:0 0 0 2px #c18a2e}.version-line{background:#d4d4d8;width:120px;height:2px;position:absolute;top:8px;left:50%}.version-info{text-align:center;flex-direction:column;gap:4px;margin-top:12px;display:flex}.version-info strong{color:#17324d;font-size:14px}.version-info small{color:#72808a;font-size:14px}.version-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.btn-link{color:#2a8c88;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;text-decoration:underline}.btn-link:hover{color:#246f6c}.logs-list{flex-direction:column;gap:8px;display:flex}.log-item{color:#17324d;background:#f8fbfa;border-radius:6px;gap:16px;padding:12px;font-size:14px;display:flex}.log-time{color:#72808a;min-width:140px}.log-operator{min-width:80px;font-weight:500}.log-action{font-weight:600}.log-detail{color:#72808a}.upload-modal,.replace-modal,.check-modal{background:#fff;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.upload-steps{flex-direction:column;gap:24px;padding:24px;display:flex}.upload-step{background:#f8fbfa;border:1px solid #e7e3da;border-radius:8px;padding:20px}.upload-step h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.form-row label,.form-full{color:#17324d;flex-direction:column;gap:6px;font-size:14px;display:flex}.form-full{margin-bottom:16px}.form-row input,.form-row select,.form-full input,.form-full textarea{color:#17324d;background:#fff;border:1px solid #d4d4d8;border-radius:6px;padding:8px 12px;font-size:14px}.form-full textarea{resize:vertical;font-family:inherit}.upload-zone{margin:16px 0}.upload-area{cursor:pointer;background:#fff;border:2px dashed #d4d4d8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.upload-area:hover{background:#f8fbfa;border-color:#2a8c88}.upload-area svg{color:#2a8c88;width:48px;height:48px;margin-bottom:12px}.upload-area p{color:#17324d;margin:0;font-size:14px;font-weight:500}.upload-area small{color:#72808a;margin-top:4px;font-size:14px;display:block}.mock-upload{border-top:1px solid #e7e3da;margin-top:20px;padding-top:20px}.mock-upload p{color:#72808a;margin:0 0 12px;font-size:14px}.form-checkbox{color:#17324d;cursor:pointer;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.form-checkbox input{cursor:pointer;margin:0}.upload-check{background:#fff;border:1px solid #e7e3da;border-radius:8px;padding:20px}.upload-check h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.check-list{flex-direction:column;gap:8px;display:flex}.check-item{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.check-item.complete{color:#2a8c88;background:#e5f5f4}.check-item.incomplete{color:#c18a2e;background:#fff5f0}.check-item.optional{color:#72808a;background:#f8fbfa}.replace-modal{max-width:800px}.replace-warning{background:#fff5f0;border-left:4px solid #c18a2e;gap:12px;padding:16px 24px;display:flex}.replace-warning svg{color:#c18a2e;flex-shrink:0;margin-top:2px}.replace-warning p{color:#17324d;margin:0;font-size:14px;line-height:1.5}.replace-section{border-bottom:1px solid #e7e3da;padding:20px 24px}.replace-section h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.replace-info{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}.replace-info>div{flex-direction:column;gap:4px;display:flex}.replace-info dt{color:#72808a;font-size:14px}.replace-info dd{color:#17324d;margin:0;font-size:14px;font-weight:500}.upload-zone.small .upload-area{padding:30px 20px}.reason-types{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.reason-types label{cursor:pointer;color:#17324d;background:#f8fbfa;border:1px solid #d4d4d8;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .2s;display:flex}.reason-types label:hover{background:#eaf0ee;border-color:#2a8c88}.reason-types input:checked+span{font-weight:600}.impact-list{color:#17324d;margin:0;padding-left:20px;font-size:14px;line-height:2}.impact-list svg{vertical-align:middle;margin-right:8px}.replace-confirms{background:#f8fbfa;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.replace-confirms label{color:#17324d;cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.replace-confirms input{cursor:pointer;flex-shrink:0;margin-top:3px}.check-modal{max-width:1000px}.check-info{color:#72808a;background:#f8fbfa;border-bottom:1px solid #e7e3da;padding:16px 24px;font-size:14px}.check-summary,.check-details,.missing-section,.check-suggestions{border-bottom:1px solid #e7e3da;padding:24px}.check-summary h3,.check-details h3,.missing-section h3,.check-suggestions h3{color:#17324d;margin:0 0 16px;font-size:16px;font-weight:600}.progress-large{background:#eaf0ee;border-radius:16px;height:32px;margin-bottom:16px;position:relative;overflow:hidden}.progress-large .progress-fill{background:linear-gradient(90deg,#2a8c88 0%,#3da59f 100%);border-radius:16px;height:100%;transition:width .5s}.progress-large .progress-label{color:#17324d;z-index:1;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.summary-stats{gap:20px;font-size:14px;display:flex}.summary-stats .stat{align-items:center;gap:6px;display:flex}.summary-stats .stat.complete{color:#2a8c88}.summary-stats .stat.incomplete{color:#c18a2e}.summary-stats .stat.total{color:#17324d;font-weight:600}.detail-section{background:#f8fbfa;border-radius:8px;padding:16px}.detail-section h4{color:#17324d;margin:0 0 12px;font-size:14px;font-weight:600}.detail-types{flex-direction:column;gap:8px;margin:12px 0;display:flex}.detail-types strong{color:#72808a;margin-bottom:4px;font-size:14px;display:block}.detail-row{border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.detail-row.complete{color:#2a8c88;background:#e5f5f4}.detail-row.incomplete{color:#c18a2e;background:#fff5f0}.missing-note{color:#b54b3c;margin-left:auto;font-size:14px}.archive-status{color:#17324d;background:#fff;border-radius:6px;margin-top:12px;padding:12px;font-size:14px;font-weight:500}.missing-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.missing-table th{text-align:left;color:#72808a;background:#f8fbfa;border:1px solid #e7e3da;padding:10px;font-size:14px;font-weight:600}.missing-table td{color:#17324d;border:1px solid #e7e3da;padding:10px}.missing-table .overdue{color:#b54b3c;font-weight:600}.missing-actions{gap:12px;margin-top:16px;display:flex}.check-suggestions ul{color:#17324d;margin:0;padding-left:20px;font-size:14px;line-height:2}.check-suggestions ul svg{vertical-align:middle;margin-right:8px}.voucher-toast{color:#fff;z-index:1001;background:#17324d;border-radius:8px;padding:14px 24px;font-size:14px;animation:.3s slideIn;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 24px #17324d4d}.voucher-cycle-cabinet::-webkit-scrollbar{width:6px}.preview-modal::-webkit-scrollbar{width:6px}.upload-modal::-webkit-scrollbar{width:6px}.replace-modal::-webkit-scrollbar{width:6px}.check-modal::-webkit-scrollbar{width:6px}.voucher-cycle-cabinet::-webkit-scrollbar-track{background:#f8fbfa}.preview-modal::-webkit-scrollbar-track{background:#f8fbfa}.upload-modal::-webkit-scrollbar-track{background:#f8fbfa}.replace-modal::-webkit-scrollbar-track{background:#f8fbfa}.check-modal::-webkit-scrollbar-track{background:#f8fbfa}.voucher-cycle-cabinet::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.preview-modal::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.upload-modal::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.replace-modal::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.check-modal::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.voucher-cycle-cabinet::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.preview-modal::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.upload-modal::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.replace-modal::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.check-modal::-webkit-scrollbar-thumb:hover{background:#a1a9b0}.operation-metrics-page{--spacing-sm:8px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px;padding:var(--spacing-xl);background:#f8fafc;min-height:100vh}.operation-metrics-page .page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.operation-metrics-page .page-header h1{color:#17324d;margin:0;font-size:28px;font-weight:600}.operation-metrics-page .header-actions{gap:var(--spacing-md);align-items:center;display:flex}.operation-metrics-page .header-actions .update-time{color:#64748b;font-size:14px}.operation-metrics-page .header-actions button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.operation-metrics-page .export-button{color:#17324d;background:#fff;border:1px solid #d1d5db}.operation-metrics-page .export-button:hover{background:#f3f4f6;border-color:#2a8c88}.operation-metrics-page .refresh-button{color:#fff;background:#2a8c88;border:none}.operation-metrics-page .refresh-button:hover{background:#237a6f}.operation-metrics-page .filter-bar{gap:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid;box-shadow:0 1px 3px #0000001a}.operation-metrics-page .filter-bar select{color:#17324d;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 14px;font-size:14px}.operation-metrics-page .filter-bar select:focus{border-color:#2a8c88;outline:none;box-shadow:0 0 0 3px #2a8c881a}.operation-metrics-page .core-metrics-section{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.operation-metrics-page .metric-card{padding:var(--spacing-lg);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.operation-metrics-page .metric-card:hover{border-color:#2a8c88;transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.operation-metrics-page .metric-icon{margin-bottom:var(--spacing-sm);font-size:32px}.operation-metrics-page .metric-label{color:#64748b;margin-bottom:4px;font-size:14px}.operation-metrics-page .metric-value{color:#17324d;margin-bottom:var(--spacing-sm);font-size:28px;font-weight:700}.operation-metrics-page .metric-value .unit{margin-left:4px;font-size:16px;font-weight:500}.operation-metrics-page .metric-change{font-size:14px;font-weight:500}.operation-metrics-page .metric-change.up{color:#2a8c88}.operation-metrics-page .metric-change.down{color:#b54b3c}.operation-metrics-page .metric-change.stable{color:#64748b}.operation-metrics-page .trend-section{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.operation-metrics-page .trend-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.operation-metrics-page .trend-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.operation-metrics-page .trend-controls{gap:var(--spacing-md);align-items:center;display:flex}.operation-metrics-page .trend-chart{width:100%;height:300px;margin-bottom:var(--spacing-lg)}.operation-metrics-page .trend-actions{gap:var(--spacing-md);justify-content:center;display:flex}.operation-metrics-page .trend-actions button{color:#17324d;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.operation-metrics-page .trend-actions button:hover{color:#2a8c88;background:#f1f5f9;border-color:#2a8c88}.operation-metrics-page .analysis-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.operation-metrics-page .channel-section,.operation-metrics-page .benefit-section{padding:var(--spacing-xl);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.operation-metrics-page .section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.operation-metrics-page .section-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.operation-metrics-page .channel-list{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.operation-metrics-page .channel-item{padding:var(--spacing-md);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.operation-metrics-page .channel-item:hover{background:#f1f5f9}.operation-metrics-page .channel-info{flex:1}.operation-metrics-page .channel-rank{color:#64748b;margin-right:var(--spacing-md);font-size:18px;font-weight:700}.operation-metrics-page .channel-name{color:#17324d;margin-bottom:4px;font-size:16px;font-weight:600}.operation-metrics-page .channel-amount{color:#64748b;font-size:14px}.operation-metrics-page .channel-percentage{color:#2a8c88;margin-right:var(--spacing-sm);font-size:16px;font-weight:600}.operation-metrics-page .channel-bar{width:120px;height:8px;margin-right:var(--spacing-sm);background:#e2e8f0;border-radius:4px;overflow:hidden}.operation-metrics-page .channel-bar-fill{background:linear-gradient(90deg,#2a8c88,#38bdf8);height:100%;transition:width .3s}.operation-metrics-page .channel-detail-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.operation-metrics-page .channel-detail-btn:hover{color:#2a8c88;border-color:#2a8c88}.operation-metrics-page .benefit-chart-container{height:280px;margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:relative}.operation-metrics-page .benefit-chart{width:100%;height:100%}.operation-metrics-page .benefit-legend{gap:var(--spacing-sm);flex-direction:column;display:flex}.operation-metrics-page .legend-item{align-items:center;gap:var(--spacing-sm);font-size:14px;display:flex}.operation-metrics-page .legend-color{border-radius:4px;width:16px;height:16px}.operation-metrics-page .legend-label{color:#475569;flex:1}.operation-metrics-page .legend-value{color:#17324d;font-weight:600}.operation-metrics-page .settlement-section{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.operation-metrics-page .settlement-metrics{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.operation-metrics-page .settlement-metric{padding:var(--spacing-lg);background:#f8fafc;border-radius:8px}.operation-metrics-page .settlement-metric-label{color:#64748b;margin-bottom:var(--spacing-sm);font-size:14px}.operation-metrics-page .settlement-metric-value{color:#17324d;margin-bottom:4px;font-size:22px;font-weight:700}.operation-metrics-page .settlement-metric-action{color:#2a8c88;cursor:pointer;font-size:14px;text-decoration:underline}.operation-metrics-page .settlement-metric-action:hover{color:#237a6f}.operation-metrics-page .settlement-metric.warning .settlement-metric-value{color:#c18a2e}.operation-metrics-page .cost-chart-container{margin-bottom:var(--spacing-lg)}.operation-metrics-page .cost-chart{width:100%;height:250px}.operation-metrics-page .cost-actions{gap:var(--spacing-md);justify-content:center;display:flex}.operation-metrics-page .cost-actions button{color:#17324d;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.operation-metrics-page .cost-actions button:hover{color:#2a8c88;background:#f1f5f9;border-color:#2a8c88}.operation-metrics-page .modal-overlay{z-index:1000;padding:var(--spacing-xl);background:#17324d80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.operation-metrics-page .modal-dialog{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.operation-metrics-page .modal-header{padding:var(--spacing-xl);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;display:flex}.operation-metrics-page .modal-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.operation-metrics-page .modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:32px;height:32px;font-size:24px;transition:all .2s}.operation-metrics-page .modal-close:hover{color:#17324d;background:#f1f5f9}.operation-metrics-page .modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.operation-metrics-page .modal-section{margin-bottom:var(--spacing-xl)}.operation-metrics-page .modal-section:last-child{margin-bottom:0}.operation-metrics-page .modal-section h3{color:#17324d;margin:0 0 var(--spacing-md);font-size:16px;font-weight:600}.operation-metrics-page .modal-info-grid{gap:var(--spacing-md);padding:var(--spacing-lg);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(2,1fr);display:grid}.operation-metrics-page .modal-info-item{font-size:14px}.operation-metrics-page .modal-info-label{color:#64748b;margin-bottom:4px}.operation-metrics-page .modal-info-value{color:#17324d;font-weight:600}.operation-metrics-page .modal-chart{width:100%;height:200px;margin:var(--spacing-md) 0}.operation-metrics-page .modal-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.operation-metrics-page .modal-list-item{padding:var(--spacing-sm);background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;font-size:14px;display:flex}.operation-metrics-page .modal-list-label{color:#475569}.operation-metrics-page .modal-list-value{color:#17324d;font-weight:600}.operation-metrics-page .modal-list-bar{height:8px;margin:0 var(--spacing-sm);background:#e2e8f0;border-radius:4px;flex:1;overflow:hidden}.operation-metrics-page .modal-list-bar-fill{background:#2a8c88;height:100%}.operation-metrics-page .modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid #e2e8f0;display:flex}.operation-metrics-page .modal-footer button{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.operation-metrics-page .modal-footer .secondary-button{color:#17324d;background:#fff;border:1px solid #d1d5db}.operation-metrics-page .modal-footer .secondary-button:hover{background:#f3f4f6}.operation-metrics-page .modal-footer .primary-button{color:#fff;background:#2a8c88;border:none}.operation-metrics-page .modal-footer .primary-button:hover{background:#237a6f}.operation-metrics-page .drawer-overlay{z-index:1000;background:#17324d80;position:fixed;inset:0}.operation-metrics-page .drawer{z-index:1001;background:#fff;width:min(500px,90vw);height:100vh;animation:.3s ease-out slideIn;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 16px #0003}.operation-metrics-page .drawer-header{padding:var(--spacing-xl);z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.operation-metrics-page .drawer-header h2{color:#17324d;margin:0;font-size:18px;font-weight:600}.operation-metrics-page .drawer-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;width:32px;height:32px;font-size:24px;transition:all .2s}.operation-metrics-page .drawer-close:hover{color:#17324d;background:#f1f5f9}.operation-metrics-page .drawer-body{padding:var(--spacing-xl)}.operation-metrics-page .drawer-section{margin-bottom:var(--spacing-xl)}.operation-metrics-page .drawer-section:last-child{margin-bottom:0}.operation-metrics-page .drawer-section h3{color:#17324d;margin:0 0 var(--spacing-md);font-size:16px;font-weight:600}.operation-metrics-page .drawer-info-grid{gap:var(--spacing-md);padding:var(--spacing-lg);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(2,1fr);display:grid}.operation-metrics-page .drawer-info-item{font-size:14px}.operation-metrics-page .drawer-info-label{color:#64748b;margin-bottom:4px}.operation-metrics-page .drawer-info-value{color:#17324d;font-size:16px;font-weight:600}.operation-metrics-page .drawer-chart{width:100%;height:180px;margin:var(--spacing-md) 0}.operation-metrics-page .drawer-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.operation-metrics-page .drawer-list-item{padding:var(--spacing-sm);background:#f8fafc;border-radius:6px;justify-content:space-between;font-size:14px;display:flex}.operation-metrics-page .drawer-list-label{color:#475569}.operation-metrics-page .drawer-list-value{color:#17324d;font-weight:600}.operation-metrics-page .drawer-footer{padding:var(--spacing-xl);gap:var(--spacing-md);border-top:1px solid #e2e8f0;display:flex}.operation-metrics-page .drawer-footer button{cursor:pointer;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.operation-metrics-page .drawer-footer .secondary-button{color:#17324d;background:#fff;border:1px solid #d1d5db}.operation-metrics-page .drawer-footer .secondary-button:hover{background:#f3f4f6}.operation-metrics-page .drawer-footer .primary-button{color:#fff;background:#2a8c88;border:none}.operation-metrics-page .drawer-footer .primary-button:hover{background:#237a6f}@media (width<=1400px){.operation-metrics-page .core-metrics-section{grid-template-columns:repeat(3,1fr)}.operation-metrics-page .settlement-metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.operation-metrics-page .analysis-grid{grid-template-columns:1fr}.operation-metrics-page .core-metrics-section,.operation-metrics-page .filter-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.operation-metrics-page{padding:var(--spacing-md)}.operation-metrics-page .core-metrics-section,.operation-metrics-page .filter-bar,.operation-metrics-page .settlement-metrics{grid-template-columns:1fr}}.risk-rule-observation-page{background:#f5f7fa;min-height:100vh;padding:24px;line-height:1.6}.risk-rule-observation-page .page-header{margin-bottom:24px}.risk-rule-observation-page .page-header h1{color:#1a1a1a;margin:0;font-size:26px;font-weight:600}.risk-rule-observation-page .stats-overview{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}.risk-rule-observation-page .stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.risk-rule-observation-page .stat-label{color:#666;margin-bottom:8px;font-size:14px}.risk-rule-observation-page .stat-value{color:#1a1a1a;font-size:28px;font-weight:600}.risk-rule-observation-page .stat-time{font-size:14px;font-weight:400}.risk-rule-observation-page .filter-bar{background:#fff;border-radius:8px;gap:12px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.risk-rule-observation-page .filter-bar select,.risk-rule-observation-page .filter-bar input[type=text]{border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.risk-rule-observation-page .filter-bar select:focus,.risk-rule-observation-page .filter-bar input[type=text]:focus{border-color:#2a8c88}.risk-rule-observation-page .filter-bar input[type=text]{flex:1;min-width:200px}.risk-rule-observation-page .filter-bar button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.risk-rule-observation-page .filter-bar button:hover{background:#f5f5f5}.risk-rule-observation-page .filter-bar button.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.risk-rule-observation-page .filter-bar button.primary:hover{background:#247a76}.risk-rule-observation-page .main-content{grid-template-columns:1fr 1fr;gap:24px;display:grid}.risk-rule-observation-page .rules-section,.risk-rule-observation-page .triggers-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.risk-rule-observation-page .section-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.risk-rule-observation-page .section-header h2{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.risk-rule-observation-page .section-header .actions{gap:8px;display:flex}.risk-rule-observation-page .section-header button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.risk-rule-observation-page .section-header button:hover{background:#f5f5f5}.risk-rule-observation-page .section-header button.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.risk-rule-observation-page .section-header button.primary:hover{background:#247a76}.risk-rule-observation-page .rules-list,.risk-rule-observation-page .triggers-list{flex-direction:column;align-items:stretch;gap:12px;max-height:600px;padding-right:4px;display:flex;overflow-y:auto}.risk-rule-observation-page .rule-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex:none;height:auto;min-height:138px;margin:0;padding:16px;transition:all .2s;display:block;position:static;overflow:visible}.risk-rule-observation-page .rule-header{min-height:24px;margin:0 0 8px}.risk-rule-observation-page .rule-info,.risk-rule-observation-page .rule-meta{overflow-wrap:anywhere;min-height:20px;margin:0 0 8px;line-height:20px}.risk-rule-observation-page .rule-meta{color:#72808a;margin-bottom:0}.risk-rule-observation-page .rule-actions{flex-wrap:wrap;align-items:center;min-height:34px;margin:12px 0 0;position:static}.risk-rule-observation-page .rule-actions button{min-height:34px}.risk-rule-observation-page .rule-card:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.risk-rule-observation-page .rule-card.disabled{opacity:.6}.risk-rule-observation-page .rule-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.risk-rule-observation-page .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.risk-rule-observation-page .status-dot.active{background:#2a8c88}.risk-rule-observation-page .status-dot.inactive{background:#9ca3af}.risk-rule-observation-page .rule-name{color:#1a1a1a;flex:1;font-size:16px;font-weight:600}.risk-rule-observation-page .rule-status{border-radius:4px;padding:2px 8px;font-size:14px}.risk-rule-observation-page .rule-status.active{color:#2a8c88}.risk-rule-observation-page .rule-status.inactive{color:#9ca3af}.risk-rule-observation-page .rule-info,.risk-rule-observation-page .rule-meta{color:#666;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.risk-rule-observation-page .rule-actions{gap:8px;margin-top:12px;display:flex}.risk-rule-observation-page .rule-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.risk-rule-observation-page .rule-actions button:hover{background:#f5f5f5}.risk-rule-observation-page .trigger-filters{gap:12px;margin-bottom:16px;display:flex}.risk-rule-observation-page .trigger-filters select{border:1px solid #ddd;border-radius:6px;outline:none;padding:6px 12px;font-size:14px;transition:border-color .2s}.risk-rule-observation-page .trigger-filters select:focus{border-color:#2a8c88}.risk-rule-observation-page .trigger-card{background:#fafafa;border:1px solid #e0e0e0;border-left:4px solid;border-radius:8px;padding:16px;transition:all .2s}.risk-rule-observation-page .trigger-card:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.risk-rule-observation-page .trigger-card.risk-high{border-left-color:#b54b3c}.risk-rule-observation-page .trigger-card.risk-medium{border-left-color:#c18a2e}.risk-rule-observation-page .trigger-card.risk-low{border-left-color:#9ca3af}.risk-rule-observation-page .trigger-header{color:#666;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.risk-rule-observation-page .risk-badge{color:#fff;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}.risk-rule-observation-page .trigger-card.risk-high .risk-badge{background:#b54b3c}.risk-rule-observation-page .trigger-card.risk-medium .risk-badge{background:#c18a2e}.risk-rule-observation-page .trigger-card.risk-low .risk-badge{background:#9ca3af}.risk-rule-observation-page .trigger-time,.risk-rule-observation-page .batch-id{color:#666}.risk-rule-observation-page .trigger-info{margin-bottom:12px}.risk-rule-observation-page .trigger-rule{color:#1a1a1a;margin-bottom:6px;font-size:16px;font-weight:600}.risk-rule-observation-page .trigger-value{color:#444;margin-bottom:6px;font-size:14px}.risk-rule-observation-page .trigger-meta{color:#666;font-size:14px}.risk-rule-observation-page .trigger-assignee{color:#666;margin-top:6px;font-size:14px}.risk-rule-observation-page .trigger-actions{gap:8px;display:flex}.risk-rule-observation-page .trigger-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s}.risk-rule-observation-page .trigger-actions button:hover{background:#f5f5f5}.risk-rule-observation-page .trigger-actions button.danger{color:#b54b3c;border-color:#b54b3c}.risk-rule-observation-page .trigger-actions button.danger:hover{color:#fff;background:#b54b3c}.risk-rule-observation-page .pagination{text-align:center;color:#666;margin-top:16px;font-size:14px}.risk-rule-observation-page .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.risk-rule-observation-page .modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s slideIn;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.risk-rule-observation-page .modal-content.large{max-width:800px}.risk-rule-observation-page .modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.risk-rule-observation-page .modal-header h3{color:#1a1a1a;margin:0;font-size:20px;font-weight:600}.risk-rule-observation-page .close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.risk-rule-observation-page .close-btn:hover{color:#666;background:#f5f5f5}.risk-rule-observation-page .modal-body{flex:1;padding:24px;overflow-y:auto}.risk-rule-observation-page .modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.risk-rule-observation-page .modal-footer button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 20px;font-size:16px;transition:all .2s}.risk-rule-observation-page .modal-footer button:hover{background:#f5f5f5}.risk-rule-observation-page .modal-footer button.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.risk-rule-observation-page .modal-footer button.primary:hover{background:#247a76}.risk-rule-observation-page .modal-footer button.danger{color:#fff;background:#b54b3c;border-color:#b54b3c}.risk-rule-observation-page .modal-footer button.danger:hover{background:#a03d2e}.risk-rule-observation-page .modal-footer button:disabled{opacity:.5;cursor:not-allowed}.risk-rule-observation-page .detail-section{margin-bottom:24px}.risk-rule-observation-page .detail-section:last-child{margin-bottom:0}.risk-rule-observation-page .detail-section h4{color:#1a1a1a;border-bottom:1px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.risk-rule-observation-page .detail-row{gap:12px;padding:8px 0;display:flex}.risk-rule-observation-page .detail-label{color:#666;flex-shrink:0;min-width:120px;font-size:14px}.risk-rule-observation-page .detail-row>span:last-child{color:#1a1a1a;word-break:break-word;flex:1;font-size:14px}.risk-rule-observation-page .status-badge{border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.risk-rule-observation-page .status-badge.active{color:#2a8c88;background:#d4f4f0}.risk-rule-observation-page .status-badge.inactive{color:#666;background:#f0f0f0}.risk-rule-observation-page .status-badge.status-待处理{color:#92400e;background:#fef3c7}.risk-rule-observation-page .status-badge.status-处理中{color:#1e40af;background:#dbeafe}.risk-rule-observation-page .status-badge.status-已处理{color:#2a8c88;background:#d4f4f0}.risk-rule-observation-page .status-badge.status-已转异常{color:#991b1b;background:#fee2e2}.risk-rule-observation-page .history-list{flex-direction:column;gap:12px;display:flex}.risk-rule-observation-page .history-item{background:#f9fafb;border-radius:6px;gap:12px;padding:12px;font-size:14px;display:flex}.risk-rule-observation-page .history-time{color:#666;flex-shrink:0;min-width:140px}.risk-rule-observation-page .history-operator{color:#2a8c88;flex-shrink:0;min-width:80px;font-weight:600}.risk-rule-observation-page .history-detail{color:#1a1a1a;flex:1}.risk-rule-observation-page .form-section{margin-bottom:20px}.risk-rule-observation-page .form-section:last-child{margin-bottom:0}.risk-rule-observation-page .form-section label{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.risk-rule-observation-page .form-section input[type=text],.risk-rule-observation-page .form-section input[type=datetime-local],.risk-rule-observation-page .form-section select,.risk-rule-observation-page .form-section textarea{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.risk-rule-observation-page .form-section input:focus,.risk-rule-observation-page .form-section select:focus,.risk-rule-observation-page .form-section textarea:focus{border-color:#2a8c88}.risk-rule-observation-page .form-section textarea{resize:vertical;min-height:80px}.risk-rule-observation-page .checkbox-group{flex-wrap:wrap;gap:16px;display:flex}.risk-rule-observation-page .checkbox-group label{color:#1a1a1a;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.risk-rule-observation-page .checkbox-group input[type=checkbox]{cursor:pointer}.risk-rule-observation-page .radio-group{align-items:center;gap:20px;display:flex}.risk-rule-observation-page .radio-group.vertical{flex-direction:column;align-items:flex-start;gap:12px}.risk-rule-observation-page .radio-group label{color:#1a1a1a;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.risk-rule-observation-page .radio-group input[type=radio]{cursor:pointer}.risk-rule-observation-page .radio-group input[type=datetime-local]{border:1px solid #ddd;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:14px}.risk-rule-observation-page .info-box{color:#0c4a6e;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:16px;padding:12px;font-size:14px}.risk-rule-observation-page .warning-box{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.risk-rule-observation-page .timeline{padding-left:24px;position:relative}.risk-rule-observation-page .timeline:before{content:"";background:#e0e0e0;width:2px;position:absolute;top:8px;bottom:8px;left:6px}.risk-rule-observation-page .timeline-item{margin-bottom:20px;position:relative}.risk-rule-observation-page .timeline-item:last-child{margin-bottom:0}.risk-rule-observation-page .timeline-dot{background:#2a8c88;border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-21px;box-shadow:0 0 0 1px #2a8c88}.risk-rule-observation-page .timeline-content{padding-left:12px}.risk-rule-observation-page .timeline-time{color:#999;margin-bottom:4px;font-size:14px}.risk-rule-observation-page .timeline-action{color:#1a1a1a;margin-bottom:4px;font-size:14px;font-weight:600}.risk-rule-observation-page .timeline-detail{color:#666;font-size:14px}.risk-rule-observation-page .risk-badge.high{color:#991b1b;background:#fee2e2}.risk-rule-observation-page .risk-badge.medium{color:#92400e;background:#fef3c7}.risk-rule-observation-page .risk-badge.low{color:#4b5563;background:#f3f4f6}.report-archive-page{--navy:#17324d;--cyan:#2a8c88;--gold:#c18a2e;--danger:#b54b3c;--surface-1:#f8f9fa;--surface-2:#fff;--surface-3:#f3f4f6;--surface-4:#e5e7eb;--text:#1f2937;--text-muted:#6b7280;--border:#d1d5db;background:var(--surface-1);min-height:100vh;padding:clamp(1.5rem,3vw,2.5rem)}.report-archive-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.report-archive-header h1{color:var(--text);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.report-archive-header-actions{gap:.75rem;display:flex}.report-archive-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.report-archive-btn.primary{background:var(--cyan);color:#fff}.report-archive-btn.primary:hover{background:#258c83;transform:translateY(-1px);box-shadow:0 4px 12px #2a8c884d}.report-archive-btn.secondary{color:var(--text);border:1px solid var(--border);background:#fff}.report-archive-btn.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.report-archive-status-cards{grid-template-columns:repeat(4,1fr) 1.5fr;gap:1rem;margin-bottom:1.5rem;display:grid}.report-archive-status-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.report-archive-status-card span{color:var(--text-muted);font-size:.875rem}.report-archive-status-card strong{color:var(--text);font-size:1.75rem;font-weight:600}.report-archive-completion{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.report-archive-completion span{color:var(--text-muted);white-space:nowrap;font-size:.875rem}.report-archive-completion-bar{background:var(--surface-3);border-radius:6px;flex:1;height:12px;overflow:hidden}.report-archive-completion-fill{background:linear-gradient(90deg, var(--cyan) 0%, #34a89e 100%);border-radius:6px;height:100%;transition:width .8s ease-out}.report-archive-completion strong{color:var(--cyan);white-space:nowrap;font-size:1.125rem;font-weight:600}.report-archive-filters{border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.report-archive-type-tabs{gap:.5rem;display:flex}.report-archive-type-tabs button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.report-archive-type-tabs button:hover{border-color:var(--cyan);color:var(--cyan)}.report-archive-type-tabs button.active{background:var(--cyan);border-color:var(--cyan);color:#fff}.report-archive-search{flex:1;min-width:200px}.report-archive-search input{background:var(--surface-3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.5rem 1rem;font-size:.875rem}.report-archive-search input:focus{border-color:var(--cyan);background:#fff}.report-archive-filter-group{align-items:center;gap:.5rem;display:flex}.report-archive-filter-group label{color:var(--text-muted);font-size:.875rem}.report-archive-filter-group select{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem}.report-archive-filter-group select:hover{border-color:var(--cyan)}.report-archive-btn-text{color:var(--cyan);cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;transition:color .2s}.report-archive-btn-text:hover{color:#258c83}.report-archive-main{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}.report-archive-table-panel{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.report-archive-table{border-collapse:collapse;width:100%}.report-archive-table thead{background:var(--surface-3);border-bottom:1px solid var(--border)}.report-archive-table th{text-align:left;color:var(--text-muted);padding:1rem;font-size:.875rem;font-weight:600}.report-archive-table td{border-bottom:1px solid var(--border);color:var(--text);padding:1rem;font-size:.9375rem}.report-archive-table tbody tr:hover{background:var(--surface-3)}.report-archive-table-name{font-weight:500}.report-archive-table-period,.report-archive-table-time{color:var(--text-muted);font-size:.875rem}.report-archive-table-actions{gap:.5rem;display:flex}.report-archive-table-btn{background:var(--surface-3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:.375rem .875rem;font-size:.875rem;transition:all .2s}.report-archive-table-btn:hover{border-color:var(--cyan);color:var(--cyan)}.report-archive-table-btn.primary{background:var(--cyan);border-color:var(--cyan);color:#fff}.report-archive-table-btn.primary:hover{background:#258c83}.report-archive-badge{border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.report-archive-side{flex-direction:column;gap:1.5rem;display:flex}.report-archive-panel{border:1px solid var(--border);background:#fff;border-radius:12px;padding:1.25rem}.report-archive-panel h3{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-trend-chart{width:100%;height:auto}.report-archive-log-list{flex-direction:column;gap:1rem;display:flex}.report-archive-log-item{grid-template-columns:12px 1fr;gap:.75rem;display:grid;position:relative}.report-archive-log-dot{background:var(--cyan);border-radius:50%;width:8px;height:8px;margin-top:.375rem}.report-archive-log-content{flex-direction:column;gap:.25rem;display:flex}.report-archive-log-content time{color:var(--text-muted);font-size:.8125rem}.report-archive-log-content p{color:var(--text);margin:0;font-size:.875rem}.report-archive-log-content strong{font-weight:500}.report-archive-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.report-archive-modal{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden}.report-archive-modal.large{max-width:1000px}.report-archive-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.report-archive-modal-header h3{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.report-archive-modal-close{background:var(--surface-3);border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.report-archive-modal-close:hover{background:var(--surface-4);border-color:var(--cyan)}.report-archive-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.report-archive-modal-body::-webkit-scrollbar{width:8px}.report-archive-modal-body::-webkit-scrollbar-track{background:var(--surface-3);border-radius:4px}.report-archive-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.report-archive-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.report-archive-form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.report-archive-form-group label{color:var(--text);font-size:.9375rem;font-weight:500}.report-archive-form-group input,.report-archive-form-group textarea,.report-archive-form-group select{background:var(--surface-3);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:.625rem .875rem;font-size:.9375rem}.report-archive-form-group input:focus,.report-archive-form-group textarea:focus,.report-archive-form-group select:focus{border-color:var(--cyan);background:#fff}.report-archive-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.report-archive-radio-group{flex-wrap:wrap;gap:1.5rem;display:flex}.report-archive-radio-group label{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.report-archive-checkbox-group{flex-wrap:wrap;gap:1rem;display:flex}.report-archive-checkbox-group label{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.report-archive-content{flex-direction:column;gap:1.5rem;display:flex}.report-archive-content-section{flex-direction:column;gap:.75rem;display:flex}.report-archive-content-section h4{color:var(--text);margin:0;font-size:1rem;font-weight:600}.report-archive-content-section p{color:var(--text);margin:0;font-size:.9375rem;line-height:1.6}.report-archive-content-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.report-archive-content-item{flex-direction:column;gap:.25rem;display:flex}.report-archive-content-item span{color:var(--text-muted);font-size:.8125rem}.report-archive-content-item strong{color:var(--text);font-size:.9375rem;font-weight:500}.report-archive-content-divider{background:var(--border);height:1px;margin:.5rem 0}.report-archive-overview-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.report-archive-overview-card{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.report-archive-overview-card span{color:var(--text-muted);font-size:.8125rem}.report-archive-overview-card strong{color:var(--text);font-size:1.5rem;font-weight:600}.report-archive-comparison{border-left:3px solid var(--cyan);color:var(--text);background:#2a8c881a;border-radius:4px;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem}.report-archive-content-table{border-collapse:collapse;width:100%;margin-top:.5rem}.report-archive-content-table th{text-align:left;color:var(--text-muted);background:var(--surface-3);border-bottom:1px solid var(--border);padding:.75rem;font-size:.875rem;font-weight:600}.report-archive-content-table td{color:var(--text);border-bottom:1px solid var(--border);padding:.75rem;font-size:.9375rem}.report-archive-arrival-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.5rem;display:grid}.report-archive-arrival-item{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.report-archive-arrival-item span{color:var(--text-muted);font-size:.8125rem}.report-archive-arrival-item strong{color:var(--text);font-size:1.25rem;font-weight:600}.report-archive-arrival-item small{color:var(--text-muted);font-size:.8125rem}.report-archive-note{background:var(--surface-3);color:var(--text);border-radius:4px;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem}.report-archive-exception-list{margin:.5rem 0 0;padding-left:1.5rem;list-style:outside}.report-archive-exception-list li{color:var(--text);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.report-archive-settlement-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.5rem;display:grid}.report-archive-settlement-item{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.report-archive-settlement-item span{color:var(--text-muted);font-size:.8125rem}.report-archive-settlement-item strong{color:var(--text);font-size:1.25rem;font-weight:600}.report-archive-settlement-item strong.negative{color:var(--danger)}.report-archive-followup-list{margin:.5rem 0 0;padding-left:1.5rem;list-style:decimal}.report-archive-followup-list li{color:var(--text);margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.report-archive-review-info{margin-bottom:1.5rem}.report-archive-review-info h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-review-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.report-archive-review-info-item{flex-direction:column;gap:.25rem;display:flex}.report-archive-review-info-item span{color:var(--text-muted);font-size:.8125rem}.report-archive-review-info-item strong{color:var(--text);font-size:.9375rem;font-weight:500}.report-archive-review-submit-note{background:var(--surface-3);border-left:3px solid var(--cyan);border-radius:4px;margin-top:1rem;padding:.75rem 1rem}.report-archive-review-submit-note strong{color:var(--text);margin-bottom:.5rem;font-size:.875rem;display:block}.report-archive-review-submit-note p{color:var(--text);margin:0;font-size:.875rem}.report-archive-archive-check{margin-bottom:1.5rem}.report-archive-archive-check h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-archive-check-list{flex-direction:column;gap:.75rem;display:flex}.report-archive-archive-check-item{background:var(--surface-3);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.report-archive-archive-check-item.pass{border-left:3px solid var(--cyan)}.report-archive-archive-check-item span{color:var(--cyan);font-size:1rem;font-weight:600}.report-archive-archive-check-item p{color:var(--text);margin:0;font-size:.9375rem}.report-archive-archive-info{margin-bottom:1.5rem}.report-archive-archive-info h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-archive-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.report-archive-archive-info-item{flex-direction:column;gap:.25rem;display:flex}.report-archive-archive-info-item span{color:var(--text-muted);font-size:.8125rem}.report-archive-archive-info-item strong{color:var(--text);font-size:.9375rem;font-weight:500}.report-archive-warning{border:1px solid var(--gold);color:var(--text);background:#c18a2e1a;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.report-archive-version-section{margin-bottom:1.5rem}.report-archive-version-section h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-version-list{flex-direction:column;gap:1.5rem;display:flex}.report-archive-version-item{grid-template-columns:24px 1fr;gap:.75rem;display:grid;position:relative}.report-archive-version-dot{z-index:1;border-radius:50%;width:12px;height:12px;margin-top:.25rem}.report-archive-version-line{background:var(--border);width:2px;height:calc(100% + 1.5rem);position:absolute;top:20px;left:5px}.report-archive-version-content{flex-direction:column;gap:.375rem;display:flex}.report-archive-version-header{align-items:center;gap:.75rem;display:flex}.report-archive-version-header strong{color:var(--text);font-size:.9375rem;font-weight:600}.report-archive-version-content time{color:var(--text-muted);font-size:.8125rem}.report-archive-version-content p{color:var(--text);margin:0;font-size:.875rem}.report-archive-version-note{color:var(--text-muted)}.report-archive-version-actions{gap:1rem;margin-top:.5rem;display:flex}.report-archive-btn-link{color:var(--cyan);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline}.report-archive-btn-link:hover{color:#258c83}.report-archive-download-section{border-top:1px solid var(--border);padding-top:1.5rem}.report-archive-download-section h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-download-list{flex-direction:column;gap:.5rem;display:flex}.report-archive-download-item{color:var(--text-muted);gap:.5rem;font-size:.875rem;display:flex}.report-archive-export-info{background:var(--surface-3);color:var(--text-muted);border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.report-archive-management-stats{margin-bottom:1.5rem}.report-archive-management-stats h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-management-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.report-archive-management-card{background:var(--surface-3);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.report-archive-management-card span{color:var(--text-muted);font-size:.8125rem}.report-archive-management-card strong{color:var(--text);font-size:1.5rem;font-weight:600}.report-archive-management-distribution{margin-bottom:1.5rem}.report-archive-management-distribution h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-management-distribution-items{gap:2rem;display:flex}.report-archive-management-distribution-item{flex-direction:column;gap:.375rem;display:flex}.report-archive-management-distribution-item span{color:var(--text-muted);font-size:.875rem}.report-archive-management-distribution-item strong{color:var(--text);font-size:1.125rem;font-weight:600}.report-archive-management-actions{margin-bottom:1.5rem}.report-archive-management-actions h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-management-action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.report-archive-management-action-btn{background:var(--surface-3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;transition:all .2s}.report-archive-management-action-btn:hover{border-color:var(--cyan);color:var(--cyan);transform:translate(4px)}.report-archive-management-tree{margin-bottom:1.5rem}.report-archive-management-tree h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-tree{flex-direction:column;gap:.375rem;display:flex}.report-archive-tree-item{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.report-archive-tree-item.level-1{padding-left:1.5rem}.report-archive-tree-item.level-2{padding-left:3rem}.report-archive-tree-item.level-3{padding-left:4.5rem}.report-archive-tree-icon{font-size:1rem}.report-archive-management-check h4{color:var(--text);margin:0 0 1rem;font-size:1rem;font-weight:600}.report-archive-management-check-list{flex-direction:column;gap:.75rem;display:flex}.report-archive-management-check-item{background:var(--surface-3);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.875rem;display:flex}.report-archive-management-check-item.pass{border-left:3px solid var(--cyan)}.report-archive-management-check-item span{color:var(--cyan);font-size:1rem;font-weight:600}.report-archive-management-check-item p{color:var(--text);margin:0;font-size:.9375rem}@media (width<=1400px){.report-archive-main{grid-template-columns:1fr}.report-archive-status-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.report-archive-overview-cards,.report-archive-arrival-grid,.report-archive-settlement-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.report-archive-status-cards{grid-template-columns:1fr}.report-archive-filters{flex-direction:column;align-items:stretch}.report-archive-type-tabs{flex-wrap:wrap}.report-archive-content-grid,.report-archive-overview-cards,.report-archive-arrival-grid,.report-archive-settlement-grid{grid-template-columns:1fr}}.permission-config-page{background:#f8fbfa;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.permission-header{border-bottom:2px solid #17324d;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.permission-header h1{color:#17324d;margin:0;font-size:1.75rem;font-weight:600}.permission-header-actions{gap:.75rem;display:flex}.permission-export-btn,.permission-add-user-btn{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s}.permission-export-btn:hover{color:#fff;background:#17324d}.permission-add-user-btn{color:#fff;background:#2a8c88;border-color:#2a8c88}.permission-add-user-btn:hover{background:#258277}.permission-overview{grid-template-columns:repeat(5,1fr);gap:1.25rem;display:grid}.permission-stat-card{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.permission-stat-card span{color:#6b7077;font-size:.9rem}.permission-stat-card strong{color:#17324d;font-size:1.5rem;font-weight:600}.permission-stat-card small{color:#6b7077;font-size:.8rem}.permission-workarea{grid-template-columns:380px 1fr;gap:1.5rem;min-height:600px;display:grid}.permission-user-directory{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:1rem;max-height:750px;padding:1.25rem;display:flex;overflow-y:auto}.permission-directory-header{border-bottom:2px solid #17324d;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.permission-directory-header h2{color:#17324d;margin:0;font-size:1.1rem;font-weight:600}.permission-directory-filters{flex-direction:column;gap:.5rem;display:flex}.permission-search-input{border:1px solid #d4cfc1;border-radius:4px;width:100%;padding:.5rem .875rem;font-size:.9rem}.permission-directory-filters select{cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.9rem}.permission-user-list{flex-direction:column;flex:1;gap:.75rem;display:flex}.permission-user-card{background:#fff;border:1px solid #d4cfc1;border-left:4px solid #2a8c88;border-radius:4px;flex-direction:column;gap:.5rem;padding:.875rem;transition:all .2s;display:flex;position:relative}.permission-user-card:hover{transform:translate(4px);box-shadow:0 2px 6px #17324d1a}.permission-user-card.selected{background:#f3f6f4;box-shadow:0 2px 8px #2a8c8826}.permission-user-card.disabled{opacity:.6;border-left-color:#72808a}.permission-user-card>input[type=checkbox]{cursor:pointer;position:absolute;top:.75rem;right:.75rem}.permission-user-card-content{flex-direction:column;gap:.375rem;padding-right:1.5rem;font-size:.875rem;display:flex}.permission-user-card-header{align-items:center;gap:.5rem;display:flex}.permission-user-card-header strong{color:#17324d;font-size:.95rem;font-weight:600}.permission-user-dept,.permission-user-role{color:#6b7077;background:#e7e3da;border-radius:3px;padding:.125rem .375rem;font-size:.8rem}.permission-user-card-info,.permission-user-card-auth,.permission-user-card-activity{color:#6b7077;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.permission-user-card-info .status-active{color:#2a8c88;font-weight:600}.permission-user-card-info .status-disabled{color:#b54b3c;font-weight:600}.permission-user-card-actions{gap:.5rem;margin-top:.25rem;display:flex}.permission-user-card-actions button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:3px;flex:1;padding:.375rem;font-size:.8rem;transition:all .2s}.permission-user-card-actions button:hover{color:#fff;background:#17324d}.permission-user-card-actions button.danger-btn{color:#b54b3c;border-color:#b54b3c}.permission-user-card-actions button.danger-btn:hover{color:#fff;background:#b54b3c}.permission-directory-footer{color:#6b7077;text-align:center;border-top:1px solid #e7e3da;padding-top:.75rem;font-size:.85rem}.permission-role-matrix{background:#fff;border:1px solid #d4cfc1;border-radius:6px;flex-direction:column;gap:1.5rem;max-height:750px;padding:1.5rem;display:flex;overflow-y:auto}.permission-matrix-header{border-bottom:2px solid #17324d;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.permission-matrix-header h2{color:#17324d;margin:0;font-size:1.1rem;font-weight:600}.permission-matrix-header select{cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.9rem}.permission-matrix-content{flex-direction:column;gap:1.5rem;display:flex}.permission-matrix-section h3{color:#17324d;margin:0 0 .75rem;font-size:1rem;font-weight:600}.permission-matrix-table{flex-direction:column;gap:.25rem;display:flex}.permission-matrix-row{border-radius:3px;grid-template-columns:2fr repeat(5,.7fr);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:grid}.permission-matrix-row.header{color:#17324d;background:#f3f6f4;border-top:2px solid #17324d;border-bottom:1px solid #c18a2e;font-weight:600}.permission-matrix-row:not(.header){color:#6b7077;background:#fff;border:1px solid #e7e3da}.permission-matrix-row:not(.header):hover{background:#f8fbfa}.permission-matrix-row span:first-child{color:#17324d;font-weight:500}.permission-scope-options{background:#f3f6f4;border-radius:4px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.permission-scope-options label{color:#17324d;cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.permission-scope-options input[type=checkbox]{cursor:pointer;width:16px;height:16px}.permission-matrix-actions{border-top:1px solid #e7e3da;justify-content:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.permission-matrix-actions button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s}.permission-matrix-actions button:hover{color:#fff;background:#17324d}.permission-workflow-section{border-top:2px solid #e7e3da;padding-top:1rem}.permission-workflow-section h3{color:#17324d;margin:0 0 .75rem;font-size:1rem;font-weight:600}.permission-workflow-table{flex-direction:column;gap:.25rem;display:flex}.permission-workflow-row{border-radius:3px;grid-template-columns:1.2fr 1fr 1.5fr;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:grid}.permission-workflow-row.header{color:#17324d;background:#f3f6f4;border-top:2px solid #17324d;border-bottom:1px solid #c18a2e;font-weight:600}.permission-workflow-row:not(.header){color:#6b7077;background:#fff;border:1px solid #e7e3da}.permission-dict-section{background:#fff;border:1px solid #d4cfc1;border-radius:6px;padding:1.5rem}.permission-dict-section h2{color:#17324d;border-bottom:2px solid #17324d;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.permission-dict-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.permission-dict-tabs button{color:#6b7077;cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.permission-dict-tabs button:hover{background:#f3f6f4;border-color:#17324d}.permission-dict-tabs button.active{color:#fff;background:#17324d;border-color:#17324d}.permission-dict-list{flex-wrap:wrap;gap:.75rem;display:flex}.permission-dict-item{background:#f8fbfa;border:1px solid #d4cfc1;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.9rem;display:flex}.permission-dict-status{font-size:.7rem}.permission-dict-status.enabled{color:#2a8c88}.permission-dict-status.disabled{color:#72808a}.permission-dict-label{color:#17324d;font-weight:500}.permission-dict-toggle,.permission-dict-sort{color:#6b7077;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.permission-dict-toggle:hover,.permission-dict-sort:hover{color:#17324d}.permission-logs-section{background:#fff;border:1px solid #d4cfc1;border-radius:6px;padding:1.5rem}.permission-logs-section h2{color:#17324d;border-bottom:2px solid #17324d;margin:0 0 1rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.permission-logs-filters{gap:.75rem;margin-bottom:1rem;display:flex}.permission-logs-filters input{flex:1}.permission-logs-filters select{cursor:pointer;background:#fff;border:1px solid #d4cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.9rem}.permission-logs-list{flex-direction:column;gap:.5rem;display:flex}.permission-log-item{background:#fff;border:1px solid #e7e3da;border-radius:4px;grid-template-columns:1.5fr 1fr 1.2fr 1.5fr .8fr;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;transition:all .2s;display:grid}.permission-log-item:hover{background:#f3f6f4;box-shadow:0 2px 4px #17324d0d}.permission-log-time{color:#6b7077;font-size:.85rem}.permission-log-operator,.permission-log-type,.permission-log-module{color:#17324d}.permission-log-detail-btn{color:#17324d;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #17324d;border-radius:3px;padding:.375rem .75rem;font-size:.8rem;transition:all .2s}.permission-log-detail-btn:hover{color:#fff;background:#17324d}.permission-logs-footer{color:#6b7077;text-align:center;border-top:1px solid #e7e3da;margin-top:1rem;padding-top:1rem;font-size:.85rem}.permission-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17324d99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.permission-modal{background:#fff;border:2px solid #17324d;border-radius:8px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 24px #17324d33}.permission-modal.small{max-width:500px}.permission-modal.large{max-width:900px}.permission-modal header{border-bottom:1px solid #e7e3da;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.permission-modal h2{color:#17324d;margin:0;font-size:1.2rem}.permission-modal header button{color:#6b7077;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.5rem;transition:all .2s;display:flex}.permission-modal header button:hover{color:#17324d;background:#f3f6f4}.permission-modal-content{padding:1.5rem}.permission-form-section{margin-bottom:1.5rem}.permission-form-section h4{color:#17324d;border-bottom:1px solid #e7e3da;margin:0 0 .875rem;padding-bottom:.5rem;font-size:1rem}.permission-form-section label{color:#17324d;flex-direction:column;gap:.5rem;margin-bottom:.875rem;font-size:.9rem;font-weight:500;display:flex}.permission-form-section input[type=text],.permission-form-section select,.permission-form-section textarea{border:1px solid #d4cfc1;border-radius:4px;padding:.625rem;font-family:inherit;font-size:.9rem}.permission-form-section input:disabled{color:#72808a;cursor:not-allowed;background:#f3f6f4}.permission-form-section textarea{resize:vertical;line-height:1.5}.permission-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.permission-form-radio-group{background:#f3f6f4;border-radius:4px;align-items:center;gap:1rem;padding:.75rem;display:flex}.permission-form-radio-group>span{color:#17324d;font-weight:600}.permission-form-radio-group label{cursor:pointer;flex-direction:row;margin:0}.permission-form-radio-group input[type=radio]{cursor:pointer;width:16px;height:16px}.permission-checkbox-group{background:#f3f6f4;border-radius:4px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.permission-checkbox-group>span{color:#17324d;width:100%;font-weight:600}.permission-checkbox-group label{cursor:pointer;flex-direction:row;margin:0;font-weight:400}.permission-checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px}.permission-modal-warning{color:#17324d;background:#fff4e6;border:1px solid #c18a2e;border-radius:4px;margin-top:1rem;padding:.875rem;font-size:.875rem}.permission-modal-note{color:#6b7077;margin-top:1rem;font-size:.85rem;line-height:1.6}.permission-confirm-info{background:#f3f6f4;border-radius:6px;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:1rem;padding:1rem;display:grid}.permission-confirm-info>div{flex-direction:column;gap:.375rem;display:flex}.permission-confirm-info span{color:#6b7077;font-size:.875rem}.permission-confirm-info strong{color:#17324d;font-size:.95rem;font-weight:600}.permission-confirm-info strong.danger{color:#b54b3c}.permission-matrix-modal-table{flex-direction:column;gap:.25rem;max-height:300px;display:flex;overflow-y:auto}.permission-matrix-modal-row{border-radius:3px;grid-template-columns:1.5fr repeat(7,.6fr);align-items:center;gap:.5rem;padding:.5rem;font-size:.85rem;display:grid}.permission-matrix-modal-row.header{color:#17324d;z-index:1;background:#f3f6f4;font-weight:600;position:sticky;top:0}.permission-matrix-modal-row:not(.header){background:#fff;border:1px solid #e7e3da}.permission-matrix-modal-row input[type=checkbox]{width:14px;height:14px}.permission-log-detail-section{margin-bottom:1.5rem}.permission-log-detail-section h4{color:#17324d;border-bottom:1px solid #e7e3da;margin:0 0 .875rem;padding-bottom:.5rem;font-size:1rem}.permission-log-detail-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;display:grid}.permission-log-detail-grid>div{background:#f3f6f4;border-radius:4px;flex-direction:column;gap:.375rem;padding:.75rem;display:flex}.permission-log-detail-grid span{color:#6b7077;font-size:.875rem}.permission-log-detail-grid strong{color:#17324d;font-size:.95rem}.permission-log-detail-state{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.permission-log-detail-state>div{flex-direction:column;gap:.5rem;display:flex}.permission-log-detail-state span{color:#6b7077;font-size:.875rem;font-weight:600}.permission-log-detail-state pre{color:#17324d;white-space:pre-wrap;word-wrap:break-word;background:#f3f6f4;border:1px solid #e7e3da;border-radius:4px;margin:0;padding:.75rem;font-size:.85rem;line-height:1.6}.permission-log-detail-section p{color:#17324d;background:#f3f6f4;border-radius:4px;margin:0;padding:.75rem;font-size:.9rem;line-height:1.6}.permission-log-result{color:#2a8c88;font-weight:600}.permission-modal footer{border-top:1px solid #e7e3da;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.permission-modal footer button{color:#17324d;cursor:pointer;background:#fff;border:1px solid #17324d;border-radius:4px;padding:.625rem 1.5rem;font-size:.9rem;transition:all .2s}.permission-modal footer button:hover{color:#fff;background:#17324d}.permission-modal footer button.primary{color:#fff;background:#2a8c88;border-color:#2a8c88}.permission-modal footer button.primary:hover{background:#258277}.permission-modal footer button.primary.danger{background:#b54b3c;border-color:#b54b3c}.permission-modal footer button.primary.danger:hover{background:#9a3f31}.permission-notice{color:#fff;z-index:999;background:#17324d;border-radius:6px;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #17324d4d}.permission-notice button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.2rem;transition:opacity .2s;display:flex}.permission-notice button:hover{opacity:1}:root{color:#202b33;font-synthesis:none;background:#f3f6f4;font-family:Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#f3f6f4;min-width:1180px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.icon{flex:none;display:block}.login-page{background:#f3f6f4;place-items:center;min-height:100vh;padding:46px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";background-image:linear-gradient(#72808a12 1px,#0000 1px),linear-gradient(90deg,#72808a12 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0%,#0000 67%);mask-image:linear-gradient(90deg,#000 0%,#0000 67%)}.login-ledger-art{z-index:0;width:min(67vw,1000px);height:min(72vh,760px);position:absolute;top:50%;left:-5vw;transform:translateY(-50%)}.login-panel{z-index:1;background:#fffffff0;border:1px solid #d9dfe0;border-radius:7px;width:560px;min-height:604px;margin-left:min(29vw,570px);padding:58px 82px 48px;position:relative;box-shadow:0 18px 46px #17324d1c}.ledger-rule{border-top:3px solid #17324d;height:10px;margin-bottom:49px;position:relative}.ledger-rule span{background:#c18a2e;border-radius:2px;width:84px;height:7px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.login-heading{color:#17324d;justify-content:center;align-items:center;gap:12px;margin-bottom:42px;display:flex}.login-heading h1{letter-spacing:1px;margin:0;font-size:29px;font-weight:700;line-height:1.3}.login-emblem{color:#2a8c88;border:1px solid #2a8c886b;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.field-label{color:#68757c;margin:0 0 8px;font-size:14px;display:block}.input-shell{color:#72808a;background:#fff;border:1px solid #cbd2d5;border-radius:4px;align-items:center;gap:13px;height:57px;margin-bottom:23px;padding:0 14px;transition:all .2s;display:flex}.input-shell:focus-within{border-color:#17324d;box-shadow:0 0 0 3px #17324d14}.input-shell input{color:#202b33;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.icon-button,.plain-icon,.top-icon,.close-button{color:inherit;background:0 0;border:0;place-items:center;padding:6px;display:grid}.form-error{color:#b54b3c;align-items:center;gap:6px;margin:-11px 0 16px;font-size:14px;display:flex}.remember{color:#354658;cursor:pointer;align-items:center;gap:9px;margin:1px 0 28px;font-size:16px;display:inline-flex}.remember input{accent-color:#17324d;width:19px;height:19px}.primary-button{color:#fff;background:#17324d;border:1px solid #17324d;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 17px;font-size:14px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary-button:hover{background:#244a70}.primary-button:active{transform:translateY(1px)}.secondary-button{color:#17324d;background:#fff;border:1px solid #bdc7cb;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 13px;font-size:14px;display:inline-flex}.secondary-button:hover{background:#f3f6f4;border-color:#17324d}.login-submit{width:100%;height:58px;font-size:17px}.login-security{color:#68757c;align-items:center;gap:8px;margin:0;padding-top:34px;font-size:14px;line-height:1.6;display:flex}.login-security .icon{color:#72808a}.modal-backdrop{z-index:20;background:#17324d52;place-items:center;display:grid;position:fixed;inset:0}.puzzle-modal{background:#fff;border-radius:7px;width:430px;padding:22px 24px 24px;box-shadow:0 18px 60px #17324d47}.modal-title{color:#17324d;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;display:flex}.modal-title>div{align-items:center;gap:8px;display:flex}.close-button{color:#68757c;font-size:29px;line-height:1}.puzzle-modal>p{color:#68757c;margin:13px 0 16px;font-size:15px}.puzzle-stage{background:#eaf0ee;border:1px solid #cbd2d5;border-radius:4px;height:174px;overflow:hidden}.puzzle-stage svg{width:100%;height:100%;display:block}.slider-wrap{--slider-offset:0px;background:#f3f6f4;border:1px solid #cbd2d5;border-radius:4px;align-items:center;height:46px;margin:15px 0 11px;display:flex;position:relative;overflow:hidden}.slider-wrap input{z-index:2;opacity:0;cursor:ew-resize;width:100%;position:absolute;inset:0}.slider-wrap:before{content:"";width:44px;height:44px;transform:translateX(var(--slider-offset));background:#17324d;border:1px solid #17324d;border-radius:3px;transition:transform 40ms linear;position:absolute;top:0;left:0}.slider-wrap:after{content:"›";color:#fff;transform:translateX(var(--slider-offset));font-size:30px;transition:transform 40ms linear;position:absolute;top:2px;left:16px}.slider-hint{color:#72808a;text-align:center;pointer-events:none;width:100%;padding-left:44px;font-size:14px}.captcha-notice{color:#b54b3c;align-items:center;gap:6px;min-height:22px;margin:0 0 12px;font-size:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.puzzle-stage{background:#eaf0ee;border:1px solid #cbd2d5;border-radius:4px;width:320px;height:142px;margin:0 auto;overflow:hidden}.puzzle-stage svg{width:320px;height:142px}.slider-wrap{width:320px;margin:15px auto 11px}.slider-wrap input{width:264px;inset:0 auto 0 0}.overview-backdrop{z-index:40;padding:24px;overflow-y:auto}.overview-dialog{background:#fff;border:1px solid #d6dedd;border-radius:7px;width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 22px 68px #17324d47}.overview-dialog-header{border-bottom:1px solid #e4e9e8;justify-content:space-between;align-items:center;min-height:84px;padding:17px 23px;display:flex}.overview-dialog-header>div{align-items:center;gap:12px;display:flex}.overview-dialog-header p{color:#72808a;margin:0 0 5px;font-size:14px}.overview-dialog-header h2{color:#17324d;margin:0;font-size:21px;line-height:1.35}.dialog-icon{color:#fff;background:#17324d;border-radius:4px;place-items:center;width:39px;height:39px;display:grid}.dialog-icon.cyan{background:#2a8c88}.dialog-icon.gold{background:#c18a2e}.dialog-icon.danger{background:#b54b3c}.dialog-meta{color:#72808a;border-bottom:1px solid #edf0ef;align-items:center;gap:19px;min-height:40px;padding:0 24px;font-size:14px;display:flex}.dialog-meta span:last-child{align-items:center;gap:6px;display:flex}.dialog-description{color:#55636b;margin:0;padding:15px 24px 5px;font-size:15px;line-height:1.8}.dialog-summary{grid-template-columns:repeat(3,1fr);gap:9px;padding:13px 24px 16px;display:grid}.dialog-summary div{background:#f8faf9;border:1px solid #dfe6e4;border-top:2px solid #17324d;border-radius:3px;min-height:67px;padding:11px 13px}.dialog-summary span,.dialog-summary strong{display:block}.dialog-summary span{color:#72808a;font-size:14px}.dialog-summary strong{color:#17324d;margin-top:7px;font-size:17px}.dialog-records{border:1px solid #dfe6e4;border-radius:4px;margin:0 24px 20px;overflow:hidden}.dialog-record-head{background:#f8faf9;border-top:2px solid #17324d;border-bottom:1px solid #c18a2e;justify-content:space-between;align-items:center;min-height:40px;padding:0 13px;display:flex}.dialog-record-head h3{color:#17324d;margin:0;font-size:15px}.dialog-record-head span{color:#72808a;font-size:14px}.dialog-record-row{background:#fff;border-bottom:1px solid #e9eeec;grid-template-columns:36px 1fr 62px 18px;align-items:center;gap:8px;min-height:62px;padding:8px 13px;display:grid}.dialog-record-row:last-child{border-bottom:0}.record-index{color:#72808a;font-family:Consolas,monospace;font-size:14px}.dialog-record-row strong,.dialog-record-row small{display:block}.dialog-record-row strong{color:#354658;font-size:14px}.dialog-record-row small{color:#72808a;margin-top:4px;font-size:14px}.dialog-record-row em{color:#2a8c88;text-align:right;font-size:14px;font-style:normal;font-weight:700}.dialog-record-row .record-alert{color:#b54b3c}.dialog-record-row .icon{color:#a0aaad;justify-self:end}.dialog-actions{background:#fbfcfb;border-top:1px solid #e7eceb;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:15px 24px;display:flex}.app-shell{background:#f3f6f4;min-height:100vh;display:flex}.sidebar{color:#f6fbfb;z-index:3;background:#17324d;flex-direction:column;flex:0 0 224px;width:224px;min-height:100vh;display:flex;position:sticky;top:0;box-shadow:3px 0 16px #17324d1f}.sidebar-collapsed{flex-basis:68px;width:68px}.sidebar-collapsed+.workspace{width:calc(100% - 68px)}.sidebar-collapsed .brand{padding:0 19px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-group-title>span{display:none}.sidebar-collapsed .nav-group-title{justify-content:center;padding:0}.sidebar-collapsed .nav-group-title .icon{margin:0;transform:rotate(90deg)}.sidebar-collapsed .nav-subitems{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .collapse-nav{justify-content:center;padding:0;font-size:0}.sidebar-collapsed .collapse-nav .icon{width:19px;height:19px}.brand{white-space:nowrap;border-bottom:1px solid #ffffff21;align-items:center;gap:10px;height:79px;padding:0 18px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#fff;border:1px solid #ffffff8c;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.side-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-item,.nav-group-title{color:#e6eef1;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;width:100%;min-height:47px;padding:0 10px;font-size:14px;display:flex}.nav-item:hover,.nav-group-title:hover{background:#ffffff17}.nav-item.active{color:#fff;background:#1f598d;font-weight:700;box-shadow:inset 3px 0 #2a8c88}.nav-group{margin:2px 0}.nav-group-title{color:#d4e0e5;justify-content:space-between}.nav-group-title .icon{margin-left:auto}.nav-subitems{padding:0 0 3px 8px}.nav-subitems .nav-item{color:#c6d4dc;min-height:40px;font-size:14px}.collapse-nav{color:#e6eef1;text-align:left;background:#00000021;border:0;align-items:center;gap:10px;height:53px;padding:0 18px;font-size:14px;display:flex}.collapse-nav:hover{background:#0000003b}.workspace{width:calc(100% - 224px);min-width:956px}.topbar{background:#ffffffde;border-bottom:1px solid #dfe4e3;justify-content:space-between;align-items:center;height:79px;padding:0 31px;display:flex;box-shadow:0 2px 8px #17324d09}.crumb{color:#68757c;font-size:14px;font-weight:600}.crumb span{color:#b6bfc2;margin:0 9px}.crumb span+*{color:#17324d}.top-actions{color:#55636b;white-space:nowrap;align-items:center;gap:14px;font-size:14px;display:flex}.sync-dot{background:#2a8c88;border-radius:50%;width:7px;height:7px}.top-icon{border-radius:50%;width:38px;height:38px;position:relative}.top-icon:hover{background:#f3f6f4}.top-icon>span{border:1px solid #202b33;border-radius:50%;place-items:center;width:23px;height:23px;font-size:15px;font-weight:800;display:grid}.notification b{color:#fff;background:#b54b3c;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:14px;display:grid;position:absolute;top:2px;right:2px}.user-menu{border-left:1px solid #e0e5e4;align-items:center;gap:9px;padding-left:13px;display:flex}.avatar{color:#fff;background:#17324d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:grid}.user-menu strong,.user-menu small{display:block}.user-menu strong{color:#202b33;font-size:14px}.user-menu small{color:#72808a;margin-top:2px;font-size:14px}.user-menu .plain-icon{color:#72808a;margin-left:3px}.page-content{max-width:1920px;margin:0 auto;padding:23px 20px 34px}.page-heading{justify-content:space-between;align-items:flex-start;min-height:47px;margin-bottom:17px;display:flex}.page-heading h1{color:#17324d;letter-spacing:-.4px;margin:0;font-size:28px;line-height:1.35}.cycle-picker{color:#68757c;align-items:center;gap:12px;font-size:14px;display:flex}.cycle-picker button{color:#354658;background:#fff;border:1px solid #dfe4e3;border-radius:4px;justify-content:space-between;align-items:center;min-width:270px;height:39px;padding:0 11px;font-size:14px;display:flex}.cycle-picker button:hover{border-color:#17324d}.filter-bar{background:#fff;border:1px solid #e4e9e8;border-radius:6px;align-items:end;gap:14px;min-height:76px;margin-bottom:14px;padding:15px 17px;display:flex;box-shadow:0 2px 9px #17324d09}.select-filter,.date-filter{color:#68757c;white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.select-filter select{color:#354658;background:#fff;border:1px solid #d7dedd;border-radius:4px;min-width:145px;height:39px;padding:0 28px 0 10px;font-size:14px}.date-filter button{color:#354658;background:#fff;border:1px solid #d7dedd;border-radius:4px;align-items:center;gap:7px;height:39px;padding:0 10px;font-size:14px;display:flex}.reset-button{margin-left:auto}.export-button{white-space:nowrap}.main-grid{grid-template-columns:minmax(700px,1fr) 310px;gap:14px;display:grid}.left-column,.right-column{flex-direction:column;gap:14px;min-width:0;display:flex}.panel{background:#fff;border:1px solid #e2e8e7;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #17324d09}.panel-title{border-bottom:1px solid #e7eceb;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;display:flex}.panel-title>div{align-items:center;display:flex}.section-mark{background:#17324d;border-radius:2px;width:4px;height:18px;margin-right:8px;display:inline-block}.panel-title h2{color:#17324d;margin:0;font-size:18px;line-height:1.2}.panel-title small{color:#8b979c;margin-left:7px;font-size:14px}.panel-title button{color:#72808a;background:0 0;border:0;align-items:center;gap:2px;font-size:14px;display:flex}.panel-title button:hover{color:#17324d}.flow-panel{min-height:337px}.flow-id{color:#8b979c;padding:12px 16px 0 42px;font-size:14px}.flow-track{align-items:stretch;min-height:257px;padding:23px 25px 20px;display:flex;overflow-x:auto}.flow-node-wrap{flex:1;align-items:center;min-width:138px;display:flex}.flow-node{text-align:left;color:#354658;background:#fff;border:1px solid #d7dedd;border-radius:5px;flex:1;min-width:138px;height:201px;padding:39px 12px 11px;transition:transform .18s,box-shadow .18s;position:relative}.flow-node:hover{transform:translateY(-3px);box-shadow:0 7px 15px #17324d1f}.flow-node.gold{border-color:#c18a2e99}.flow-node.cyan{border-color:#2a8c888c}.flow-dot{color:#fff;background:#17324d;border:4px solid #f3f6f4;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.flow-node.cyan .flow-dot{background:#2a8c88}.flow-node.gold .flow-dot{background:#c18a2e}.flow-node h3{text-align:center;color:#17324d;margin:5px 0 19px;font-size:17px}.flow-node dl{margin:0}.flow-node dl div{justify-content:space-between;gap:4px;margin:8px 0;display:flex}.flow-node dt{color:#72808a;font-size:14px}.flow-node dd{color:#17324d;white-space:nowrap;margin:0;font-size:14px;font-weight:700}.node-footer{color:#426b98;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:19px;left:12px;right:12px}.node-footer.alert{color:#b54b3c}.mini-progress{background:#e6eaeb;border-radius:3px;height:5px;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.mini-progress span{border-radius:inherit;background:#17324d;height:100%;display:block}.cyan .mini-progress span{background:#2a8c88}.flow-connector{background:#17324d;flex:0 0 18px;width:18px;height:2px;margin-top:-95px;position:relative}.flow-connector:after{content:"";border-top:2px solid #17324d;border-right:2px solid #17324d;width:6px;height:6px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.lower-grid{grid-template-columns:.95fr 1.05fr;gap:14px;display:grid}.channel-panel,.trend-panel{min-height:294px}.ledger-table{padding:0 15px 13px}.table-row{color:#354658;text-align:left;background:#fff;border:0;border-bottom:1px solid #e8edeb;align-items:center;width:100%;min-height:35px;font-size:14px;display:grid}.table-row:not(.table-head):hover{background:#f3f6f4}.table-head{color:#68757c;background:#f8faf9;border-top:2px solid #17324d;border-bottom:1px solid #c18a2e;font-size:14px;font-weight:700}.channel-table .table-row{grid-template-columns:35px 1fr .9fr 1.2fr 1.25fr;gap:5px;padding:0 8px}.channel-table strong{color:#17324d;font-weight:600}.rank-medal{color:#c18a2e;font-weight:800}.rate-cell{align-items:center;gap:5px;display:flex}.rate-cell i{background:#dfe5e4;border-radius:5px;width:48px;height:8px;overflow:hidden}.rate-cell i b{border-radius:inherit;background:#2a8c88;height:100%;display:block}.chart-legend{color:#68757c;justify-content:flex-end;gap:13px;padding:10px 13px 1px;font-size:14px;display:flex}.chart-legend span{align-items:center;gap:4px;display:flex}.chart-legend i{display:inline-block}.navy-key,.cyan-key{border-radius:1px;width:14px;height:7px}.navy-key{background:#17324d}.cyan-key{background:#2a8c88}.gold-key{border-top:2px solid #c18a2e;width:15px}.trend-svg-wrap{background:#fff;border:0;width:100%;padding:0 11px 6px;display:block}.trend-svg-wrap:hover{background:#fbfcfb}.trend-svg-wrap svg{width:100%;height:187px;display:block;overflow:visible}.trend-svg-wrap text{fill:#72808a;font-family:Microsoft YaHei,sans-serif;font-size:14px}.chart-grid path{stroke:#e6ecea;stroke-width:1px}.log-panel{min-height:247px}.log-table .table-row{grid-template-columns:1.35fr .8fr .95fr 1.35fr 1.2fr .55fr;gap:7px;padding:0 10px}.success-text{color:#2a8c88}.right-column{min-width:310px}.side-panel{width:100%}.anomaly-panel{min-height:291px}.queue-list{padding:4px 14px 12px}.queue-list button{color:#354658;text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eceb;grid-template-columns:1fr 32px 14px;align-items:center;width:100%;min-height:34px;font-size:14px;display:grid}.queue-list button:hover{background:#f3f6f4}.queue-list button span{align-items:center;gap:8px;display:flex}.queue-list i{background:#c18a2e;border-radius:50%;width:6px;height:6px}.queue-list strong{color:#b54b3c;text-align:right}.queue-list .icon{color:#aab4b7;justify-self:end}.pending-panel{min-height:315px}.pending-summary{grid-template-columns:1fr 1.45fr;gap:10px;padding:11px 14px 9px;display:grid}.pending-summary button{text-align:left;color:#68757c;background:#f7f9f8;border:0;border-top:2px solid #d9e2e1;border-radius:3px;padding:8px 9px}.pending-summary button:hover{border-top-color:#c18a2e}.pending-summary span,.pending-summary strong{display:block}.pending-summary span{font-size:14px}.pending-summary strong{color:#17324d;margin-top:5px;font-size:17px}.pending-list{padding:0 14px}.pending-list>div,.pending-list button{text-align:left;grid-template-columns:1.2fr .7fr 1.1fr .6fr;align-items:center;gap:3px;display:grid}.pending-list>div{color:#68757c;border-top:2px solid #17324d;border-bottom:1px solid #c18a2e;min-height:29px;font-size:14px}.pending-list button{color:#354658;background:#fff;border:0;border-bottom:1px solid #e7eceb;width:100%;min-height:29px;font-size:14px}.pending-list button:hover{background:#f3f6f4}.pending-list strong{color:#17324d;font-size:14px}.pending-list em{color:#b54b3c;font-style:normal;font-weight:700}.queue-footer{color:#426b98;background:#fff;border:1px solid #dce3e1;border-radius:3px;justify-content:center;align-items:center;gap:5px;width:calc(100% - 28px);height:32px;margin:10px 14px 13px;font-size:14px;display:flex}.queue-footer:hover{border-color:#17324d}.quick-panel{min-height:164px}.quick-panel>div{grid-template-columns:repeat(5,1fr);gap:3px;padding:13px 9px 14px;display:grid}.quick-panel button{color:#55636b;background:#fff;border:0;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0 2px;font-size:14px;line-height:1.45;display:flex}.quick-panel button:hover{color:#17324d}.quick-icon{color:#fff;background:#17324d;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.quick-icon.channels{background:#2a8c88}.quick-icon.receipt{background:#c18a2e}.quick-icon.warning{background:#b54b3c}.quick-icon.archive{background:#426b98}.toast{z-index:50;color:#fff;background:#17324d;border-radius:4px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #17324d40}.toast .icon{color:#79d3c8}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1320px){.sidebar{flex-basis:193px;width:193px}.workspace{width:calc(100% - 193px)}.brand{padding:0 13px;font-size:14px}.main-grid{grid-template-columns:minmax(650px,1fr) 292px}.right-column{min-width:292px}.topbar{padding:0 20px}.filter-bar{gap:8px;padding:15px 11px}.select-filter select{min-width:121px}.flow-track{padding-left:15px;padding-right:15px}.flow-node-wrap,.flow-node{min-width:130px}.flow-connector{flex-basis:13px;width:13px}}@media (width<=1180px){body{min-width:0}.login-page{min-width:850px}.login-panel{margin-left:250px}.app-shell{min-width:1180px}.lower-grid{grid-template-columns:1fr}.top-actions{gap:8px}.top-actions>.sync-dot,.top-actions>.sync-dot+*{display:none}}