*{box-sizing:border-box;margin:0}:root{--bg: #f5f5f7;--card: #ffffff;--surface2: #fafafc;--fill: #e8e8ed;--hover: #f0f0f4;--text: #1d1d1f;--text2: #6e6e73;--hairline: #d2d2d7;--line: #ececf0;--blue: #0071e3;--blue-hover: #0077ed;--green: #1e7d32;--red: #d70015;--amber: #a05a00;--purple: #6e3bbc;--shadow-1: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);--shadow-2: 0 12px 34px rgba(0,0,0,.14);--shadow-3: 0 20px 60px rgba(0,0,0,.25);--navbg: rgba(255,255,255,.82);--scrim: rgba(0,0,0,.35);--c-green-bg: #d9f0dd;--c-green-fg: #1e7d32;--c-blue-bg: #dceafb;--c-blue-fg: #0b57b4;--c-amber-bg: #f5e8d8;--c-amber-fg: #a05a00;--c-red-bg: #fbdfe5;--c-red-fg: #ad1a3d;--c-purple-bg: #e6dcf7;--c-purple-fg: #6e3bbc;--a-red-bg: #fdf0f0;--a-red-fg: #93000f;--a-amber-bg: #fdf5e6;--a-amber-fg: #7a5200;--a-purple-bg: #f1eafb;--a-purple-fg: #532d91;--a-pending-bg: #fdeedd;--a-pending-fg: #8a4b00;--a-pending-bd: #f3cf9e;--hl-bg: #eaf3fe;--hl-bg-th: #dceafb;--hl-fg: #0b57b4;--row-red: #fdf0f0;--row-green: #f2faf3;--row-green-bd: #bfe3c6;--grid: #e8e8ed;color-scheme:light}:root[data-theme=dark]{--bg: #000000;--card: #1c1c1e;--surface2: #242428;--fill: #2c2c2e;--hover: #313135;--text: #f5f5f7;--text2: #98989d;--hairline: #3a3a3c;--line: #2c2c2e;--blue: #0a84ff;--blue-hover: #3d9bff;--green: #4fd267;--red: #ff5f52;--amber: #ffb340;--purple: #b08aff;--shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.35);--shadow-2: 0 12px 34px rgba(0,0,0,.55);--shadow-3: 0 20px 60px rgba(0,0,0,.65);--navbg: rgba(28,28,30,.78);--scrim: rgba(0,0,0,.6);--c-green-bg: #123d1c;--c-green-fg: #7ee08e;--c-blue-bg: #0e2f52;--c-blue-fg: #7fbcff;--c-amber-bg: #3d2d12;--c-amber-fg: #ffc978;--c-red-bg: #451420;--c-red-fg: #ff8fa3;--c-purple-bg: #2c2148;--c-purple-fg: #c3a6ff;--a-red-bg: #37161a;--a-red-fg: #ff9d95;--a-amber-bg: #34290f;--a-amber-fg: #ffd08a;--a-purple-bg: #271d3d;--a-purple-fg: #c9b1ff;--a-pending-bg: #3a2610;--a-pending-fg: #ffc27a;--a-pending-bd: #6b4a1c;--hl-bg: #13293f;--hl-bg-th: #18344f;--hl-fg: #86c2ff;--row-red: #2b1518;--row-green: #142a19;--row-green-bd: #2c5e37;--grid: #303034;color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Sukhumvit Set,Sarabun,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,a{-webkit-user-select:none;user-select:none}#root{min-height:100vh}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.layout main{max-width:1080px;margin:0 auto;padding:32px 22px 80px}.layout main:has(.pagewide){max-width:1560px}h1{font-size:1.9rem;font-weight:700;letter-spacing:-.022em;margin-bottom:20px}h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin-bottom:12px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}input[type=checkbox]:focus-visible{outline-offset:1px}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--navbg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:10px 28px;position:sticky;top:0;z-index:10;border-bottom:.5px solid var(--hairline)}.nav a{color:var(--text2);font-size:.95rem;transition:color .15s}.nav a:hover{color:var(--text);text-decoration:none}.nav a.active{color:var(--text);font-weight:600}.brand{display:flex;align-items:center;gap:9px;font-size:1.12rem;color:var(--text2);margin-right:10px}.brand b{color:var(--text);font-weight:700;letter-spacing:-.02em}.brand svg{display:block}.brandimg{height:34px;display:block}.spacer{flex:1}.badge{background:var(--fill);color:var(--text);border-radius:999px;padding:3px 13px;font-size:.8rem;white-space:nowrap}.username{color:var(--text);font-size:.9rem;font-weight:600;white-space:nowrap}.badge.r-edit{background:var(--c-green-bg);color:var(--c-green-fg)}.badge.r-view{background:var(--fill);color:var(--text2)}.badge.r-staff{background:var(--c-amber-bg);color:var(--c-amber-fg)}.badge.com{background:var(--c-amber-bg);color:var(--c-amber-fg);margin-left:6px}.rolecol{white-space:nowrap;width:1%}.card{background:var(--card);border-radius:18px;padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-1)}.grid2{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}@media (max-width: 980px){.grid2{grid-template-columns:1fr}}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.pagehead h1,.pagehead h3{margin:0}table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:11px 14px;border-bottom:.5px solid var(--line);font-size:.93rem}th{background:var(--surface2);font-weight:600;color:var(--text2);font-size:.82rem}.r{text-align:right}.totalrow td{background:var(--surface2)}td.hl{background:var(--hl-bg);font-weight:600;color:var(--hl-fg)}th.hl{background:var(--hl-bg-th);color:var(--hl-fg)}.row-red td{background:var(--row-red)}.row-paid td{background:var(--row-green)}.filterrow th{background:var(--card);padding:7px 8px}.filterrow input,.filterrow select{font-family:inherit;font-size:.84rem;padding:6px 9px;border:.5px solid var(--hairline);border-radius:8px;max-width:100%;background:var(--card);color:var(--text)}.chip{border-radius:999px;padding:3px 11px;font-size:.8rem;font-weight:500;background:var(--fill);color:var(--text);white-space:nowrap}.nowrap{white-space:nowrap}.verifycell{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.78rem;color:var(--text2);white-space:nowrap}.avatar{width:22px;height:22px;border-radius:50%;display:block}.tablewrap{overflow-x:auto;border:.5px solid var(--line);border-radius:14px}.tablewrap table{border-radius:0;min-width:100%}.tablewrap th:first-child,.tablewrap td:first-child{padding-left:16px}.tablewrap th:last-child,.tablewrap td:last-child{padding-right:16px}.tablewrap tbody tr:last-child td{border-bottom:none}.cellclip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cellclip.open{white-space:normal;overflow:visible}.selbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;position:sticky;top:54px;z-index:20}.modalbg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modalbox{background:var(--card);border-radius:18px;padding:22px 24px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-3)}.dlgbox{max-width:420px}.dlgmsg{color:var(--text2);font-size:.9rem;line-height:1.6;white-space:pre-wrap;margin-bottom:4px}.t-ขายฝาก{background:var(--c-green-bg);color:var(--c-green-fg)}.t-จำนอง{background:var(--c-blue-bg);color:var(--c-blue-fg)}.t-จำนำ{background:var(--c-amber-bg);color:var(--c-amber-fg)}.t-เงินกู้{background:var(--c-red-bg);color:var(--c-red-fg)}.t-ลงทุน{background:var(--c-purple-bg);color:var(--c-purple-fg)}.p-จ่ายปกติ{background:var(--c-green-bg);color:var(--c-green-fg)}.p-ค้างจ่าย{background:var(--c-red-bg);color:var(--c-red-fg)}.p-จ่ายตอนจบสัญญา{background:var(--c-purple-bg);color:var(--c-purple-fg)}.chip.pending{background:var(--c-amber-bg);color:var(--c-amber-fg)}.chip.prepaid{background:var(--c-green-bg);color:var(--c-green-fg)}.pre{color:var(--purple);font-style:normal;font-size:.8rem}.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:.5px solid var(--line);font-size:.93rem;gap:14px}.kv span{color:var(--text2)}.kv b{text-align:right}.note{background:var(--surface2);border-radius:12px;padding:12px 14px;margin-top:12px;font-size:.88rem;white-space:pre-wrap;color:var(--text2)}.errnote{background:var(--a-red-bg);color:var(--a-red-fg)}.paygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:9px}.pay{display:flex;gap:8px;align-items:center;border:.5px solid var(--hairline);border-radius:11px;padding:9px 11px;cursor:pointer;font-size:.88rem;background:var(--card)}.pay.paid{background:var(--row-green);border-color:var(--row-green-bd)}.pay .del{margin-left:auto;padding:0 6px;color:var(--red)}.addpay{display:flex;gap:8px;margin-top:14px;align-items:center}.addpay input{font-family:inherit;padding:8px 11px;border:.5px solid var(--hairline);border-radius:10px;background:var(--card);color:var(--text)}button,.btn{font-family:inherit;font-size:.93rem;font-weight:500;border:none;border-radius:999px;padding:9px 20px;cursor:pointer;background:var(--fill);color:var(--text);display:inline-block;transition:filter .15s,background .15s}button:hover,.btn:hover{filter:brightness(.96);text-decoration:none}:root[data-theme=dark] button:hover,:root[data-theme=dark] .btn:hover{filter:brightness(1.08)}button.primary,.btn.primary{background:var(--blue);color:#fff}button.primary:hover,.btn.primary:hover{background:var(--blue-hover);filter:none}button.ghost{background:transparent;color:var(--blue)}button.danger{background:var(--red);color:#fff}button:disabled{opacity:.4;cursor:default}.actions{display:flex;gap:10px;margin-top:16px}.seg{display:inline-flex;background:var(--fill);border-radius:999px;padding:3px}.seg button{border-radius:999px;padding:6px 16px;font-size:.88rem;background:transparent;color:var(--text2)}.seg button.on{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.form label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;color:var(--text2);margin-bottom:12px;flex:1}.form input,.form select,.form textarea,.filters select,.filters input{font-family:inherit;font-size:.95rem;padding:9px 12px;border:.5px solid var(--hairline);border-radius:11px;background:var(--card);color:var(--text)}.form input:focus,.form select:focus,.filterrow input:focus,.filterrow select:focus,.filters input:focus,.filters select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e340}.form .row{display:flex;gap:12px;align-items:end}.sharehint{min-width:52px;color:var(--text2);font-size:.85rem}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.tagnew{display:flex;gap:6px;align-items:center}.tagnew input{flex:1}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.stat{background:var(--card);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow-1)}.stat span{color:var(--text2);font-size:.82rem;display:block;margin-bottom:5px}.stat b{font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.stat b small{font-size:.85rem;font-weight:500;color:var(--text2)}.stat b.statred{color:var(--red)}.piewrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.legend div{font-size:.88rem;color:var(--text2);margin-bottom:7px}.legend b{color:var(--text);font-weight:600}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.alerts{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.alert{display:block;border-radius:14px;padding:12px 16px;font-size:.93rem;text-decoration:none}.alert:hover{text-decoration:none;filter:brightness(1.06)}.alert.red{background:var(--a-red-bg);color:var(--a-red-fg)}.alert.amber{background:var(--a-amber-bg);color:var(--a-amber-fg)}.alert.purple{background:var(--a-purple-bg);color:var(--a-purple-fg)}.alert.pending{background:var(--a-pending-bg);color:var(--a-pending-fg);border:1px solid var(--a-pending-bd)}.late{color:var(--red);font-size:.85rem}.paychk{cursor:pointer;font-size:.85rem;color:var(--text2)}.bank{color:var(--text2);font-size:.85rem;font-weight:400}.monthpick,.rangepick input,.rangepick select{font-family:inherit;padding:7px 10px;border:.5px solid var(--hairline);border-radius:10px;background:var(--card);color:var(--text)}.toastwrap{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(460px,calc(100vw - 32px))}.toast{pointer-events:auto;cursor:pointer;width:100%;display:flex;gap:10px;align-items:flex-start;background:var(--card);color:var(--text);border:.5px solid var(--hairline);border-radius:14px;padding:12px 16px;font-size:.9rem;line-height:1.5;box-shadow:var(--shadow-2);animation:toastin .22s cubic-bezier(.2,.8,.2,1)}.toast .ticon{flex:none}.toast.ok{border-left:4px solid var(--green)}.toast.err{border-left:4px solid var(--red);background:var(--a-red-bg);color:var(--a-red-fg)}.toast.info{border-left:4px solid var(--blue)}@keyframes toastin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.skelpage{display:flex;flex-direction:column;gap:16px}.skel{border-radius:14px;background:var(--fill);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.3s infinite}.skel.h1{height:34px;width:260px;border-radius:10px}.skel.stats{height:96px}.skel.card{height:220px;border-radius:18px}.skel.card.tall{height:420px}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skel:after,.toast{animation:none}*{transition-duration:.01ms!important}}.calcfab{position:fixed;right:20px;bottom:20px;z-index:50;width:52px;height:52px;border-radius:50%;font-size:1.4rem;padding:0;background:var(--card);box-shadow:0 4px 16px #0000002e;border:.5px solid var(--hairline)}.calcbox{position:fixed;right:20px;bottom:20px;z-index:50;width:270px;background:var(--card);border-radius:18px;padding:14px;box-shadow:var(--shadow-3);border:.5px solid var(--hairline)}.calchead{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.92rem;margin-bottom:8px}.calchead .ghost{padding:2px 10px;font-size:1.1rem}.calchist{max-height:110px;overflow-y:auto;margin-bottom:8px;border-bottom:.5px solid var(--line);padding-bottom:6px}.calchist div{font-size:.78rem;color:var(--text2);padding:3px 4px;cursor:pointer;border-radius:6px;display:flex;justify-content:space-between;gap:8px}.calchist div:hover{background:var(--hover)}.calchist b{color:var(--text)}.calcdisp{width:100%;font-family:inherit;font-size:1.25rem;text-align:right;padding:8px 10px;border:.5px solid var(--hairline);border-radius:10px;margin-bottom:8px;background:var(--card);color:var(--text)}.calcdisp:focus{outline:none;border-color:var(--blue)}.calckeys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calckeys button{padding:9px 0;border-radius:10px;font-size:1rem;background:var(--fill)}.calckeys button.op{background:var(--c-blue-bg);color:var(--c-blue-fg);font-weight:600}.calckeys button.eq{grid-column:span 4;background:var(--blue);color:#fff;font-weight:600}.tabbar{display:none}@media (max-width: 820px){.nav>a{display:none}.nav{overflow:visible}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--navbg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--hairline);padding:7px 4px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;font-size:.72rem;color:var(--text2);text-decoration:none;min-height:44px;justify-content:center}.tabbar a:hover{text-decoration:none}.tabbar a span{font-size:1.35rem;line-height:1}.tabbar a.active{color:var(--blue);font-weight:600}.layout main{padding-bottom:110px}.calcfab,.calcbox{bottom:calc(78px + env(safe-area-inset-bottom))}.toastwrap{bottom:calc(86px + env(safe-area-inset-bottom))}}@media (max-width: 680px){.layout main{padding:16px 12px 60px}h1{font-size:1.4rem;margin-bottom:14px}.nav{padding:8px 14px;gap:13px;flex-wrap:nowrap;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a,.username{flex:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:13px 14px;border-radius:14px}.stat b{font-size:1.12rem}.stat span{font-size:.76rem}.card{padding:15px 14px;border-radius:14px;margin-bottom:14px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px;font-size:.85rem;white-space:nowrap}.pagehead{flex-wrap:wrap}.rangepick{display:flex;gap:6px;flex-wrap:wrap}.rangepick input{flex:1;min-width:130px}.piewrap{justify-content:center}.paygrid{grid-template-columns:1fr 1fr}.pay{font-size:.8rem;padding:7px 8px}.form .row{flex-direction:column;align-items:stretch}.alerts .alert{font-size:.87rem;padding:10px 13px}.grid2{gap:14px}.legend div{font-size:.82rem}}.logindark{background:#000}.logincard{text-align:center;color:#f5f5f7;padding:40px}.logincard p{color:#86868b;margin-bottom:28px;font-size:.95rem}.gbtn{background:#fff;color:#1d1d1f;font-weight:600;padding:12px 28px;border-radius:999px}.gbtn:hover{background:#e8e8ed;filter:none}.inappwarn{background:#2a2410;border:1px solid #6d5a1a;color:#ffd971;border-radius:14px;padding:14px 18px;font-size:.92rem;line-height:1.8;text-align:center}.deallink{color:var(--blue);text-decoration:none;font-size:.85rem;display:inline-block;max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.deallink:hover{text-decoration:underline}.accountmenu{position:relative}.accountbtn{display:flex;align-items:center;gap:7px;background:none;border:none;padding:3px 4px;cursor:pointer;border-radius:999px}.accountbtn:hover{background:var(--hover);filter:none}.accountbtn .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.accountbtn .caret{color:var(--text2);font-size:.7rem}.dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;z-index:60;background:var(--card);border:.5px solid var(--hairline);border-radius:14px;padding:6px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:2px}.dropheader{display:flex;flex-direction:column;padding:8px 12px 10px;border-bottom:.5px solid var(--hairline);margin-bottom:4px}.dropheader span{color:var(--text2);font-size:.78rem;word-break:break-all}.dropdown a,.dropdown button{text-align:left;padding:9px 12px;border-radius:10px;font-size:.9rem;color:var(--text);text-decoration:none;background:none;border:none;width:100%;cursor:pointer}.dropdown a:hover,.dropdown button:hover{background:var(--hover);text-decoration:none;filter:none}.dropdown a.active{font-weight:600;color:var(--blue)}.periodpick{display:flex;align-items:center;gap:8px;color:var(--text2);font-size:.85rem;white-space:nowrap}.progress{height:10px;background:var(--fill);border-radius:999px;overflow:hidden}.progress .bar{height:100%;background:linear-gradient(90deg,#34c759,#1e7d32);border-radius:999px;transition:width .3s}html{-webkit-text-size-adjust:100%}#root,.center{min-height:100dvh}.searchbox{min-width:200px}@media (max-width: 1024px){.form input,.form select,.form textarea,.filters select,.filters input,.filterrow input,.filterrow select,.monthpick,.rangepick input,.rangepick select,.addpay input,.calcdisp{font-size:16px}input[type=date],input[type=month]{min-height:42px}}@media (min-width: 681px) and (max-width: 1024px){.layout main{padding:24px 20px 120px;max-width:100%}.layout main:has(.pagewide){max-width:100%}h1{font-size:1.65rem}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.paygrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.modalbox{max-width:620px}}@media (max-width: 680px){.layout main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.nav{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}button,.btn{padding:11px 18px}button.ghost{padding:11px 12px}.pagehead{align-items:flex-start;gap:8px}.pagehead .actions{flex-wrap:wrap;margin-top:0;width:100%}.pagehead .actions .monthpick{flex:1 1 100%}.periodpick{width:100%}.periodpick .rangepick,.periodpick select{flex:1}.filters{gap:8px}.filters select{flex:1 1 46%;min-width:0}.filters .searchbox{flex:1 1 100%;min-width:0}.filters button{flex:1 1 100%}.filters>span{flex:1 1 100%}.modalbg{align-items:flex-end;padding:0}.modalbox{max-width:100%;border-radius:22px 22px 0 0;max-height:92dvh;padding:16px 16px calc(12px + env(safe-area-inset-bottom))}.modalbox .actions{position:sticky;bottom:calc(-1*env(safe-area-inset-bottom));background:var(--card);padding:10px 0 calc(6px + env(safe-area-inset-bottom));margin-top:14px}.modalbox .actions button{flex:1;text-align:center}.modalbox table{font-size:.85rem}.dropdown{min-width:200px}.accountbtn .avatar{width:30px;height:30px}.selbar{gap:8px;padding:11px 13px}.selbar button{flex:1 1 auto}.tablewrap{-webkit-overflow-scrolling:touch}th,td{padding:9px 10px}.verifycell{font-size:.74rem}.calcbox{right:10px;left:10px;width:auto}}@media (max-height: 480px){.modalbox{max-height:96dvh}}@media print{@page{size:A4;margin:12mm}:root{--bg: #fff;--card: #fff;--surface2: #fff;--text: #000;--text2: #444;color-scheme:light}body{background:#fff;color:#000}.nav,.tabbar,.calcfab,.calcbox,.toastwrap,.modalbg,.filterrow,.actions,.seg,.periodpick,.filters,.selbar,.addpay{display:none!important}.layout main{max-width:100%;padding:0}.card{box-shadow:none;border:.5px solid #ccc;break-inside:avoid;margin-bottom:10px;padding:12px 14px}.stat{box-shadow:none;border:.5px solid #ccc}table{break-inside:auto;font-size:11px}thead{display:table-header-group}tr{break-inside:avoid}th,td{padding:5px 7px;border-bottom:.5px solid #ddd}.chip,.badge{border:.5px solid #999;background:#fff!important;color:#000!important}a{color:#000;text-decoration:none}.tablewrap{overflow:visible;border:none}h1{font-size:18px}h3{font-size:13px}}.logtable td{vertical-align:top;font-size:.85rem}.logchanges{margin:4px 0 0;padding-left:18px;color:var(--text2);font-size:.82rem}.logcell{white-space:nowrap;font-size:.8rem;line-height:1.35}.logcell small{color:var(--text2);display:block}.logcell button{padding:2px 8px;font-size:.78rem;margin-top:2px}.dirpick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}.dirpick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;min-height:56px;border-radius:12px;background:var(--fill);color:var(--text);border:2px solid transparent}.dirpick button b{font-size:1rem}.dirpick button small{font-size:.75rem;color:var(--text2);font-weight:400}.dirpick button.in.on{background:var(--c-green-bg);color:var(--c-green-fg);border-color:var(--c-green-fg)}.dirpick button.out.on{background:var(--c-red-bg);color:var(--c-red-fg);border-color:var(--c-red-fg)}.dirpick button.on small{color:inherit}.dirhint{text-align:center;color:var(--text2);font-size:.88rem;padding:6px 0 12px}.divbox{background:var(--surface2);border-radius:12px;padding:10px 12px;margin-bottom:12px}.divbox label:not(.paychk){margin-top:8px}.themepick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font-size:.88rem;color:var(--text2)}.dropdown .themepick .seg button{width:auto;padding:5px 12px;border-radius:999px;font-size:.82rem;white-space:nowrap;background:transparent;color:var(--text2)}.dropdown .themepick .seg button.on{background:var(--card);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.dealtable td{vertical-align:top}.dealtable td.r{white-space:nowrap}.dealtable .dealname a{font-weight:600}.dealtable .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px}.dealtable .tag{font-size:.78rem;color:var(--text2);white-space:nowrap}.dealtable td.stk small{display:block;margin-top:3px;font-size:.78rem;font-weight:400;color:var(--text2)}.dealtable td.hl.stk small{color:var(--hl-fg);opacity:.75}.filterdate{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--text2);white-space:nowrap}