.auth-page,.lock-overlay{min-height:100dvh;padding:var(--space-4);background:var(--color-background);place-items:center;display:grid}.auth-card{text-align:center;background:var(--color-surface);border-radius:var(--radius-card);width:min(100%,440px);box-shadow:var(--shadow-card);padding:clamp(24px,5vw,40px)}.auth-logo{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:14px;place-items:center;display:grid}.auth-card h1{margin-bottom:var(--space-2)}.auth-description{margin-bottom:var(--space-6);color:var(--color-text-secondary)}.pin-pad{gap:var(--space-4);display:grid}.pin-dots{justify-content:center;gap:var(--space-3);min-height:24px;display:flex}.pin-dots span{border:2px solid #919eab;border-radius:50%;width:16px;height:16px}.pin-dots span.is-filled{border-color:var(--color-primary-dark);background:var(--color-primary)}.pin-keyboard{justify-content:center;gap:var(--space-3);grid-template-columns:repeat(3,minmax(64px,88px));display:grid}.pin-keyboard button{min-width:64px;min-height:64px;color:var(--color-text);background:var(--color-background);cursor:pointer;border:0;border-radius:14px;place-items:center;font-size:24px;font-weight:700;display:grid}.pin-keyboard button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 14%, var(--color-background))}.pin-keyboard button:disabled{cursor:not-allowed;opacity:.55}.pin-message{min-height:24px;color:var(--color-text-secondary);margin:0}.pin-message.is-error{color:#b42318}.lock-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#212b36b8;position:fixed;inset:0}.lock-card{max-height:calc(100dvh - 32px);overflow-y:auto}.route-loading{min-height:100dvh;color:var(--color-text-secondary);place-items:center;display:grid}.route-loading--error{align-content:center;gap:var(--space-3);padding:var(--space-4);text-align:center}.route-loading--error p{margin:0}@media (height<=720px){.auth-card{padding:var(--space-4)}.auth-logo{display:none}.auth-description{margin-bottom:var(--space-3)}.pin-keyboard button{min-height:52px}}.settings-layout{gap:var(--space-6);display:grid}.settings-tabs{gap:var(--space-1);padding:var(--space-1);background:color-mix(in srgb, var(--color-divider) 55%, transparent);border-radius:var(--radius-control);display:flex}.settings-tabs a{min-height:44px;padding:0 var(--space-4);color:var(--color-text-secondary);border-radius:6px;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.settings-tabs a.active{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #212b361f}.tag-settings-list{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.tag-settings-row{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);grid-template-columns:18px 1fr auto;display:grid}.tag-settings-row:last-child{border-bottom:0}.tag-settings-row>div{gap:var(--space-2);display:flex}.tag-settings-row>div:nth-child(2){flex-direction:column;align-items:flex-start;gap:0}.tag-settings-row span{color:var(--color-text-secondary);font-size:12px}.tag-color{border-radius:50%;width:18px;height:18px}.color-input{gap:var(--space-2);grid-template-columns:56px 1fr;display:grid}.color-input input[type=color]{width:56px;padding:5px}@media (width<=760px){.tag-settings-row{grid-template-columns:18px 1fr}.tag-settings-row>div:last-child{grid-column:1/-1}.tag-settings-row .table-action{flex:1}}.users-page{gap:var(--space-6);display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);display:flex}.users-table-wrap{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider)}.users-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.users-table tr:last-child td{border-bottom:0}.user-status{padding:var(--space-1) var(--space-3);border-radius:999px;font-size:12px;font-weight:700;display:inline-flex}.user-status.is-active{color:#065e49;background:#d3fcd2}.user-status.is-inactive{color:var(--color-text-secondary);background:var(--color-background)}.user-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.table-action{min-height:44px;font-size:13px}.users-state{padding:48px var(--space-6);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.page-error{padding:var(--space-4);color:#b42318;border-radius:var(--radius-control);background:#fee4e2}.dialog-backdrop{z-index:110;padding:var(--space-4);background:#212b36a3;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,480px);max-height:calc(100dvh - 32px);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);position:relative;overflow-y:auto}.dialog h2{padding-right:44px;font-size:22px}.dialog p{color:var(--color-text-secondary)}.dialog form{gap:var(--space-4);margin-top:var(--space-6);display:grid}.dialog label{gap:var(--space-2);font-weight:700;display:grid}.dialog input,.dialog select{min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-control);background:#fff;border:1px solid #c4cdd5}.dialog-close{top:var(--space-4);right:var(--space-4);width:44px;padding:0;position:absolute}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.form-error{margin:0;color:#b42318!important}.pin-reveal{text-align:center}.warning-callout{padding:var(--space-3);border-radius:var(--radius-control);background:#fff4e5;color:#7a2e0e!important}.generated-pin{margin:var(--space-6) 0;letter-spacing:.18em;font-family:ui-monospace,monospace;font-size:clamp(40px,12vw,64px);font-weight:800;display:block}.copy-button{margin-bottom:var(--space-2)}.copy-state{min-height:24px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.page-heading{flex-direction:column;align-items:stretch}.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block}.users-table tr{padding:var(--space-4);border-bottom:1px solid var(--color-divider)}.users-table td{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border:0;display:flex}.users-table td:before{content:attr(data-label);color:var(--color-text-secondary)}.users-table .user-actions{margin-top:var(--space-3);flex-direction:column}.users-table .user-actions:before{content:none}.dialog-actions{flex-direction:column-reverse;align-items:stretch}}.global-search-wrap{justify-self:center;width:min(100%,520px);position:relative}.global-search{align-items:center;gap:var(--space-2);min-height:48px;padding-left:var(--space-3);background:var(--color-background);border-radius:var(--radius-control);border:1px solid #0000;display:flex}.global-search:focus-within{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-primary) 45%, #c4cdd5);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent)}.global-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0}.global-search__scan{width:48px;min-width:48px;height:48px;color:var(--color-primary-dark);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.global-search__scan:hover{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.global-search__busy{color:var(--color-text-secondary);white-space:nowrap;font-size:12px}.global-search__error{z-index:11;padding:var(--space-2) var(--space-3);color:#b42318;border-radius:var(--radius-control);box-shadow:var(--shadow-card);background:#fff1f0;position:absolute;top:calc(100% + 6px);left:0;right:0}.global-search__error span{display:block}.global-search__error button{min-height:36px;margin-top:var(--space-1);color:#7a2e0e;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.scanner-loading{z-index:60;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#141c19b8;place-items:center;display:grid;position:fixed;inset:0}@media (width<=899px){.global-search-wrap{width:100%}}@media (width<=599px){.global-search{min-height:44px}.global-search__scan{width:44px;min-width:44px;height:44px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#00a76f;--color-primary-dark:#007867;--color-text:#212b36;--color-text-secondary:#637381;--color-background:#f4f6f8;--color-surface:#fff;--color-divider:#919eab33;--color-success:#22c55e;--color-warning:#ffab00;--color-error:#ff5630;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-card:16px;--shadow-card:0 0 2px #919eab33, 0 12px 24px -4px #919eab1f;--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:72px;font-family:Public Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--color-text);background:var(--color-background);margin:0;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}a{color:inherit}.primary-button,.secondary-button,.danger-button,.table-action,.icon-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);cursor:pointer;border:0;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:var(--color-primary-dark)}.secondary-button,.table-action,.icon-button{color:var(--color-text);background:var(--color-background)}.danger-button,.table-action.is-danger{color:#b42318;background:#fee4e2}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 35%, transparent);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:var(--space-3);font-size:clamp(28px,4vw,40px);line-height:1.2}h2{margin-bottom:var(--space-2);font-size:16px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns .2s ease-out;display:grid}.app-sidebar{padding:var(--space-6) var(--space-4);background:var(--color-surface);border-right:1px dashed var(--color-divider);position:relative}.app-sidebar__header,.header-leading{align-items:center;display:flex}.app-sidebar__header{justify-content:space-between}.header-leading{gap:var(--space-3)}.app-sidebar__close,.app-menu-button,.app-sidebar-backdrop{display:none}.app-sidebar__collapse{z-index:11;width:44px;height:44px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-divider);cursor:pointer;opacity:.68;border-radius:50%;place-items:center;display:inline-grid;position:absolute;top:26px;right:-14px}.app-sidebar__collapse:hover,.app-sidebar__collapse:focus-visible{color:var(--color-primary-dark);background:var(--color-background);opacity:1}.app-brand,.app-nav__link,.app-header,.setup-card{align-items:center;display:flex}.app-brand{gap:var(--space-3);min-height:48px;padding:0 var(--space-3);font-size:18px;font-weight:700}.app-brand__icon{width:40px;height:40px;color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 16%, transparent);border-radius:var(--radius-control);place-items:center;display:grid}.app-nav{gap:var(--space-1);margin-top:var(--space-8);display:grid}.app-nav__link{gap:var(--space-3);min-height:48px;padding:0 var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-control);text-decoration:none}.app-nav__link:hover{background:#919eab14}.app-nav__link.is-active{color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 16%, transparent);font-weight:700}.app-main{min-width:0}.app-header{z-index:10;gap:var(--space-4);min-height:var(--header-height);padding:0 var(--space-8);border-bottom:1px solid var(--color-divider);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;grid-template-columns:minmax(150px,1fr) minmax(280px,520px) minmax(150px,1fr);display:grid;position:sticky;top:0}.header-user,.header-actions,.header-button{align-items:center;display:flex}.header-user{flex-direction:column;align-items:flex-start}.header-user span{color:var(--color-text-secondary);font-size:12px}.header-actions{justify-self:end;gap:var(--space-2)}.header-button{gap:var(--space-2);min-height:44px;padding:0 var(--space-3);color:var(--color-text-secondary);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:0}.header-button:hover{color:var(--color-text);background:var(--color-background)}.status-badge,.connection-state{padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-background);border-radius:999px;font-size:12px;font-weight:700}.app-content{width:min(100%,1280px);padding:48px var(--space-8);margin:0 auto}.placeholder-page{gap:var(--space-8);display:grid}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.page-description,.setup-card p{color:var(--color-text-secondary);margin-bottom:0}.setup-card{justify-content:space-between;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.connection-state.is-ready{color:#065e49;background:#d3fcd2}.page-loading{padding:var(--space-6)}@media (prefers-reduced-motion:reduce){.app-shell{transition:none}}@media (width>=900px){.app-shell.is-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.app-shell.is-collapsed .app-sidebar{padding-inline:var(--space-4)}.app-shell.is-collapsed .app-brand{justify-content:center;padding-inline:0}.app-shell.is-collapsed .app-brand>span:last-child,.app-shell.is-collapsed .app-nav__link>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell.is-collapsed .app-nav__link{justify-content:center;padding-inline:0}}@media (width<=899px){.app-shell{display:block}.app-sidebar{z-index:40;width:min(320px,100vw - 32px);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-divider);visibility:hidden;transition:transform .18s ease-out,visibility .18s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:18px 0 36px #212b3633}.app-sidebar.is-open{visibility:visible;transform:translate(0)}.app-sidebar__close,.app-menu-button{display:inline-flex}.app-sidebar__collapse{display:none}.app-sidebar-backdrop{z-index:39;cursor:pointer;opacity:0;visibility:hidden;background:#212b3661;border:0;padding:0;transition:opacity .18s ease-out,visibility .18s;display:block;position:fixed;inset:0}.app-sidebar-backdrop.is-open{opacity:1;visibility:visible}.app-header{grid-template-columns:auto minmax(220px,1fr) auto}.header-user{display:none}}@media (width<=599px){.app-header{gap:var(--space-2);min-height:64px;padding:0 var(--space-4);grid-template-columns:auto minmax(0,1fr) auto}.header-actions{gap:0}.status-badge{display:none}.header-button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-content{padding:var(--space-8) var(--space-4)}.setup-card{flex-direction:column;align-items:flex-start}}