:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#203330;background:#f4f6f6;font-size:16px;--green:#1b4541;--line:#dde5e3;--muted:#627571}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:11px 17px;color:inherit;font-size:.9rem;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#e8f0ed}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3b8f81;outline-offset:3px}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled){background:#28635b}.danger{color:#a23932}aside{width:234px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:38px 24px}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:4px}.brand span{display:block;font:12px sans-serif;letter-spacing:2px;margin:9px 0 54px;color:var(--muted)}.small,.eyebrow{font-size:12px;color:var(--muted);letter-spacing:1.3px}.eyebrow{color:#397166;font-weight:700;margin-bottom:10px}nav{display:grid;gap:10px;margin-top:18px}nav button{text-align:left;border:0;padding:15px 12px;background:transparent;white-space:nowrap}nav button.active{background:#e7efeb;color:var(--green)}.aside-bottom{position:absolute;bottom:28px;font-size:12px;letter-spacing:1px;color:var(--muted)}.aside-bottom p{font-size:12px;letter-spacing:0}.shell{margin-left:234px}header{height:86px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:20px}header label{font-size:14px;color:var(--muted)}select,input,textarea{border:1px solid #cbd7d3;border-radius:7px;background:white;padding:11px 12px;color:#203330;min-width:0}header select{border:0;font-weight:700;margin-left:12px}.header-right{display:flex;gap:20px;align-items:center;font-size:14px;color:var(--muted)}main{max-width:1440px;margin:0 auto;padding:40px}h1{font-size:28px;font-weight:650;margin:0 0 10px;letter-spacing:.02em}h2{font-size:17px;margin:0 0 22px}p{color:var(--muted);font-size:14px;line-height:1.8}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{margin:0}.pill{display:inline-block;border-radius:99px;background:#eaf1ed;color:#3d685d;font-size:12px;padding:6px 11px;white-space:nowrap}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:24px}.clock{font-size:54px;letter-spacing:3px;font-weight:400;font-variant-numeric:tabular-nums;margin:8px 0 28px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.staff{text-align:left;padding:17px}.staff span{display:block;font-size:12px;font-weight:400;margin-top:8px;color:var(--muted)}.staff.selected{border:2px solid #347968;background:#f1f7f3;padding:16px}.punch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.punch-grid button{padding:22px 10px;font-size:16px}.empty{text-align:center;padding:28px 8px;color:#71827e}footer{padding:12px 40px 28px;color:#82918d;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filters label{font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.stat .value{font-size:30px;margin-top:12px;font-variant-numeric:tabular-nums}.stat small{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;font-weight:500;font-size:12px;color:var(--muted);background:#f5f8f7}th,td{padding:15px 12px;border-bottom:1px solid #e5ece9}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tfoot{font-weight:700;background:#f5f8f7}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid label{display:grid;gap:9px;font-size:14px}.form-grid .full{grid-column:1/-1}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.amount-total{background:#eef5f1;padding:20px;border-radius:8px;margin:22px 0}.amount-total strong{font-size:26px}.hint{font-size:12px;color:var(--muted);line-height:1.7}.warning{color:#af5b19}.bar{height:8px;background:#e8efec;border-radius:4px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:#579381}.rank{padding:18px 0;border-bottom:1px solid var(--line)}.money{font-variant-numeric:tabular-nums}dialog{width:min(600px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:30px;color:inherit}dialog::backdrop{background:#132e2a66}dialog h2{margin-bottom:20px}dialog form{display:grid;gap:18px}dialog label{display:grid;gap:8px;font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.error{color:#ad3b32;font-size:14px;line-height:1.7;min-height:1em}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#203f38;color:white;padding:14px 24px;border-radius:9px;box-shadow:0 5px 30px #0002;display:none;z-index:10}.badge-break{background:#fff1d9;color:#8a5b15}.note{background:#f5f8f7;padding:16px;border-radius:8px;font-size:14px;line-height:1.8;color:var(--muted)}.correction-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:center}.correction-row input{width:100%}@media(max-width:1050px){aside{width:190px;padding:30px 16px}.shell{margin-left:190px}main{padding:26px}header{padding:0 26px}.split{grid-template-columns:1fr}.header-right>span{display:none}}@media(max-width:700px){aside{position:static;width:100%;padding:18px;border-bottom:1px solid var(--line)}.brand{font-size:24px}.brand span,.aside-bottom,aside>.small{display:none}nav{display:flex;overflow:auto;gap:4px;margin:16px 0 0}nav button{font-size:13px;padding:12px}.shell{margin-left:0}header{height:70px;padding:0 16px;gap:5px}.header-right{gap:5px}main{padding:24px 16px}.page-heading{align-items:flex-start}h1{font-size:24px}.card{padding:20px}.clock{font-size:44px}.stats{grid-template-columns:1fr;gap:10px}.stat{display:flex;align-items:center;justify-content:space-between;padding:18px}.stat .value{margin:0;font-size:24px}.punch-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(2,1fr)}footer{padding:16px}footer span{display:none}}

#syncState{font-size:12px;display:inline!important}.header-right{gap:12px}@media(max-width:700px){#syncState{max-width:110px;font-size:11px}}
#installButton{border-color:#b8d0c8;color:#1b4541}