.page-cases .status-tabs{display:flex;gap:0;padding:12px 16px;background:#fff;border-bottom:1px solid var(--c-border);overflow-x:auto;scrollbar-width:none;gap:8px}.page-cases .status-tabs::-webkit-scrollbar{display:none}.page-cases .status-tab{flex-shrink:0;padding:7px 16px;border:1.5px solid var(--c-border);border-radius:20px;font-size:.82rem;font-weight:500;color:var(--c-text-sub);background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-right:8px}.page-cases .status-tab:last-child{margin-right:0}.page-cases .status-tab.active{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 3px 10px #2557b040}.page-cases .status-tab:active:not(.active){background:var(--c-bg)}.page-cases .search-sort-bar{display:flex;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--c-border);align-items:center;max-width:480px;margin:0 auto}.page-cases .search-input-wrap{flex:1;display:flex;align-items:center;background:var(--c-bg);border-radius:10px;padding:0 12px;border:1.5px solid var(--c-border);transition:border-color .2s}.page-cases .search-input-wrap:focus-within{border-color:var(--c-primary-light);background:#fff}.page-cases .search-icon-svg{flex-shrink:0;margin-right:6px}.page-cases .search-input{flex:1;border:none;outline:none;background:transparent;font-size:.85rem;color:var(--c-text);padding:9px 0;min-width:0}.page-cases .search-input::placeholder{color:var(--c-text-muted)}.page-cases .sort-select{flex-shrink:0;padding:9px 26px 9px 10px;border:1.5px solid var(--c-border);border-radius:10px;font-size:.8rem;color:var(--c-text-sub);background:#fff;outline:none;cursor:pointer;-webkit-appearance:none;margin-left:8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-cases .cases-main{max-width:480px;margin:0 auto;padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px))}.page-cases .case-card{background:var(--c-card);border-radius:var(--radius-card);padding:18px 18px 16px;box-shadow:var(--shadow-card);margin-bottom:12px;border:1px solid rgba(226,232,240,.6);cursor:pointer;transition:transform .15s,box-shadow .15s;animation:caseCardIn .3s ease both;position:relative;overflow:hidden}@keyframes caseCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-cases .case-card:active{transform:scale(.985);box-shadow:0 2px 10px #0000000d}.page-cases .case-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.page-cases .case-no{font-size:.78rem;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.page-cases .case-status-badge{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.page-cases .case-status-badge.auditing{background:#fff7ed;color:#c2410c}.page-cases .case-status-badge.accepted{background:#eff6ff;color:var(--c-primary-mid)}.page-cases .case-status-badge.mediating{background:#f5f3ff;color:#7c3aed}.page-cases .case-status-badge.closed{background:#f0fdf4;color:#15803d}.page-cases .case-status-badge.rejected{background:#fef2f2;color:#b91c1c}.page-cases .case-title{font-size:.95rem;font-weight:600;color:var(--c-text);margin-bottom:8px;line-height:1.4}.page-cases .case-meta{display:flex;gap:16px;flex-wrap:wrap}.page-cases .case-meta-item{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--c-text-muted)}.page-cases .case-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(226,232,240,.6)}.page-cases .case-date{font-size:.75rem;color:var(--c-text-muted)}.page-cases .case-arrow{color:var(--c-text-muted);display:flex;align-items:center}.page-cases .case-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;background:var(--c-border)}.page-cases .case-card[data-status=auditing]:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.page-cases .case-card[data-status=accepted]:before{background:linear-gradient(180deg,var(--c-primary),var(--c-primary-light))}.page-cases .case-card[data-status=mediating]:before{background:linear-gradient(180deg,var(--c-purple),#a78bfa)}.page-cases .case-card[data-status=closed]:before{background:linear-gradient(180deg,var(--c-green),#34d399)}.page-cases .case-card[data-status=rejected]:before{background:linear-gradient(180deg,var(--c-red),#f87171)}@media (prefers-color-scheme: dark){.page-cases .sk-case-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}.page-cases .sk-case-no,.page-cases .sk-case-badge,.page-cases .sk-case-title,.page-cases .sk-case-meta{background:linear-gradient(90deg,#334155 25%,#475569,#334155 75%);background-size:200% 100%}}.page-cases .empty-state{max-width:480px;margin:0 auto;padding:60px 24px;text-align:center}.page-cases .empty-icon{margin-bottom:16px;opacity:.5}.page-cases .empty-title{font-size:1.05rem;font-weight:600;color:var(--c-text-sub);margin-bottom:8px}.page-cases .empty-desc{font-size:.85rem;color:var(--c-text-muted);margin-bottom:24px}@media (prefers-color-scheme: dark){.page-cases{background:#0f172a!important;color:#e2e8f0}.page-cases .status-tabs{background:#1e293b;border-bottom-color:#334155}.page-cases .status-tab{background:#1e293b;border-color:#334155;color:#94a3b8}.page-cases .status-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.page-cases .search-sort-bar{background:#1e293b;border-bottom-color:#334155}.page-cases .search-input-wrap{background:#0f172a;border-color:#334155}.page-cases .search-input-wrap:focus-within{background:#0f172a}.page-cases .search-input{color:#e2e8f0}.page-cases .sort-select{background:#1e293b;border-color:#334155;color:#94a3b8}.page-cases .case-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}.page-cases .case-card-header{border-bottom-color:#334155}.page-cases .case-card-footer{border-top-color:#334155}.page-cases .case-title{color:#f1f5f9}.page-cases .case-meta-item{color:#94a3b8}}@supports (gap: 8px){.page-cases .status-tab{margin-right:0}.page-cases .sort-select{margin-left:0}}