:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;color:#253242;background:#f7f8fa;font-synthesis:none;font-size:13px;line-height:1.65;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button{transition:background .1s}a{color:#237d68}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,td:focus-visible{outline:2px solid #358976;outline-offset:2px}input,select,textarea{border:1px solid #dce1e6;border-radius:5px;background:#fff;padding:8px 10px;min-width:0}input[type=checkbox]{appearance:auto;accent-color:#25836c;width:15px;height:15px;margin:0;cursor:pointer}button svg{flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#fff;border:1px solid #dce1e6;border-radius:5px;padding:8px 13px;min-height:35px;font-weight:500;white-space:nowrap}.button:hover{background:#f4f6f8}.button.primary{background:#227c65;color:#fff;border-color:#227c65}.button.primary:hover{background:#196c56}.button.small{min-height:29px;padding:4px 10px;font-size:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;padding:5px;background:transparent;color:#7c8795;border-radius:4px}.icon-button:hover{background:#eef2f4;color:#324552}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1.5px;color:#233e36;line-height:1}.wordmark span{color:#25836c;font-size:31px;margin-left:1px}.wordmark.large{font-size:38px}.wordmark.large span{font-size:42px}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:700;letter-spacing:.02em;line-height:1.5}h2{font-size:14px;font-weight:650}h3{font-size:14px;margin:17px 0 12px}.subtle{color:#85909d;font-size:12px}.empty-value{color:#b7c0ca}.vertical-bar{color:#d5dbe2;margin:0 10px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:192px;background:#fff;border-right:1px solid #e5e8ed;padding:28px 17px 0;display:flex;flex-direction:column;z-index:30}.sidebar .wordmark{margin-left:16px}.workspace-label{color:#8b969f;font-size:10px;letter-spacing:.06em;margin:12px 0 38px 16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;gap:11px;align-items:center;border:none;background:transparent;color:#77808a;padding:11px 13px;border-radius:5px;text-align:left;font-size:12px}.sidebar nav button.active{background:#eaf4ef;color:#24785f;font-weight:650}.sidebar nav button:hover{background:#f1f6f3}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f2;padding:18px 0;min-width:0}.avatar{border-radius:50%;width:29px;height:29px;background:#edf3f0;color:#58816f;display:grid;place-items:center;flex-shrink:0;font-size:12px}.side-bottom>div:nth-child(2){min-width:0;flex:1}.side-bottom strong,.side-bottom small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.side-bottom strong{font-size:11px;font-weight:550}.side-bottom small{font-size:10px;color:#8a959f}.main{margin-left:192px;width:calc(100% - 192px);min-width:0}.topbar{height:59px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8ed;padding:0 28px;background:#fff;font-size:11px;color:#7f8996}.top-status{display:flex;align-items:center;gap:9px}.top-status select{font-size:11px;padding:3px 6px}.live-dot{width:6px;height:6px;background:#54a17f;border-radius:50%;margin-left:10px}.separator{height:13px;border-left:1px solid #dfe4e8;margin:0 7px}.demo-badge{color:#9a6b23;background:#fff6e5;padding:2px 8px;border-radius:4px;font-size:10px}.page-content{padding:30px 28px 10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:.15em;color:#93a09a;font-weight:650;margin-bottom:5px}.page-heading p{color:#88929c;font-size:12px;margin-top:5px}.heading-actions{display:flex;align-items:center;gap:8px}.panel,.list-panel{background:#fff;border:1px solid #e1e6ea;border-radius:7px;overflow:hidden}.list-summary{height:61px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #e8ebee}.list-summary>div{display:flex;align-items:center;gap:11px}.section-title{font-size:13px;font-weight:650}.count-badge{background:#f0f3f5;color:#7c8893;border-radius:4px;font-size:11px;padding:1px 7px}.toolbar{display:flex;gap:9px;align-items:center;padding:13px 16px;border-bottom:1px solid #e5e9ee;min-height:61px;flex-wrap:wrap}.toolbar select,.toolbar>input{font-size:11px;padding:7px 10px;height:33px;max-width:200px}.search-box{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce1e6;border-radius:5px;width:280px;padding:0 9px;min-height:33px;color:#97a1ab}.search-box input{border:0;padding:5px 0;width:100%;font-size:11px;outline:none}.search-box input::placeholder{color:#a1a9b2}.filter-icon{margin-left:8px;color:#a0aab3}.selected-count{font-size:11px;color:#36826b;margin-left:auto}.table-scroll{overflow:auto;max-height:calc(100vh - 365px);min-height:290px;position:relative;scrollbar-color:#cbd3d9 #f6f8f9;scrollbar-width:thin}.sales-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:12px}.sales-table th{height:38px;background:#f7f9fa;color:#7a8692;font-size:10px;font-weight:500;position:sticky;top:0;z-index:5;border-bottom:1px solid #dfe5e9;border-right:1px solid #e7ebee;padding:0 12px;text-align:left}.column-head{display:flex;align-items:center;justify-content:space-between;gap:5px;white-space:nowrap;overflow:hidden}.column-head span{overflow:hidden;text-overflow:ellipsis}.column-resize{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:7}.column-resize:hover{background:#8bbfad66}.sales-table td{height:42px;border-bottom:1px solid #edf0f3;border-right:1px solid #edf0f3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:7px 12px;background:#fff;position:relative}.sales-table tbody tr:hover td{background:#fbfcfc}.sales-table td.editable{cursor:text}.sales-table td.editable:hover{box-shadow:inset 0 0 0 1px #c2d8cf}.sales-table td.editing{padding:0;overflow:visible;box-shadow:inset 0 0 0 2px #318368;z-index:10}.sales-table .editing input,.sales-table .editing select{width:100%;height:40px;border:1px solid #318368;border-radius:0;outline:none!important;padding:6px 10px;background:#fff;opacity:1}.sales-table .selection-col{text-align:center;width:44px;padding:0;position:sticky;left:0;z-index:4}.sales-table th.selection-col{z-index:8}.sales-table .detail-col{padding:0;text-align:center;width:52px}.sales-table .selected-row td{background:#f1f8f4}.tag{display:inline-block;border-radius:4px;background:#f1f3f5;color:#6e7987;font-size:10px;line-height:1.6;padding:3px 8px;max-width:100%;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}.tag.green{background:#e9f5ed;color:#448363}.tag.blue{background:#edf3fc;color:#5a7da9}.tag.amber{background:#fff5e3;color:#ab8446}.tag.red{background:#fceeee;color:#ba7373}.tag.muted{background:#f0f2f5;color:#8c96a3}.company-name{font-weight:550;color:#344951}.table-footer{min-height:51px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#929ca7;padding:9px 16px;border-top:1px solid #e5e9ed;gap:10px}.table-footer>div{display:flex;align-items:center;gap:10px}.table-footer select{font-size:10px;padding:4px 7px;border-color:#e4e8ed}.page-footer{color:#84948c;font-weight:650;font-size:10px;display:flex;gap:9px;padding:22px 1px;align-items:center}.page-footer span{color:#a6adb4;font-size:9px;font-weight:400}.page-footer strong{margin-left:auto;color:#6c8e7e}.demo-note{padding:9px 12px;background:#fffbf1;border:1px solid #f1e9d3;color:#9d8a65;border-radius:5px;font-size:10px;margin:-6px 0 16px}.alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:5px;margin-bottom:14px;font-size:12px}.alert>span{flex:1}.alert.error{border:1px solid #f2d6d5;background:#fff4f3;color:#ad5252}.alert.success{border:1px solid #d7eade;background:#f2f9f3;color:#4c8463}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b0bbc3;min-height:260px;padding:35px 20px;text-align:center}.empty-state h3{color:#697b84;font-size:14px;margin:13px 0 5px}.empty-state p{color:#98a2aa;font-size:12px}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:40px;min-width:210px;background:#fff;border:1px solid #dfe5e9;border-radius:6px;box-shadow:0 6px 20px #263d4a13;padding:5px;z-index:40}.dropdown-menu button{border:0;background:#fff;padding:10px 12px;font-size:12px;display:block;width:100%;text-align:left;border-radius:3px}.dropdown-menu button:hover{background:#f0f5f3}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{border:1px solid #e1e6ea;border-radius:7px;background:#fff;padding:18px 20px}.metric>span{color:#86919c;font-size:11px}.metric>div{font-size:31px;line-height:1.4;font-weight:600;color:#314a40;margin-top:10px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;font-weight:400;color:#8d9d94;margin-left:8px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.panel-heading{padding:17px 20px;border-bottom:1px solid #e7ebee;display:flex;align-items:center;justify-content:space-between}.count-row{display:flex;justify-content:space-between;gap:10px;padding:10px 21px;border-bottom:1px solid #f0f2f4;font-size:12px}.count-row strong{font-weight:550;color:#587366;font-variant-numeric:tabular-nums}.count-row small{font-size:10px;color:#9ba7a0;margin-left:7px;font-weight:400}.panel-note{font-size:11px;color:#8f9b9f;padding:14px 20px;line-height:1.8}.call-note{margin:16px 0;color:#8d979e;font-size:11px}.standard-table-scroll{overflow-x:auto}.standard-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.standard-table th{text-align:left;font-size:10px;background:#f8fafb;padding:11px 18px;color:#84919a;font-weight:500}.standard-table td{padding:13px 18px;border-bottom:1px solid #ecf0f3}.standard-table strong{font-weight:550}.field-id{display:block;font-size:9px;color:#9ba8af;margin-top:2px}.backup-panel{margin-top:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.backup-panel p{font-size:11px;color:#8c999f;margin-top:4px}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#182c3a40;z-index:70;display:flex;align-items:center;justify-content:center;padding:30px}.modal{width:520px;max-width:100%;background:#fff;border-radius:9px;box-shadow:0 16px 80px #172b3b30;max-height:calc(100vh - 60px);overflow-y:auto}.modal.wide{width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid #e8edf0}.modal-header h2{font-size:16px}.modal-body{padding:20px 23px}.modal-body>p{margin-bottom:13px}.modal-body>.alert{margin-top:10px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 23px;border-top:1px solid #e8edf0;background:#fcfdfd}.modal-progress{padding:10px 23px;font-size:11px;color:#688374;background:#f4f9f5}.form-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;margin-bottom:17px}.form-field small{font-size:10px;font-weight:400;color:#94a0a6}.form-field textarea{resize:vertical}.form-columns{display:grid;grid-template-columns:2fr 1fr;gap:15px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;margin:10px 0 15px}.checkbox-label small{display:block;font-size:10px;color:#909ba3}.permission-table{width:100%;border-collapse:collapse;margin:12px 0 22px}.permission-table th{font-weight:500;color:#8b969f;background:#f7f9fa;font-size:11px;text-align:left}.permission-table td,.permission-table th{padding:9px 12px;border-bottom:1px solid #e6ebee}.permission-table input{vertical-align:middle}.user-choice{padding:8px;background:#f8faf9;border:1px solid #e4eae6;border-radius:5px}.import-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.import-counts .metric{padding:14px}.import-issue{font-size:11px;background:#fff9ef;border-bottom:1px solid #eee4d4;padding:7px 10px;color:#998157}.restore-preview{font-size:11px;background:#f7f9fa;padding:10px;border-radius:5px;white-space:pre-wrap}.drawer-backdrop{padding:0;align-items:stretch;justify-content:flex-end}.detail-drawer{width:490px;max-width:100%;background:#fff;padding:25px 28px;overflow:auto;position:relative}.drawer-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:10px}.drawer-title small{font-size:10px;color:#8d9b9f}.drawer-title h2{font-size:19px;margin-top:5px}.company-id{font-size:9px;margin-bottom:22px;overflow-wrap:anywhere}.detail-field{display:grid;grid-template-columns:140px minmax(0,1fr);border-bottom:1px solid #edf0f2;padding:10px 0;gap:13px;align-items:center}.detail-field label{font-size:10px;color:#8d989e;display:flex;align-items:center;gap:5px}.detail-value{min-height:29px;padding:4px 7px;border-radius:4px;overflow-wrap:anywhere;font-size:12px}.detail-value:hover{background:#f7faf8}.detail-value input,.detail-value select{width:100%}.drawer-save{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5eae7;display:flex;justify-content:flex-end;gap:8px;padding:14px 0}.login-page{min-height:100vh;display:grid;place-items:center;background:#f4f7f5;padding:35px 20px}.login-card{max-width:480px;width:100%;padding:40px;background:#fff;border:1px solid #e1e9e4;border-radius:10px}.login-card h1{font-size:23px;margin-top:37px;color:#355344}.login-card>p{font-size:12px;color:#8e9a93;line-height:2;margin:15px 0 28px}.google{width:100%;margin:5px 0 13px;font-size:12px}.google svg:last-child{margin-left:auto}.setup-note{display:flex;align-items:center;gap:12px;border:1px solid #e6ece8;background:#f6f9f7;padding:15px;border-radius:6px;color:#6e8a7d}.setup-note strong{display:block;font-size:11px;font-weight:500}.setup-note small{font-size:10px;color:#9aa89f;display:block;margin-top:5px}.demo-entry{border-top:1px solid #edf0ed;margin-top:22px;padding-top:22px;display:flex;flex-direction:column;gap:11px}.demo-entry .button{font-size:12px}.demo-entry small{font-size:10px;color:#9ca79f;line-height:1.8}.login-card footer{text-align:center;font-size:9px;letter-spacing:.02em;color:#b0b9b2;margin-top:35px}@media(min-width:1700px){.page-content{padding:35px 40px}.sidebar{width:210px}.main{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:1000px){.sidebar{width:162px;padding-left:10px;padding-right:10px}.main{margin-left:162px;width:calc(100% - 162px)}.page-content{padding:24px 18px 8px}.topbar{padding:0 18px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.page-heading p{font-size:11px;max-width:290px}.list-summary>.subtle{display:none}.metric-grid{grid-template-columns:1fr 1fr}.backup-panel{display:block}.backup-panel .heading-actions{margin-top:15px;justify-content:flex-start}.top-status .separator,.top-status .separator+span{display:none}}@media(max-width:650px){.sidebar{position:sticky;top:0;width:100%;height:auto;z-index:30;padding:12px 14px;flex-direction:row;align-items:center;gap:16px;border-bottom:1px solid #e5e9ec;border-right:0;flex-wrap:wrap}.sidebar .wordmark{margin:0;font-size:23px}.wordmark span{font-size:26px}.workspace-label,.side-bottom{display:none}.sidebar nav{flex-direction:row;gap:3px;flex:1;justify-content:flex-end}.sidebar nav button{padding:6px;font-size:0;gap:0}.sidebar nav button svg{width:20px;height:20px}.app-shell{display:block}.main{margin:0;width:100%}.topbar{height:44px;font-size:10px;padding:0 14px}.top-status{gap:5px}.demo-badge{font-size:8px;padding:2px 4px}.top-status select{max-width:100px;font-size:9px}.page-content{padding:22px 12px 5px}.page-heading{display:block;margin-bottom:17px}.heading-actions{justify-content:flex-start;margin-top:16px}h1{font-size:21px}.eyebrow{font-size:8px}.page-heading p{max-width:none}.toolbar{padding:10px;gap:7px}.search-box{width:100%}.toolbar select{max-width:170px}.filter-icon{margin-left:0}.table-scroll{max-height:55vh;min-height:270px}.table-footer{padding:9px;font-size:9px;flex-wrap:wrap}.table-footer>span{font-size:9px}.table-footer>div{width:100%;justify-content:flex-end}.table-footer .vertical-bar{margin:0 4px}.list-summary{padding:0 12px;height:51px}.demo-note{font-size:9px;padding:7px 9px}.dashboard-grid{grid-template-columns:1fr}.metric-grid{gap:9px}.metric{padding:13px}.metric>span{font-size:9px}.metric>div{font-size:26px}.modal-backdrop{padding:13px}.modal{max-height:calc(100vh - 26px)}.modal-body{padding:18px}.modal-header,.modal-footer{padding:15px 18px}.detail-drawer{padding:21px}.detail-field{grid-template-columns:110px minmax(0,1fr)}.login-card{padding:30px 25px}.form-columns{grid-template-columns:1fr 90px;gap:10px}.page-footer{padding-top:16px}}.mobile-logout{display:none}.conflict-notice{border:1px solid #eed6a6;background:#fffbf0;border-radius:6px;padding:15px;margin-bottom:16px}.conflict-notice>strong{font-size:12px;color:#94723e}.conflict-notice .form-columns{margin-top:12px}.conflict-notice textarea{font-size:12px;min-height:60px;background:#fffefa}.conflict-notice .form-field{margin-bottom:0}@media(max-width:650px){.mobile-logout{display:inline-flex}.conflict-notice .form-columns{grid-template-columns:1fr}}
