:root{--bg:#f4f6f8;--card:#fff;--border:#e5e8ec;--border-strong:#ccd2d9;--text:#1c2126;--text-muted:#667085;--accent:#185fa5;--accent-hover:#124a82;--accent-bg:#e6f1fb;--success:#3b6d11;--success-bg:#eaf3de;--error:#a32d2d;--error-bg:#fcebeb;--radius:10px;--shadow-sm:0 1px 2px rgba(20,24,30,.05);--shadow-card:0 1px 3px rgba(20,24,30,.06),0 1px 1px rgba(20,24,30,.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:760px;margin:0 auto;padding:20px 16px 48px}.card{background:var(--card);border:.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);padding:18px;margin-bottom:16px}h1{font-size:22px;margin:4px 0 18px;letter-spacing:.01em}h1,h2{font-weight:600}h2{font-size:16px;margin:0 0 14px;color:var(--text)}label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:5px}input,select,textarea{width:100%;padding:11px 12px;font-size:16px;font-family:inherit;border:.5px solid var(--border-strong);border-radius:var(--radius);background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23667085' stroke-width='1.6' fill='none' fill-rule='evenodd'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}input::placeholder,textarea::placeholder{color:#9aa2ad}input[type=checkbox]{width:auto}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea{min-height:64px;resize:vertical}.field{margin-bottom:16px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;font-size:15px;font-weight:500;font-family:inherit;border:.5px solid var(--border-strong);border-radius:var(--radius);background:#fff;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{background:#f8f9fa;border-color:var(--text-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--error);border-color:var(--error);background:#fff}.btn-danger:hover{background:var(--error-bg)}.btn-sm{min-height:34px;padding:6px 12px;font-size:13px}.menu-link{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:.5px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:10px;color:var(--text);font-weight:500;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease,transform .05s ease}.menu-link:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);text-decoration:none}.menu-link:active{transform:translateY(1px)}.menu-link:after{content:"›";color:var(--text-muted);font-size:18px;margin-left:8px}.menu-link:hover:after{color:var(--accent)}.muted{color:var(--text-muted);font-size:13px}.error-box{background:var(--error-bg);border:.5px solid var(--error);color:var(--error);border-radius:var(--radius)}.error-box,.success-box{padding:12px 14px;margin-bottom:14px;font-size:14px}.success-box{background:var(--success-bg);border:.5px solid var(--success);color:var(--success);border-radius:var(--radius)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 4px;border-bottom:.5px solid var(--border);transition:background .15s ease}.list-row:last-child{border-bottom:none}.list-row:hover{background:#fafbfc}.list-row>:first-child,.row-header>:first-child{min-width:0;flex:1 1;overflow-wrap:anywhere}.list-row>:last-child,.row-header>:last-child{flex-shrink:0}.row-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-block{padding:12px 4px;border-bottom:.5px solid var(--border);transition:background .15s ease}.list-block:last-child{border-bottom:none}.list-block:hover{background:#fafbfc}.list-row-compact{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 4px;border-radius:6px;transition:background .15s ease}.list-row-compact:hover{background:#fafbfc}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:var(--success-bg);color:var(--success)}.badge-warn{background:var(--error-bg);color:var(--error)}.badge-soon{background:#fff4de;color:#8a5a00}.mini-field{display:flex;flex-direction:column;align-items:center;gap:3px}.mini-label{font-size:11px;color:var(--text-muted);white-space:nowrap}.worker-row{border:.5px solid var(--border);border-radius:var(--radius);padding:10px;background:#fafbfc}.select-main{flex:1 1;min-width:140px}.select-company,.select-individual{flex:1 1;min-width:120px}.mini-time-row{gap:4px;flex-wrap:nowrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{padding:9px 10px;border-bottom:.5px solid var(--border);text-align:left;white-space:nowrap}.data-table th{color:var(--text-muted);font-weight:600;font-size:12px}.data-table tbody tr:hover{background:#fafbfc}.data-table td.wrap-cell,.data-table th.wrap-cell{white-space:normal;word-break:break-word}.koji-select{position:relative}.koji-select-trigger{width:100%;text-align:left;padding:11px 36px 11px 12px;font-size:16px;font-family:inherit;border:.5px solid var(--border-strong);border-radius:var(--radius);background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23667085' stroke-width='1.6' fill='none' fill-rule='evenodd'/></svg>");background-repeat:no-repeat;background-position:right 14px center;color:var(--text);cursor:pointer}.koji-select-trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.koji-select-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:50vh;overflow-y:auto;margin:0;padding:4px;list-style:none;background:#fff;border:.5px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card)}.koji-select-option{padding:11px 12px;border-radius:6px;cursor:pointer}.koji-select-option:hover,.koji-select-option[aria-selected=true]{background:var(--accent-bg)}.koji-select-error{color:var(--error);font-size:13px;margin-top:4px}@media (max-width:480px){.container{padding:14px 12px 40px}.card{padding:14px}h1{font-size:20px}.muted,label{font-size:14px}.badge{font-size:13px;padding:3px 10px}.btn-sm{min-height:40px;padding:8px 14px;font-size:14px}.list-block,.list-row{padding:15px 4px}.row{gap:10px}.mini-label{font-size:12px}.worker-row{flex-direction:column;align-items:stretch}.worker-row .select-company,.worker-row .select-individual,.worker-row .select-main{width:100%;min-width:0}.worker-row .mini-field{flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%}.hours-row{flex-direction:column}.hours-row .field{width:100%}}@media print{.no-print{display:none!important}.container{max-width:none;padding:0}.card{box-shadow:none;border:none;padding:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}