:root{--theme-bg: #fffefb;--theme-surface: #fffefb;--theme-surface-subtle: #f8f4ed;--theme-text: #201515;--theme-text-weak: #8d897d;--theme-border: #c5c0b1;--theme-orange: #ff4f00;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 14px;--space-7: 18px;--title-gap: 8px;--section-gap: 12px}:root[data-theme=dark]{--theme-bg: #060710;--theme-surface: rgba(10, 12, 24, .84);--theme-surface-subtle: rgba(14, 17, 32, .86);--theme-text: #f5f4ff;--theme-text-weak: #9fa5cb;--theme-border: rgba(151, 162, 255, .22);--theme-orange: #61ffd7}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Noto Sans TC,PingFang TC,PingFang SC,Microsoft JhengHei,sans-serif;background:var(--theme-bg);color:var(--theme-text);transition:background .24s ease,color .24s ease}button,input,textarea,select{font:inherit}a{color:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;position:relative}.site-header{position:sticky;top:0;z-index:10;background:#fffefbf5;border-bottom:1px solid var(--theme-border);transition:background .24s ease,border-color .24s ease}:root[data-theme=dark] .site-header{background:#050c09c2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner,.wrap,.footer-inner{width:min(1180px,calc(100% - 36px));margin:0 auto}.header-inner{padding:10px 0;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:10px}.brand{font-size:15px;font-weight:700}.brand-note{font-size:12px;color:var(--theme-text-weak)}.lang-toggle{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.lang-toggle:hover{border-color:var(--theme-orange);color:var(--theme-orange);background:#fffdfa}.wrap{flex:1;padding:12px 0;position:relative;z-index:1}.hero{text-align:center;margin-bottom:28px}.hero h1{margin:0;font-size:52px;line-height:52px;font-weight:500;font-family:Noto Sans TC;letter-spacing:-.05em;display:flex;flex-direction:column;padding-top:15px;padding-bottom:15px}.sub{max-width:700px;margin:0 auto;color:var(--theme-text-weak);font-size:12px;line-height:1.36}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:stretch;width:100%}.card{border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-surface);padding:var(--space-6);min-width:0;display:flex;flex-direction:column}.form-grid{display:flex;flex-direction:column;gap:var(--section-gap);flex:1}.field{width:100%}label,.section-title,.panel-label,.summary-title{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--theme-text)}label,.section-title,.panel-label,.summary-title{margin-bottom:var(--title-gap)}.month-picker{position:relative;width:100%}.month-trigger{width:100%;border:1px solid var(--theme-border);border-radius:5px;padding:9px 11px;background:var(--theme-surface);color:var(--theme-text);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left}.month-trigger:hover,.month-trigger:focus-visible{outline:none;border-color:var(--theme-orange)}.month-trigger-icon{width:18px;height:18px;color:var(--theme-text);flex:0 0 auto}.month-trigger-icon svg{display:block;width:100%;height:100%}.month-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:100%;border:1px solid var(--theme-border);border-radius:8px;background:#fffdfa;box-shadow:0 18px 40px #20151514;padding:12px}:root[data-theme=dark] .month-popover{background:#0e111efa;border-color:#97a2ff47;box-shadow:0 20px 48px #02040a8c,0 0 0 1px #61ffd70f}.month-popover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.month-year{font-size:13px;font-weight:700}:root[data-theme=dark] .month-year{color:var(--theme-text-weak)}.month-nav{width:28px;height:28px;border:1px solid var(--theme-border);border-radius:999px;background:var(--theme-surface);color:var(--theme-text);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:16px}:root[data-theme=dark] .month-nav{background:#ffffff0f;border-color:#97a2ff38;color:#f5f4ff}.month-nav:hover{border-color:var(--theme-orange);color:var(--theme-orange)}.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.month-cell{border:1px solid var(--theme-border);border-radius:6px;background:var(--theme-surface);color:var(--theme-text);padding:10px 0;font-size:12px;font-weight:600}:root[data-theme=dark] .month-cell{background:#ffffff0a;border-color:#97a2ff29;color:#ececff}.month-cell:hover{border-color:var(--theme-orange);color:var(--theme-orange)}.month-cell.is-active{border-color:var(--theme-orange);background:#ff4f0014;color:var(--theme-orange)}:root[data-theme=dark] .month-cell.is-active{background:#61ffd71a;color:#b8ffe9;box-shadow:inset 0 0 0 1px #61ffd71f}.drop{border:1px solid var(--theme-border);border-radius:8px;padding:var(--space-5);background:var(--theme-surface);display:flex;flex-direction:column;gap:var(--space-3)}.drop-title{margin-bottom:0;font-size:13px;font-weight:600}.drop-sub{margin-bottom:0;color:var(--theme-text-weak);font-size:11px;line-height:1.35}.drop-privacy-note{margin-bottom:0;color:var(--theme-text-weak);font-size:10px;line-height:1.35}.dropzone-box{border:1px dashed var(--theme-border);border-radius:8px;background:color-mix(in srgb,var(--theme-surface) 92%,transparent);padding:var(--space-4);margin-bottom:0;transition:border-color .16s ease,background .16s ease;min-height:170px;display:flex;flex-direction:column}.dropzone-box.is-empty{align-items:center;justify-content:center;text-align:center}.dropzone-box.has-files{align-items:stretch;justify-content:flex-start}.dropzone-box.is-drag{border-color:var(--theme-orange);background:color-mix(in srgb,var(--theme-orange) 8%,var(--theme-surface))}.dropzone-note{margin-bottom:var(--space-2);color:var(--theme-text-weak);font-size:11px}.upload-row{display:flex;justify-content:center;margin-bottom:var(--space-2)}.picker,.actions button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.picker{padding:7px 12px;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);font-size:11px;font-weight:600;appearance:none}.picker:hover{border-color:var(--theme-orange);color:var(--theme-orange)}.native-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-list{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;max-height:240px;overflow-y:auto;overflow-x:hidden;width:100%}.file-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--theme-border);border-radius:5px;background:var(--theme-surface)}.file-name{font-size:11px;line-height:1.35;word-break:break-all}.file-remove{border:0;background:transparent;color:var(--theme-text-weak);font-size:18px;width:22px;height:22px;padding:0}.file-remove:hover{color:var(--theme-orange)}.files{margin-top:0;padding-top:0;border-top:none;border-image:none;color:var(--theme-text-weak);font-size:11px}.actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5)}.actions button{border:1px solid var(--theme-orange);background:var(--theme-orange);color:#fff;font-size:12px;font-weight:700;padding:9px 13px}.actions button:hover:not(:disabled){background:#e74900;transform:translateY(-1px)}:root[data-theme=dark] .actions button{border-color:#61ffd75c;background:#61ffd72e;color:#f5fffb;box-shadow:0 10px 24px #12ffc71a}:root[data-theme=dark] .actions button:hover:not(:disabled){background:#61ffd73d;border-color:#61ffd77a}.actions button:disabled{opacity:.6;cursor:default}.status{color:var(--theme-text-weak);font-size:11px}.status.is-accent{color:var(--theme-orange);font-weight:600}.result{margin-top:0;display:flex;flex-direction:column}.totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--section-gap)}.tile{border:1px solid var(--theme-border);border-radius:8px;padding:var(--space-4);background:var(--theme-surface)}.tile .k{font-size:11px;font-weight:600;color:var(--theme-text-weak);text-transform:uppercase}.tile .v{margin-top:var(--space-1);font-size:16px;line-height:1;font-weight:700}.panel-label{margin:0 0 var(--title-gap)}.links{display:flex;flex-direction:column;gap:var(--space-2);margin:0 0 var(--section-gap)}.links a,.link-placeholder{display:block;padding:9px 10px;border:1px solid var(--theme-border);border-radius:5px;background:var(--theme-surface);color:var(--theme-text);font-size:11px;font-weight:500}.links a:hover{border-color:var(--theme-orange)}.links a{text-decoration:none}.link-placeholder{color:var(--theme-text-weak)}.summary-shell{margin-top:0;display:flex;flex-direction:column}pre{margin:0;padding:12px;border:1px solid var(--theme-border);border-radius:5px;background:var(--theme-surface);color:var(--theme-text);font-size:11px;line-height:1.5;font-family:inherit;font-weight:500;white-space:pre-wrap;word-break:break-word;overflow-x:hidden;overflow-y:auto;max-height:250px}pre.is-placeholder{color:var(--theme-text-weak)}.site-footer{border-top:1px solid var(--theme-border);margin-top:var(--space-7);position:relative;z-index:1}.footer-inner{padding:12px 0 16px;text-align:center;color:var(--theme-text);font-size:12px}.sphere-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(97,255,215,.08),transparent 18%),radial-gradient(circle at 78% 62%,rgba(73,157,255,.14),transparent 28%),radial-gradient(circle at 22% 18%,rgba(177,136,255,.14),transparent 30%),radial-gradient(circle at 50% 50%,#03050b3d,#010208fe 74%)}.sphere-canvas{position:absolute!important;inset:0}.sphere-glow{position:absolute;left:50%;top:50%;border-radius:999px;transform:translate(-50%,-50%);filter:blur(120px);opacity:.72}.sphere-glow-a{width:min(62vw,980px);height:min(62vw,980px);background:radial-gradient(circle,rgba(113,110,255,.18),rgba(96,210,255,.1) 36%,transparent 72%)}.sphere-glow-b{width:min(32vw,420px);height:min(32vw,420px);background:radial-gradient(circle,rgba(146,122,255,.3),transparent 74%)}.sphere-glow-c{width:min(74vw,1180px);height:min(74vw,1180px);background:radial-gradient(circle,rgba(88,196,255,.18),transparent 78%);opacity:.44}:root[data-theme=dark] .card,:root[data-theme=dark] .drop,:root[data-theme=dark] .month-popover,:root[data-theme=dark] .links a,:root[data-theme=dark] .link-placeholder,:root[data-theme=dark] pre,:root[data-theme=dark] .file-item,:root[data-theme=dark] .month-trigger,:root[data-theme=dark] .month-cell,:root[data-theme=dark] .month-nav,:root[data-theme=dark] .picker,:root[data-theme=dark] .lang-toggle,:root[data-theme=dark] .tile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=dark] .card,:root[data-theme=dark] .drop,:root[data-theme=dark] .tile,:root[data-theme=dark] .month-trigger,:root[data-theme=dark] .file-item,:root[data-theme=dark] .links a,:root[data-theme=dark] .link-placeholder,:root[data-theme=dark] pre{box-shadow:0 12px 32px #03061047,inset 0 1px #ffffff05}:root[data-theme=dark] .hero h1,:root[data-theme=dark] .brand{text-shadow:0 0 24px rgba(143,170,255,.1)}@media(max-width:920px){.workspace{grid-template-columns:1fr}.card{height:auto}}@media(max-width:720px){.header-actions{gap:8px}.brand-note{display:none}.header-inner,.wrap,.footer-inner{width:min(100% - 28px,1180px)}.wrap{padding:14px 0 22px}.card{padding:12px}.sub{font-size:12px}.actions{flex-direction:column;align-items:stretch}}