:root{font-family:Inter,Noto Sans JP,system-ui,sans-serif;color:#233b36;background:#f5f7f6;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0;border-radius:7px;padding:11px 16px;font-weight:600}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:222px;flex-shrink:0;background:#fff;border-right:1px solid #e2e8e5;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700}.brand-icon{display:grid;place-items:center;background:#164f43;color:#fff;width:39px;height:43px;border-radius:10px}.brand small{font-size:11px;font-weight:400;display:block;margin-top:4px;color:#7c8985}.workspace{font-size:10px;letter-spacing:1.5px;color:#93a09b;margin:44px 5px 18px}.workspace span{display:block;letter-spacing:0;font-size:12px;margin-top:8px}nav a{background:#e9f2ee;border-radius:7px;padding:14px;display:flex;gap:12px;color:#24634f}nav b{margin-left:auto;font-size:10px;padding-top:3px}.sidebar-note{margin-top:auto;padding:50px 5px 0;color:#7b8a84;font-size:10px;line-height:2}.sidebar-note strong{font-size:12px;color:#465e55}.sidebar-note p{font-size:10px}main{min-width:0;flex:1}.topbar{height:73px;background:#fff;border-bottom:1px solid #e2e8e5;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px}.muted{color:#7b8984}.environment{border:1px solid #e3e9e5;border-radius:20px;padding:7px 12px;font-size:11px;color:#567066}.environment i{display:inline-block;width:6px;height:6px;background:#418c69;border-radius:50%;margin-right:7px}.content{max-width:1600px;margin:auto;padding:35px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#558b76;margin:0 0 10px}h1{font-size:28px;letter-spacing:1px;margin:0 0 10px}h2{font-size:15px;margin:0}.page-heading p.muted{font-size:12px;margin:0}.primary{background:#1d604c;color:#fff;white-space:nowrap}.primary:hover{background:#164b3b}.secondary{background:#fff;border:1px solid #dbe3df;color:#596b63}.demo-banner{display:flex;gap:14px;background:#fff9eb;border:1px solid #efdfb5;border-radius:8px;padding:13px 16px;font-size:11px;color:#8b7039;line-height:1.8;margin-bottom:24px}.demo-banner strong{white-space:nowrap}.filters{display:flex;align-items:end;gap:12px;margin-bottom:22px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#61766c}input,select,textarea{background:#fff;border:1px solid #dce4df;border-radius:6px;padding:10px 11px;color:#334f43;min-width:0;width:100%;font-weight:400}input::placeholder{color:#99a69e;font-size:11px}.range-dash{padding-bottom:11px;color:#a0ada5}.search{flex:1;min-width:190px}.reset{font-size:11px;height:39px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:26px}.metric{background:#fff;border:1px solid #e0e8e2;border-radius:9px;padding:19px 17px;min-width:0}.metric p{font-size:11px;color:#728278;margin:0 0 17px}.metric strong{display:block;font-size:25px;letter-spacing:-.7px;white-space:nowrap}.metric small{display:block;color:#96a199;font-size:10px;margin-top:12px}.metric.accent{background:#1e5b49;border-color:#1e5b49;color:#fff}.metric.accent p,.metric.accent small{color:#b7d3c6}.panel{background:#fff;border:1px solid #e0e8e2;border-radius:9px;overflow:hidden;margin-bottom:22px}.panel-heading{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed;gap:12px}.panel-heading p{margin:7px 0 0;color:#91a095;font-size:10px}.count{font-size:10px;background:#f0f4f1;color:#718579;padding:4px 8px;border-radius:5px;margin-left:8px}.tag{color:#708879;border:1px solid #e0e9e2;border-radius:5px;padding:5px 9px;font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}thead{background:#f8faf8;color:#89978d;font-size:10px}th{font-weight:500;padding:14px 15px}td{padding:19px 15px;border-bottom:1px solid #edf1ed}td strong{font-size:11px;font-weight:500}small{display:block}td small{color:#9ba79e;font-size:9px;margin-top:6px}.number{text-align:right;font-variant-numeric:tabular-nums}.receipt{color:#26674c;font-weight:700}.sale-badge{background:#eef7f0;color:#558366;padding:4px 7px;border-radius:4px;font-size:9px}.edit{padding:6px 9px;background:#f3f7f3;color:#49725b;font-size:10px}.table-footer{padding:14px 20px;font-size:10px;color:#929e95;display:flex;justify-content:space-between;gap:12px}.work-row{display:flex;align-items:center;gap:26px;padding:17px 23px;border-bottom:1px solid #f1f4f1}.work-row>div:first-child{width:180px}.work-row strong{font-size:12px}.work-row small{font-size:10px;color:#95a297;margin-top:6px}.bar{flex:1;background:#f0f5f0;height:7px;border-radius:6px;overflow:hidden}.bar i{display:block;background:#81b29b;height:100%;border-radius:6px}.work-money{text-align:right;width:125px}footer{display:flex;justify-content:space-between;font-size:10px;color:#94a098;gap:18px;line-height:1.8;padding:0 2px 15px}.empty{text-align:center;padding:35px;color:#8d9d90;font-size:12px}.empty small{margin-top:8px}.notice{padding:12px;background:#e9f5ed;color:#376648;font-size:12px}.error{color:#a23934;background:#fff0ee;padding:12px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#102b2466;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 20px 70px #122e2440}.form-body{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-body textarea{min-height:65px}.form-body .muted{font-size:10px;line-height:1.8}.draft-total{display:flex;justify-content:space-between;padding:15px;background:#f1f6f1;margin-top:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e5ece6}@media(min-width:1450px){.metric strong{font-size:30px}}@media(max-width:1100px){.sidebar{width:185px;padding:24px 15px}.content{padding:24px}.metrics{grid-template-columns:repeat(3,1fr)}.metric.accent{grid-column:span 2}}@media(max-width:700px){.shell{display:block}.sidebar{width:100%;padding:15px 20px;border-right:0;border-bottom:1px solid #e2e8e5;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:14px}.brand-icon{height:34px;width:34px}.workspace,.sidebar-note{display:none}nav a{padding:9px;font-size:11px}nav b{display:none}.topbar{height:48px;padding:0 20px;font-size:10px}.content{padding:23px 16px}.page-heading{align-items:start}h1{font-size:24px}.page-heading p.muted{font-size:10px;max-width:185px;line-height:1.8}.page-heading button{font-size:11px;padding:11px}.demo-banner{display:block;font-size:10px}.demo-banner strong{display:block;margin-bottom:4px}.filters{gap:10px}.filters label{flex:1;min-width:120px}.filters .search{min-width:100%;order:4}.range-dash{display:none}.reset{padding:8px;font-size:10px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:16px 13px}.metric.accent{grid-column:span 2}.metric strong{font-size:25px}.metric p{margin-bottom:12px}.table-footer{flex-direction:column}.panel-heading{padding:16px}.work-row{padding:16px;gap:10px}.work-row>div:first-child{width:110px}.work-money{width:92px}.work-row strong{font-size:11px}footer{flex-direction:column;gap:5px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:95vh}}