:root{--ink:#193c35;--muted:#5f6f67;--bg:#f5f7f5;--card:#fff;--line:#e4eae5;--teal:#28745c;--dark:#153c36;--light:#eaf3e8;--lime:#dbeaa9;--orange:#ae7530;--danger:#b55343;--red-bg:#fbefeb;--radius:16px;--shadow:0 4px 18px #153c3604;font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #abc986;outline-offset:3px}svg{display:inline-block;vertical-align:middle}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.4px;font-weight:750;line-height:1.35}h2{font-size:16px;font-weight:700;line-height:1.5}h3{font-size:15px;line-height:1.5}small{font-size:12px}button{border:0;background:none;color:inherit}.muted{color:var(--muted)}.mono,.num{font-variant-numeric:tabular-nums}.num{text-align:right;white-space:nowrap}.positive{color:var(--teal)}.negative{color:var(--danger)}.nowrap{white-space:nowrap}.boot{padding:80px;text-align:center;color:var(--muted)}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dark);color:#cfdfd8;position:fixed;inset:0 auto 0 0;width:224px;display:flex;flex-direction:column;padding:24px 17px 16px;z-index:30;overflow:hidden}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 18px;color:white;flex-shrink:0}
.brand-text{min-width:0}.brand-mark{width:38px;height:38px;border:1px solid #4f8a6a;border-radius:11px;background:#24543f;color:var(--lime);display:grid;place-items:center;flex-shrink:0}
.brand-mark .icon{width:21px;height:21px;stroke-width:1.8}.brand-name{font-size:17px;letter-spacing:-.2px;font-weight:700;line-height:1.2}.brand-sub{font-size:11px;letter-spacing:0;margin-top:3px;color:#a8c2b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-label{font-size:10px;letter-spacing:1.6px;color:#8aa89b;margin:13px 12px 5px;flex-shrink:0}.nav{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;margin-right:-5px}
.nav::-webkit-scrollbar{width:6px}
.nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}
.nav::-webkit-scrollbar-track{background:transparent}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5;transition:background .15s,color .15s;flex-shrink:0}.nav a:hover{background:#ffffff0b;color:white}.nav a.active{background:var(--lime);color:#284238;font-weight:700}.nav .mini-count{margin-left:auto;font-size:11px;background:#ffffff18;border-radius:5px;padding:1px 6px}.sidebar-bottom{margin-top:10px;padding-top:14px;border-top:1px solid #ffffff14;flex-shrink:0}.storage-panel{border:1px solid #416052;border-radius:10px;padding:10px 11px;margin:0 2px 12px;font-size:11px}.storage-panel strong{font-weight:600;color:#d7e8da;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#b9d799;display:inline-block;flex-shrink:0}.storage-panel p{font-size:11px;color:#a3bbaf;line-height:1.6;margin-top:4px}.profile{display:flex;align-items:center;gap:9px;padding:0 8px}.avatar{height:32px;width:32px;display:grid;place-items:center;background:#557260;border:1px solid #6b8873;border-radius:10px;color:#ecf3dc;font-size:11px}.profile-name{font-size:12px;color:#e4ede7;font-weight:600}.profile small{font-size:11px;color:#a5bbae}.main{grid-column:2;min-width:0}.topbar{height:76px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffbd;gap:16px}.breadcrumb{font-size:12px;color:#6e7c74;display:flex;align-items:center;gap:12px}.breadcrumb span:last-child{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:11px}.date-control{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:7px 10px;border-radius:8px;background:white;font-size:12px;color:var(--muted)}.date-control input{border:0;background:none;color:var(--ink);font-size:12px;width:126px;padding:0}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:white}.icon-btn:hover{background:var(--bg)}.mobile-menu{display:none}.content{max-width:1580px;margin:auto;padding:31px 35px 34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#6f8073;margin-bottom:8px}.subtitle{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);padding:10px 15px;border-radius:8px;font-size:12px;font-weight:600;background:white;white-space:nowrap;min-height:37px}.btn:hover{background:#f0f4ed}.btn.primary{background:var(--dark);color:#f5f9ee;border-color:var(--dark);box-shadow:0 3px 4px #153c360a}.btn.primary:hover{background:#255146}.btn.ghost{background:none;border-color:transparent;padding:7px 9px;color:var(--teal)}.btn.danger{color:var(--danger);border-color:#ebd7d0;background:#fff}.btn.small{padding:7px 11px;min-height:32px;font-size:11px}.btn .icon{width:15px;height:15px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 19px 15px;box-shadow:var(--shadow);min-width:0}.kpi.dark{background:var(--dark);color:#f9ffec;border-color:var(--dark)}.kpi-label{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi.dark .kpi-label{color:#bfd0bd}.kpi-symbol{height:29px;width:29px;background:#f4f7ee;border:1px solid #ebefe3;border-radius:8px;display:grid;place-items:center;color:#5d795f}.kpi-symbol .icon{width:16px;height:16px}.kpi.dark .kpi-symbol{background:#ffffff0d;border-color:#ffffff10;color:#d7e8a2}.kpi-value{font-size:31px;font-weight:650;letter-spacing:-.4px;margin:15px 0 10px;line-height:1.2}.kpi-value small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:6px;color:var(--muted)}.kpi.dark .kpi-value small{color:#adbfb0}.kpi-foot{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center;border-top:1px solid #eff2ec;padding-top:11px;line-height:1.6}.kpi.dark .kpi-foot{color:#baccb8;border-color:#ffffff13}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 8px;font-size:11px;white-space:nowrap;line-height:1.4}.pill.green{background:#edf4e5;color:#527842}.pill.amber{background:#faf0dc;color:#a07834}.pill.red{background:#faede9;color:#b36353}.pill.gray{background:#f1f4f1;color:#7e8b81}.pill.blue{background:#e9f0f3;color:#527481}.kpi.dark .pill{background:#ffffff15;color:#d6e8b4}.banner{border:1px solid #e9dfc4;background:#fcf8ed;border-radius:10px;padding:14px 17px;display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#7d6832;font-size:12px;line-height:1.7}.banner .icon{width:17px;height:17px}.banner .text{flex:1}.banner button{white-space:nowrap;font-weight:600;font-size:11px;display:flex;align-items:center;gap:6px}.banner.info{border-color:#d8e4df;background:#eff5f1;color:#5a786c}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:0}.panel-pad{padding:22px}.panel-head{padding:20px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head p{font-size:11px;color:var(--muted);margin-top:6px}.panel-head.with-border{border-bottom:1px solid var(--line);padding-bottom:17px}.dashboard-middle{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);margin-bottom:22px}.dashboard-bottom{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);margin-top:22px}.chart-wrap{padding:17px 19px 10px}.chart-wrap svg{width:100%;height:auto;display:block}.legend{display:flex;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--teal);margin-right:4px}.legend i.profit{background:#b9c88f}.chart-footer{padding:10px 22px 16px;border-top:1px solid #f3f5f1;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.stock-main{padding:26px 22px 16px;display:flex;align-items:flex-end;justify-content:space-between}.stock-number{font-size:34px;letter-spacing:-.4px;font-weight:650}.stock-number small{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.stock-bar{height:10px;display:flex;border-radius:4px;overflow:hidden;background:#eaf0e4;margin:0 22px 18px}.stock-bar .available{background:#456d4d;min-width:0}.stock-bar .reserved{background:#bacc8a}.stock-lines{padding:0 22px 6px}.stock-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #eff2ea;font-size:12px}.stock-line span{display:flex;align-items:center;gap:8px;color:var(--muted)}.stock-line b{font-weight:600}.mini-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:#456d4d}.stock-note{background:#f7f9f3;margin:10px 22px 20px;border-radius:8px;padding:11px 13px;font-size:11px;color:#63705d;display:flex;gap:6px}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;text-align:left;font-weight:500;color:#67736a;background:#f9fbf7;padding:12px 17px;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table td{font-size:13px;padding:14px 17px;border-bottom:1px solid #edf1e9;vertical-align:middle;line-height:1.65}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f7faf4}.data-table .num{text-align:right}.data-table .title{font-weight:600;font-size:13px;max-width:260px;white-space:normal}.data-table .sub{font-size:11px;color:var(--muted);margin-top:2px;max-width:270px;white-space:pre-line}.data-table td.truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-footer{padding:12px 18px;font-size:11px;color:var(--muted);background:#fafbf8;border-top:1px solid #eff2e9;display:flex;justify-content:space-between}.todo-list{padding:12px 20px}.todo{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #f0f3ed}.todo:last-child{border:0}.todo-icon{background:#faf1df;color:#ad8947;padding:8px;border-radius:9px;align-self:flex-start}.todo-icon .icon{width:16px;height:16px}.todo h3{font-size:11px;font-weight:600;margin:2px 0 6px}.todo p{font-size:12px;line-height:1.8;color:var(--muted)}.todo .count{margin-left:auto;font-size:15px;font-weight:600;color:#a78b56}.quiet-note{font-size:11px;color:var(--muted);line-height:1.8;text-align:right;margin-top:18px}.toolbar{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;flex:1;min-width:180px;max-width:340px;background:#f8faf6;border:1px solid #e8eee3;border-radius:8px;padding:9px 11px;color:#97a58d}.search input{min-width:0;width:100%;background:none;border:0;outline:none;font-size:11px;color:var(--ink)}.search .icon{width:16px;height:16px}.toolbar select{border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:white;color:#68806c;font-size:11px}.toolbar .spacer{flex:1}.tabs{display:flex;gap:5px;padding:4px;background:#eef2e9;border-radius:8px}.tabs button{padding:7px 11px;font-size:12px;color:var(--muted);border-radius:6px}.tabs button.active{background:white;color:var(--ink);box-shadow:0 1px 3px #153c3610}.empty{text-align:center;padding:49px 20px 51px;min-width:250px}.empty-icon{height:55px;width:55px;margin:0 auto 17px;background:#f1f5ea;display:grid;place-items:center;border-radius:17px;color:#96a785}.empty-icon .icon{width:26px;height:26px}.empty h3{font-size:14px;margin-bottom:9px}.empty p{font-size:11px;line-height:1.9;color:var(--muted);max-width:450px;margin:0 auto 19px}.step-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.step-card{padding:18px 20px;border:1px dashed #d8e1ce;border-radius:12px}.step-card .step{font-size:10px;letter-spacing:1px;color:#728065}.step-card h3{font-size:12px;margin:10px 0 8px}.step-card p{font-size:12px;color:var(--muted);line-height:1.8}.compact-kpis{grid-template-columns:repeat(3,1fr);margin-bottom:21px}.compact-kpi{padding:15px 19px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.compact-kpi span{font-size:11px;color:var(--muted)}.compact-kpi b{font-size:20px;font-weight:600}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.customer-card{padding:21px;border:1px solid var(--line);background:white;border-radius:14px}.customer-head{display:flex;gap:12px;align-items:center;margin-bottom:15px}.customer-monogram{width:40px;height:40px;border-radius:12px;background:#eaf1df;color:#6b8257;display:grid;place-items:center;font-size:17px;font-family:serif}.customer-head h3{font-size:12px;white-space:pre-line;line-height:1.6}.customer-card p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:13px;min-height:38px}.customer-facts{display:flex;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.customer-facts b{color:var(--ink);display:block;font-size:16px;font-weight:600;margin-top:5px}.settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}.settings-section{padding:22px}.settings-section h2{margin-bottom:9px}.settings-section .subtitle{margin:0 0 19px}.settings-note{font-size:11px;line-height:2;color:#718170;white-space:pre-line}.settings-note strong{color:var(--ink);font-weight:600}.report-table th:not(:first-child),.report-table td:not(:first-child){text-align:right;min-width:115px}.report-table th:first-child,.report-table td:first-child{position:sticky;left:0;z-index:1;background:white;min-width:180px}.report-table tr.total td{font-weight:700;background:#f2f6ec}.report-table tr.profit-row td{background:#ebf3e3;font-weight:700;color:#44683a}.report-table tr.section td{padding:10px 17px;color:#6f7d68;background:#fafcf7;font-size:11px}.detail-header{display:flex;gap:12px;align-items:center}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.detail-box{padding:15px;background:#f6f8f1;border-radius:9px}.detail-box span{font-size:11px;color:var(--muted);display:block;margin-bottom:9px}.detail-box b{font-size:18px;font-weight:600}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:11px;color:var(--muted);margin:20px 0;line-height:1.9}.detail-meta strong{font-weight:500;color:var(--ink)}.detail-section{margin-top:24px}.detail-section h3{margin-bottom:12px}.timeline{border-left:1px solid #d7e1ce;margin:15px 6px 5px;padding:0 0 0 20px}.timeline-item{position:relative;padding:0 0 19px}.timeline-item:before{content:"";position:absolute;left:-24px;top:4px;width:7px;height:7px;border:2px solid white;background:#a2b68b;border-radius:50%;box-sizing:content-box}.timeline-item p{font-size:11px;line-height:1.8}.timeline-item small{font-size:11px;color:var(--muted)}dialog{border:0;border-radius:18px;background:white;color:var(--ink);padding:0;max-width:calc(100vw - 30px);width:710px;max-height:90dvh;box-shadow:0 30px 120px #112c3a38}dialog::backdrop{background:#112d2b68;backdrop-filter:blur(3px)}.modal-header{padding:23px 25px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:white}.modal-header h2{font-size:17px}.modal-header p{font-size:12px;color:var(--muted);margin-top:7px}.modal-body{padding:21px 25px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:500;color:#61765f;display:flex;gap:5px}.required{color:#ba7762}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe6d7;border-radius:7px;background:white;padding:10px 11px;color:var(--ink);font-size:12px;min-height:39px}.field textarea{resize:vertical;min-height:78px}.field input[readonly]{background:#f8faf4;color:#96a088}.field small{font-size:11px;line-height:1.7;color:var(--muted)}.form-divider{grid-column:1/-1;border-top:1px solid #edf0e6;margin-top:4px;padding-top:14px;font-size:10px;letter-spacing:1px;color:#6d7a63}.form-help{padding:11px 14px;border-radius:8px;background:#f7f9f0;color:#5c6a52;font-size:12px;line-height:1.9;margin-bottom:18px}.form-preview{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:14px;background:#eff5e6;border-radius:9px;font-size:11px;color:#688254}.form-preview b{font-size:20px;letter-spacing:-.3px;color:#45603a}.form-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding-top:22px}.form-footer .danger{margin-right:auto}.form-error{display:none;background:#fff1ed;border:1px solid #ecd4ca;border-radius:8px;padding:13px 14px;color:#9c4e3d;font-size:12px;line-height:1.8;margin-bottom:15px}.form-error.show{display:block}.help-block{padding:17px 0;border-bottom:1px solid var(--line)}.help-block:last-child{border:0}.help-block h3{font-size:12px;margin-bottom:9px}.help-block p{font-size:11px;color:var(--muted);line-height:2}.warn-item{padding:13px 0;display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.warn-item .text{flex:1}.warn-item p{font-size:11px;line-height:1.7}.warn-item small{font-size:11px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,20px);z-index:500;background:#234b40;color:#f3f8ed;padding:13px 20px;box-shadow:0 4px 30px #244b402b;border-radius:11px;max-width:90vw;min-width:220px;text-align:center;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#975548}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(450px,1fr)}.auth-art{background:var(--dark);color:#d8e7c2;padding:58px;display:flex;flex-direction:column;justify-content:space-between}.auth-art .brand{padding:0}.auth-art h1{font-size:39px;line-height:1.75;letter-spacing:2px;font-family:serif;font-weight:400;margin-top:60px}.auth-art p{color:#9bb19e;line-height:2;font-size:12px;margin-top:20px}.auth-foot{font-size:11px;color:#6e947b;margin-top:70px}.auth-form-wrap{display:grid;place-items:center;padding:45px;background:#f8faf5}.auth-form{max-width:350px;width:100%}.auth-form h2{font-size:23px;margin-bottom:13px}.auth-form .field{margin-top:21px}.auth-form .btn{width:100%;margin-top:27px}.auth-form .subtitle{line-height:2}.auth-notice{font-size:11px;color:var(--muted);line-height:1.9;margin-top:25px}.audit-list{max-height:270px;overflow:auto}.audit-item{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.audit-item span{color:var(--muted)}.link-button{text-decoration:underline;text-underline-offset:3px;color:var(--teal);font-size:11px}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:15px}.mt{margin-top:20px}.mb{margin-bottom:20px}.pillbar{display:flex;gap:8px;flex-wrap:wrap}.notice-text{font-size:12px;color:var(--muted);line-height:1.9;margin-top:12px}
@media(min-width:1600px){.content{padding:40px 45px}.topbar{padding:0 45px}.kpi{padding:23px}.kpi-value{font-size:35px}.chart-wrap{padding-top:24px}}
@media(max-width:1200px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-left:13px;padding-right:13px}.topbar{padding:0 24px}.content{padding:27px 24px}.kpi{padding:16px}.kpi-value{font-size:27px}.dashboard-middle,.dashboard-bottom{grid-template-columns:minmax(0,1.55fr) minmax(245px,1fr)}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions .date-label{display:none}.settings-grid{grid-template-columns:1fr}}
@media(max-width:960px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr}.stock-main{padding-top:20px}.stock-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.step-guide{gap:10px}.step-card{padding:15px}.page-heading{align-items:flex-start}.header-actions{gap:7px}.topbar .breadcrumb{font-size:11px}.topbar{height:68px}.content{padding-top:25px}}
@media(max-width:720px){.layout{display:block}.main{width:100%}.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px;box-shadow:10px 0 50px #173b3630}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid}.topbar{padding:0 17px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.topbar .breadcrumb{display:none}.header-actions{gap:8px}.content{padding:22px 16px 28px}.page-heading{flex-wrap:wrap;margin-bottom:20px}h1{font-size:23px}.subtitle{font-size:12px}.page-heading>.actions{width:100%;justify-content:flex-end}.kpis{gap:11px;margin-bottom:17px}.kpi{border-radius:12px;padding:15px 13px}.kpi-value{font-size:26px}.kpi-label{font-size:12px;gap:4px}.kpi-symbol{width:24px;height:24px}.kpi-foot{font-size:11px;gap:4px;flex-wrap:wrap}.kpi-value small{font-size:11px;margin-left:3px}.banner{font-size:12px;padding:11px 12px;gap:8px;align-items:flex-start}.banner button{font-size:11px}.compact-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.compact-kpi{display:block;padding:13px}.compact-kpi span{display:block;font-size:11px;line-height:1.8}.compact-kpi b{display:block;font-size:17px;margin-top:7px}.step-guide{grid-template-columns:1fr;gap:10px}.step-card{padding:16px}.step-card h3{margin-top:6px}.customer-grid{grid-template-columns:1fr}.form-grid{gap:15px}.modal-body{padding:19px}.modal-header{padding:19px}.detail-summary{gap:8px}.detail-box{padding:12px}.detail-box b{font-size:16px}.detail-box span{font-size:11px}.detail-meta{grid-template-columns:1fr}.data-table th{padding:11px 13px}.data-table td{padding:13px}.table-wrap{overscroll-behavior-x:contain}.panel-head{padding:18px 18px 0}.panel-head h2{font-size:13px}.panel-head p{font-size:11px}.legend{font-size:11px;gap:8px}.toolbar{padding:13px;gap:9px}.toolbar .search{max-width:none;min-width:140px}.tabs button{padding:7px 9px}.auth-wrap{display:block}.auth-art{padding:26px}.auth-art h1{font-size:26px;margin-top:27px}.auth-art p{font-size:11px;margin-top:13px}.auth-foot{display:none}.auth-form-wrap{padding:35px 25px}.chart-footer{font-size:11px}.settings-section{padding:19px}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-divider,.form-preview{grid-column:auto}.kpi-value{font-size:23px}.stock-lines{grid-template-columns:1fr}.stock-number{font-size:29px}.date-control{padding:7px}.header-actions .btn{padding:8px 10px}.compact-kpi b{font-size:15px}}
@media print{.sidebar,.topbar,.page-heading .actions,.toolbar,.quiet-note,#toast,dialog,.btn{display:none!important}.layout{display:block}.main{width:100%}.content{padding:0;max-width:none}.kpi,.panel,.customer-card{break-inside:avoid;box-shadow:none}.data-table td,.data-table th{font-size:12px;padding:9px 8px}.table-wrap{overflow:visible}.report-table td,.report-table th{min-width:0!important}.report-table th:first-child,.report-table td:first-child{position:static}body{background:white}.banner{font-size:12px}}

/* ---- 複数商品対応の追加スタイル ---- */
.scope-control{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:7px;border-radius:8px;background:white;font-size:11px;color:var(--muted)}
.scope-control select{border:0;background:none;color:var(--ink);font-size:11px;max-width:168px;padding:0}
.scope-note{display:flex;gap:9px;align-items:center;background:var(--light);border:1px solid #d6e6d2;border-radius:10px;padding:9px 13px;margin-bottom:16px;font-size:11px;color:#3d6350}
.scope-note .icon{width:15px;height:15px}
.scope-note span{flex:1}
.scope-note .link-button{color:var(--teal);text-decoration:underline;font-size:11px}
.product-tag{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:5px;padding:3px 7px;font-size:11px;line-height:1.4;background:#eef2fa;color:#4a5f86}
.product-tag.common{background:#f1f2f0;color:var(--muted)}
.product-mini-list{display:flex;flex-direction:column;gap:2px;padding:4px 0}
.product-mini{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:11px;align-items:center;width:100%;text-align:left;padding:9px 10px;border-radius:9px}
.product-mini:hover{background:var(--light)}
.product-mini-name{display:flex;flex-direction:column;gap:2px;min-width:0;font-weight:600;font-size:12px}
.product-mini-name small{color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-mini-num{font-variant-numeric:tabular-nums;font-weight:700;font-size:15px}
.product-mini-num small{font-weight:400;color:var(--muted)}
.data-table tr.row-active>td{background:var(--light)}
.compact-kpis .compact-kpi{min-width:0}
@media(max-width:900px){.scope-control select{max-width:120px}}

/* ---- 一覧の操作列 ---- */
.data-table td .btn.small+.btn.small{margin-left:6px}
.data-table td>.btn.small{margin-top:2px;margin-bottom:2px}

.brand+.nav-label{margin-top:0}

/* ---- 設定・データ管理：単一カラムのカード構成 ---- */
.settings-stack{display:flex;flex-direction:column;gap:18px;max-width:940px}
.settings-card{padding:22px}
.settings-card-head h2{line-height:1.4}
.settings-card-head p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}
.settings-card-head p a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.settings-card-body{margin-top:16px}
.settings-card-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.setting-links{grid-template-columns:1fr 1fr;align-items:start}
.setting-links .settings-card{height:100%;display:flex;flex-direction:column}
.setting-links .settings-card-actions{margin-top:auto}
.spec{margin:0}
.spec>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #eff2ea;font-size:12px;line-height:1.6}
.spec>div:first-child{border-top:0;padding-top:0}
.spec dt{margin:0;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spec dd{margin:0;font-weight:600;text-align:right;white-space:nowrap}
.fold{margin-top:15px;border-top:1px solid #eff2ea;padding-top:13px}
.fold summary{font-size:12px;color:var(--teal);cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:7px}
.fold summary::-webkit-details-marker{display:none}
.fold summary:before{content:"＋";font-size:11px;width:14px;text-align:center}
.fold[open] summary:before{content:"−"}
.fold>div{font-size:12px;color:var(--muted);line-height:1.95;margin-top:11px}
.fold>div p+p{margin-top:11px}
.settings-card .form-footer{padding-top:18px;margin-top:4px;border-top:1px solid var(--line)}
.settings-card .audit-list{max-height:300px}
@media(max-width:840px){.setting-links{grid-template-columns:1fr}}

/* ---- 選択肢マスタ ---- */
.list-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}
.list-master{list-style:none;margin:0 0 14px;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.list-master li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid #eff2ea;font-size:13px}
.list-master li:first-child{border-top:0}
.list-master li:nth-child(odd){background:#fbfcf9}
.list-value{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.list-count{font-size:11px;color:var(--muted);white-space:nowrap}
.list-ops{display:flex;gap:5px;flex-shrink:0}
.list-add{display:flex;gap:8px}
.list-add input{flex:1;min-width:0;border:1px solid #dfe6d7;border-radius:7px;background:white;padding:9px 11px;color:var(--ink);font-size:12px;min-height:36px}
.setting-links{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}