:root{--bp-blue: #2563eb;--bp-cyan: #0ea5e9;--bp-gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);--bp-gradient-soft: linear-gradient(135deg, rgba(37,99,235,.12), rgba(14,165,233,.08));--bp-glow: 0 0 40px rgba(37, 99, 235, .35);--bp-bg: #f4f7fb;--bp-surface: #ffffff;--bp-text: #0f172a;--bp-muted: #64748b;--bp-border: #e2e8f0;--bp-radius: 16px;--bp-radius-sm: 10px;--sidebar-w: 260px;--sidebar-bg: #0a0f1a;--sidebar-text: #94a3b8;--font: "Plus Jakarta Sans", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bp-bg);color:var(--bp-text);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}a{color:var(--bp-blue);text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.15);opacity:0}to{transform:scale(1.15);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.anim-fade-up{animation:fadeUp .65s var(--ease-out) both}.anim-fade-up-d1{animation-delay:.08s}.anim-fade-up-d2{animation-delay:.16s}.anim-fade-up-d3{animation-delay:.24s}.anim-fade-up-d4{animation-delay:.32s}.admin-layout{display:flex;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 100% -10%,rgba(37,99,235,.07),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(14,165,233,.06),transparent),var(--bp-bg)}.admin-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:1.25rem .85rem;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .65rem 1.5rem;color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.brand-dot{width:38px;height:38px;border-radius:11px;background:var(--bp-gradient);background-size:200% 200%;animation:gradient-shift 6s ease infinite;display:grid;place-items:center;color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 4px 16px #2563eb73;flex-shrink:0}.brand-logo{border-radius:11px;object-fit:contain;background:#fff;flex-shrink:0;box-shadow:0 4px 16px #2563eb33}.brand-logo.eval-brand-logo,.eval-brand-logo.brand-dot{margin-bottom:.85rem;border-radius:18px;width:80px!important;height:80px!important}.settings-logo-preview{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.25rem;border-radius:var(--bp-radius-sm);background:var(--bp-gradient-soft);border:1px solid var(--bp-border)}.sidebar-brand small{display:block;font-size:.65rem;font-weight:500;color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav a{display:flex;align-items:center;gap:.7rem;padding:.72rem .9rem;border-radius:12px;color:var(--sidebar-text);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .25s var(--ease-out);position:relative;overflow:hidden}.admin-nav a svg{opacity:.75;transition:opacity .2s}.admin-nav a:hover{color:#e2e8f0;background:#ffffff0d;transform:translate(3px)}.admin-nav a.active{color:#fff;background:var(--bp-gradient);box-shadow:0 4px 20px #2563eb66;font-weight:600}.admin-nav a.active svg{opacity:1}.admin-nav a.nav-kiosk{margin-top:.5rem;border:1px dashed rgba(255,255,255,.12)}.sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:.65rem;padding:.75rem;border-radius:12px;background:#ffffff0a;margin-bottom:.5rem}.sidebar-user span{color:#cbd5e1;font-size:.8rem;font-weight:600}.sidebar-user small{color:var(--sidebar-text);font-size:.72rem}.btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--sidebar-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef44441f;color:#fca5a5;border-color:#ef444440}.admin-shell{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;border-bottom:1px solid var(--bp-border);background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-breadcrumb{font-size:.8rem;color:var(--bp-muted);margin-bottom:2px}.topbar-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:.75rem}.month-pill{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--bp-border);background:#fff;font-size:.82rem;font-weight:600;color:var(--bp-text)}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;position:relative}.live-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid #22c55e;animation:pulse-ring 1.8s ease-out infinite}.admin-main{flex:1;padding:1.5rem 1.75rem 2.5rem;max-width:1200px;width:100%}.dash-greeting{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dash-greeting h1{font-size:1.65rem;font-weight:800;letter-spacing:-.03em}.dash-greeting p{color:var(--bp-muted);font-size:.92rem;margin-top:.25rem}.status-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.78rem;font-weight:600;border:1px solid #a7f3d0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.stat-card{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);padding:1.25rem 1.35rem;position:relative;overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bp-gradient);opacity:0;transition:opacity .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2563eb1a}.stat-card:hover:before{opacity:1}.stat-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.stat-card-label{font-size:.8rem;color:var(--bp-muted);font-weight:600}.stat-icon{width:40px;height:40px;border-radius:11px;background:var(--bp-gradient-soft);display:grid;place-items:center;color:var(--bp-blue)}.stat-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1;background:var(--bp-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-meta{font-size:.78rem;color:var(--bp-muted);margin-top:.5rem}.stat-trend{display:inline-flex;align-items:center;gap:.2rem;color:#16a34a;font-weight:600;font-size:.75rem;margin-top:.35rem}.hero-banner{border-radius:var(--bp-radius);padding:1.5rem 1.75rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#0f172a,#1e3a5f,#0c4a6e);background-size:200% 200%;animation:gradient-shift 12s ease infinite;color:#fff;position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%);pointer-events:none}.hero-banner-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;margin-bottom:.5rem}.hero-banner h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem;position:relative}.hero-banner p{font-size:.88rem;color:#94a3b8;max-width:420px;position:relative}.progress-bar{margin-top:1rem;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden;max-width:320px;position:relative}.progress-bar span{display:block;height:100%;border-radius:inherit;background:var(--bp-gradient);transition:width 1s var(--ease-out)}.panel{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);overflow:hidden;margin-bottom:1rem;transition:box-shadow .3s}.panel:hover{box-shadow:0 8px 30px #0f172a0f}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--bp-border)}.panel-head h3{font-size:.95rem;font-weight:700}.panel-link{font-size:.82rem;font-weight:600;color:var(--bp-blue);transition:gap .2s}.panel-link:hover{text-decoration:underline}.rank-table{width:100%;border-collapse:collapse}.rank-table th{padding:.65rem 1.25rem;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bp-muted);background:#f8fafc}.rank-table td{padding:.85rem 1.25rem;border-top:1px solid var(--bp-border);font-size:.9rem;transition:background .2s}.rank-table tbody tr:hover td{background:#f8fafc}.rank-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:#f1f5f9;color:var(--bp-muted)}.rank-num.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-num.silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-num.bronze{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.person-cell{display:flex;align-items:center;gap:.75rem}.staff-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--bp-gradient-soft);display:grid;place-items:center;font-weight:700;color:var(--bp-blue);font-size:.85rem;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #2563eb26}.staff-photo-preview{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.85rem;border-radius:12px;border:1px dashed rgba(37,99,235,.25);background:linear-gradient(135deg,#f8fafc,#eff6ff)}.staff-photo-preview img{width:88px;height:110px;object-fit:cover;border-radius:10px;border:2px solid #fff;box-shadow:0 4px 14px #0f172a1a}.staff-ai-btn{white-space:nowrap}.staff-photo-block{margin-top:.75rem}.staff-photo-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.staff-ai-notice{margin-bottom:.75rem;padding:.75rem .85rem;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.82rem;line-height:1.5}.staff-ai-notice strong{display:block;margin-bottom:.2rem}.staff-ai-notice-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ai-quota-card{margin-bottom:1rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#fff)}.ai-quota-card.low{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}.ai-quota-card.empty{border-color:#fecaca;background:linear-gradient(180deg,#fef2f2,#fff)}.ai-quota-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.ai-quota-head h3{font-size:.95rem;font-weight:800;margin-bottom:.2rem}.ai-quota-head p{font-size:.78rem;color:var(--bp-muted)}.ai-quota-numbers{text-align:right;white-space:nowrap}.ai-quota-numbers strong{font-size:1.5rem;font-weight:800;color:var(--bp-blue)}.ai-quota-numbers span{font-size:.9rem;color:var(--bp-muted);font-weight:600}.ai-quota-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ai-quota-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0ea5e9);transition:width .35s ease}.ai-quota-card.low .ai-quota-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ai-quota-card.empty .ai-quota-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.ai-quota-meta{margin-top:.5rem;font-size:.8rem;font-weight:600;color:var(--bp-muted)}.ai-progress-wrap{margin-top:.85rem}.ai-progress-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.ai-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0ea5e9,#fbbf24);background-size:200% 100%;animation:aiProgressShine 1.2s linear infinite;transition:width .35s ease}@keyframes aiProgressShine{0%{background-position:100% 0}to{background-position:-100% 0}}.ai-progress-label{margin-top:.45rem;font-size:.8rem;font-weight:600;color:var(--bp-blue)}.staff-edit-card{margin-bottom:1rem;border:2px solid rgba(37,99,235,.18);box-shadow:0 8px 24px #2563eb14}.staff-edit-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.staff-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.staff-ai-used-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:700}.staff-ai-pending-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.72rem;font-weight:700}.staff-actions-cell{display:flex;flex-wrap:wrap;gap:.35rem}.person-name{font-weight:600}.person-role{font-size:.78rem;color:var(--bp-muted)}.star-rating{display:inline-flex;gap:2px;color:#fbbf24;vertical-align:middle}.score-pill{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--bp-blue)}.page-header{margin-bottom:1.25rem}.page-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.page-sub{color:var(--bp-muted);font-size:.9rem;margin-top:.25rem}.card{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);padding:1.25rem;margin-bottom:1rem;animation:fadeUp .5s var(--ease-out) both}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:var(--bp-radius-sm);font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .25s var(--ease-out)}.btn-primary{background:var(--bp-gradient);background-size:200% 200%;color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66;animation:gradient-shift 3s ease infinite}.btn-ghost{background:#fff;border:1px solid var(--bp-border);color:var(--bp-text)}.btn-ghost:hover{border-color:#bfdbfe;background:#f8fafc}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.form-row{margin-bottom:.9rem}.form-row label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem;color:var(--bp-text)}.form-row input,.form-row textarea,.form-row select{width:100%;padding:.65rem .85rem;border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:#fff}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--bp-blue);box-shadow:0 0 0 3px #2563eb1f}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem .5rem;border-bottom:1px solid var(--bp-border);text-align:left}.table th{color:var(--bp-muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 20% 20%,rgba(37,99,235,.15),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(14,165,233,.12),transparent 50%),#0a0f1a}.login-box{width:100%;max-width:420px;background:#fffffff7;border-radius:20px;padding:2.25rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 80px #00000059;animation:scaleIn .6s var(--ease-out) both}.login-box h1{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.kiosk-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#060a12;color:#fff;overflow:hidden}.kiosk-left{padding:3rem 3.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.kiosk-left:before{content:"";position:absolute;bottom:-20%;left:-20%;width:500px;height:500px;border-radius:50%;border:1px solid rgba(37,99,235,.15);pointer-events:none}.kiosk-eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--bp-cyan);margin-bottom:1rem;animation:fadeUp .6s var(--ease-out) both}.kiosk-headline{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem;animation:fadeUp .6s .1s var(--ease-out) both}.kiosk-headline em{font-style:normal;background:var(--bp-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kiosk-desc{color:#94a3b8;font-size:1rem;max-width:400px;margin-bottom:2.5rem;animation:fadeUp .6s .2s var(--ease-out) both}.kiosk-steps{display:flex;gap:0;animation:fadeUp .6s .3s var(--ease-out) both}.kiosk-step{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#64748b;padding-right:1.5rem;position:relative}.kiosk-step:not(:last-child):after{content:"";position:absolute;right:.5rem;top:50%;width:24px;height:1px;background:#ffffff26}.kiosk-step-num{width:26px;height:26px;border-radius:50%;border:1px solid rgba(37,99,235,.5);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--bp-cyan)}.kiosk-badge{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.kiosk-right{display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at center,rgba(37,99,235,.08),transparent 70%)}.kiosk-qr-card{background:#fff;border-radius:28px;padding:2rem 2.25rem;text-align:center;box-shadow:0 32px 80px #0006,0 0 0 1px #ffffff0d;animation:float 5s ease-in-out infinite,scaleIn .7s var(--ease-out) both;position:relative}.kiosk-qr-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:var(--bp-gradient);z-index:-1;opacity:.5;filter:blur(20px)}.kiosk-live{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:#16a34a;margin-bottom:1.25rem}.kiosk-qr-wrap{padding:.5rem}.kiosk-qr-label{margin-top:1.25rem;font-size:1rem;font-weight:700;color:#0f172a}.kiosk-qr-sub{font-size:.8rem;color:#64748b;margin-top:.25rem}.kiosk-branch-badge{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.5rem .85rem;border-radius:999px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);font-size:.85rem;color:#1e3a8a}.kiosk-branch-change{border:none;background:transparent;color:#2563eb;font-weight:700;cursor:pointer;font-size:.8rem;text-decoration:underline}.kiosk-picker-layout{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.kiosk-picker-card{width:min(560px,100%);background:#fff;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 20px 50px #0f172a14;border:1px solid rgba(37,99,235,.1)}.kiosk-branch-grid{display:grid;gap:.75rem}.kiosk-branch-btn{display:grid;grid-template-columns:auto 1fr;gap:.25rem .85rem;align-items:center;text-align:left;width:100%;padding:1rem 1.1rem;border-radius:14px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.kiosk-branch-btn:hover{border-color:#93c5fd;box-shadow:0 8px 24px #2563eb1f;transform:translateY(-2px)}.kiosk-branch-icon{grid-row:span 2;width:2.5rem;height:2.5rem;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:800}.kiosk-branch-name{font-weight:700;color:#0f172a}.kiosk-branch-btn small{grid-column:2;color:#64748b;font-size:.8rem}.kiosk-footer{position:fixed;bottom:1.25rem;left:1.5rem;display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#475569}.settings-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.settings-tab{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--bp-border);background:#fff;color:var(--bp-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.settings-tab:hover{border-color:#bfdbfe;color:var(--bp-text)}.settings-tab.active{background:var(--bp-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 14px #2563eb40}.settings-section{margin-bottom:1rem}.settings-section-head{margin-bottom:1.25rem}.settings-section-head h2{font-size:1.05rem;font-weight:800;margin-bottom:.25rem}.settings-section-head p{font-size:.85rem;color:var(--bp-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.settings-actions{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--bp-border)}.settings-toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;margin-bottom:1rem;border-radius:var(--bp-radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:.88rem;font-weight:600}.settings-toast-close{border:none;background:transparent;font-size:1.25rem;line-height:1;cursor:pointer;color:inherit;opacity:.7}.field-hint{display:block;margin-top:.35rem;font-size:.75rem;color:var(--bp-muted)}.settings-empty{padding:2rem 1.25rem;text-align:center;color:var(--bp-muted)}.settings-empty p{font-weight:600;color:var(--bp-text);margin-bottom:.35rem}.settings-empty small{font-size:.82rem}.branch-list{display:flex;flex-direction:column}.branch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--bp-border);flex-wrap:wrap}.branch-info{display:flex;align-items:center;gap:.85rem;min-width:0}.branch-icon{width:42px;height:42px;border-radius:12px;background:var(--bp-gradient-soft);display:grid;place-items:center;font-weight:800;color:var(--bp-blue);flex-shrink:0}.branch-info strong{display:block;font-size:.95rem}.branch-info p{font-size:.82rem;color:var(--bp-muted);margin-top:.15rem}.branch-info small{display:inline-block;margin-top:.35rem;font-size:.72rem;font-weight:600;color:var(--bp-blue);background:var(--bp-gradient-soft);padding:.2rem .5rem;border-radius:999px}.branch-actions{display:flex;gap:.5rem;flex-shrink:0}.branch-edit{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.branch-edit-actions{grid-column:1 / -1;display:flex;gap:.5rem}.branch-edit input{padding:.6rem .75rem;border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);font-size:.88rem}.eval-shell{min-height:100vh;min-height:100dvh;position:relative;padding:1rem 1rem 2rem;display:flex;align-items:flex-start;justify-content:center}.eval-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(37,99,235,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(14,165,233,.12),transparent 50%),linear-gradient(180deg,#f0f5ff,#f8fafc 40%,#eef2ff);pointer-events:none}.eval-card{position:relative;z-index:1;width:100%;max-width:520px;background:#fffffff5;border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:1.5rem 1.25rem 1.75rem;box-shadow:0 24px 60px #0f172a14,0 0 0 1px #2563eb0f;animation:scaleIn .55s var(--ease-out) both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eval-hero{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--bp-border)}.eval-hero h1{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin-top:.5rem}.eval-hero p{color:var(--bp-muted);font-size:.9rem;margin-top:.35rem;line-height:1.5}.eval-steps{display:flex;justify-content:center;gap:.35rem;margin-bottom:1.25rem;flex-wrap:wrap}.eval-steps span{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;padding:.3rem .55rem;border-radius:999px;background:#f1f5f9}.eval-steps span.active{color:var(--bp-blue);background:var(--bp-gradient-soft)}.eval-section{margin-bottom:1.35rem;transition:opacity .25s}.eval-section-disabled{opacity:.45;pointer-events:none}.eval-section-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.eval-step-num{width:28px;height:28px;border-radius:50%;background:var(--bp-gradient);color:#fff;font-size:.78rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.eval-section-head h2{font-size:.95rem;font-weight:700;margin-bottom:.15rem}.eval-section-head p{font-size:.78rem;color:var(--bp-muted)}.eval-staff-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin:0}.eval-staff-pick{padding:1rem .65rem;border-radius:16px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.eval-staff-avatar{width:52px;height:52px;margin:0 0 .5rem;font-size:1rem}.eval-staff-name{font-weight:700;font-size:.88rem;line-height:1.25}.eval-staff-role{font-size:.72rem;color:var(--bp-muted);margin-top:.15rem}.eval-staff-branch{font-size:.68rem;font-weight:600;color:var(--bp-blue);margin-top:.35rem;padding:.15rem .45rem;border-radius:999px;background:var(--bp-gradient-soft)}.eval-score-feedback{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.85rem .75rem;border-radius:16px;background:linear-gradient(180deg,#fbbf241a,#ffffff80);border:1px solid rgba(251,191,36,.22);animation:evalFeedbackIn .45s var(--ease-out) both}@keyframes evalFeedbackIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.eval-score-feedback-text{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;justify-content:center}.eval-score-feedback-text strong{font-size:1.75rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eval-score-feedback-text span{font-size:.95rem;font-weight:600;color:#b45309}.eval-score-feedback-text em{width:100%;text-align:center;font-style:normal;font-size:.88rem;font-weight:700;color:var(--bp-muted);margin-top:.1rem}.eval-stars-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.25rem 0 .5rem;padding:.35rem 0}.eval-star-defs{position:absolute;width:0;height:0;overflow:hidden}.eval-star-btn{position:relative;width:44px;height:52px;border:none;background:transparent;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;-webkit-tap-highlight-color:transparent;animation:evalStarEnter .55s var(--ease-out) both;animation-delay:calc(var(--star-i) * 45ms)}.eval-star-btn.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}@keyframes evalStarEnter{0%{opacity:0;transform:translateY(14px) scale(.6) rotate(-12deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.eval-star-body{position:relative;width:40px;height:40px;display:grid;place-items:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.eval-star-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.eval-star-empty path{fill:#ffffffe6;stroke:#d4d4d8;stroke-width:1.2;transition:stroke .2s,fill .2s}.eval-star-full{opacity:0;transform:scale(.3) rotate(-30deg);transform-origin:center;transition:opacity .22s ease,transform .38s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(217,119,6,.2))}.eval-star-shine{opacity:.55;mix-blend-mode:soft-light;pointer-events:none}.eval-star-btn.filled .eval-star-empty path{stroke:#fbbf24;fill:#fef3c759}.eval-star-btn.filled .eval-star-full{opacity:1;transform:scale(1) rotate(0);animation:evalStarShimmer 2.4s ease-in-out infinite}.eval-star-btn.filled .eval-star-full path:first-child{filter:drop-shadow(0 0 6px rgba(251,191,36,.55))}@keyframes evalStarShimmer{0%,to{filter:drop-shadow(0 2px 6px rgba(245,158,11,.35))}50%{filter:drop-shadow(0 4px 14px rgba(251,191,36,.75))}}.eval-star-btn:hover:not(.disabled) .eval-star-body{transform:scale(1.14) translateY(-3px)}.eval-star-btn:hover:not(.disabled) .eval-star-empty path{stroke:#f59e0b}.eval-star-btn.picked .eval-star-body{animation:evalStarPop .52s cubic-bezier(.34,1.56,.64,1)}@keyframes evalStarPop{0%{transform:scale(1)}35%{transform:scale(1.28) translateY(-6px)}70%{transform:scale(.95)}to{transform:scale(1.08) translateY(-2px)}}.eval-star-ripple{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:2px solid rgba(251,191,36,.5);opacity:0;transform:scale(.5);pointer-events:none}.eval-star-btn.pop .eval-star-ripple{animation:evalStarRipple .52s ease-out forwards}@keyframes evalStarRipple{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.eval-star-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.eval-star-sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fde68a;box-shadow:0 0 6px #fbbf24;opacity:0}.eval-star-btn.pop .eval-star-sparkles i:nth-child(1){top:8%;left:50%;animation:evalSpark .5s ease-out 0s forwards}.eval-star-btn.pop .eval-star-sparkles i:nth-child(2){top:50%;left:92%;animation:evalSpark .5s ease-out .05s forwards}.eval-star-btn.pop .eval-star-sparkles i:nth-child(3){top:88%;left:50%;animation:evalSpark .5s ease-out .1s forwards}.eval-star-btn.pop .eval-star-sparkles i:nth-child(4){top:50%;left:8%;animation:evalSpark .5s ease-out .15s forwards}@keyframes evalSpark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sx, 0),var(--sy, -12px)) scale(.2)}}.eval-star-sparkles i:nth-child(1){--sx: 0;--sy: -14px}.eval-star-sparkles i:nth-child(2){--sx: 12px;--sy: 0}.eval-star-sparkles i:nth-child(3){--sx: 0;--sy: 14px}.eval-star-sparkles i:nth-child(4){--sx: -12px;--sy: 0}.eval-star-num{font-size:.62rem;font-weight:800;color:#94a3b8;line-height:1;transition:color .2s,transform .2s}.eval-star-btn.filled .eval-star-num{color:#d97706;transform:scale(1.05)}.eval-star-btn.picked .eval-star-num{color:#b45309;transform:scale(1.12)}.eval-star-display{display:inline-flex;align-items:center;gap:.12rem;vertical-align:middle}.eval-star-display svg{width:1em;height:1em;color:#e2e8f0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.06))}.eval-star-display svg.on{animation:evalDisplayStar .4s var(--ease-out) both;filter:drop-shadow(0 2px 6px rgba(245,158,11,.45))}@keyframes evalDisplayStar{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.eval-star-display-sm{font-size:.95rem}.eval-star-display-md{font-size:1.1rem}.eval-star-display-lg{font-size:1.35rem}.eval-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem}.eval-score-row,.eval-score-btn{display:none}.eval-comment-row{margin-bottom:0}.eval-comment-row textarea{resize:vertical;min-height:88px}.eval-submit{width:100%;justify-content:center;padding:.85rem 1rem;font-size:.95rem;border-radius:14px}.eval-summary{text-align:center;font-size:.8rem;color:var(--bp-muted);margin-top:.85rem}.eval-inline-error{color:#dc2626;font-size:.85rem;margin-bottom:.75rem;padding:.65rem .75rem;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.eval-loading{position:relative;z-index:1;text-align:center;padding-top:40vh;color:var(--bp-muted)}.eval-loading-ring{width:44px;height:44px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:var(--bp-blue);margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eval-error-card{text-align:center;margin-top:20vh;max-width:400px}.eval-error-icon{width:56px;height:56px;border-radius:50%;background:#fef2f2;color:#dc2626;font-weight:800;font-size:1.5rem;display:grid;place-items:center;margin:0 auto 1rem;border:2px solid #fecaca}.eval-error-card h1{font-size:1.15rem;margin-bottom:.5rem}.eval-error-card p{color:var(--bp-muted);font-size:.9rem;line-height:1.5}.eval-thanks-card{text-align:center;margin-top:15vh;max-width:400px}.eval-thanks-icon{width:64px;height:64px;border-radius:50%;background:var(--bp-gradient);color:#fff;font-size:1.75rem;font-weight:800;display:grid;place-items:center;margin:0 auto 1rem;box-shadow:0 8px 24px #2563eb59;animation:scaleIn .5s var(--ease-out) both}.eval-thanks-card h1{font-size:1.4rem;font-weight:800;margin:.75rem 0 .5rem}.eval-thanks-card p{color:var(--bp-muted);font-size:.92rem;line-height:1.55}.eval-thanks-badge{display:inline-block;margin-top:1.25rem;padding:.4rem .85rem;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.78rem;font-weight:700;border:1px solid #a7f3d0}.eval-feedback-btn{display:block;width:100%;margin-top:1.35rem;padding:.85rem 1rem;border-radius:14px;border:1.5px dashed #cbd5e1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#475569;font-size:.86rem;font-weight:700;text-align:center;text-decoration:none;line-height:1.45;transition:all .25s var(--ease-out)}.eval-feedback-btn:hover{border-color:var(--bp-blue);color:var(--bp-blue);background:var(--bp-gradient-soft);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1a}.eval-feedback-card{max-width:480px;margin-top:8vh}.eval-feedback-head{text-align:center;margin-bottom:1.25rem}.eval-feedback-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--bp-gradient-soft);font-size:1.5rem;margin-bottom:.75rem}.eval-feedback-head h1{font-size:1.25rem;font-weight:800;margin-bottom:.4rem}.eval-feedback-head p{color:var(--bp-muted);font-size:.88rem;line-height:1.5}.eval-feedback-form{margin-top:.5rem}.eval-feedback-link{display:block;text-align:center;margin-top:1rem;font-size:.82rem;font-weight:600;color:var(--bp-muted);text-decoration:none}.eval-feedback-link:hover{color:var(--bp-blue)}.eval-feedback-back{width:100%;justify-content:center;margin-top:1.25rem}.feedback-new-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.eval-page{min-height:100vh;padding:1.5rem;max-width:480px;margin:0 auto;animation:fadeIn .5s ease}.eval-header{text-align:center;margin-bottom:1.75rem}.eval-logo{width:80px;height:80px;border-radius:18px;object-fit:cover;margin-bottom:.85rem;box-shadow:0 8px 24px #2563eb33}.eval-logo-placeholder{width:80px;height:80px;border-radius:18px;background:var(--bp-gradient);display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:1.5rem;margin-bottom:.85rem;box-shadow:var(--bp-glow)}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0}.staff-pick{border:2px solid var(--bp-border);border-radius:14px;padding:1rem .75rem;text-align:center;cursor:pointer;background:#fff;transition:all .25s var(--ease-out)}.staff-pick:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2563eb1a}.staff-pick.selected{border-color:var(--bp-blue);background:var(--bp-gradient-soft);box-shadow:0 4px 16px #2563eb26}.score-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin:1.25rem 0}.score-btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--bp-border);background:#fff;font-weight:700;cursor:pointer;transition:all .2s var(--ease-out)}.score-btn:hover{transform:scale(1.08);border-color:var(--bp-blue)}.score-btn.selected{background:var(--bp-gradient);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 4px 12px #2563eb59}.admin-filter-bar{margin-bottom:1rem;padding:1rem 1.1rem}.admin-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.admin-filter-search{grid-column:span 2}.admin-filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--bp-border)}.admin-mini-stats{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.admin-mini-stat{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:12px;padding:.65rem .9rem;min-width:110px}.admin-mini-stat strong{display:block;font-size:1.2rem;font-weight:800;line-height:1.1}.admin-mini-stat span{font-size:.72rem;color:var(--bp-muted);font-weight:600}.admin-mini-stat.highlight{border-color:#fde68a;background:linear-gradient(180deg,#fffbeb,#fff)}.admin-flash-msg{margin-bottom:1rem;padding:.75rem 1rem;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.card-section-title{font-size:.95rem;font-weight:700;margin-bottom:.85rem}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.68rem;font-weight:800;display:inline-grid;place-items:center;box-shadow:0 2px 8px #ef444459}.admin-nav a{display:flex;align-items:center}.status-read-pill{font-size:.72rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.2rem .55rem;border-radius:999px}.status-toggle{border:1px solid var(--bp-border);border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;cursor:pointer;background:#fff}.status-toggle.on{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.status-toggle.off{color:#94a3b8;background:#f8fafc}.btn-compact{font-size:.78rem!important;padding:.35rem .65rem!important}.row-new{background:linear-gradient(90deg,rgba(254,243,199,.35),transparent)}.row-inactive{opacity:.65}.stat-card-link{text-decoration:none;color:inherit;display:block}.stat-card-link:hover{transform:translateY(-3px);box-shadow:0 12px 28px #2563eb1f}.stat-trend.warn{color:#b45309;background:#fffbeb}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-filter-search{grid-column:span 1}}@media (max-width: 900px){.admin-sidebar{display:none}.stat-grid,.kiosk-layout{grid-template-columns:1fr}.kiosk-right{min-height:50vh}.kiosk-left{padding:2rem 1.5rem;min-height:auto}.settings-grid,.branch-edit{grid-template-columns:1fr}}@media (max-width: 380px){.eval-staff-grid{grid-template-columns:1fr}.eval-star-btn{width:36px;height:46px}.eval-star-body{width:34px;height:34px}.eval-stars-wrap{gap:.25rem}}