:root{--bg:#f7f5f1;--card:#fff;--text:#3d3934;--muted:#9a8f7e;--line:#e6e0d8;--green:#e9f7ee;--greenText:#34734b;--beige:#f1eee8;--accent:#5a5045}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}main{max-width:820px;margin:auto;padding:22px 30px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.clock{font-size:28px;font-weight:700}.date{color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 90px}.stats>div,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #00000008}.stats>div{padding:22px}.stats span{display:block;color:var(--muted);font-size:16px;margin-bottom:8px}.stats b{font-size:34px}.staff-list{display:grid;gap:18px}.staff-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}.staff-top{display:flex;justify-content:space-between;align-items:center}.name{font-size:24px;font-weight:700}.status{padding:9px 16px;border-radius:999px;background:var(--beige);color:var(--muted);font-weight:700}.status.working{background:var(--green);color:var(--greenText)}.times{margin:20px 0;color:var(--muted);font-size:17px}.punch{width:100%;height:60px;border:1px solid var(--line);background:#fbfaf8;border-radius:13px;font-size:19px;font-weight:700;color:var(--text);cursor:pointer}.punch:active{transform:scale(.99)}.punch.out{background:#fff8f6}.error{color:#a33b32;min-height:20px}.admin{max-width:1100px}.admin h1{margin:0 0 5px}.panel{padding:22px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-title h2{margin:0;font-size:20px}.panel input,.admin input[type=email],.admin input[type=password]{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:white;margin:4px;width:auto}.primary,.small-btn,.danger{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700}.primary{background:#4d453d;color:#fff}.small-btn{background:var(--beige);color:var(--text)}.danger{background:#f9e8e6;color:#9a3d35}.staff-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.staff-row:last-child{border-bottom:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}.edit-time{padding:8px;border:1px solid var(--line);border-radius:8px}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:650px){main{padding:18px 16px 40px}.stats{gap:10px;margin-bottom:45px}.stats>div{padding:15px}.stats span{font-size:13px}.stats b{font-size:28px}.staff-card{padding:18px}.name{font-size:21px}.panel-title{align-items:flex-start;flex-direction:column}.panel-title>div{width:100%}.panel-title input{margin-left:0}.panel-title button{width:auto}}