.brand .brand-logo{border:0;width:42px;height:42px;min-width:42px;padding:0;background:none;border-radius:0;display:block}.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.clock-hero{display:grid;grid-template-columns:1.6fr 1fr;overflow:hidden;margin-bottom:22px}.clock-main{padding:30px 34px}.clock-person{display:flex;align-items:center;gap:14px;margin-bottom:22px}.clock-person>.icon{width:42px;height:42px;padding:10px;background:var(--red-tint);color:var(--red);border-radius:12px}.clock-person span,.clock-aside span{font-size:9px;letter-spacing:1.3px;font-weight:700;color:var(--muted)}.clock-person h2{font-size:18px;margin:4px 0}.clock-person p{margin:0;color:var(--muted);font-size:11px}.clock-status{display:inline-flex;align-items:center;white-space:nowrap;gap:6px;padding:5px 9px;border-radius:6px;font-size:10px;background:#f0f2f4;color:#69717c;font-weight:600}.clock-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.clock-status.working{color:#34745e;background:#eaf5ef}.clock-status.paused{color:#986a23;background:#fff5e2}.clock-time{font-size:54px;letter-spacing:-2.5px;font-weight:650;line-height:1.2;margin:14px 0 2px;font-variant-numeric:tabular-nums}.clock-caption{margin:0 0 23px;color:var(--muted);font-size:11px}.clock-controls{display:flex;flex-wrap:wrap;gap:10px}.clock-button{min-height:44px}.clock-aside{background:#fafbfc;border-left:1px solid var(--line);padding:33px;display:flex;flex-direction:column;gap:24px}.clock-aside strong{display:block;font-size:24px;font-weight:600;margin:7px 0;font-variant-numeric:tabular-nums}.clock-aside small{font-size:10px;color:var(--muted)}.clock-confirm{border-top:1px solid var(--line);padding-top:19px;display:flex;gap:9px;align-items:flex-start}.clock-confirm .icon{flex-shrink:0;color:var(--green)}.clock-confirm span{font-size:10px;font-weight:400;letter-spacing:0;line-height:1.7}.clock-tabs{display:inline-flex;margin-bottom:18px}.clock-history .panel-head{gap:15px;flex-wrap:wrap}.clock-filters{display:flex;gap:12px;padding:18px 22px;background:#fbfcfd;border-bottom:1px solid var(--line);align-items:flex-end;flex-wrap:wrap}.clock-filters .field{width:145px;min-width:120px;margin:0;flex:1}.clock-filters .field input,.clock-filters .field select{min-height:38px;width:100%;min-width:0}.clock-filters .text-btn{font-size:10px;min-height:38px}.clock-summary{display:flex;align-items:center;gap:24px;padding:17px 22px;border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.clock-summary strong{font-size:15px;font-variant-numeric:tabular-nums}.clock-summary small{margin-left:auto;color:var(--muted);font-size:9px}.clock-table{min-width:690px}.clock-table th,.clock-table td{padding:15px 18px}.clock-table td{font-size:11px;font-variant-numeric:tabular-nums}.clock-table .text-btn{font-size:11px;white-space:nowrap}.clock-table .icon{width:14px}.clock-detail-summary{padding:16px;background:#f7f9fa;border-radius:9px;margin-bottom:24px}.clock-detail-summary p{font-size:12px;margin-bottom:0}.clock-timeline{list-style:none;padding:0;margin:0 0 26px}.clock-timeline li{display:flex;gap:13px;position:relative;padding-bottom:22px}.clock-timeline li:not(:last-child):before{content:'';position:absolute;top:28px;left:13px;bottom:0;width:1px;background:var(--line)}.clock-timeline li>i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:#f2f4f6;border-radius:50%;color:#707b87}.clock-timeline .icon{width:15px}.clock-timeline strong{display:block;font-size:12px}.clock-timeline time{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.clock-timeline p{font-size:11px;color:var(--muted);margin:5px 0 0}.clock-timeline .clock-event-note{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.clock-history .notice{margin:20px}.clock-history .panel-foot{gap:12px;flex-wrap:wrap}.clock-history .panel-foot>div{display:flex;gap:5px}@media(max-width:1000px){.clock-main{padding:24px}.clock-aside{padding:24px}.clock-time{font-size:46px}.clock-hero{grid-template-columns:1.4fr 1fr}}@media(max-width:680px){.clock-hero{grid-template-columns:1fr}.clock-main{padding:23px}.clock-aside{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 23px}.clock-confirm{grid-column:1/-1}.clock-time{font-size:48px}.clock-controls .btn{flex:1;font-size:11px;white-space:nowrap}.clock-filters{padding:16px;gap:10px}.clock-filters .field{flex:1 1 42%;width:auto}.clock-summary{padding:16px;gap:14px}.clock-summary small{margin-left:0;width:100%}.clock-history .panel-head{padding:18px 16px}.clock-history .panel-foot{padding:15px}.clock-aside strong{font-size:21px}.clock-person h2{font-size:17px}}