@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--bg-subtle:#f9fafb;--bg-hover:#f3f4f6;--border-subtle:#e5e7eb;--border-default:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-soft:#6b7280;--accent-green:#10b981;--accent-green-dark:#059669;--accent-green-soft:#d1fae5;--accent-green-bg:#ecfdf5;--accent-blue:#3b82f6;--accent-blue-soft:#dbeafe;--accent-blue-bg:#eff6ff;--accent-sky:#0ea5e9;--accent-sky-bg:#f0f9ff;--accent-yellow:#f59e0b;--accent-yellow-bg:#fffbeb;--accent-orange:#fb923c;--accent-orange-bg:#fff7ed;--accent-red:#ef4444;--accent-red-soft:#fee2e2;--accent-red-bg:#fef2f2;--accent-purple:#8b5cf6;--accent-purple-soft:#ede9fe;--accent-purple-bg:#f5f3ff;--shadow-sm:0 1px 2px #0000000a;--shadow-card:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:var(--accent-green-soft);color:var(--accent-green-dark)}a{color:var(--accent-green-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-green)}button,input,select,textarea{font-family:inherit}input::placeholder{color:var(--text-muted)}.layout{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{border-radius:var(--radius-md);background:var(--accent-green-bg);width:36px;height:36px;color:var(--accent-green);justify-content:center;align-items:center;display:inline-flex}.logo-text{color:var(--text-primary);letter-spacing:.3px;font-size:18px;font-weight:700}.header-actions{flex-shrink:0;align-items:center;display:flex}.user-menu{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.user-icon{color:var(--text-muted);display:inline-flex}.user-name{color:var(--text-primary);font-weight:600}.user-divider{color:var(--text-muted)}.user-role{color:var(--text-soft);font-size:13px}.btn-logout{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;margin-left:12px;padding:6px 14px;font-size:13px;transition:all .15s}.btn-logout:hover{border-color:var(--accent-red);background:var(--accent-red-bg);color:var(--accent-red)}.btn-login{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s}.btn-login:hover{background:var(--accent-green-dark);color:#fff;box-shadow:var(--shadow-md)}.tab-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.tab-bar-inner{align-items:stretch;gap:8px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.tab{color:var(--text-soft);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:14px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-green-dark);border-bottom-color:var(--accent-green)}.tab-icon{color:currentColor;opacity:.85;display:inline-flex}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);text-align:center;padding:16px 24px}.footer p{color:var(--text-muted);margin:0;font-size:13px}@media (width<=768px){.header-inner{gap:12px;padding:0 16px}.logo-text{font-size:15px}.tab-bar-inner{padding:0 12px;overflow-x:auto}.tab{flex-shrink:0;padding:12px}.user-role,.user-divider{display:none}.main{padding:16px}}.home-page{flex-direction:column;gap:20px;display:flex}.search-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.search-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:16px 24px;transition:border-color .15s;display:flex}.search-panel-header h2{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.toggle-icon{color:var(--text-muted);font-size:12px;transition:transform .2s}.toggle-icon.open{transform:rotate(180deg)}.search-form{border-top:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding:4px 24px 24px;display:flex}.filter-row{flex-wrap:wrap;gap:16px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.filter-group.range{min-width:240px}.filter-group label{color:var(--text-soft);font-size:13px;font-weight:500}.filter-group select,.filter-group input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);outline:none;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.filter-group select:focus,.filter-group input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-soft)}.range-inputs{align-items:center;gap:8px;display:flex}.range-inputs input{flex:1;min-width:0}.range-inputs span{color:var(--text-muted);font-size:14px}.filter-actions{gap:12px;padding-top:8px;display:flex}.btn-search{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;cursor:pointer;border:none;padding:10px 28px;font-size:14px;font-weight:600;transition:all .15s}.btn-search:hover{background:var(--accent-green-dark);box-shadow:var(--shadow-md)}.btn-clear{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;padding:10px 20px;font-size:14px;transition:all .15s}.btn-clear:hover{border-color:var(--text-soft);background:var(--bg-hover);color:var(--text-primary)}.results-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.results-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.results-header h3{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.results-header .count{color:var(--accent-green-dark);font-size:16px;font-weight:700}.results-controls select{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);outline:none;padding:6px 12px;font-size:13px}.results-controls select:focus{border-color:var(--accent-green)}.loading{flex-direction:column;align-items:center;gap:16px;padding:60px 24px;display:flex}.spinner{border:3px solid var(--accent-green-soft);border-top-color:var(--accent-green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text-soft);font-size:14px}.empty-state{text-align:center;padding:60px 24px}.empty-icon{opacity:.5;margin-bottom:12px;font-size:48px;display:block}.empty-state p{color:var(--text-soft);margin:4px 0;font-size:15px}.empty-hint{color:var(--text-muted)!important;font-size:13px!important}.table-wrapper{overflow-x:auto}.cases-table{border-collapse:collapse;width:100%;font-size:14px}.cases-table th{text-align:left;color:var(--text-soft);letter-spacing:.3px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:var(--bg-subtle);padding:10px 16px;font-size:13px;font-weight:600}.cases-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.cases-table th.sortable:hover{color:var(--accent-green-dark)}.cases-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:10px 16px}.cases-table tr:last-child td{border-bottom:none}.case-row{cursor:pointer;transition:background .15s}.case-row:hover{background:var(--accent-green-bg)}.td-num{color:var(--text-muted);width:40px;font-size:12px}.td-case{min-width:140px}.court-name{color:var(--accent-green-dark);font-size:13px;font-weight:600}.case-number{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.case-stock{color:var(--text-muted);font-size:12px}.td-date{white-space:nowrap;color:var(--text-secondary)}.round-badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.round-badge.round-1{background:var(--accent-green-bg);color:var(--accent-green-dark)}.round-badge.round-2{background:var(--accent-blue-bg);color:var(--accent-blue)}.round-badge.round-3{background:var(--accent-orange-bg);color:#c2410c}.round-badge.round-4{background:var(--accent-red-bg);color:#b91c1c}.td-district{color:var(--text-secondary);white-space:nowrap}.td-address{max-width:280px}.address-text{color:var(--text-primary);font-size:15px;line-height:1.4}.desc-text{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.td-price{color:var(--accent-yellow);white-space:nowrap;font-size:15px;font-weight:700}.td-area{white-space:nowrap;color:var(--text-secondary);font-size:14px}.delivery-badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.delivery-badge.yes{background:var(--accent-green-bg);color:var(--accent-green-dark)}.delivery-badge.no{background:var(--accent-red-bg);color:#b91c1c}.pagination{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:16px;padding:20px 24px;display:flex}.pagination button{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;padding:8px 16px;font-size:14px;transition:all .15s}.pagination button:hover:not(:disabled){border-color:var(--accent-green);color:var(--accent-green-dark);background:var(--accent-green-bg)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--text-soft);font-size:14px}@media (width<=768px){.filter-row{flex-direction:column}.filter-group{min-width:100%}.cases-table{font-size:12px}.cases-table th,.cases-table td{padding:10px 12px}}.case-detail{flex-direction:column;gap:20px;max-width:900px;display:flex}.btn-back{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;align-self:flex-start;padding:8px 16px;font-size:13px;transition:all .15s}.btn-back:hover{border-color:var(--accent-green);background:var(--accent-green-bg);color:var(--accent-green-dark)}.detail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.detail-card h2{color:var(--text-primary);margin:0 0 20px;font-size:15px;font-weight:600}.detail-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.detail-card-header h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.detail-badges{gap:8px;display:flex}.suspended-badge{background:var(--accent-red-bg);color:#b91c1c;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item.full-width{grid-column:1/-1}.info-item.highlight{background:var(--accent-green-bg);border:1px solid var(--accent-green-soft);border-radius:var(--radius-md);padding:16px}.info-item label{color:var(--text-soft);font-size:13px;font-weight:500}.info-item span{color:var(--text-primary);font-size:16px}.price-main{font-weight:700;color:var(--accent-yellow)!important;font-size:22px!important}.price-sub{color:var(--text-secondary)!important;font-size:14px!important}.description-text{color:var(--text-secondary);white-space:pre-wrap;font-size:15px;line-height:1.8}.source-link{color:var(--accent-green-dark);font-size:14px;text-decoration:none;transition:color .15s}.source-link:hover{color:var(--accent-green);text-decoration:underline}.detail-loading,.detail-error{flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.detail-error span{font-size:40px}.detail-error p{color:var(--text-secondary);font-size:15px}.detail-error button{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;padding:8px 24px}.detail-error button:hover{border-color:var(--accent-green);color:var(--accent-green-dark)}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-icon{border-radius:var(--radius-lg);background:var(--accent-green-bg);width:56px;height:56px;color:var(--accent-green);justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:inline-flex}.login-header h1{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:700}.login-header p{color:var(--text-soft);margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{background:var(--accent-red-bg);border:1px solid var(--accent-red-soft);border-radius:var(--radius-md);color:#b91c1c;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-soft);font-size:14px;font-weight:500}.form-group input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);outline:none;padding:12px 16px;font-size:15px;transition:all .15s}.form-group input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-soft)}.form-group input::placeholder{color:var(--text-muted)}.btn-submit{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;cursor:pointer;border:none;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .15s}.btn-submit:hover:not(:disabled){background:var(--accent-green-dark);box-shadow:var(--shadow-md)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.import-panel h1{color:var(--text-primary);margin:0 0 24px;font-size:22px;font-weight:700}.message{border-radius:var(--radius-md);margin-bottom:20px;padding:12px 20px;font-size:14px}.message.success{background:var(--accent-green-bg);border:1px solid var(--accent-green-soft);color:var(--accent-green-dark)}.message.error{background:var(--accent-red-bg);border:1px solid var(--accent-red-soft);color:#b91c1c}.court-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.court-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:24px;transition:border-color .15s,box-shadow .15s;display:flex}.court-card:hover{border-color:var(--accent-green-soft);box-shadow:var(--shadow-md)}.court-card-all{border-color:var(--accent-green-soft);background:linear-gradient(180deg, var(--accent-green-bg) 0%, var(--bg-card) 60%)}.court-card-header{align-items:center;gap:12px;display:flex}.court-icon{border-radius:var(--radius-md);background:var(--accent-green-bg);width:40px;height:40px;color:var(--accent-green-dark);justify-content:center;align-items:center;font-size:22px;display:inline-flex}.court-card-all .court-icon{background:var(--accent-purple-bg);color:var(--accent-purple)}.court-card-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.court-card-stats{gap:24px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{color:var(--accent-green-dark);font-size:24px;font-weight:700}.stat-value.stat-date{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-label{color:var(--text-soft);font-size:13px}.btn-import{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;cursor:pointer;border:none;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.btn-import:hover:not(:disabled){background:var(--accent-green-dark);box-shadow:var(--shadow-md)}.btn-import:disabled{opacity:.5;cursor:not-allowed}.btn-import-all{background:var(--accent-purple)}.btn-import-all:hover:not(:disabled){background:#7c3aed;box-shadow:0 4px 12px #8b5cf640}.import-logs{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.import-logs h2{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.no-logs{color:var(--text-muted);text-align:center;padding:24px;font-size:14px}.logs-table{border-collapse:collapse;width:100%;font-size:14px}.logs-table th{text-align:left;color:var(--text-soft);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);padding:10px 14px;font-size:13px;font-weight:600}.logs-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:12px 14px}.logs-table tr:last-child td{border-bottom:none}.td-new{color:var(--accent-green-dark);font-weight:700}.status-badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.status-badge.success{background:var(--accent-green-bg);color:var(--accent-green-dark)}.status-badge.failed{background:var(--accent-red-bg);color:#b91c1c}.status-badge.running{background:var(--accent-blue-bg);color:var(--accent-blue)}.status-badge.pending{background:var(--accent-orange-bg);color:#c2410c}.user-management{flex-direction:column;gap:20px;display:flex}.um-header{justify-content:space-between;align-items:center;display:flex}.um-header h1{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.btn-add-user{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-add-user:hover{background:var(--accent-green-dark);box-shadow:var(--shadow-md)}.user-form-card{background:var(--bg-card);border:1px solid var(--accent-green-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.user-form-card h2{color:var(--text-primary);margin:0 0 20px;font-size:16px;font-weight:600}.user-form-card form{flex-direction:column;gap:16px;max-width:400px;display:flex}.user-form-card .form-group{flex-direction:column;gap:6px;display:flex}.user-form-card .form-group label{color:var(--text-soft);font-size:13px;font-weight:500}.user-form-card .form-group input,.user-form-card .form-group select{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.user-form-card .form-group input:focus,.user-form-card .form-group select:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-soft)}.form-actions{gap:12px;padding-top:4px;display:flex}.btn-save{border-radius:var(--radius-md);background:var(--accent-green);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s}.btn-save:hover{background:var(--accent-green-dark);box-shadow:var(--shadow-md)}.btn-cancel{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;padding:10px 24px;font-size:14px;transition:all .15s}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.users-table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th{text-align:left;color:var(--text-soft);border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);padding:12px 16px;font-size:13px;font-weight:600}.users-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:14px 16px}.users-table tr:last-child td{border-bottom:none}.disabled-row{opacity:.5}.td-username{color:var(--text-primary);font-weight:600}.td-date{color:var(--text-muted);font-size:13px}.role-badge{border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.role-badge.admin{background:var(--accent-purple-bg);color:var(--accent-purple)}.role-badge.user{background:var(--accent-blue-bg);color:var(--accent-blue)}.active-badge{font-size:12px}.td-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-action{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s}.btn-action.edit{border-color:var(--accent-blue-soft);background:var(--accent-blue-bg);color:var(--accent-blue)}.btn-action.edit:hover{background:var(--accent-blue-soft)}.btn-action.password{background:var(--accent-orange-bg);color:#c2410c;border-color:#fed7aa}.btn-action.password:hover{background:#fed7aa}.btn-action.disable{border-color:var(--accent-red-soft);background:var(--accent-red-bg);color:#b91c1c}.btn-action.disable:hover{background:var(--accent-red-soft)}.btn-action.enable{border-color:var(--accent-green-soft);background:var(--accent-green-bg);color:var(--accent-green-dark)}.btn-action.enable:hover{background:var(--accent-green-soft)}