:root{color:#26374b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f9;font-family:Inter,Segoe UI,Noto Sans JP,Meiryo,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #279d9a}button{cursor:pointer}button:disabled{cursor:default}button{color:#40516a;background:#fff;border:1px solid #dce3e9;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:.875rem;display:inline-flex}button:hover{background:#f0f6f7;border-color:#90b8b7}input,select{color:#2d4058;background:#fff;border:1px solid #d9e1e8;border-radius:6px;width:100%;min-width:0;max-width:100%;min-height:42px;padding:8px 10px}input[type=checkbox]{accent-color:#168b8a;width:18px;min-height:18px}label{color:#526178;flex-direction:column;gap:7px;font-size:.875rem;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:9px;font-size:1.8rem}h2{margin-bottom:14px;font-size:1.05rem;line-height:1.6}h3{margin-bottom:8px;font-size:.95rem;line-height:1.6}p{color:#738094;font-size:.875rem;line-height:1.8}small{color:#7c8797;font-size:.75rem;line-height:1.7}strong{font-weight:650}a{color:inherit;text-decoration:none}hr{border:0;border-top:1px solid #e5eaf0;margin:25px 0}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th,td{white-space:nowrap;border-bottom:1px solid #e9edf1;padding:13px 12px}th{color:#6b788b;font-weight:600}td .badge{display:block}details{color:#718095;font-size:.875rem}summary{cursor:pointer;margin-top:12px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#c4cfdf;z-index:20;background:#15243a;flex-direction:column;flex-shrink:0;width:244px;padding:32px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.03em;align-items:center;gap:10px;padding:0 5px;font-size:1.17rem;font-weight:650;display:flex}.brand-mark{background:#208d8e;border-radius:9px;place-items:center;width:38px;height:40px;display:grid}.brand small{color:#96aabe;letter-spacing:0;margin-top:6px;font-size:.65rem;font-weight:400;display:block}.nav-caption{letter-spacing:.15em;color:#698096;margin:48px 14px 14px;font-size:.65rem}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#abb9cd;background:0 0;border:0;justify-content:flex-start;gap:12px;min-height:47px;padding:14px;font-size:.875rem}.sidebar nav button.active{color:#fff;background:#264252}.sidebar nav button.active:before{content:"";background:#5bc2ba;border-radius:5px;width:3px;height:21px;position:absolute;left:18px}.sidebar nav button svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom{border-top:1px solid #304055;margin-top:auto;padding:24px 10px 0;font-size:.8rem}.sidebar-bottom p{color:#95a6bc;margin:15px 0;font-size:.75rem}.sidebar-bottom small{letter-spacing:.08em;color:#70839b;font-size:.56rem}.local-dot{background:#64c4a8;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.workspace{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{color:#8994a4;background:#fff;border-bottom:1px solid #e4e9ef;justify-content:space-between;align-items:center;height:77px;padding:0 38px;font-size:.75rem;display:flex}.topbar>span{align-items:center;gap:12px;display:flex}.topbar strong{color:#546176;font-weight:500}.top-actions{align-items:center;gap:12px;display:flex}.top-actions button{background:0 0;border:0}.top-actions button span{font-size:.75rem}.badge{color:#4d847a;white-space:nowrap;background:#edf4f2;border-radius:5px;padding:4px 9px;font-size:.7rem;font-weight:500;display:inline-block}.badge.blue{color:#5678ad;background:#edf2fc}.badge.amber{color:#98691b;background:#fff2dd}main{max-width:1580px;margin:auto;padding:35px 38px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.eyebrow{letter-spacing:.16em;color:#8092a4;margin-bottom:12px;font-size:.62rem;font-weight:650}.page-heading p{margin:0;font-size:.8rem}.primary{color:#fff;white-space:nowrap;background:#168b8a;border-color:#168b8a;min-height:42px;padding:11px 17px}.primary:hover{color:#fff;background:#117978}.filters{background:#fff;border:1px solid #e3e9ef;border-radius:10px;margin-bottom:27px;padding:18px 20px}.filter-top{align-items:flex-end;gap:12px;display:flex}.filter-top label{min-width:118px;font-size:.68rem}.filter-top input,.filter-top select{min-height:37px;font-size:.78rem}.filter-more{white-space:nowrap;margin-left:auto;font-size:.75rem}.date-separator{color:#99a6b7;align-self:center;padding-top:20px}.category-chips{border-top:1px solid #eff2f5;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:14px;display:flex}.category-chips button{background:#f6f8fa;border-color:#0000;gap:5px;min-height:29px;padding:5px 9px;font-size:.68rem}.selected,.category-chips button.selected{color:#127b77;background:#e6f3f1;border-color:#b9dcd7}.active-filters{flex-wrap:wrap;gap:6px;display:flex}.active-filters:empty{display:none}.active-filters button{min-height:30px;margin-top:10px;font-size:.75rem}.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.section-title h2,.section-title h3{margin:0}.section-title p{margin:4px 0 0;font-size:.75rem}.section-title>span{color:#8390a2;font-size:.72rem}.section-title button:not(.primary){background:0 0;border:0;font-size:.75rem}.section-title.compact{margin-bottom:15px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px;display:grid}.kpi{text-align:left;background:#fff;border:1px solid #e2e8ee;border-radius:10px;min-height:157px;padding:21px 20px 25px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 3px #1f344303}.kpi>span{color:#6a788a;justify-content:space-between;font-size:.77rem;display:flex}.kpi>span svg{color:#9cabb9}.kpi>strong{letter-spacing:-.04em;color:#243750;z-index:1;margin:17px 0 10px;font-size:1.9rem;display:block;position:relative}.kpi small{z-index:1;font-size:.65rem;position:relative}.sparkline{opacity:.18;align-items:flex-end;gap:3px;height:33px;display:flex;position:absolute;bottom:0;right:14px}.sparkline i{background:#168b8a;border-radius:2px 2px 0 0;width:9px}.kpi-2 .sparkline i{background:#7c74c7}.kpi-3 .sparkline i{background:#5895dd}.dashboard-columns{grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:22px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #e2e8ee;border-radius:11px;min-width:0;margin-bottom:22px;padding:24px;box-shadow:0 2px 5px #18304702}.dashboard-columns>.panel{margin-bottom:0}.chart{min-width:0;height:255px;margin:25px 0 0}.recharts-default-legend{font-size:12px}.recharts-cartesian-axis-tick-value{fill:#8b97a7;font-size:11px}.chart-foot{color:#778498;border-top:1px solid #ebeff3;align-items:center;gap:12px;margin-top:18px;padding-top:20px;font-size:.75rem;display:flex}.chart-foot strong{color:#294258;font-size:1.1rem}.chart-foot button{background:0 0;border:0;margin-left:auto;font-size:.7rem}.donut{border-radius:50%;place-items:center;width:175px;height:175px;margin:23px auto;display:grid}.donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:131px;height:131px;display:flex}.donut strong{margin-top:7px;font-size:1.3rem}.donut small{font-size:.65rem}.legend-list{gap:4px;display:grid}.legend-list button{border:0;justify-content:space-between;gap:10px;min-height:31px;padding:4px 0;font-size:.7rem;display:flex}.legend-list button>span{text-align:left;flex:1;align-items:center;gap:8px;display:flex}.legend-list i{border-radius:2px;width:7px;height:7px}.legend-list small{text-align:right;width:29px;font-size:.65rem}.arrival{border-bottom:1px solid #edf1f4;align-items:center;gap:14px;padding:14px 0;display:flex}.arrival:last-child{border:0;padding-bottom:0}.arrival>div:nth-child(2){flex:1}.arrival>div:last-child{text-align:right}.arrival strong{font-size:.8rem}.arrival p{margin:5px 0;font-size:.7rem}.arrival .badge{width:fit-content;margin:7px 0 0 auto;display:block}.product-placeholder{color:#719695;background:#f0f5f7;border:1px solid #e1e9ee;border-radius:7px;flex-shrink:0;place-items:center;width:44px;height:47px;font-size:1.6rem;display:grid}.budget-panel{background:#fcfefd}.budget-panel>p{margin-bottom:7px}.big-number{letter-spacing:-.04em;color:#197c76;font-size:1.9rem}.progress{background:#e9eef0;border-radius:10px;height:7px;margin:23px 0;overflow:hidden}.progress i{background:#2eaaa0;border-radius:10px;height:100%;display:block}.budget-row{color:#718093;justify-content:space-between;gap:20px;padding:9px 0;font-size:.8rem;display:flex}.budget-row strong{color:#32455a}.budget-panel>button{color:#318b7f;background:#f1f7f5;border:0;width:100%;margin-top:15px;font-size:.75rem}.total{border-top:1px solid #dce5e9;margin-top:10px;padding-top:18px;font-size:1rem}.mini-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:17px;display:grid}.mini-grid button,.mini-grid>div{border:0;border-right:1px solid #edf1f4;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 12px;display:flex}.mini-grid strong{color:#30465e;margin:7px 0;font-size:1.35rem}.mini-grid span{color:#7b8898;font-size:.72rem}.page-footer{color:#92a0ae;padding:8px 5px}.page-footer p{margin:5px 0;font-size:.65rem;line-height:1.9}.page-footer p:first-child{align-items:flex-start;gap:6px;display:flex}.page-footer svg{flex-shrink:0;margin-top:2px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.filter-details{border-top:1px solid #edf1f4;margin-top:16px;padding-top:18px}.search-field{justify-content:flex-end;position:relative}.search-field svg{position:absolute;bottom:13px;left:12px}.search-field input{padding-left:36px}.inline-controls,.tabs{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.inline-controls select{width:auto}.tabs{margin-bottom:25px}.table-scroll{max-width:100%;margin-top:18px;overflow-x:auto}.record-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.record-card{border:1px solid #dfe7ee;border-radius:9px;min-width:0;padding:20px}.record-total{margin:13px 0;font-size:1.4rem;display:block}.record-card h3,.inventory-card h2{overflow-wrap:anywhere}.row-actions{gap:9px;margin-top:17px;display:flex}.row-actions button{min-height:34px;font-size:.75rem}.danger-text{color:#b65252}.notice{color:#357468;background:#eaf6f3;border:1px solid #c5e5dd;border-radius:8px;margin:0 0 20px;padding:13px 17px;font-size:.875rem;line-height:1.8}.warning{color:#a57326;background:#fff7e7}.notice.warning{border-color:#f3dfbb}.message{justify-content:space-between;align-items:center;display:flex}.message button{background:0 0;border:0}.empty{text-align:center;color:#8a96a5;padding:40px 20px}.kanban{align-items:flex-start;gap:18px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-column{background:#f4f7f9;border-radius:9px;flex:1;min-width:250px;max-width:300px;padding:14px}.pipeline-item{background:#fff;border:1px solid #e1e7ed;border-radius:8px;margin-bottom:12px;padding:18px}.pipeline-item h3{margin:13px 0 7px}.pipeline-item p{margin:8px 0;font-size:.75rem}.pipeline-item>strong{font-size:1.3rem}.pipeline-item>button{margin-top:12px;font-size:.7rem}.inventory-card{margin-bottom:0}.inventory-art{background:linear-gradient(135deg,#eaf3f2,#f4f3f9);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:130px;margin:-5px -5px 18px;display:flex}.inventory-art span{color:#6c9b9c;font-size:3rem}.inventory-art small{letter-spacing:.1em}.inventory-card h2{margin:13px 0 5px}.inventory-card p{font-size:.75rem}dl{grid-template-columns:110px 1fr;gap:11px;margin-top:20px;font-size:.75rem;display:grid}dt{color:#8391a0}dd{overflow-wrap:anywhere;margin:0}.dl-row{display:contents}.settlement-layout{grid-template-columns:1fr 1.25fr;gap:35px;display:grid}.checkbox-label{flex-direction:row;align-items:center;margin:20px 0}.settlement-card{color:#fff;aspect-ratio:1;background:#192f45;border-radius:14px;max-width:580px;padding:35px}.settlement-card h2{margin:8px 0;font-size:1.65rem}.settlement-card p{color:#b1c6d4;margin-bottom:8px;font-size:.75rem}.settlement-card .eyebrow{color:#79c9bb;font-size:.65rem}.settlement-values{grid-template-columns:1fr 1fr;gap:25px 15px;margin:30px 0;display:grid}.settlement-values>div{gap:10px;display:flex}.settlement-values>div>span{color:#6bc3b2;font-size:1.7rem}.settlement-values strong{color:#fff;margin-top:8px;font-size:1.4rem;display:block}.settlement-counts{color:#d2e1e7;font-size:.85rem;line-height:2}.settlement-card footer{color:#6cc3b5;border-top:1px solid #466071;justify-content:space-between;margin-top:25px;padding-top:18px;font-size:.75rem;display:flex}.settlement-card footer span{font-size:.6rem}.io-grid{grid-template-columns:1fr 1fr;gap:25px;margin:30px 0;display:grid}.io-grid article{background:#f6f9fa;border-radius:9px;padding:25px}.io-grid svg{color:#27978e;margin-bottom:15px}dialog{color:#30445b;border:1px solid #dce6ea;border-radius:13px;width:min(850px,100% - 30px);max-height:90vh;padding:28px;box-shadow:0 20px 100px #10223535}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14253a80}dialog .form-grid{grid-template-columns:1fr 1fr}dialog .form-actions{border-top:1px solid #e5ecf1;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:25px;display:flex}.line-editor{background:#f5f8fa;border-radius:8px;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:12px 0;padding:16px;display:grid}dialog section{margin-top:25px}.mobile-nav{display:none}@media (width>=1600px){main{padding-top:45px}.kpi{min-height:180px}.chart{height:290px}}@media (width<=1200px){.sidebar{width:210px;padding:30px 12px}.workspace{width:calc(100% - 210px);margin-left:210px}.brand{font-size:1.05rem}.brand small{font-size:.56rem}.topbar{padding:0 24px}main{padding:28px 24px}.filter-top{flex-wrap:wrap}.filter-more{margin-left:0}.kpi-grid{gap:12px}.kpi{padding:17px 13px}.kpi>strong{font-size:1.5rem}.dashboard-columns{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:16px}.panel{padding:20px}.chart-foot{flex-wrap:wrap}.chart-foot button{padding:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.sidebar{width:185px;padding:26px 10px}.brand-mark{display:none}.brand{font-size:1.05rem}.sidebar nav button{gap:10px;padding:12px 9px;font-size:.75rem}.workspace{width:calc(100% - 185px);margin-left:185px}.topbar{padding:0 20px}.topbar>span{display:none}.top-actions{margin-left:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns,.settlement-layout,.io-grid{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.chart{height:270px}}@media (width<=650px){.sidebar{display:none}.workspace{width:100%;margin:0}.topbar{height:59px;padding:0 15px}.topbar:before{content:"Hobby Ledger";color:#19354a;font-size:1rem;font-weight:700}.top-actions{gap:2px}.top-actions>.badge,.top-actions button span{display:none}.top-actions button{padding:7px}main{padding:24px 15px 95px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.page-heading h1{font-size:1.4rem}.page-heading p{max-width:240px;font-size:.7rem}.page-heading>.primary{padding:10px;font-size:.7rem}.eyebrow{font-size:.55rem}.filters{padding:14px}.filter-top{gap:9px}.filter-top label{flex:40%;min-width:0}.filter-top label:first-child{flex-basis:100%}.filter-top input,.filter-top select{min-height:42px;font-size:.8rem}.filter-more{width:100%}.date-separator{display:none}.category-chips{max-height:135px;overflow:auto}.category-chips button{min-height:35px;font-size:.7rem}.kpi-grid{grid-template-columns:1fr;gap:12px}.kpi{min-height:132px;padding:19px}.kpi>strong{margin:12px 0;font-size:1.85rem}.kpi>span{font-size:.85rem}.kpi small{font-size:.75rem}.panel{border-radius:9px;padding:18px}.dashboard-columns{gap:15px;margin-bottom:15px}.panel{margin-bottom:15px}.section-title h2{font-size:1rem}.arrival{gap:10px}.arrival strong{font-size:.75rem}.arrival p{font-size:.65rem}.product-placeholder{width:35px;height:41px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-grid button{min-height:75px}.mini-grid span{font-size:.75rem}.mini-grid strong{font-size:1.3rem}.chart{height:240px}.form-grid,dialog .form-grid,.record-grid{grid-template-columns:1fr}.kanban{grid-template-columns:1fr;display:grid;overflow:visible}.kanban-column{min-width:0;max-width:none}.settlement-card{aspect-ratio:auto;padding:23px}.settlement-card h2{font-size:1.3rem}.settlement-values{gap:20px 8px}.settlement-values strong{font-size:1.1rem}.settlement-values>div>span{font-size:1.4rem}.settlement-card footer{flex-wrap:wrap;gap:8px}.settlement-card footer span{font-size:.65rem}.mobile-nav{z-index:25;padding:6px 5px max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4ed;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#7c8a9b;border:0;flex-direction:column;flex:1;gap:4px;padding:6px;font-size:.65rem;display:flex}.mobile-nav button.active{color:#168b8a;background:#f0f8f6}.line-editor{grid-template-columns:1fr 1fr}.line-editor label:first-child{grid-column:1/-1}dialog{padding:20px}.io-grid article{padding:18px}.page-footer p{font-size:.7rem}.topbar,.workspace,main,.panel{max-width:100%}.inline-controls{width:100%}.inline-controls button{flex:1}.arrival .row-actions{flex-wrap:wrap}.row-actions{flex-shrink:0}.chart-foot strong{font-size:1rem}.filter-details label{font-size:.85rem}}.arrival strong,.arrival p,.budget-row,.mini-grid span,.legend-list button,.filters label,.category-chips button,.pipeline-item p,.record-card p,dl{font-size:.875rem}.category-chips button{min-height:36px}.filter-top input,.filter-top select{font-size:.875rem}.header-period{font-size:.75rem}.loading{color:#168b8a;padding:40px}.section-title>select{width:auto;max-width:100%}.brand small{font-size:.75rem}.brand{flex-wrap:wrap}