.staff-panel{display:grid;gap:var(--app-section-gap)}.staff-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgba(226,232,240,.92);border-radius:var(--card-radius);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,250,252,.88)),radial-gradient(circle at top right,rgba(21,128,61,.1),transparent 22rem);padding:var(--card-padding);box-shadow:var(--card-shadow)}.staff-hero--compact{align-items:center;min-height:78px;padding:14px 16px}.staff-hero__description,.staff-hero__eyebrow,.staff-hero__title{display:none}.staff-hero__hint{max-width:720px;margin:0;color:#64748b;font-size:var(--font-body);line-height:1.75;text-align:right}.staff-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px;min-width:380px}.staff-stat-card{border:1px solid #e2e8f0;border-radius:16px;background:rgba(255,255,255,.84);padding:10px 12px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.035)}.staff-stat-card--active{border-color:rgba(34,197,94,.24);background:rgba(240,253,244,.9)}.staff-stat-card--pending{border-color:rgba(245,158,11,.24);background:rgba(255,251,235,.92)}.staff-stat-card--supervisor{border-color:rgba(14,165,233,.24);background:rgba(240,249,255,.92)}.staff-stat-card strong{display:block;color:#0f172a;font-size:21px;font-weight:950;line-height:1}.staff-stat-card span{display:block;margin-top:6px;color:#64748b;font-size:var(--font-xs);font-weight:760}.staff-create-card,.staff-invite-card,.staff-list-card{overflow:hidden;border:1px solid rgba(226,232,240,.95);border-radius:var(--card-radius);background:white;box-shadow:var(--card-shadow)}.staff-create-card{padding:var(--card-padding)}.staff-create-card__header{margin-bottom:16px}.staff-create-card__header h3{margin:7px 0 0;color:#0f172a;font-size:var(--font-section-title);font-weight:950;letter-spacing:-.035em}.staff-create-card__header p{margin:7px 0 0;color:#64748b;font-size:var(--font-body);line-height:1.75}.staff-create-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#f0fdf4;border:1px solid rgba(34,197,94,.2);font-size:18px}.staff-form{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(270px,1.2fr) minmax(250px,.86fr) auto;align-items:end;gap:14px}.staff-form__row{display:grid;gap:8px}.staff-form label{color:#334155;font-size:var(--font-body);font-weight:850}.staff-input{min-height:var(--control-height);border:1px solid #e2e8f0;border-radius:13px;padding:0 12px;background:#ffffff;color:#0f172a;outline:0;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .16s ease,box-shadow .16s ease}.staff-input:focus{border-color:rgba(21,128,61,.45);box-shadow:0 0 0 4px rgba(21,128,61,.1)}.staff-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.staff-option-grid--two{grid-template-columns:1fr}.staff-option-grid--two .staff-option-card{min-height:54px}.staff-option-card{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;border:1px solid #e2e8f0;border-radius:15px;background:#ffffff;padding:9px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.staff-option-card:hover{transform:translateY(-1px);background:#f8fafc}.staff-option-card input{position:absolute;inset:0;opacity:0;cursor:pointer}.staff-option-card--selected{border-color:rgba(34,197,94,.34);background:#f0fdf4;box-shadow:0 8px 18px rgba(21,128,61,.07)}.staff-option-card__emoji{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#f8fafc;border:1px solid #edf2f7}.staff-option-card--selected .staff-option-card__emoji{background:white;border-color:rgba(34,197,94,.2)}.staff-option-card small,.staff-option-card strong{display:block}.staff-option-card strong{color:#0f172a;font-size:var(--font-body);font-weight:900}.staff-option-card small{margin-top:2px;color:#94a3b8;font-size:var(--font-xs);font-weight:700}.staff-primary-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;background:linear-gradient(135deg,#15803d,#16a34a);color:white;padding:0 15px;font-size:var(--font-body);font-weight:850;cursor:pointer;box-shadow:0 12px 24px rgba(21,128,61,.2);white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.staff-primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px rgba(21,128,61,.24)}.staff-primary-button:disabled{cursor:not-allowed;opacity:.72}.staff-invite-card{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(240,253,244,.92),rgba(255,255,255,.96)),radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 20rem);padding:var(--card-padding)}.staff-invite-card__header{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.staff-invite-card__icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:white;border:1px solid rgba(34,197,94,.2);font-size:19px}.staff-invite-card h3{margin:0;color:#0f172a;font-size:var(--font-section-title);font-weight:950}.staff-invite-card p{margin:6px 0 0;color:#64748b;font-size:var(--font-body);line-height:1.75}.staff-invite-card__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.staff-invite-card__grid>div{display:grid;gap:6px;border:1px solid rgba(226,232,240,.86);border-radius:15px;background:rgba(255,255,255,.75);padding:10px}.staff-invite-card__grid span:first-child{color:#94a3b8;font-size:var(--font-xs);font-weight:850}.staff-invite-card__grid strong{color:#0f172a;font-size:var(--font-body);font-weight:950}.staff-invite-card__linkbox{display:grid;gap:7px;border:1px dashed rgba(21,128,61,.34);border-radius:16px;background:rgba(255,255,255,.78);padding:11px}.staff-invite-card__linkbox span{color:#64748b;font-size:var(--font-small);font-weight:850}.staff-invite-card__linkbox code{direction:ltr;overflow-wrap:anywhere;color:#065f46;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-body)}.staff-invite-card__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.staff-toolbar{border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ffffff,#f8fafc);padding:12px 14px}.staff-toolbar div{display:grid;gap:4px}.staff-toolbar strong{color:#0f172a;font-size:var(--font-card-title);font-weight:950}.staff-toolbar span{color:#64748b;font-size:var(--font-small)}.staff-table-wrap{overflow:auto;background:var(--surface)}.staff-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.staff-table td,.staff-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:right;vertical-align:middle}.staff-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;color:#64748b;font-size:var(--font-xs);font-weight:900}.staff-table tbody tr{min-height:var(--table-row-height);transition:background .14s ease}.staff-table tbody tr:hover{background:#fcfdfd}.staff-table tbody tr:last-child td{border-bottom:0}.staff-name{display:flex;align-items:center;gap:8px}.staff-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#075985;font-size:var(--font-small);font-weight:950}.staff-name__main,.staff-name__meta{display:block}.staff-name__main{color:#0f172a;font-size:var(--font-body);font-weight:950}.staff-name__meta{margin-top:3px;color:#94a3b8;font-size:var(--font-xs);font-weight:700}.staff-badges{display:flex;flex-wrap:wrap;gap:4px}.staff-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;font-size:var(--font-xs);font-weight:850;background:var(--surface-muted);color:var(--text-muted);white-space:nowrap}.staff-badge--owner{background:#fee2e2;color:#991b1b}.staff-badge--role-supervisor,.staff-badge--supervisor{background:#e0f2fe;color:#0369a1}.staff-badge--staff{background:#f1f5f9;color:#475569}.staff-badge--active{background:var(--primary-soft);color:var(--primary)}.staff-badge--pending{background:var(--warning-soft);color:#92400e}.staff-badge--disabled,.staff-badge--removed{background:#fee2e2;color:#991b1b}.staff-badge--role-cashier,.staff-badge--table-cashier{background:#ecfdf5;color:#047857}.staff-badge--role-host{background:#fef3c7;color:#92400e}.staff-badge--role-hall,.staff-badge--table-hall{background:#f3e8ff;color:#7e22ce}.staff-actions{display:flex;flex-wrap:wrap;gap:8px}.staff-action-button{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2e8f0;border-radius:13px;background:white;color:#0f172a;padding:0 11px;font-size:var(--font-body);font-weight:850;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.staff-action-button--sm{min-height:var(--control-height-sm);border-radius:11px;padding:0 9px;font-size:var(--font-small);font-weight:850}.staff-action-button:hover:not(:disabled){transform:translateY(-1px);background:#f8fafc}.staff-action-button--primary{border-color:rgba(34,197,94,.28);background:#f0fdf4;color:#15803d}.staff-action-button--primary:hover:not(:disabled){background:#dcfce7}.staff-action-button--danger{color:#b91c1c}.staff-action-button--danger:hover:not(:disabled){border-color:rgba(239,68,68,.22);background:#fef2f2}.staff-action-button:disabled{cursor:not-allowed;opacity:.55}.staff-notice{border:1px solid #e2e8f0;border-radius:14px;background:white;padding:11px 13px;font-size:var(--font-body);font-weight:800}.staff-notice--success{border-color:rgba(34,197,94,.25);background:#f0fdf4;color:#15803d}.staff-notice--error{border-color:rgba(239,68,68,.24);background:#fef2f2;color:#dc2626}.staff-notice--info{border-color:rgba(59,130,246,.24);background:#eff6ff;color:#2563eb}@media (min-width:1001px){.staff-panel{gap:14px}.staff-hero--compact{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(360px,1fr);min-height:72px}.staff-hero__stats{min-width:0}.staff-hero__hint{justify-self:end;max-width:560px;border:1px solid rgba(226,232,240,.86);border-radius:16px;background:rgba(255,255,255,.62);padding:10px 12px}.staff-create-card{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:end;gap:16px}.staff-create-card__header{align-self:stretch;display:grid;align-content:start;margin-bottom:0;border-left:1px solid #e2e8f0;padding-left:16px}.staff-create-card__header h3{font-size:var(--font-card-title)}.staff-create-card__header p{font-size:var(--font-small);line-height:1.7}.staff-form{grid-template-columns:minmax(170px,.72fr) minmax(250px,1.08fr) minmax(220px,.8fr) minmax(170px,auto);gap:12px}.staff-form__row--name{min-width:0}.staff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-toolbar div{max-width:680px}.staff-table td:first-child,.staff-table th:first-child{width:220px}.staff-table td:last-child,.staff-table th:last-child{width:96px;text-align:center}.staff-table td:last-child .staff-action-button{min-width:72px}}@media (max-width:1250px){.staff-form,.staff-invite-card__grid{grid-template-columns:1fr 1fr}.staff-primary-button{width:100%}}@media (max-width:1000px){.staff-hero,.staff-hero--compact{align-items:stretch;flex-direction:column}.staff-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.staff-form{grid-template-columns:1fr}}@media (max-width:650px){.staff-invite-card__grid,.staff-option-grid,.staff-option-grid--two{grid-template-columns:1fr}.staff-create-card,.staff-hero--compact,.staff-invite-card{padding:14px}.staff-action-button,.staff-primary-button{min-height:var(--control-height)}}.staff-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.42);backdrop-filter:blur(10px)}.staff-modal{width:min(100%,760px);max-height:min(88vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(226,232,240,.92);border-radius:22px;background:#ffffff;box-shadow:0 24px 70px rgba(15,23,42,.22)}.staff-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ffffff,#f8fafc),radial-gradient(circle at top right,rgba(21,128,61,.09),transparent 16rem);padding:18px}.staff-modal__header>div{min-width:0}.staff-modal__header h3{margin:8px 0 0;color:#0f172a;font-size:var(--font-section-title);font-weight:950;letter-spacing:-.035em}.staff-modal__header p{margin:6px 0 0;color:#64748b;font-size:var(--font-small);line-height:1.75}.staff-modal__close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e8f0;border-radius:12px;background:white;color:#64748b;cursor:pointer;font-size:22px;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}.staff-modal__close:hover{transform:translateY(-1px);background:#f8fafc;color:#0f172a}.staff-modal__content{display:grid;gap:14px;overflow:auto;padding:18px}.staff-modal__admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:12px}.staff-invite-actions{display:grid;gap:10px;border:1px solid rgba(14,165,233,.2);border-radius:18px;background:linear-gradient(135deg,rgba(240,249,255,.96),rgba(255,255,255,.98)),radial-gradient(circle at top left,rgba(14,165,233,.08),transparent 16rem);padding:12px}.staff-invite-actions--connected{border-color:rgba(34,197,94,.2);background:#f0fdf4}.staff-invite-actions span,.staff-invite-actions strong{display:block}.staff-invite-actions strong{color:#0f172a;font-size:var(--font-body);font-weight:950}.staff-invite-actions small,.staff-invite-actions span,.staff-invite-actions__message{color:#64748b;font-size:var(--font-small);line-height:1.75}.staff-invite-actions__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.staff-invite-actions__header>div{min-width:0}.staff-invite-actions__box,.staff-invite-actions__empty{display:grid;gap:8px;border:1px dashed rgba(14,165,233,.28);border-radius:15px;background:rgba(255,255,255,.78);padding:11px}.staff-invite-actions__box code{direction:ltr;overflow-wrap:anywhere;color:#0369a1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-body);line-height:1.7}.staff-invite-actions__message-preview{margin:0;white-space:pre-wrap;border:1px solid rgba(14,165,233,.18);border-radius:14px;background:#ffffff;color:#0f172a;padding:12px;font-family:inherit;font-size:var(--font-body);font-weight:720;line-height:1.9}.staff-invite-actions__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-invite-actions__meta-grid>div{display:grid;gap:5px;min-width:0;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc;padding:9px}.staff-invite-actions__meta-grid span{color:#64748b;font-size:var(--font-xs);font-weight:850}.staff-invite-actions__buttons{display:flex;flex-wrap:wrap;gap:7px}.staff-invite-actions__message{margin:0;border-radius:12px;background:rgba(255,255,255,.62);padding:7px 9px;font-weight:750}.staff-segmented{display:flex;flex-wrap:wrap;gap:7px}.staff-segmented__item{min-height:var(--control-height);border:1px solid #e2e8f0;border-radius:12px;background:white;color:#64748b;padding:0 11px;cursor:pointer;font-size:var(--font-body);font-weight:850;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.staff-segmented__item:hover{transform:translateY(-1px);background:#f8fafc;color:#0f172a}.staff-segmented__item--active{border-color:rgba(34,197,94,.32);background:#f0fdf4;color:#15803d}.staff-modal__danger-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(239,68,68,.18);border-radius:18px;background:#fff7f7;padding:12px}.staff-modal__danger-zone span,.staff-modal__danger-zone strong{display:block}.staff-modal__danger-zone strong{color:#991b1b;font-size:var(--font-body);font-weight:950}.staff-modal__danger-zone span{margin-top:3px;color:#b91c1c;font-size:var(--font-small);line-height:1.75}.staff-modal__danger-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.staff-modal__footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e2e8f0;background:#f8fafc;padding:12px 18px}.staff-create-card__icon--danger{background:#fef2f2;border-color:rgba(239,68,68,.2)}.staff-delete-warning{display:grid;gap:7px;margin:18px;border:1px solid rgba(239,68,68,.22);border-radius:18px;background:#fef2f2;padding:14px;color:#991b1b}.staff-delete-warning strong{font-size:var(--font-card-title);font-weight:950}.staff-delete-warning span{color:#b91c1c;font-size:var(--font-body);line-height:1.75}@media (max-width:760px){.staff-modal-backdrop{align-items:end;padding:10px}.staff-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:20px 20px 0 0}.staff-modal__header{padding:16px}.staff-modal__content{gap:12px;padding:14px}.staff-invite-actions__meta-grid,.staff-modal__admin-grid{grid-template-columns:1fr}.staff-invite-actions__header,.staff-modal__danger-zone{align-items:stretch;flex-direction:column}.staff-invite-actions__empty .staff-action-button,.staff-invite-actions__header .staff-action-button{width:100%}.staff-invite-actions__buttons,.staff-modal__danger-actions{justify-content:stretch}.staff-invite-actions__buttons .staff-action-button,.staff-modal__danger-actions .staff-action-button{flex:1 1 100%}.staff-modal__footer{flex-direction:column-reverse;padding:12px 14px}.staff-modal__footer .staff-action-button{width:100%}}