.clock-wrap{max-width:720px;margin:40px auto;padding:0 20px}.clock-card{background:#fff;border:1px solid #dfdfd4;border-radius:22px;padding:28px;box-shadow:0 10px 30px #173f2d0c}.clock-card h1{font-size:clamp(2rem,6vw,3rem);line-height:1.12}.clock-card label{display:block;font-weight:700;margin:18px 0 6px}.clock-card input,.clock-card select,.clock-card textarea{display:block;width:100%;padding:14px;border:1px solid #89968c;border-radius:9px;font:inherit;box-sizing:border-box}.clock-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.clock-actions button{flex:1;min-width:150px;padding:20px;border:0;border-radius:12px;font:inherit;font-size:1.15rem;font-weight:700;cursor:pointer;background:#173f2d;color:white}.clock-actions button:last-child{background:#a12f36}.clock-actions button:disabled{opacity:.45;cursor:default}.clock-note{color:#4f5b52;font-size:.95rem}.clock-message{padding:16px;border-radius:10px;background:#edf5ef;margin:20px 0;white-space:pre-line}.clock-message:empty{display:none}.clock-summary{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}.clock-stat{border:1px solid #ddd;border-radius:14px;background:#f5f6ee;padding:18px;flex:1;min-width:140px}.clock-stat strong{display:block;font-size:1.8rem}.clock-table{width:100%;border-collapse:collapse}.clock-table td,.clock-table th{text-align:left;padding:12px;border-bottom:1px solid #ddd;vertical-align:top}.clock-table th{background:#edf1e9}.clock-admin{max-width:1200px;margin:40px auto;padding:0 20px}.clock-admin input{padding:12px;max-width:100%;font:inherit}.clock-table button{padding:8px;cursor:pointer}.clock-table small{display:block}.clock-admin dialog{border:1px solid #ccc;border-radius:18px;max-width:560px;width:90%;box-sizing:border-box}.clock-link{background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit;color:#173f2d;padding:10px 0}.clock-table-wrap{overflow:auto}button:focus-visible,a:focus-visible{outline:3px solid #bc8e23;outline-offset:4px}