:root{--ww-bg: #fbfaf6;--ww-surface: #ffffff;--ww-wash: #f7f4ee;--ww-abyss: #0d1f3c;--ww-tidal: #2e5f7a;--ww-surface-blue: #a8c5d6;--ww-bone: #c8b99a;--ww-biolum: #6dbfa0;--ww-coral: #c97a6d;--ww-sediment: #e8e0d0;--ww-border: rgba(200, 185, 154, .55);--ww-border-soft: rgba(200, 185, 154, .3);--ww-shadow: 0 12px 40px rgba(13, 31, 60, .07);--ww-shadow-sm: 0 4px 16px rgba(13, 31, 60, .05);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--font-ui: "Inter", "Noto Sans TC", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--transition: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ww-bg);color:var(--ww-abyss);font-family:var(--font-ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--ww-tidal)}.btn{font-family:var(--font-ui);font-size:14px;font-weight:600;border:1px solid var(--ww-border);border-radius:10px;padding:9px 16px;background:var(--ww-surface);color:var(--ww-abyss);cursor:pointer;transition:all var(--transition)}.btn:hover{border-color:var(--ww-bone);background:var(--ww-wash)}.btn-primary{background:var(--ww-abyss);border-color:var(--ww-abyss);color:#fff}.btn-primary:hover{background:#14305c}.btn-accent{background:var(--ww-biolum);border-color:var(--ww-biolum);color:#06281d}.btn-danger{color:var(--ww-coral);border-color:#c97a6d80}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--ww-surface);border:1px solid var(--ww-border-soft);border-radius:16px;padding:20px;box-shadow:var(--ww-shadow-sm)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--ww-tidal)}.field input,.field select{font-family:var(--font-ui);font-size:14px;padding:8px 11px;border:1px solid var(--ww-border);border-radius:9px;background:var(--ww-surface);color:var(--ww-abyss)}.field input:focus,.field select:focus{outline:none;border-color:var(--ww-biolum)}.field .err{font-size:11px;color:var(--ww-coral)}.mono{font-family:var(--font-mono)}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--ww-wash);color:var(--ww-abyss);font-weight:600;text-align:left;padding:9px 12px;border:1px solid var(--ww-border-soft);font-size:11.5px;font-family:var(--font-ui)}td{padding:9px 12px;border:1px solid var(--ww-border-soft);vertical-align:top}tr:nth-child(2n) td{background:#fbfaf680}.badge{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:2px 8px;border-radius:20px;border:1px solid var(--ww-border);color:var(--ww-tidal)}.muted{color:var(--ww-tidal)}.state{padding:40px 20px;text-align:center;color:var(--ww-tidal);font-size:14px}.state.error{color:var(--ww-coral)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(232,224,208,.4),transparent 30rem),linear-gradient(180deg,var(--ww-bg),#fffefa 70%,var(--ww-bg))}.login-card{max-width:420px;width:100%;text-align:center;padding:40px 32px}.login-logo{height:64px;width:auto;object-fit:contain;margin-bottom:18px}.login-tagline{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--ww-tidal);margin-bottom:28px}.login-btn{width:100%;padding:12px;font-size:15px}.login-note{margin-top:16px;font-size:13px;color:var(--ww-coral)}.login-company{margin-top:28px;font-size:10px;letter-spacing:.04em;color:var(--ww-bone)}.not-authorized{min-height:100vh;display:grid;place-items:center;padding:24px}.not-authorized h2{font-family:var(--font-display);font-size:1.9rem;color:var(--ww-abyss)}.shell-grid{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidenav{background:#fbfaf6f7;border-right:1px solid var(--ww-border-soft);padding:22px 14px;position:sticky;top:0;height:100vh}.sidenav-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 20px;border-bottom:1px solid var(--ww-border-soft);margin-bottom:14px}.sidenav-mark{height:34px;width:auto;object-fit:contain}.sidenav-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;line-height:1;color:var(--ww-abyss)}.sidenav-sub{font-size:10px;letter-spacing:.08em;color:var(--ww-bone);text-transform:uppercase;margin-top:3px}.sidenav-links{display:flex;flex-direction:column;gap:2px}.navlink{display:block;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--ww-tidal);text-decoration:none;border-left:2px solid transparent;transition:all var(--transition)}.navlink:hover{background:var(--ww-wash);color:var(--ww-abyss)}.navlink.active{background:#6dbfa01a;color:var(--ww-abyss);font-weight:600;border-left-color:var(--ww-biolum)}.navlink.disabled{color:var(--ww-bone);cursor:default}.main-col{display:flex;flex-direction:column}.topbar{height:56px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--ww-border-soft);background:#fbfaf6e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.topbar-spacer{flex:1}.topbar-user{font-size:12.5px}.main-content{padding:28px 32px 60px;max-width:1100px;width:100%}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-title{font-family:var(--font-display);font-size:2.1rem;font-weight:500;letter-spacing:-.02em;color:var(--ww-abyss)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters select{font-family:var(--font-ui);font-size:13px;padding:7px 10px;border:1px solid var(--ww-border);border-radius:9px;background:var(--ww-surface);color:var(--ww-abyss)}.table-wrap{overflow-x:auto;padding:0}.table-wrap table{border-radius:16px;overflow:hidden}.row-actions{display:flex;gap:6px;white-space:nowrap}.row-actions .btn{padding:5px 10px;font-size:12px}.form-card{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ntd-preview{padding:8px 11px;border:1px dashed var(--ww-border);border-radius:9px;background:var(--ww-wash);font-weight:600}.audit-toggle{background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:var(--ww-tidal);padding:4px 0}.audit-body{padding:6px 4px 4px}.audit-row{border-top:1px solid var(--ww-border-soft);padding:10px 0}.audit-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--ww-tidal);margin-bottom:6px}.audit-diff{list-style:none;display:flex;flex-direction:column;gap:3px}.audit-diff li{font-size:11.5px;color:var(--ww-abyss)}.badge.audit-create{color:var(--ww-biolum)}.badge.audit-update{color:var(--ww-tidal)}.badge.audit-delete{color:var(--ww-coral)}.notice{padding:12px 16px;border:1px solid var(--ww-border);border-radius:12px;background:#6dbfa014;font-size:13px;color:var(--ww-abyss);margin-bottom:16px}.notice-warn{background:#c97a6d14;border-color:#c97a6d66;color:var(--ww-coral)}.capture-dropzone{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center;border-style:dashed}.capture-hint{color:var(--ww-tidal);font-size:14px;max-width:360px}.capture-preview{margin-bottom:16px;padding:12px;text-align:center}.capture-preview img{max-height:280px;max-width:100%;border-radius:10px;object-fit:contain}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px}.stat-card .stat-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ww-bone);margin-bottom:8px}.stat-card .stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--ww-abyss)}.stat-card .stat-value.alert{color:var(--ww-coral)}.cat-bars{display:flex;flex-direction:column;gap:10px}.cat-bar-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;font-size:13px}.cat-bar-track{height:10px;background:var(--ww-wash);border-radius:6px;overflow:hidden}.cat-bar-fill{height:100%;background:var(--ww-biolum);border-radius:6px}.subtable{margin:8px 0 4px}.repay-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:10px}.repay-form .field{min-width:130px}.pill{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:2px 9px;border-radius:20px;border:1px solid var(--ww-border)}.pill.paid{color:var(--ww-biolum);border-color:#6dbfa080}.pill.partial{color:var(--ww-tidal);border-color:#2e5f7a66}.pill.unpaid{color:var(--ww-coral);border-color:#c97a6d66}.contract-preview{border:1px solid var(--ww-border-soft);border-radius:12px;padding:22px;background:#fff;font-family:var(--font-body);line-height:1.7;max-height:460px;overflow-y:auto}.contract-preview h1,.contract-preview h2{font-family:var(--font-display);color:var(--ww-abyss)}@media(max-width:860px){.shell-grid{grid-template-columns:1fr}.sidenav{position:static;height:auto;display:flex;flex-direction:column}}