.dashboard-container{max-width:1440px;margin:0 auto;padding:32px 36px 64px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.header-left{display:flex;align-items:center;gap:16px}.logo{width:48px;height:48px;background:var(--ink-band);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #07141026}.header-title-container{display:flex;flex-direction:column;gap:3px}.title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.title-row h1{font-size:22px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.035em}.subtitle{font-size:13.5px;color:var(--text-2);letter-spacing:-.01em}.header-right{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.weekly-soon{margin:16px 0 4px;padding:16px 18px;border:1px dashed var(--border, #d0d5dd);border-radius:12px;background:var(--surface-2, transparent)}.weekly-soon strong{display:block;margin-bottom:4px}.weekly-soon p{margin:0;font-size:14px;color:var(--text-3, #667085)}[hidden]{display:none!important}.table-section{background:var(--surface);border:1px solid var(--line-soft);border-radius:20px;margin-bottom:2rem;overflow:hidden;box-shadow:0 1px 3px #00000005}.table-header-bar{padding:16px 24px;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:14px}.table-header-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.table-header-top h2{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:2px}.table-header-top p{font-size:12.5px;color:var(--text-3)}.table-header-search{display:flex;align-items:center;gap:12px}.table-header-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:12px}.table-legend{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.component-filter-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comp-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--text-2);background:var(--canvas);border:1px solid var(--line-soft);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap;font-family:inherit}.comp-tab:hover{background:var(--surface);border-color:var(--duta-blue);color:var(--text)}.comp-tab.active{background:var(--text);color:var(--paper);border-color:var(--text);box-shadow:0 1px 3px #00000014}.comp-tab.active .tab-dot{border:1.5px solid #fff}.tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ledger-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.ledger-table th{background-color:var(--canvas);color:var(--text-3);font-weight:700;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ledger-table td{padding:9px 10px;border-bottom:1px solid var(--line-soft);color:var(--text);vertical-align:middle;font-variant-numeric:tabular-nums}.ledger-table tbody tr:hover{background-color:var(--surface-hover)}.ledger-table tr:last-child td{border-bottom:none}.col-sticky-no{width:38px;min-width:38px;text-align:center;position:sticky;left:0;background-color:var(--surface);z-index:2}th.col-sticky-no{position:sticky;left:0;background-color:var(--canvas)!important;z-index:5}.col-sticky-name{position:sticky;left:38px;background-color:var(--surface);z-index:2;box-shadow:2px 0 4px -1px #0000000a;white-space:nowrap}th.col-sticky-name{position:sticky;left:38px;background-color:var(--canvas)!important;z-index:5;box-shadow:2px 0 4px -1px #0000000a}tr:hover .col-sticky-no,tr:hover .col-sticky-name{background-color:var(--surface-hover)}.col-num{text-align:right}.col-group-header{text-align:center!important;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 8px!important;background-color:var(--canvas)}.border-left{border-left:1px solid var(--line-soft)}.text-blue-bold{color:var(--duta-blue);font-weight:650}.text-green-bold{color:var(--duta-green);font-weight:650}.text-amber-bold{color:var(--duta-amber);font-weight:650}.badge-status{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);font-weight:650;font-size:11.5px;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}.badge-status.up{background-color:var(--tone-green);color:var(--duta-green);border:1px solid var(--tone-green-border)}.badge-status.down{background-color:var(--tone-red);color:var(--duta-red);border:1px solid var(--tone-red-border)}.badge-status.equal{background-color:var(--canvas);color:var(--text-3);border:1px solid var(--line-soft)}.trend-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:650;white-space:nowrap}.trend-badge.up{background-color:var(--tone-green);color:var(--duta-green);border:1px solid var(--tone-green-border)}.trend-badge.down{background-color:var(--tone-red);color:var(--duta-red);border:1px solid var(--tone-red-border)}.trend-badge.neutral{background-color:var(--canvas);color:var(--text-3);border:1px solid var(--line-soft)}.search-box{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);transition:all .2s ease}.search-box:focus-within{border-color:var(--duta-blue);box-shadow:0 0 0 3px #0b57d01f}.search-box input{border:none;outline:none;font-size:13px;color:var(--text);width:200px;background:transparent;font-family:inherit}.search-box input::placeholder{color:var(--text-3)}.clear-btn{background:none;border:none;cursor:pointer;color:var(--text-3);padding:0;display:flex;align-items:center;justify-content:center;transition:color .15s}.clear-btn:hover{color:var(--text)}.filter-count{font-size:12px;color:var(--text-3);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.sortable{cursor:pointer;user-select:none}.sortable:hover{background-color:var(--surface-hover)!important}.sort-icon{font-size:11px;color:var(--duta-blue)}@media(max-width:1024px){.dashboard-container{padding:24px 20px 48px}}@media(max-width:768px){.dashboard-container{padding:18px 14px 36px}.header{flex-direction:column;align-items:stretch;gap:16px}.header-right{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.nav-pill-btn{justify-content:center;padding:8px 10px;font-size:12.5px}.table-header-bar{padding:14px 16px}.table-header-top{flex-direction:column;align-items:stretch}.search-box,.search-box input{width:100%}}