:root{--color-bg:#f5f7f8;--color-surface:#fff;--color-text:#1d2a30;--color-muted:#5f7079;--color-border:#dde4e7;--color-primary:#146b74;--color-primary-strong:#0e5158;--color-primary-soft:#e3f1f2;--color-danger:#b42318;--color-danger-soft:#fdecea;--color-warning-soft:#fff4d6;--color-info-soft:#e6f0fb;--color-success:#1f7a4d;--status-paid:#adc1c8e6;--status-checked-in:#29a679e6;--status-online:#f15d5be6;--status-requested:#eb763de6;--status-default:#2f90b1e6;--radius:10px;--sidebar-width:248px;--header-height:60px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}h1,h2,h3{margin:0 0 12px;line-height:1.2}input,select,button{font:inherit}input,select{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:8px;padding:9px 11px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}label{gap:6px;font-weight:500;display:grid}label.checkbox{align-items:center;gap:8px;font-weight:400;display:flex}label.checkbox input{width:18px;height:18px}.muted{color:var(--color-muted);font-weight:400}.small{font-size:13px}.btn{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-strong)}.btn-ghost{background:0 0;border-color:#0000;justify-content:flex-start;padding-left:0}.btn-small{min-height:30px;padding:4px 10px}.btn-link{color:var(--color-primary);cursor:pointer;text-align:left;background:0 0;border:0;padding:4px 0}.icon-btn{width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--color-primary-soft)}.notice{border-radius:8px;margin:0;padding:10px 12px}.notice-error{background:var(--color-danger-soft);color:var(--color-danger)}.notice-info{background:var(--color-info-soft)}.banner{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:flex}.banner-warning{background:var(--color-warning-soft)}.banner-info{background:var(--color-info-soft)}.page-loading{color:var(--color-muted);padding:32px}.auth-page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:14px;width:100%;max-width:400px;padding:28px 24px;display:grid}.auth-brand{color:var(--color-primary);margin:0;font-weight:600}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;display:flex}.lang-switch{gap:4px;display:inline-flex}.lang-switch button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-muted);border-radius:6px;padding:3px 8px;font-size:13px}.lang-switch button.active{border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.app-shell{min-height:100%}.sidebar{z-index:30;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;gap:4px;padding:16px 12px;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.menu-open .sidebar{transform:none}.menu-backdrop{display:none}.menu-open .menu-backdrop{z-index:20;background:#0f1e2359;display:block;position:fixed;inset:0}.sidebar-brand{color:var(--color-primary);padding:4px 10px 12px;font-weight:700}.menu-section ul{margin:0;padding:0;list-style:none}.menu-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:14px 10px 4px;font-size:12px}.menu-section a{min-height:40px;color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.menu-section a:hover{background:var(--color-bg)}.menu-section a.active{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);gap:8px;margin-top:auto;padding:12px 10px 0;display:grid}.sidebar-user{margin:0;font-weight:600;display:grid}.sidebar-user span{color:var(--color-muted);overflow-wrap:anywhere;font-size:13px;font-weight:400}.app-main{flex-direction:column;min-height:100%;display:flex}.app-header{z-index:10;min-height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.app-title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:18px;overflow:hidden}.app-clock{font-variant-numeric:tabular-nums;justify-items:end;display:grid}.clock-time{font-weight:600}.clock-date{color:var(--color-muted);font-size:12px}.app-content{flex:1;padding:16px}@media (width>=900px){.sidebar{transform:none}.menu-toggle,.menu-open .menu-backdrop{display:none}.app-main{margin-left:var(--sidebar-width)}.app-content{padding:24px}}@media (width<=480px){.clock-date{display:none}}.page{gap:16px;max-width:960px;display:grid}.page-actions{justify-content:flex-end;display:flex}.empty-state{text-align:center;justify-items:center;max-width:none;padding:40px 8px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);gap:12px;padding:18px 16px;display:grid}.form-grid{gap:14px;display:grid}@media (width>=640px){.form-grid{grid-template-columns:1fr 1fr;align-items:end}.form-grid .notice,.form-grid .form-actions{grid-column:1/-1}}.form-actions{justify-content:flex-end;gap:8px;display:flex}.checkbox-row{flex-wrap:wrap;gap:10px 20px;display:flex}.user-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.user-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;text-decoration:none;display:grid}.user-row:hover{border-color:var(--color-primary)}.user-name{min-width:0;font-weight:600;display:grid}.user-name .muted{overflow-wrap:anywhere;font-size:13px}.user-role{color:var(--color-muted);font-size:14px}.badge{background:var(--color-bg);border-radius:999px;justify-self:end;padding:2px 8px;font-size:12px}.badge-active{background:var(--color-primary-soft);color:var(--color-success)}.badge-pending{background:var(--color-warning-soft)}.badge-inactive{color:var(--color-muted)}@media (width>=640px){.user-row{grid-template-columns:1fr 180px 150px}}.user-editor h2 .muted{margin-top:4px;font-size:14px;display:block}.perm-group{border:0;border-top:1px solid var(--color-border);gap:8px;margin:0;padding:12px 0 4px;display:grid}.perm-group legend{padding:0;font-weight:700}.perm-row{grid-template-columns:1fr;gap:4px;font-weight:400;display:grid}@media (width>=640px){.perm-row{grid-template-columns:1fr 220px;align-items:center}}.perm-row.level-none span{color:var(--color-muted)}