*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1f2937;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif}.topbar{background:#172033;color:white;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5}.brand{font-size:20px;font-weight:800}.topbar nav{display:flex;gap:6px;flex-wrap:wrap}.topbar a{color:#dbe4f0;text-decoration:none;padding:8px 10px;border-radius:8px}.topbar a:hover{background:#26344d;color:white}.container{max-width:1250px;margin:28px auto;padding:0 18px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}h1{margin:0 0 6px;font-size:28px}h2{margin-top:0}.muted{color:#6b7280}.card,.login-card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 4px 15px rgba(0,0,0,.04)}.login-card{max-width:430px;margin:70px auto}.login-card h1{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:650;margin-bottom:16px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d1d5db;border-radius:9px;padding:10px 12px;font:inherit;background:white}input:focus,select:focus,textarea:focus{outline:2px solid #c7d2fe;border-color:#6366f1}.btn{display:inline-block;border:0;border-radius:8px;padding:9px 14px;background:#e5e7eb;color:#111827;text-decoration:none;cursor:pointer;font-weight:650}.btn.primary{background:#4f46e5;color:white}.btn.success{background:#059669;color:white}.btn.danger{background:#dc2626;color:white}.btn.small{padding:6px 9px;font-size:13px}.wide{width:100%;margin-top:4px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf0f4;vertical-align:top}th{background:#f8fafc;font-size:13px;color:#4b5563}.status,.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.status.pending{background:#fef3c7;color:#92400e}.status.approved{background:#dcfce7;color:#166534}.status.rejected{background:#fee2e2;color:#991b1b}.badge{background:#ede9fe;color:#5b21b6}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.demo{margin-top:18px;background:#f8fafc;border-radius:10px;padding:12px;font-size:13px;line-height:1.8}.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline input{width:180px;margin:0}.center{text-align:center}footer{text-align:center;color:#9ca3af;font-size:12px;padding:30px}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.container{margin-top:18px}.grid2{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.login-card{margin:30px auto}.topbar nav{width:100%}}