: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);--transition-sheet: .22s cubic-bezier(.4, 0, .2, 1);--transition-sheet-close: .18s ease-in;--transition-card-expand: .22s ease-out;--transition-fade-rise: .16s ease-out;--transition-sheet-springback: .12s ease-out;--transition-press: 80ms ease-out;--transition-pill: .1s ease-out;--transition-tab-indicator: .12s ease-out;--bottom-nav-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}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;animation:fadeRise .2s ease-out .1s both}.state.error{color:var(--ww-coral)}.success-flash{box-shadow:0 0 12px #6dbfa099!important;transition:box-shadow .3s ease-in-out!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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%;animation:fadeRise .16s ease-out both}.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)}@keyframes fadeRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.mobile-card-list{display:none}.exp-mobile-card{background:var(--ww-surface);border:1px solid var(--ww-border-soft);border-radius:12px;overflow:hidden;box-shadow:var(--ww-shadow-sm);cursor:pointer;transition:transform var(--transition-press);will-change:transform}.exp-mobile-card:not(.expanded):active{transform:scale(.98)}.exp-mobile-card.expanded{background:#6dbfa00a;border-color:#6dbfa04d}.exp-mobile-card-collapsed{padding:10px 14px}.exp-mobile-card-row1{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.exp-mobile-vendor{font-size:13.5px;font-weight:600;color:var(--ww-abyss);flex:1;margin-right:8px}.exp-mobile-amount{font-family:var(--font-mono);font-size:13.5px;font-weight:500;color:var(--ww-abyss);white-space:nowrap}.exp-mobile-card-row2{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.exp-mobile-date{font-family:var(--font-mono);font-size:11px;color:var(--ww-bone)}.exp-mobile-badge{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border-radius:20px;border:1px solid var(--ww-border);color:var(--ww-tidal)}.exp-mobile-badge.biolum{color:var(--ww-biolum);border-color:#6dbfa080}.exp-mobile-badge.coral{color:var(--ww-coral);border-color:#c97a6d66}.exp-mobile-card-expand-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-card-expand)}.exp-mobile-card-expand-wrap.open{grid-template-rows:1fr}.exp-mobile-card-expand-inner{overflow:hidden}.exp-mobile-card-expanded{padding:10px 14px 12px;border-top:1px solid var(--ww-border-soft)}.exp-mobile-detail-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ww-tidal);margin-bottom:4px}.exp-mobile-detail-row span:last-child{color:var(--ww-abyss);font-weight:500}.exp-mobile-actions{display:flex;gap:8px;margin-top:10px}.exp-mobile-action-btn{flex:1;text-align:center;font-size:13px;font-weight:600;padding:10px 0;border-radius:9px;border:1px solid var(--ww-border);background:var(--ww-surface);color:var(--ww-abyss);cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center}.exp-mobile-action-btn.danger{color:var(--ww-coral);border-color:#c97a6d66}.loan-mobile-card{background:var(--ww-surface);border:1px solid var(--ww-border-soft);border-radius:12px;overflow:hidden;box-shadow:var(--ww-shadow-sm);cursor:pointer}.loan-mobile-card.expanded{background:#6dbfa00a;border-color:#6dbfa04d}.loan-mobile-card-collapsed{padding:10px 14px}.loan-mobile-card-row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.loan-mobile-lender{font-size:13.5px;font-weight:600;color:var(--ww-abyss)}.loan-progress-track{height:5px;background:var(--ww-wash);border-radius:3px;margin-bottom:5px;overflow:hidden}.loan-progress-fill{height:100%;background:var(--ww-biolum);border-radius:3px;transition:width var(--transition)}.loan-mobile-meta{display:flex;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ww-bone)}.loan-mobile-card-expand-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-card-expand)}.loan-mobile-card-expand-wrap.open{grid-template-rows:1fr}.loan-mobile-card-expand-inner{overflow:hidden}.loan-mobile-card-expanded{padding:10px 14px 12px;border-top:1px solid var(--ww-border-soft)}.skeleton-card{background:var(--ww-surface);border:1px solid var(--ww-border-soft);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--ww-shadow-sm)}.skeleton-line{background:var(--ww-sediment);border-radius:6px;animation:skeleton-pulse 1.4s ease-in-out infinite}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fbfaf6f7;border-top:1px solid var(--ww-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.mobile-bottom-nav-inner{display:flex;height:var(--bottom-nav-height)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;text-decoration:none}.mobile-tab-icon{font-size:20px;color:var(--ww-bone);transition:color var(--transition-tab-indicator);line-height:1}.mobile-tab-label{font-size:10px;font-weight:600;color:var(--ww-bone);transition:color var(--transition-tab-indicator)}.mobile-tab.active .mobile-tab-icon{color:var(--ww-biolum);filter:drop-shadow(0 0 4px rgba(109,191,160,.5))}.mobile-tab.active .mobile-tab-label{color:var(--ww-abyss)}.mobile-topbar{display:none;height:52px;padding:0 16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ww-border-soft);background:#fbfaf6f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top,0px)}.mobile-topbar-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--ww-abyss)}.mobile-topbar-action{background:var(--ww-biolum);border:none;border-radius:9px;color:#06281d;font-size:12px;font-weight:700;padding:7px 12px;cursor:pointer;min-height:36px}.pwa-install-banner{background:var(--ww-abyss);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;margin:8px 12px 0}.pwa-install-banner-text{flex:1;font-size:12px;color:#ffffffd9;line-height:1.45}.pwa-install-banner-text strong{color:#fff;display:block;font-size:13px;margin-bottom:1px}.pwa-install-banner-icon{font-size:22px;color:var(--ww-surface-blue);flex-shrink:0}.pwa-install-btn{font-size:11px;font-weight:700;color:var(--ww-biolum);background:none;border:none;cursor:pointer;white-space:nowrap;padding:0}.pwa-install-dismiss{font-size:16px;color:#fff6;background:none;border:none;cursor:pointer;padding:0;line-height:1}.offline-pill{background:#c97a6d1a;border:1px solid rgba(201,122,109,.35);border-radius:20px;padding:5px 14px;font-size:12px;color:var(--ww-coral);text-align:center;margin:8px 12px 0}.more-screen{padding:0}.more-user-block{background:var(--ww-surface);border:1px solid var(--ww-border-soft);border-radius:12px;padding:14px 16px;margin-bottom:14px}.more-user-name{font-size:13px;font-weight:600;color:var(--ww-abyss);margin-bottom:2px}.more-user-email{font-size:11px;color:var(--ww-tidal)}.more-section-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ww-bone);margin:12px 0 6px}.more-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--ww-border-soft);min-height:44px}.more-row-label{font-size:13px;color:var(--ww-abyss)}.more-row-value{font-size:11px;color:var(--ww-bone)}.more-row.disabled .more-row-label{color:var(--ww-bone)}.more-signout{margin-top:14px;width:100%;background:var(--ww-surface);border:1px solid rgba(201,122,109,.4);color:var(--ww-coral);font-size:13px;font-weight:600;padding:12px;border-radius:10px;cursor:pointer;min-height:44px}.more-version{font-family:var(--font-mono);font-size:10px;color:var(--ww-bone);text-align:center;margin-top:12px}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1f3c40;z-index:200;opacity:0;transition:opacity var(--transition-sheet-close)}.bottom-sheet-backdrop.visible{opacity:1}.bottom-sheet-panel{position:fixed;bottom:0;left:0;right:0;background:var(--ww-surface);border-radius:20px 20px 0 0;border-top:1px solid var(--ww-border-soft);box-shadow:0 -8px 32px #0d1f3c1f;z-index:201;max-height:90dvh;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);transform:translateY(100%);transition:transform var(--transition-sheet)}.bottom-sheet-panel.open{transform:translateY(0)}.bottom-sheet-handle-wrap{padding:10px 0 4px;display:flex;justify-content:center;flex-shrink:0}.bottom-sheet-handle{width:36px;height:4px;background:var(--ww-sediment);border-radius:2px}.bottom-sheet-header{position:relative;padding:4px 20px 10px;flex-shrink:0;border-bottom:1px solid var(--ww-border-soft)}.bottom-sheet-close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--ww-sediment);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--ww-abyss);padding:0;line-height:1}.bottom-sheet-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ww-abyss)}.bottom-sheet-body{overflow-y:auto;flex:1;padding:16px 20px}.mobile-filter-chips{display:none;gap:6px;overflow-x:auto;padding:0 12px 8px;margin-top:4px;scrollbar-width:none}.mobile-filter-chips::-webkit-scrollbar{display:none}.filter-chip{font-size:11px;padding:5px 12px;border:1px solid var(--ww-border);border-radius:20px;white-space:nowrap;background:var(--ww-surface);color:var(--ww-tidal);cursor:pointer;flex-shrink:0;min-height:32px;display:flex;align-items:center;transition:background var(--transition-pill),color var(--transition-pill),border-color var(--transition-pill),transform var(--transition-press)}.filter-chip:active{transform:scale(1.03)}.filter-chip.active{background:var(--ww-abyss);color:#fff;border-color:var(--ww-abyss)}.capture-camera-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 24px;flex:1;text-align:center}.capture-camera-icon-wrap{width:88px;height:88px;border-radius:50%;background:#6dbfa01a;border:2px dashed rgba(109,191,160,.5);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--ww-biolum)}.capture-camera-hint{font-size:13.5px;color:var(--ww-tidal);line-height:1.55;max-width:260px}.capture-primary-btn{background:var(--ww-abyss);color:#fff;font-size:14px;font-weight:700;padding:13px 28px;border-radius:12px;border:none;cursor:pointer;min-height:48px}.capture-secondary-link{font-size:12.5px;color:var(--ww-tidal);cursor:pointer;background:none;border:none;border-bottom:1px solid currentColor;padding-bottom:1px}@media(max-width:860px){.shell-grid{grid-template-columns:1fr}.sidenav{position:static;height:auto;display:flex;flex-direction:column}}@media(max-width:640px){.sidenav,.topbar{display:none}.shell-grid{grid-template-columns:1fr}.main-content{padding:0 0 calc(var(--bottom-nav-height) + var(--safe-bottom) + 16px);max-width:100%}.mobile-topbar{display:flex}.mobile-bottom-nav{display:block}.mobile-card-list{display:flex;flex-direction:column;gap:8px;padding:10px 12px}.table-wrap{display:none}.mobile-filter-chips{display:flex}.filters,.page-head{display:none}.field input,.field select{font-size:16px}}@media(display-mode:standalone){.mobile-topbar{padding-top:calc(env(safe-area-inset-top,0px) + 4px)}}