:root{--navy: #164f7a;--navy-2: #123f62;--primary: #1598d2;--primary-dark: #0f6e9d;--primary-bg: #e7f7fc;--primary-bg-strong: #eef8fc;--primary-border: #82c8e7;--cyan: #6bc5e7;--sky: #eaf6fc;--yellow: #f4c94f;--yellow-soft: #fff8d9;--yellow-text: #946d0e;--blue: #1598d2;--blue-bg: #e7f7fc;--green: #158467;--green-dark: #14795f;--green-bg: #e8f7f1;--orange: #d97a17;--orange-bg: #fff3e4;--red: #c94d55;--red-bg: #fff0f1;--amber: #946d0e;--amber-bg: #fff8d9;--gray: #6f8796;--gray-dark: #5d6a76;--gray-bg: #eef1f4;--bluegray: #4a7798;--bluegray-bg: #edf5fb;--graylight-bg: #f2f6f9;--graylight-text: #8fa3b0;--bg: #f7fbfd;--surface: #ffffff;--surface-muted: #f7fbfd;--surface-head: #fbfdfe;--nav-bg: #f0f8fc;--nav-icon-bg: #eef4f8;--th-bg: #f0f8fb;--th-text: #65899b;--hover-bg: #f2f7fb;--row-alert-bg: #fffbed;--border: #d7e8f1;--border-soft: #e7eef3;--border-strong: #c9dfec;--control-border: #ccd9e3;--text: #244154;--text-strong: #19354e;--text-title: #213d55;--text-muted: #6f8796;--radius: 18px;--radius-md: 12px;--radius-control: 7px;--radius-nav: 9px;--radius-pill: 999px;--shadow: none;--shadow-soft: 0 4px 14px rgba(32, 98, 135, .055);--shadow-header: 0 2px 12px rgba(28, 78, 109, .08);--shadow-nav-active: 0 4px 12px rgba(36, 114, 151, .07);--shadow-modal: 0 16px 44px rgba(22, 79, 122, .18);--focus-ring: 0 0 0 3px rgba(21, 152, 210, .22);--header-height: 56px;--sidebar-width: 236px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--primary-border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card h2{font-size:15px;margin:0 0 2px;font-weight:700;color:var(--text-title)}.card .sub{font-size:12px;color:var(--text-muted);margin:0 0 14px}.section-title{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--text-title)}.btn-primary{border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--primary);color:#fff;font-size:13px;font-weight:700;padding:8px 16px;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-primary:active:not(:disabled){background:var(--navy);border-color:var(--navy)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary.danger{border-color:var(--red);background:var(--red)}.btn-primary.danger:hover:not(:disabled){background:#b64249;border-color:#b64249}.btn-flat{border:1px solid var(--control-border);background:var(--surface);color:var(--text);border-radius:var(--radius-control);padding:8px 16px;font-size:13px;cursor:pointer}.btn-flat:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-border)}.btn-flat:disabled{opacity:.6;cursor:not-allowed}.btn-flat.primary-outline{border-color:var(--primary-border);color:var(--primary-dark);background:var(--primary-bg-strong);font-weight:700}.btn-flat.primary-outline:hover:not(:disabled){background:var(--primary-bg);border-color:var(--primary)}.btn-detail{border:1px solid var(--primary-border);background:var(--surface);color:var(--primary-dark);border-radius:var(--radius-control);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-detail:hover:not(:disabled){background:var(--primary-bg)}.btn-detail:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{border:1px solid var(--red);background:var(--surface);color:var(--red);border-radius:var(--radius-control);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-cancel:hover:not(:disabled){background:var(--red-bg)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-return{border:1px solid var(--orange);background:var(--surface);color:var(--orange);border-radius:var(--radius-control);padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-return:hover:not(:disabled){background:var(--orange-bg)}.btn-return:disabled{opacity:.6;cursor:not-allowed}.field-row{margin-bottom:12px}.field-row label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--text-muted)}.field-row input:not([type=checkbox]):not([type=radio]),.field-row select,.field-row textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);font-size:14px;color:var(--text);background:var(--surface);font-family:inherit}.field-row input:not([type=checkbox]):not([type=radio]):disabled,.field-row select:disabled,.field-row textarea:disabled{color:var(--text-muted);background:var(--gray-bg);cursor:not-allowed}.field-row input::placeholder,.field-row textarea::placeholder{color:var(--graylight-text)}.field-row input.invalid,.field-row select.invalid,.field-row textarea.invalid{border-color:var(--red)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.filter-group label{display:block;margin-bottom:6px;font-size:12.5px;font-weight:700;color:var(--text-muted)}.filter-group input:not([type=checkbox]):not([type=radio]),.filter-group select{padding:7px 10px;border:1px solid var(--control-border);border-radius:var(--radius-control);font-size:13px;color:var(--text);background:var(--surface);font-family:inherit}.field-row input:focus,.field-row select:focus,.field-row textarea:focus,.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary)}.field-error{margin:6px 0 0;font-size:12.5px;color:var(--red)}.table-scroll{overflow-x:auto}table.app-table,table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.app-table th,table.app-table td,table.data-table th,table.data-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:top}table.app-table th,table.data-table th{font-size:12px;color:var(--th-text);font-weight:700;background:var(--th-bg);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}table.modal-table{width:100%;border-collapse:collapse;font-size:12.5px}table.modal-table th,table.modal-table td{padding:8px;border-bottom:1px solid var(--border-soft);text-align:left;white-space:nowrap}table.modal-table th{color:var(--th-text);font-weight:700;font-size:11.5px;background:var(--th-bg)}.empty-row td{color:var(--text-muted);text-align:center;padding:26px 10px;white-space:normal}tr.row-alert>td{background:var(--row-alert-bg)}.badge2{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;white-space:nowrap}.badge2.pending{background:var(--amber-bg);color:var(--amber)}.badge2.approved{background:var(--green-bg);color:var(--green-dark)}.badge2.returned{background:var(--red-bg);color:var(--red)}.badge2.rejected{background:var(--gray-bg);color:var(--gray-dark)}.badge2.cancelled{background:var(--bluegray-bg);color:var(--bluegray)}.badge2.draft{background:var(--gray-bg);color:var(--gray-dark)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);white-space:nowrap}.badge.orange{background:var(--orange-bg);color:var(--orange)}.badge.green,.badge.active{background:var(--green-bg);color:var(--green-dark)}.badge.blue,.badge.notStarted{background:var(--blue-bg);color:var(--primary-dark)}.badge.gray,.badge.expired{background:var(--gray-bg);color:var(--gray-dark)}.badge.invalid{background:var(--red-bg);color:var(--red)}.badge.graylight{background:var(--graylight-bg);color:var(--graylight-text)}.alert-box{padding:10px 12px;border:1px solid var(--red);border-radius:var(--radius-control);background:var(--red-bg);color:var(--red);font-size:13px}.alert-box.warn{border-color:var(--orange);background:var(--orange-bg);color:var(--orange)}.alert-box.info{border-color:var(--primary-border);background:var(--primary-bg);color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1637556b;display:flex;align-items:center;justify-content:center;z-index:300}.modal-overlay>.card,.modal-card{box-shadow:var(--shadow-modal)}.modal-title{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--text-title)}.modal-note{margin:0 0 14px;font-size:13px;color:var(--text-muted)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px}.modal-head h3{margin:0;font-size:16px;font-weight:700;color:var(--text-title)}.modal-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.modal-close{border:none;background:var(--gray-bg);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:15px;color:var(--text-muted);flex:none}.modal-close:hover{background:var(--border)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.toggle-switch{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--border-strong);border:none;cursor:pointer;flex:none;padding:0;transition:background .15s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #164f7a59;transition:left .15s}.toggle-switch.on{background:var(--primary)}.toggle-switch.on:after{left:22px}.toggle-wrap .toggle-caption{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}.confirm-dialog-overlay[data-v-a5375922]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1637556b;display:flex;align-items:center;justify-content:center;z-index:400}.confirm-dialog-card[data-v-a5375922]{width:100%;max-width:380px;margin:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-modal);padding:20px}.confirm-dialog-message[data-v-a5375922]{margin:0 0 18px;font-size:14px;color:var(--text);white-space:pre-wrap}.confirm-dialog-actions[data-v-a5375922]{display:flex;justify-content:flex-end;gap:10px}.modal-overlay[data-v-2c5abb9c]{z-index:400}.modal-card[data-v-2c5abb9c]{width:100%;max-width:380px;margin:0 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.modal-title[data-v-2c5abb9c]{margin:0 0 14px}.done-message[data-v-2c5abb9c]{margin:0 0 12px;font-size:13px;color:var(--green-dark)}.alert-box[data-v-2c5abb9c]{margin:0 0 12px}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface);color:var(--navy);border-bottom:4px solid var(--yellow);box-shadow:var(--shadow-header);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:200;box-sizing:border-box}.app-header .brand{font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--navy)}.header-group{display:flex;align-items:center;gap:14px}.login-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.login-label .dot{width:8px;height:8px;border-radius:50%;background:#77d5b5;box-shadow:0 0 0 4px #77d5b521;display:inline-block}.btn-sm{border:1px solid #cfe1ea;background:var(--surface-muted);color:#28566f;border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer}.btn-sm:hover{background:var(--primary-bg);border-color:var(--primary-border)}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--nav-bg);border-right:1px solid #d8eaf2;padding:14px 12px;overflow-y:auto;z-index:150;display:flex;flex-direction:column;box-sizing:border-box}.sidebar .nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;border:1px solid transparent;border-radius:var(--radius-nav);font-size:13px;font-weight:600;line-height:1.35;color:#557486;text-decoration:none;cursor:pointer}.sidebar .nav-item:hover{background:var(--surface);border-color:#d6e9f2;color:var(--navy)}.sidebar .nav-item.active{background:var(--surface);color:var(--primary-dark);font-weight:800;border-color:#c9e5f1;box-shadow:var(--shadow-nav-active)}.sidebar .nav-item.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:4px;border-radius:4px;background:var(--yellow)}.sidebar .nav-icon{flex:none;width:24px;height:24px;border-radius:7px;background:var(--nav-icon-bg);color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:900;line-height:1}.sidebar .nav-item.active .nav-icon{background:var(--primary-bg);color:var(--primary-dark)}.sidebar .nav-label{min-width:0}.nav-toggle{margin-top:auto;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-nav);background:none;color:var(--text-muted);font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}.nav-toggle:hover{background:var(--surface);border-color:#d6e9f2;color:var(--navy)}.nav-toggle-icon{flex:none;width:24px;height:24px;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1}#app-shell.nav-collapsed{--sidebar-width: 64px}#app-shell.nav-collapsed .sidebar{padding-left:8px;padding-right:8px}#app-shell.nav-collapsed .nav-item,#app-shell.nav-collapsed .nav-toggle{justify-content:center;gap:0;padding-left:0;padding-right:0}#app-shell.nav-collapsed .nav-label{display:none}.sidebar,main.with-chrome,.denied-banner.with-chrome{transition:width .15s ease,margin-left .15s ease,left .15s ease}.denied-banner{position:fixed;top:var(--header-height);left:0;right:0;margin:0;padding:10px 20px;background:var(--red-bg);color:var(--red);font-size:13px;z-index:140}.denied-banner.with-chrome{left:var(--sidebar-width)}main{min-height:100vh;box-sizing:border-box}main.with-chrome{margin-left:var(--sidebar-width);padding-top:var(--header-height)}