.settings-panel{padding:24px}.settings-panel h2{font:500 23px Georgia,serif;margin:0 0 6px}.settings-panel p{color:var(--muted);font-size:13px}.settings-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.settings-top p{margin:0}.vacation-section{padding-top:18px}.vacation-section h3{font:500 19px Georgia,serif;margin:0 0 4px}.vacation-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin:16px 0}.vacation-field label{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:4px}.vacation-field input{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa}.vacation-list{list-style:none;margin:12px 0 0;padding:0}.vacation-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #f0f2ee;padding:11px 0;font-size:13px}.vacation-list button{border:0;background:transparent;color:var(--red);font-weight:650;cursor:pointer}.vacation-message{font-size:12px;min-height:18px;margin:5px 0;color:var(--red)}.vacation-message.success{color:var(--green)}.calendar-vacation{font-size:9px;line-height:1.1;font-weight:750;color:#856328;white-space:nowrap}.calendar-target{font-size:9px;line-height:1.1;font-weight:700;color:var(--green);white-space:nowrap}.calendar-day.is-vacation{background:#fff8e7;min-height:64px}.history-vacation{margin:0 0 12px;padding:9px 11px;border-radius:9px;background:#fff8e7;color:#72551f;font-size:12px}.target-dialog.day-mode .edit-footer{grid-template-columns:1fr auto auto auto}.calendar-day .calendar-balance{max-width:100%;overflow:hidden;text-overflow:clip}.detail-head{flex-wrap:wrap}@media(max-width:600px){.settings-top{align-items:flex-start;flex-direction:column}.vacation-form{grid-template-columns:1fr 1fr}.vacation-form .primary{grid-column:1/-1}.target-dialog.day-mode .edit-footer{grid-template-columns:1fr 1fr}}
.admin-panel{padding:24px}.admin-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-toolbar h2{font:500 23px Georgia,serif;margin:4px 0}.admin-toolbar p{font-size:12px;color:var(--muted);margin:0}.admin-filters{display:flex;gap:10px;align-items:end}.admin-filters label{font-size:11px;color:var(--muted);font-weight:700}.admin-filters input,.admin-filters select{display:block;min-width:145px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa;color:var(--ink);margin-top:4px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:11px 9px;border-bottom:1px solid #edf0ec;vertical-align:top}.admin-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.admin-table td:nth-child(3){font-variant-numeric:tabular-nums}.admin-table td:last-child{text-align:right;white-space:nowrap}.admin-table .btn{padding:7px 10px;font-size:12px}.admin-times{color:var(--muted)}@media(max-width:680px){.admin-toolbar{align-items:stretch;flex-direction:column}.admin-filters{flex-wrap:wrap}.admin-filters label{flex:1}.admin-filters input,.admin-filters select{min-width:0;width:100%}}
.weekly-target-section{padding:20px 0;border-bottom:1px solid var(--line)}.weekly-target-section h3{font:500 19px Georgia,serif;margin:4px 0}.weekly-target-section>p{font-size:12px;color:var(--muted);margin:0 0 14px}.weekday-target-grid{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:10px}.weekday-target-grid label{font-size:12px;color:var(--muted);font-weight:700}.weekday-target-grid label span{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--muted);font-weight:500}.weekday-target-grid input{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa;color:var(--ink)}.weekday-target-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.weekday-target-actions .vacation-message{margin:0}@media(max-width:650px){.weekday-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekday-target-actions{align-items:stretch;flex-direction:column}}
@media(max-width:600px){
  html,body{width:100%;overflow-x:hidden}
  .shell{width:100%;padding:14px 12px calc(24px + env(safe-area-inset-bottom))}
  .nav{margin-bottom:24px;gap:12px}.nav small{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{gap:8px}.logo{width:32px;height:32px}
  .hero{margin-bottom:18px}.hero h1{font-size:clamp(34px,10vw,43px)}.date{margin-top:12px;font-size:11px}.date strong{font-size:15px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -12px 14px;padding:2px 12px 7px;gap:7px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:10px 12px;font-size:12px;min-height:42px}
  .grid{grid-template-columns:minmax(0,1fr);gap:12px}.panel{border-radius:16px}.main{padding:19px 16px}.userline{align-items:flex-start;flex-direction:column;gap:8px;margin:10px 0 20px}.userline h2{font-size:22px}.status{font-size:11px}.clock{font-size:clamp(52px,16vw,66px);margin:10px 0}.hint{font-size:12px;margin-bottom:19px}
  .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actions .btn{min-height:48px;padding:10px 7px;font-size:12px;white-space:normal}
  .aside{padding:10px 16px}.aside .metrics{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.metric{padding:12px 0}.metric span{font-size:11px}.metric strong{font-size:clamp(16px,5vw,19px)}.goal-btn{width:100%;min-height:44px}
  .log{margin-top:12px;padding:17px 16px}.loghead{gap:8px}.loghead h3{font-size:18px}.loghead span{font-size:11px}.rows li{font-size:13px;padding:11px 0}
  .history,.admin-panel,.settings-panel{padding:15px}.history-toolbar{gap:8px}.history-toolbar h2{font-size:19px;text-align:center}.month-btn{flex:0 0 38px}.month-summary{padding:10px 12px;margin-bottom:13px;gap:8px}.month-summary span{font-size:11px}.month-summary strong{font-size:18px}
  .history-layout{grid-template-columns:minmax(0,1fr);gap:15px}.weekdays,.calendar-grid{gap:3px}.weekdays{font-size:10px}.calendar-day{min-width:0;min-height:44px;padding:3px 1px;border-radius:8px;font-size:12px}.calendar-day.is-vacation{min-height:52px}.calendar-balance,.calendar-vacation,.calendar-target{font-size:clamp(7px,2.1vw,9px);letter-spacing:-.04em;max-width:100%;overflow:hidden}.day-detail{padding:14px 0 0}.detail-head{align-items:flex-start}.detail-head h3{font-size:17px}.day-metrics{gap:7px}.day-metrics div{padding:9px}.day-metrics span{font-size:10px}.day-metrics strong{font-size:15px}
  .settings-top{gap:12px;padding-bottom:15px}.settings-top h2{font-size:21px}.settings-top .btn{width:100%}.weekly-target-section{padding:16px 0}.weekday-target-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.weekday-target-grid label span{gap:4px}.weekday-target-grid input{padding:9px 7px}.weekday-target-actions{gap:5px}.vacation-form{grid-template-columns:minmax(0,1fr);gap:8px}.vacation-form .primary{grid-column:auto;width:100%;min-height:44px}.vacation-field input{min-height:42px}
  .admin-toolbar{gap:12px}.admin-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-filters label{min-width:0}.admin-filters input,.admin-filters select{min-width:0;width:100%;font-size:12px}.admin-table{min-width:570px}.admin-table-wrap{margin:0 -4px;padding-bottom:4px}
  .edit-dialog{width:calc(100vw - 16px);max-width:none;max-height:90dvh;padding:16px;border-radius:16px}.edit-dialog form{max-height:calc(90dvh - 32px);overflow-y:auto}.edit-head h2{font-size:23px}.edit-intro{font-size:12px}.edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.edit-row select,.edit-row input{min-width:0;padding:9px 6px;font-size:13px}.edit-row button{grid-column:1/-1;text-align:right;padding:2px 4px}.edit-footer,.target-dialog.day-mode .edit-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.edit-footer .btn{min-width:0;padding:10px 6px;font-size:11px}.edit-footer span{display:none}
  .auth-wrap{min-height:calc(100dvh - 80px);padding:14px 0}.auth{padding:23px 18px;border-radius:18px}.auth h1{font-size:30px}.auth p{font-size:13px}.field input{min-height:46px}.switch button{padding:8px 2px}
  .bottom{margin-top:14px}.bottom button{padding:10px 0}
}
@media(max-width:380px){.shell{padding-left:9px;padding-right:9px}.tabs{margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}.tab{padding-left:10px;padding-right:10px}.main{padding:17px 13px}.actions{gap:6px}.actions .btn{font-size:11px}.calendar-day{min-height:40px}.month-summary strong{font-size:16px}.day-metrics strong{font-size:14px}.edit-footer .btn{font-size:10px}}