.hp-empty{padding:var(--hp-gap-l);color:var(--hp-text-dim)}.hp-login{min-height:100vh;display:grid;place-items:center;padding:var(--hp-gap-l)}.hp-login__card{width:100%;max-width:380px;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius);padding:var(--hp-gap-l);display:flex;flex-direction:column;gap:var(--hp-gap-m)}.hp-login__title{margin:0;font-size:20px}.hp-login__error{margin:0;color:var(--hp-danger);font-size:14px}.hp-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.hp-field>span{color:var(--hp-text-dim)}.hp-field input{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:10px 12px}.hp-field input:focus{outline:2px solid var(--hp-brand);outline-offset:-1px}.hp-button{background:var(--hp-brand);border:none;border-radius:8px;padding:11px;font-weight:600;cursor:pointer}.hp-button:disabled{opacity:.6;cursor:default}.hp-layout{min-height:100vh;display:flex}.hp-side{width:220px;flex:0 0 220px;background:var(--hp-surface);border-right:1px solid var(--hp-border);display:flex;flex-direction:column;gap:var(--hp-gap-l);padding:var(--hp-gap-l) var(--hp-gap-m)}.hp-side__brand{font-weight:600;padding:0 var(--hp-gap-s)}.hp-side__nav{display:flex;flex-direction:column;gap:2px}.hp-side__item{display:block;background:none;border:none;border-radius:8px;padding:10px 12px;text-align:left;color:var(--hp-text-dim);text-decoration:none;cursor:pointer}.hp-side__item:hover{background:var(--hp-surface-2)}.hp-side__item--on{background:var(--hp-surface-2);color:var(--hp-text)}.hp-main{flex:1;min-width:0;display:flex;flex-direction:column}.hp-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-gap-m);height:56px;padding:0 var(--hp-gap-l);border-bottom:1px solid var(--hp-border)}.hp-topbar__title{margin:0;font-size:16px;font-weight:600}.hp-topbar__actions{display:flex;gap:var(--hp-gap-m);font-size:14px}.hp-content{padding:var(--hp-gap-l)}.hp-link{background:none;border:none;color:var(--hp-brand);cursor:pointer;padding:0}.hp-card{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius);padding:var(--hp-gap-l);max-width:720px}.hp-card h2{margin:0 0 var(--hp-gap-s);font-size:17px}.hp-dim{color:var(--hp-text-dim);font-size:14px;margin:4px 0}.hp-stack{display:flex;flex-direction:column;gap:var(--hp-gap-m);max-width:900px}.hp-form__row{display:flex;gap:var(--hp-gap-m);align-items:flex-end;flex-wrap:wrap}.hp-form__row .hp-field{flex:1 1 200px}.hp-form h3{margin:0 0 var(--hp-gap-m);font-size:16px}.hp-user__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--hp-gap-m);margin-bottom:var(--hp-gap-m)}.hp-user__head p{margin:2px 0 0}.hp-user__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--hp-gap-m)}.hp-user__grid select{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:9px 10px}.hp-field--grow{flex:1 1 320px}.hp-email{display:flex;align-items:center;background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:0 12px}.hp-email:focus-within{outline:2px solid var(--hp-brand);outline-offset:-2px}.hp-email input{flex:1;min-width:0;background:none;border:none;padding:10px 0}.hp-email input:focus{outline:none}.hp-email__domain{color:var(--hp-text-dim);white-space:nowrap}.hp-user__head{align-items:center}.hp-user__actions{display:flex;gap:var(--hp-gap-m);font-size:14px}.hp-link--danger{color:var(--hp-danger)}.hp-muted{color:var(--hp-text-dim)}.hp-skel{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--hp-surface-2) 0%,var(--hp-border) 50%,var(--hp-surface-2) 100%);background-size:200% 100%;animation:hp-shimmer 1.2s ease-in-out infinite}@keyframes hp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hp-skel{animation:none}}.hp-skel-card{display:flex;flex-direction:column;gap:var(--hp-gap-m)}.hp-skel-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--hp-gap-m)}.hp-confirm{border:1px solid var(--hp-border);border-radius:8px;background:var(--hp-surface-2);padding:var(--hp-gap-m);margin-bottom:var(--hp-gap-m)}.hp-confirm--danger{border-color:var(--hp-danger)}.hp-confirm p{margin:0 0 var(--hp-gap-m);font-size:14px}.hp-confirm__actions{display:flex;gap:var(--hp-gap-l);font-size:14px}.hp-tagline{color:var(--hp-text-dim);font-size:13px}.hp-user__grid select:disabled{opacity:.55;cursor:default}.hp-code{display:block;font-family:ui-monospace,Consolas,monospace;font-size:16px;letter-spacing:.02em;background:var(--hp-bg);border:1px solid var(--hp-border);border-radius:6px;padding:10px 12px;margin-bottom:var(--hp-gap-m);-webkit-user-select:all;user-select:all}.hp-side__nav--skel{gap:var(--hp-gap-m);padding:10px 12px}.hp-order{list-style:none;margin:var(--hp-gap-m) 0 0;padding:0}.hp-order__row{display:flex;align-items:center;gap:var(--hp-gap-m);padding:11px 12px;border:1px solid transparent;border-radius:8px;background:var(--hp-surface-2);margin-bottom:6px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hp-order__row:last-child{margin-bottom:0}.hp-order__row--drag{cursor:grabbing;border-color:var(--hp-brand);box-shadow:0 8px 20px #00000059;position:relative;z-index:2}.hp-order__grip{color:var(--hp-text-dim);font-size:15px;letter-spacing:2px}.hp-user--pending{opacity:.4;pointer-events:none;transition:opacity .12s ease-out}.hp-code-input{font-family:ui-monospace,Consolas,monospace;font-size:22px;letter-spacing:.35em;text-align:center}.hp-today__head{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-gap-m)}.hp-today__head h3{margin:0;font-size:16px}.hp-today__date{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:8px 10px}.hp-today__summary{margin:var(--hp-gap-m) 0;font-size:15px}.hp-absence-list{list-style:none;margin:0;padding:0}.hp-absence{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-gap-m);padding:11px 12px;background:var(--hp-surface-2);border-radius:8px;margin-bottom:6px}.hp-absence:last-child{margin-bottom:0}.hp-absence p{margin:3px 0 0}.hp-table-wrap{overflow-x:auto;margin-top:var(--hp-gap-m)}.hp-table{width:100%;border-collapse:collapse;font-size:14px}.hp-table th{text-align:left;font-weight:500;color:var(--hp-text-dim);padding:8px 12px 8px 0;border-bottom:1px solid var(--hp-border);white-space:nowrap}.hp-table td{padding:10px 12px 10px 0;border-bottom:1px solid var(--hp-border)}.hp-table tr:last-child td{border-bottom:none}.hp-table__action{text-align:right;white-space:nowrap}.hp-form__row select,.hp-form__row input[type=date]{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:10px 12px}.hp-revised{color:var(--hp-danger)}.hp-absence__stamp{font-size:13px}.hp-form__row input[type=time]{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:10px 12px}.hp-day{list-style:none;margin:0;padding:0}.hp-day__row{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-gap-m);padding:9px 12px;border-radius:8px;margin-bottom:4px;background:var(--hp-surface-2)}.hp-day__row:last-child{margin-bottom:0}.hp-day__row--off{border-left:3px solid var(--hp-danger)}.hp-day__row select{background:var(--hp-bg);border:1px solid var(--hp-border);border-radius:8px;padding:7px 10px;min-width:170px}.hp-sendtime{display:flex;align-items:center;gap:var(--hp-gap-s)}.hp-sendtime input{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:7px 10px}.hp-table__status select{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:7px 10px;min-width:170px}.hp-day__add{display:flex;gap:var(--hp-gap-m);padding-top:var(--hp-gap-s)}.hp-day__add input{flex:1;background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:9px 12px}.hp-day__send{display:flex;align-items:center;gap:var(--hp-gap-m);margin-top:var(--hp-gap-m)}.hp-countdown{display:flex;align-items:baseline;gap:var(--hp-gap-s);margin:0 0 var(--hp-gap-m);font-size:15px}.hp-countdown strong{font-family:ui-monospace,Consolas,monospace;font-size:17px;letter-spacing:.04em}.hp-sendtime input[type=date]{background:var(--hp-surface-2);border:1px solid var(--hp-border);border-radius:8px;padding:7px 10px}.hp-table__action button+button{margin-left:var(--hp-gap-m)}:root{--hp-bg: #0f1216;--hp-surface: #171b21;--hp-surface-2: #1e242c;--hp-border: #2a323c;--hp-text: #e8edf3;--hp-text-dim: #94a3b2;--hp-brand: #0f7ad1;--hp-danger: #d1453b;--hp-ok: #2e9e5b;--hp-radius: 10px;--hp-gap-s: 8px;--hp-gap-m: 14px;--hp-gap-l: 22px;--hp-font: -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--hp-bg);color:var(--hp-text);font-family:var(--hp-font);font-size:15px}input,button,select{font:inherit;color:inherit}