: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{flex-wrap:wrap;gap:4px;padding-bottom:0;display:flex}.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}.qr-box{border:1px solid var(--border);border-radius:var(--radius);background:#fff;justify-content:center;margin:12px 0;padding:16px;display:flex}.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}.lp{--lp-ink:#0a0f1f;--lp-ink-2:#131b33;--lp-on-dark:#eef1f8;--lp-on-dark-dim:#9aa5c0;--lp-accent:#4d7cff;--lp-accent-2:#22d3ee;--lp-max:1160px;background:var(--surface)}.lp-container{width:100%;max-width:var(--lp-max);margin:0 auto;padding:0 24px}.lp [id]{scroll-margin-top:76px}.lp-h1{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(2.1rem,1.2rem + 3.4vw,3.5rem);font-weight:800;line-height:1.1}.lp-h2{letter-spacing:-.015em;margin:0 0 10px;font-size:clamp(1.5rem,1.1rem + 1.5vw,2.15rem);font-weight:750}.lp-h3{margin:0 0 6px;font-size:1.03rem;font-weight:650}.lp-lead{margin:0;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.6}.lp-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--lp-accent-2);margin:0 0 14px;font-size:.8rem;font-weight:700}.lp-section-lead{max-width:62ch;color:var(--muted);margin:0 0 32px;font-size:1.02rem;line-height:1.6}.lp-note{border-left:3px solid var(--border);color:var(--muted);max-width:70ch;margin:24px 0 0;padding-left:12px;font-size:.92rem}.lp-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:11px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.lp-btn-primary{background:var(--lp-accent);color:#fff;box-shadow:0 8px 22px #4d7cff4d}.lp-btn-primary:hover{background:#3b6bf5;transform:translateY(-1px)}.lp-btn-lg{padding:14px 30px;font-size:1.03rem}.lp-btn-ghost{color:var(--lp-on-dark);border-color:#ffffff38}.lp-btn-ghost:hover{background:#ffffff0f;border-color:#ffffff73}.lp-btn-outline{color:var(--lp-on-dark);border-color:#ffffff40;padding:8px 16px}.lp-btn-outline:hover{border-color:var(--lp-accent);background:#4d7cff29}.lp-topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f1fe0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.lp-topbar-inner{flex-wrap:wrap;align-items:center;gap:20px;min-height:62px;display:flex}.lp-brand{letter-spacing:-.01em;color:var(--lp-on-dark);align-items:center;gap:9px;margin:0;font-size:1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.lp-brand-mark{background:linear-gradient(135deg, var(--lp-accent), var(--lp-accent-2));border-radius:5px;flex:none;width:15px;height:15px}.lp-topnav{gap:22px;margin-right:auto;display:flex}.lp-topnav a{color:var(--lp-on-dark-dim);font-size:.93rem;font-weight:500;text-decoration:none}.lp-topnav a:hover{color:var(--lp-on-dark)}.lp-topbar-actions{align-items:center;gap:14px;display:flex}.lp-langs{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lp-lang{color:var(--lp-on-dark-dim);border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.lp-lang:hover{color:var(--lp-on-dark)}.lp-lang.active{color:var(--lp-on-dark);background:#ffffff1a}.lp-hero{background:radial-gradient(1000px 460px at 78% -8%, #22d3ee29, transparent 60%), radial-gradient(760px 420px at 12% 8%, #4d7cff3d, transparent 62%), linear-gradient(180deg, var(--lp-ink) 0%, var(--lp-ink-2) 100%);color:var(--lp-on-dark);padding:76px 0 88px}.lp-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;display:grid}.lp-hero .lp-lead{color:var(--lp-on-dark-dim);max-width:56ch}.lp-cta-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.lp-trust{color:var(--lp-on-dark-dim);flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.lp-trust li:before{content:"✓";color:var(--lp-accent-2);margin-right:7px;font-weight:700}.lp-hero-visual{justify-content:center;display:flex}.lp-device{aspect-ratio:3/4;background:linear-gradient(160deg,#2b3550,#171f36);border:1px solid #ffffff24;border-radius:22px;width:100%;max-width:290px;padding:12px;box-shadow:0 30px 70px #00000073}.lp-device-screen{background:radial-gradient(120% 90% at 50% 0,#1d2740,#0c1122);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:18px;display:flex}.lp-scan{width:132px;height:132px;position:relative}.lp-scan-corner{border:2.5px solid var(--lp-accent-2);width:26px;height:26px;position:absolute}.lp-scan-corner.tl{border-bottom:none;border-right:none;border-radius:8px 0 0;top:0;left:0}.lp-scan-corner.tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:0;right:0}.lp-scan-corner.bl{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:0;left:0}.lp-scan-corner.br{border-top:none;border-left:none;border-radius:0 0 8px;bottom:0;right:0}.lp-scan-line{background:linear-gradient(90deg, transparent, var(--lp-accent-2), transparent);border-radius:2px;height:2px;animation:2.6s ease-in-out infinite lp-scan-sweep;position:absolute;left:8px;right:8px}@keyframes lp-scan-sweep{0%,to{opacity:.35;top:10%}50%{opacity:1;top:88%}}.lp-scan-info{text-align:center}.lp-scan-info p{margin:0}.lp-scan-live{color:var(--lp-accent-2);background:#22d3ee24;border-radius:999px;padding:4px 11px;font-size:.72rem;font-weight:650;display:inline-block;margin-bottom:12px!important}.lp-scan-name{color:var(--lp-on-dark);font-size:1.05rem;font-weight:700}.lp-scan-dir{color:var(--lp-on-dark-dim);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.82rem;margin-top:4px!important}.lp-section{padding:72px 0}.lp-section-alt{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-cards{gap:18px;display:grid}.lp-cards-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.lp-cards-4{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}.lp-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s}.lp-card:hover{border-color:#c3cddf;transform:translateY(-2px);box-shadow:0 12px 28px #10182812}.lp-card p{color:var(--muted);margin:0;font-size:.93rem;line-height:1.58}.lp-icon{width:26px;height:26px;color:var(--lp-accent);margin-bottom:14px}.lp-steps{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.lp-step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;position:relative}.lp-step p{color:var(--muted);margin:0;font-size:.93rem;line-height:1.58}.lp-step-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(135deg, var(--lp-accent), var(--lp-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:1.6rem;font-weight:800;display:block}.lp-privacy-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:48px;display:grid}.lp-checklist{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lp-checklist li{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 18px;display:grid}.lp-checklist li:before{content:"✓";background:var(--green-bg);width:22px;height:22px;color:var(--green);border-radius:50%;grid-row:span 2;align-self:start;place-items:center;font-size:.78rem;font-weight:700;display:grid}.lp-checklist strong{font-size:.97rem}.lp-checklist span{color:var(--muted);font-size:.9rem;line-height:1.55}.lp-faq-container{max-width:820px}.lp-faq{flex-direction:column;gap:10px;display:flex}.lp-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 18px}.lp-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-weight:600;list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary:after{content:"+";color:var(--lp-accent);flex:none;font-size:1.3rem;font-weight:400;line-height:1}.lp-faq-item[open] summary:after{content:"−"}.lp-faq-item p{color:var(--muted);max-width:72ch;margin:0 0 16px;font-size:.94rem;line-height:1.62}.lp-cta{background:radial-gradient(680px 320px at 50% 0%, #4d7cff42, transparent 62%), var(--lp-ink);color:var(--lp-on-dark);padding:74px 0}.lp-cta-inner{text-align:center}.lp-cta .lp-lead{max-width:56ch;color:var(--lp-on-dark-dim);margin:0 auto 28px}.lp-contact{color:var(--lp-on-dark-dim);margin:22px 0 0;font-size:.95rem}.lp-contact a{color:var(--lp-accent-2);font-weight:600;text-decoration:none}.lp-contact a:hover{text-decoration:underline}.lp-footer{background:var(--lp-ink-2);color:var(--lp-on-dark-dim);padding:40px 0 30px}.lp-footer-inner{border-bottom:1px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.lp-brand-footer{color:var(--lp-on-dark)}.lp-footer-tagline{max-width:42ch;margin:8px 0 0;font-size:.9rem}.lp-footer-links{flex-wrap:wrap;gap:10px 20px;display:flex}.lp-footer-links a{color:var(--lp-on-dark-dim);font-size:.9rem;text-decoration:none}.lp-footer-links a:hover{color:var(--lp-on-dark)}.lp-footer-note{color:#7b86a2;max-width:88ch;margin:18px 0 0;font-size:.82rem;line-height:1.6}@media (width<=900px){.lp-hero-inner,.lp-privacy-inner{grid-template-columns:1fr}.lp-hero-inner{gap:44px}.lp-device{max-width:240px}}@media (width<=720px){.lp-container{padding:0 16px}.lp-hero{padding:52px 0 62px}.lp-section,.lp-cta{padding:52px 0}.lp-topnav{display:none}.lp-cta-row .lp-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.lp-scan-line{animation:none;top:50%}.lp-btn,.lp-card{transition:none}.lp-btn-primary:hover,.lp-card:hover{transform:none}}