:root{--navy: #0e1e35;--tile: #152943;--coral: #f15a29;--coral-hover: #ff6b38;--green: #6fcb4f;--green-dark: #4fae3b;--head: "Barlow Condensed", system-ui, sans-serif;--body: Barlow, system-ui, sans-serif}*{box-sizing:border-box}h1,h2,h3,p{margin:0}html,body,#root{height:100%}body{margin:0;background:var(--navy);color:#fff;font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit}input::placeholder{color:#ffffff8c}@keyframes n20pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes n20rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kiosk{background:var(--navy);position:relative;overflow:hidden;display:flex;flex-direction:column}.kiosk__bloom{position:absolute;pointer-events:none;z-index:0}.fill{flex:1}.center-screen{height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 52px}.center-screen__eyebrow{font:600 13px/1 var(--head);color:var(--coral);letter-spacing:.24em}.center-screen__title{font:700 56px/.98 var(--head);max-width:760px}.center-screen__lead{font:400 22px/1.4 var(--body);color:#ffffff8c;max-width:620px}.checkin__head{padding:44px 52px 0}.checkin__logo{width:250px;display:block}.checkin__body{flex:1;min-height:0;display:flex;flex-direction:column;padding:36px 52px 52px;position:relative;z-index:2}.checkin__step{display:flex;flex-direction:column;flex:1;min-height:0}.eyebrow{font:600 13px/1 var(--head);color:var(--coral);letter-spacing:.24em;margin-bottom:14px}.checkin__title{font:700 44px/1 var(--head);color:#fff;letter-spacing:.01em}.checkin__lead{font:400 16px/1.4 var(--body);color:#ffffffb3;margin-top:10px;max-width:460px}.checkin__grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(160px,1fr);gap:18px;margin-top:28px;flex:1;overflow-y:auto;min-height:0}.tile{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 24px;cursor:pointer;text-align:center;background:var(--tile);position:relative;z-index:1;transition:background .12s ease,border-color .12s ease}.tile:hover,.tile:active{background:#f15a2929;border-color:var(--coral)}.tile__logo{height:64px;width:auto;max-width:260px;object-fit:contain;display:block}.tile__name{font:700 42px/1.05 var(--head);color:#fff;letter-spacing:.01em}.link-back{appearance:none;background:none;border:none;padding:0;cursor:pointer;font:500 17px/1 var(--body);color:#ffffff8c;text-align:left;margin-bottom:34px}.link-back:hover{color:#fff}.checkin__company{font:700 62px/.95 var(--head);color:#fff}.checkin__fields{display:flex;flex-direction:column;gap:30px;margin-top:52px}.field{display:flex;flex-direction:column;gap:10px}.field__label{font:600 13px/1 var(--head);color:#fff;letter-spacing:.2em}.field__label--soft{color:#ffffffb3}.field__input{appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:22px 20px;font:500 26px/1 var(--body);color:#fff;outline:none;width:100%}.field__input--primary{border-bottom:2px solid var(--coral)}.field__input:focus{border-color:#fff6}.field__input--primary:focus{border-bottom-color:var(--coral)}.btn-primary{appearance:none;border:none;background:var(--coral);color:#fff;border-radius:10px;height:96px;width:100%;cursor:pointer;font:700 32px/1 var(--head);letter-spacing:.06em;transition:background .12s ease}.btn-primary:hover:not(:disabled){background:var(--coral-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.checkin__hint{font:400 16px/1.4 var(--body);color:#ffffff9e;margin-top:16px;text-align:center;min-height:22px}.checkin__hint--error{color:var(--coral)}.checkin__done{display:flex;flex-direction:column;justify-content:center;flex:1;gap:26px;animation:n20rise .35s ease both}.check-circle{width:96px;height:96px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}.checkin__thanks{font:700 66px/.98 var(--head);color:#fff}.checkin__doneline{font:400 26px/1.45 var(--body);color:#ffffffb8;max-width:540px}.callout{margin-top:14px;padding:26px 28px;border-left:3px solid var(--coral);background:#ffffff0d;border-radius:0 10px 10px 0;max-width:540px}.callout__title{font:600 12px/1 var(--head);color:var(--coral);letter-spacing:.22em;margin-bottom:8px}.callout__body{font:400 20px/1.45 var(--body);color:#fffc}.btn-ghost{appearance:none;background:none;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:18px 28px;align-self:flex-start;margin-top:18px;cursor:pointer;font:700 22px/1 var(--head);color:#fff;letter-spacing:.06em}.btn-ghost:hover{border-color:#fff}.display{padding:44px 52px;display:flex;flex-direction:column}.display__top{display:flex;align-items:flex-start;justify-content:space-between}.display__logo{width:215px;display:block}.display__company{text-align:right}.display__company-label{font:600 12px/1 var(--head);color:#ffffff8c;letter-spacing:.22em;margin-bottom:6px}.display__company-logo{height:34px;width:auto;display:block;margin-left:auto}.display__company-name{font:700 30px/1 var(--head);color:#fff}.display__heading{display:flex;align-items:baseline;gap:16px;margin-top:38px}.display__heading-title{font:700 46px/1 var(--head);color:#fff}.display__heading-count{font:700 22px/1 var(--head);color:var(--coral);letter-spacing:.06em}.display__list{display:flex;flex-direction:column;gap:14px;margin-top:26px;overflow-y:auto;min-height:0;padding-bottom:4px}.visit{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;border-radius:12px;padding:24px 34px;display:flex;align-items:center;gap:30px;flex:none;animation:n20rise .3s ease both}.visit__dot{width:14px;height:14px;border-radius:50%;background:#ffffff40;flex:none}.visit__main{flex:1;min-width:0}.visit__name{font:700 42px/1 var(--head);color:#fff}.visit__note{font:400 19px/1.3 var(--body);color:#ffffff8c;margin-top:6px}.visit__meta{text-align:right}.visit__ago{font:700 30px/1 var(--head);color:#fffc}.visit__time{font:400 15px/1.2 var(--body);color:#fff9;margin-top:6px}.visit--new{border:none;background:var(--coral);padding:30px 34px}.visit--new .visit__dot{background:#fff;animation:n20pulse 1.6s ease-in-out infinite}.visit--new .visit__label{font:600 12px/1 var(--head);color:#ffffffd9;letter-spacing:.24em;margin-bottom:8px}.visit--new .visit__name{font-size:56px}.visit--new .visit__note{font-size:22px;color:#ffffffeb;margin-top:8px}.visit--new .visit__ago{font-size:40px;color:#fff}.visit--new .visit__time{font-size:16px;color:#ffffffd9}.display__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font:400 16px/1 var(--body);color:#fff9;position:relative;z-index:2}.display__calm{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;z-index:2}.display__calm-title{font:700 72px/.98 var(--head);color:#fff;max-width:760px}.display__calm-lead{font:400 24px/1.4 var(--body);color:#ffffff8c;max-width:620px}.corner-mark{position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;pointer-events:none}.corner-mark__a{position:absolute;left:0;top:0;width:130px;height:130px;background:var(--green);border-radius:100% 0}.corner-mark__b{position:absolute;right:0;top:12px;width:112px;height:112px;background:var(--green-dark);border-radius:0 100%}.admin{padding:40px 48px}.admin__top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:22px;flex:none}.admin__logo{width:185px;display:block}.admin__tag{font:600 12px/1 var(--head);color:var(--coral);letter-spacing:.24em}.admin__body{display:flex;gap:40px;flex:1;min-height:0;padding-top:30px}.admin__list{flex:1;display:flex;flex-direction:column;min-width:0}.admin__list-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.admin__list-title{font:700 34px/1 var(--head);color:#fff}.admin__list-count{font:400 15px/1 var(--body);color:#ffffff9e}.admin__cols,.admin__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:0 20px}.admin__cols{font:600 11px/1 var(--head);color:#ffffff9e;letter-spacing:.2em;padding:0 16px 10px;flex:none}.admin__rows{overflow-y:auto;display:flex;flex-direction:column;min-height:0}.admin__row{align-items:center;padding:14px 16px;border-top:1px solid rgba(255,255,255,.1);flex:none}.admin__name{display:flex;align-items:center;gap:12px;min-width:0}.admin__name-logo{height:22px;width:auto;max-width:92px;object-fit:contain;display:block;flex:none}.admin__name-text{font:500 20px/1.2 var(--body);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__url{font:400 17px/1.2 var(--body);color:var(--coral);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.admin__url:hover{color:var(--coral-hover)}.btn-remove{appearance:none;background:none;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:8px 14px;cursor:pointer;font:600 13px/1 var(--head);color:#ffffffb3;letter-spacing:.12em}.btn-remove:hover{border-color:var(--coral);color:#fff}.admin__panel{width:380px;flex:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-self:flex-start}.admin__panel-title{font:700 28px/1 var(--head);color:#fff;margin-bottom:22px}.admin__field{display:flex;flex-direction:column;gap:8px}.admin__field-label{font:600 11px/1 var(--head);color:#ffffffb3;letter-spacing:.2em}.admin__field-input{appearance:none;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:14px;font:500 18px/1 var(--body);color:#fff;outline:none;width:100%}.admin__field-input:focus{border-color:#ffffff73}.admin__slug{margin-top:16px;padding:14px;background:#0003;border-radius:8px}.admin__slug-label{font:600 10px/1 var(--head);color:#ffffff9e;letter-spacing:.2em;margin-bottom:7px}.admin__slug-value{font:400 17px/1.2 var(--body);color:var(--coral);word-break:break-all}.admin__add{appearance:none;border:none;background:var(--coral);color:#fff;border-radius:8px;padding:16px;margin-top:20px;cursor:pointer;font:700 20px/1 var(--head);letter-spacing:.06em;transition:background .12s ease}.admin__add:hover:not(:disabled){background:var(--coral-hover)}.admin__add:disabled{opacity:.55;cursor:default}.admin__hint{font:400 14px/1.45 var(--body);color:#ffffff9e;margin-top:14px}.admin__hint--error{color:var(--coral)}.login{flex-direction:row}.login__left{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px;position:relative;z-index:1}.login__logo{width:215px;display:block}.login__title{font:700 60px/.98 var(--head);color:#fff;max-width:420px}.login__lead{font:400 20px/1.45 var(--body);color:#ffffff9e;margin-top:16px;max-width:400px}.login__url{font:400 16px/1 var(--body);color:#fff9}.login__right{width:560px;flex:none;background:#ffffff0d;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:52px;position:relative;z-index:1}.login__dots{display:flex;gap:20px}.login__dot{width:22px;height:22px;border-radius:50%;background:transparent;border:2px solid rgba(255,255,255,.35)}.login__dot--filled{background:currentColor;border-color:currentColor}.login__msg-wrap{min-height:20px}.login__msg{font:500 17px/1 var(--body);color:#fff9}.login__msg--error{color:var(--coral)}.login__msg--ok{color:var(--green)}.keypad{display:grid;grid-template-columns:repeat(3,120px);gap:16px}.keypad__key{appearance:none;height:96px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#fff;font:600 36px/1 var(--body)}.keypad__key:hover:not(:disabled){background:#ffffff21}.keypad__key:disabled{opacity:.5;cursor:default}.keypad__key--alt{border:1px solid rgba(255,255,255,.2);background:transparent;font:600 18px/1 var(--head);letter-spacing:.12em}.keypad__key--alt:hover:not(:disabled){background:#ffffff0f}