:root{--bg:#f5f6f8;--surface:#fff;--text:#1c2330;--muted:#67707f;--border:#dde1e7;--primary:#1f5eff;--primary-dark:#1848c4;--green:#1a7f37;--green-bg:#e5f3e9;--blue:#0b63b8;--blue-bg:#e6f0fa;--red:#b4232a;--red-bg:#fbe9ea;--orange:#9a5b00;--orange-bg:#fdf1dd;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.25}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 8px;display:flex}.header-title{font-size:1.15rem;font-weight:700}.header-controls{align-items:center;gap:8px;display:flex}.nav{gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.nav-link{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 12px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-form{max-width:420px}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-loading{min-height:40vh}.muted{color:var(--muted)}input,select,button{font:inherit}input,select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:7px 10px}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:0;border-color:#0000}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:7px 14px;font-weight:500}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{color:var(--red);border-color:var(--red)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-small{padding:4px 8px;font-size:.85rem}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field span{color:var(--muted);font-size:.85rem}.field-inline{align-items:center;gap:6px;display:inline-flex}.field-inline span{color:var(--muted);white-space:nowrap;font-size:.85rem}.form-error{color:var(--red)}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.add-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:360px;padding:28px;display:flex}.login-title{margin-bottom:4px;font-size:1.2rem}.login-subtitle{color:var(--muted);margin-bottom:20px;font-size:.95rem;font-weight:500}.login-card input{width:100%}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:640px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.8rem}.table tbody tr:last-child td{border-bottom:none}.row-rejected{background:var(--red-bg)}.row-inactive{color:var(--muted)}.cell-actions{flex-wrap:wrap;gap:6px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.badge{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.badge:first-child{margin-left:0}.badge-ok{background:var(--green-bg);color:var(--green)}.badge-rejected{background:var(--red-bg);color:var(--red)}.badge-corrected{background:var(--blue-bg);color:var(--blue)}.badge-outside{background:var(--orange-bg);color:var(--orange)}.badge-nextday{background:var(--orange-bg);color:var(--orange);margin-left:6px}.badge-wait{background:var(--orange-bg);color:var(--orange)}.dir{white-space:nowrap;font-weight:600}.dir-in{color:var(--green)}.dir-out{color:var(--blue)}.dir-none{color:var(--muted)}.person-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.person-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.person-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.person-name{font-size:1rem}.person-shift{color:var(--muted);margin:2px 0 0;font-size:.85rem}.person-summary{color:var(--muted);text-align:right;flex-direction:column;gap:2px;font-size:.85rem;display:flex}.person-summary strong{color:var(--text)}.event-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.event-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.event-row.rejected{background:var(--red-bg);border-radius:var(--radius);padding:2px 6px}.event-time{font-variant-numeric:tabular-nums;min-width:46px;font-weight:600}.rejected-section{margin-top:28px}.rejected-title{color:var(--red);margin-bottom:10px;font-size:1.05rem}.rejected-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rejected-row{background:var(--red-bg);border-radius:var(--radius);border:1px solid #f0c8ca;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.modal-overlay{z-index:50;background:#0f141e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:480px;padding:22px}.modal-warning{color:var(--orange);background:var(--orange-bg);border-radius:var(--radius);padding:10px 12px;font-size:.9rem}.token-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);word-break:break-all;-webkit-user-select:all;user-select:all;margin:12px 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;display:block}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=720px){.main{padding:12px}.header{padding:0 12px}.person-grid{grid-template-columns:1fr}.person-summary{text-align:left}.filters,.add-form{flex-direction:column;align-items:stretch}.field-inline{justify-content:space-between}}.weekday-picker{flex-wrap:wrap;gap:4px;display:inline-flex}.report-section{margin-top:24px}.report-hint{margin:4px 0 8px}.report-row{cursor:pointer}.report-row:hover{background:var(--bg)}.report-toggle{color:var(--muted);margin-right:4px}.report-days-row>td{background:var(--bg);padding:8px 12px}.report-days{margin:0}.nav-menu{display:inline-block;position:relative}.nav-menu-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.nav-menu-toggle::-webkit-details-marker{display:none}.nav-menu[open] .nav-menu-items{display:flex}.nav-menu-items{z-index:40;border:1px solid var(--border,#d5d9e0);background:var(--surface,#fff);border-radius:8px;flex-direction:column;min-width:180px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000001f}