@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");:root{--bg:#f4f6fb;--bg2:#eef1f7;--card:#ffffff;--ink:#0f172a;--ink2:#334155;--muted:#64748b;--line:#e2e8f0;--line2:#cbd5e1;--accent:#2563eb;--accent2:#7c3aed;--accent-ink:#fff;--ok:#15803d;--ok-bg:#dcfce7;--warn:#b45309;--warn-bg:#fef3c7;--bad:#b91c1c;--bad-bg:#fee2e2;--info:#1e3a8a;--info-bg:#dbeafe;--side:#0b1220;--side2:#111a2e;--side-ink:#c7d2fe;--side-on:#ffffff;--radius:14px;--shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -12px rgba(15,23,42,.18);--shadow-lg:0 20px 40px -20px rgba(15,23,42,.35)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--bg2:#0e1428;--card:#131a2e;--ink:#e5e9f5;--ink2:#c7cfe2;--muted:#8b95ad;--line:#232c45;--line2:#33405e;--ok-bg:#0f2f1c;--warn-bg:#3a2a08;--bad-bg:#3b1414;--info-bg:#122045;--info:#c7d2fe;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-size:14.5px;line-height:1.6;font-feature-settings:"palt"}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}h2{font-size:15px;font-weight:600;margin:22px 0 10px;color:var(--ink2);letter-spacing:.02em}.muted{color:var(--muted)}small{font-size:.85em}code{background:var(--bg2);padding:1px 6px;border-radius:6px;word-break:break-all;font-size:.92em}.shell{display:flex;min-height:100vh}aside.side{width:236px;flex:0 0 236px;background:linear-gradient(180deg,var(--side) 0,var(--side2) 100%);color:var(--side-ink);padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;color:#fff;font-weight:700;font-size:16px;letter-spacing:.01em}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:15px;box-shadow:0 6px 16px -6px rgba(124,58,237,.8)}.brand small{display:block;font-weight:500;font-size:11px;color:#8b95ad;letter-spacing:.08em}.nav-h{font-size:11px;letter-spacing:.14em;color:#6b7690;padding:14px 10px 4px;text-transform:uppercase}aside.side a.nav{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--side-ink);font-weight:500;transition:background .15s,color .15s}aside.side a.nav:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}aside.side a.nav.on{background:rgba(255,255,255,.12);color:var(--side-on)}aside.side a.nav .ic{width:20px;text-align:center;opacity:.9}aside.side .new{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:4px 4px 8px}aside.side .new a{display:block;text-align:center;padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.08);transition:transform .12s,background .15s}aside.side .new a:hover{background:linear-gradient(135deg,var(--accent),var(--accent2));transform:translateY(-1px);text-decoration:none}aside.side .foot{margin-top:auto;font-size:11px;color:#6b7690;padding:10px}main.content{flex:1 1;min-width:0;padding:28px 32px 80px;max-width:1240px}.page-head{margin-bottom:18px}.page-head .lead{margin:0;color:var(--muted)}@media (max-width:900px){.shell{display:block}aside.side{position:static;height:auto;width:auto;flex:none;padding:12px}aside.side .nav-h{display:none}aside.side .navs{display:flex;flex-wrap:wrap;gap:4px}aside.side a.nav{padding:7px 10px}aside.side .foot{display:none}main.content{padding:18px 16px 60px}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2:first-child{margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px}.grid,.kpis{display:grid;gap:12px}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;margin-bottom:18px}.kpi,.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden;color:inherit}a.kpi:hover,a.stat:hover{text-decoration:none;border-color:var(--line2);transform:translateY(-1px);transition:transform .12s}.kpi:before,.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent2))}.kpi .k,.stat .k{color:var(--muted);font-size:12px;letter-spacing:.04em}.kpi .v,.stat .v{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .v small,.stat .v small{font-size:13px;color:var(--muted);margin-left:4px;font-weight:500}.kpi .s,.stat .s{margin-top:4px}.kpi .s,.stat .s,label{color:var(--muted);font-size:12.5px}label{display:block;margin:10px 0 4px}input[type=date],input[type=file],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;max-width:560px;padding:9px 11px;border:1px solid var(--line2);border-radius:10px;font-size:14.5px;font-family:inherit;background:var(--card);color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}textarea{min-height:110px}.btn,button{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),#3b82f6);color:var(--accent-ink);border:0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;margin-top:12px;font-family:inherit;box-shadow:0 6px 14px -8px rgba(37,99,235,.7);transition:transform .12s,box-shadow .15s,filter .15s}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.05);text-decoration:none;box-shadow:0 10px 18px -8px rgba(37,99,235,.7)}button:disabled{opacity:.5;cursor:default;transform:none}.btn.secondary,button.secondary{background:var(--bg2);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.btn.secondary:hover,button.secondary:hover{background:var(--line)}button.danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 6px 14px -8px rgba(220,38,38,.6)}.btn.mini,button.mini{padding:5px 10px;font-size:12.5px;margin:0;border-radius:8px}.big{font-size:15px;padding:12px 22px}.msg{padding:11px 14px;border-radius:12px;margin-bottom:14px;border:1px solid transparent}.msg.ok{background:var(--ok-bg);color:var(--ok)}.msg.err{background:var(--bad-bg);color:var(--bad)}.msg.info{background:var(--info-bg);color:var(--info)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}td,th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13.5px;vertical-align:top}th{background:var(--bg2);font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.04em;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--accent) 4%,var(--card))}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table td:first-child,table th:first-child,td .tag,td.num,td.status,th.num{white-space:nowrap}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg2);color:var(--ink2)}.tag.invoice{background:var(--info-bg);color:var(--info)}.tag.quotation{background:var(--warn-bg);color:var(--warn)}.tag.delivery_slip{background:var(--ok-bg);color:var(--ok)}.tag.receipt{background:#fce7f3;color:#9d174d}.tagb{display:inline-block;padding:1px 8px;border-radius:6px;font-size:11px;background:var(--bg2);color:var(--muted);font-weight:600}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.filters label{margin:0}.filters input,.filters select{width:auto;min-width:150px}.filters button{margin-top:0}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink2);font-size:13px;font-weight:500}.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pill:hover{text-decoration:none;border-color:var(--line2)}.pill .cnt{background:rgba(127,127,127,.18);border-radius:999px;padding:0 7px;font-size:11.5px}.pill.on .cnt{background:rgba(255,255,255,.2)}pre.log{background:#0b1220;color:#d1d5db;padding:12px;border-radius:12px;font-size:12px;max-height:360px;overflow:auto;white-space:pre-wrap}.steps li{margin-bottom:6px}.pager a{margin-right:12px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.row>*{flex:1 1;min-width:150px}.row input,.row select{max-width:none}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 16px}.actions form{display:inline}.actions .btn,.actions button{margin-top:0}.chain{font-size:13px;color:var(--muted);margin-bottom:12px}.stack{display:flex;flex-direction:column;gap:12px}.editor table.lines{box-shadow:none}.editor table.lines input,.editor table.lines select{width:100%;padding:7px 9px;font-size:14px;border-radius:8px}.editor table.lines input.num{text-align:right}.editor table.lines td{padding:5px 6px}.editor table.lines tr.textrow td{background:var(--bg2)}.editor .ops{white-space:nowrap}.editor button.mini{margin:0 2px 0 0;background:var(--bg2);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.editor button.mini.danger{background:var(--bad-bg);color:var(--bad)}.editor .totals{margin:14px 0 0 auto;max-width:400px}.editor .totals div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed var(--line)}.editor .totals div.grand{border-bottom:0;border-top:2px solid var(--ink);font-size:19px;padding-top:8px;font-weight:700}ul.cands{position:absolute;z-index:20;left:0;right:0;margin:4px 0 0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow-lg);max-height:280px;overflow:auto}ul.cands li{padding:8px 10px;cursor:pointer;font-size:14px;border-radius:8px}ul.cands li:hover{background:var(--bg2)}.txn .txn-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.txn .amt{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cands-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.cand{display:grid;grid-template-columns:auto 1fr auto;grid-gap:4px 10px;gap:4px 10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;margin:0;color:var(--ink);font-size:13.5px}.cand.best{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card))}.cand input{margin:0}.cand-amt{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.cand-why{grid-column:2/4;color:var(--muted);font-size:12px}.txn-ops{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.txn-ops button{margin-top:0}.txn-ops input{width:auto}details.card summary{cursor:pointer;list-style:none}details.card summary::-webkit-details-marker{display:none}.recent a.item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:inherit}.recent a.item:last-child{border-bottom:0}.recent a.item:hover{text-decoration:none;background:var(--bg2);margin:0 -8px;padding:9px 8px;border-radius:8px}.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.quick a{display:block;padding:14px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--card)),color-mix(in srgb,var(--accent2) 8%,var(--card)));border:1px solid var(--line);color:var(--ink);font-weight:600}.quick a:hover{text-decoration:none;border-color:var(--accent)}.quick a small{display:block;font-weight:400;color:var(--muted);margin-top:2px}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent),radial-gradient(900px 500px at 100% 100%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent),var(--bg);padding:20px}.auth-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 28px 22px;box-shadow:var(--shadow-lg)}.auth-card .brand{color:var(--ink);padding:0 0 14px}.auth-card .brand small{color:var(--muted)}.auth-card input{max-width:none}.userbox{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:13px}.userbox .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:700}.userbox form{margin-left:auto}.userbox button{margin:0;padding:4px 9px;font-size:12px;background:rgba(255,255,255,.12);box-shadow:none}.perm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:6px 14px;gap:6px 14px}.perm-grid label{display:flex;gap:8px;align-items:flex-start;margin:0;color:var(--ink);font-size:13.5px;padding:6px 8px;border-radius:8px;border:1px solid var(--line)}.perm-grid label input{margin-top:3px}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg2);color:var(--ink2)}.badge.admin{background:var(--info-bg);color:var(--info)}.badge.off{background:var(--bad-bg);color:var(--bad)}.userbox button{white-space:nowrap;padding:5px 9px}.userbox>span:nth-child(2){min-width:0;line-height:1.3}.userbox a{white-space:nowrap}.ai-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ai-bar button{margin-top:0}.ai-panel{border-color:color-mix(in srgb,var(--accent2) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent2) 6%,var(--card)),var(--card))}.ai-panel textarea{width:100%;min-height:72px}.chat{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding:6px 2px}.bubble{max-width:92%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.55;border:1px solid var(--line)}.bubble.user{align-self:flex-end;background:color-mix(in srgb,var(--accent) 12%,var(--card));border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--bg2);border-bottom-left-radius:4px}.pills button.pill{margin:0;font-weight:500}.pills button.pill:hover{background:var(--line)}