:root{--surface:#fafaf9;--surface-raised:#fcfcfb;--line:#e7e5e4;--line-strong:#d6d3d1;--text-primary:#1c1917;--text-secondary:#78716c;--accent:#1d6b4f;--accent-weak:#e8f0ec;--danger:#b3402e;--danger-weak:#f7ebe8;--warn:#8a6d1d;--warn-weak:#f5efdd;--font-mono:"Geist Mono","JetBrains Mono",ui-monospace,"SFMono-Regular",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:14px;line-height:1.7;color:var(--text-primary);background:var(--surface)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.global-header{display:flex;align-items:center;gap:28px;padding:0 24px;height:52px;background:var(--surface-raised);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:15px;letter-spacing:.01em}.brand .brand-hub{color:var(--accent)}.global-nav{display:flex;gap:4px;height:100%}.global-nav a{display:flex;align-items:center;padding:0 14px;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.global-nav a.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px;color:var(--text-secondary)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-weak);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.page{max-width:1100px;margin:0 auto;padding:28px 24px 64px}.page-header{display:flex;align-items:baseline;gap:16px;margin-bottom:6px}.page-header h1{font-size:20px;font-weight:700}.page-sub{color:var(--text-secondary);margin-bottom:24px}.status{display:inline-block;padding:1px 8px;border-radius:6px;font-size:12px;font-weight:600}.status.draft{background:var(--line);color:var(--text-secondary)}.status.submitted{background:var(--accent-weak);color:var(--accent)}.status.waiting{background:var(--warn-weak);color:var(--warn)}.status.done{background:var(--accent);color:var(--surface-raised)}.status.rejected{background:var(--danger-weak);color:var(--danger)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);margin-bottom:28px}.stat{padding:16px 20px}.stat+.stat{border-left:1px solid var(--line)}.stat .label{font-size:12px;color:var(--text-secondary)}.stat .value{font-size:24px;font-weight:700;font-family:var(--font-mono)}.stat .value small{font-size:13px;font-weight:400;color:var(--text-secondary)}.section{margin-bottom:32px}.section>h2{font-size:15px;font-weight:700;margin-bottom:10px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);padding:18px 20px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--text-secondary);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line-strong)}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;text-decoration:none;transition:background .15s ease-out}.btn:hover{background:var(--surface)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface-raised)}.btn.primary:hover{background:#175a42}.btn.danger{color:var(--danger);border-color:var(--danger);background:var(--surface-raised)}.btn.small{padding:4px 10px;font-size:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.field .required{color:var(--danger);margin-left:4px;font-size:11px}input[type=date],input[type=number],input[type=text],input[type=time],select,textarea{width:100%;padding:7px 10px;border:1px solid var(--line-strong);border-radius:6px;font:inherit;background:var(--surface-raised);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-weak);border-color:var(--accent)}.field .error{color:var(--danger)}.field .error,.field .hint{font-size:12px;margin-top:4px}.field .hint{color:var(--text-secondary)}input.amount{width:120px;text-align:right;font-family:var(--font-mono)}.clock-panel{text-align:center;padding:40px 20px}.clock-time{font-family:var(--font-mono);font-size:56px;font-weight:700;letter-spacing:.02em}.clock-date{color:var(--text-secondary);margin-top:4px}.clock-actions{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}.clock-actions .btn{padding:12px 28px;font-size:14px}.dist-row{display:grid;grid-template-columns:32px 1fr 48px;align-items:center;grid-gap:10px;gap:10px;padding:3px 4px;border-radius:6px}.dist-row:hover{background:var(--accent-weak)}.dist-bar{height:14px;border-radius:0 4px 4px 0;background:var(--accent)}.dist-row .count{text-align:right;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.approval-steps{display:flex;flex-direction:column;gap:0}.approval-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.approval-step:last-child{border-bottom:none}.step-dot{width:24px;height:24px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-mono);background:var(--line);color:var(--text-secondary)}.approval-step.done .step-dot{background:var(--accent);color:var(--surface-raised)}.approval-step.waiting .step-dot{background:var(--warn-weak);color:var(--warn);border:1px solid var(--warn)}.step-body .step-name{font-weight:600}.step-body .step-meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.step-body .step-comment{font-size:13px;margin-top:6px;background:var(--surface);border-radius:6px;padding:8px 10px}.summary-bar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;gap:24px;background:var(--surface-raised);border-top:1px solid var(--line-strong);padding:12px 24px;margin:32px -24px 0}.summary-bar .total{font-size:18px;font-weight:700;font-family:var(--font-mono)}.summary-bar .spacer{margin-left:auto}.muted{color:var(--text-secondary)}.danger-text{color:var(--danger);font-weight:600}.accent-text{color:var(--accent);font-weight:600}.mb-8{margin-bottom:8px}.chip{display:inline-block;border:1px solid var(--line-strong);border-radius:6px;padding:0 8px;font-size:12px;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}