@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#182b49;--blue:#2459a9;--cyan:#22b8cf;--warm:#f2a65a;--bg:#f5f7fb;--surface:#fff;--text:#273345;--muted:#687789;--line:#e7ebf1;--green:#259482;--shadow:0 14px 40px rgba(24,43,73,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'DM Sans',Arial,sans-serif}h1,h2,h3,strong,.brand{font-family:Manrope,'DM Sans',sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link{cursor:pointer}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:700;transition:transform .15s,background .15s}.primary{background:var(--blue);color:white;box-shadow:0 5px 14px rgba(36,89,169,.16)}.primary:hover{background:#1d4c93}.primary:disabled{opacity:.6;cursor:wait}.secondary,.button-link{background:white;border:1px solid var(--line);color:var(--text)}.secondary:hover,.button-link:hover{background:#f7f9fc}.button-link{border-radius:10px;padding:11px 16px;font-weight:600}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:16px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e7f4fa;color:#1785a0;font-size:19px}.eyebrow,.nav-label{color:#8693a3;font-size:11px;font-weight:700;letter-spacing:.13em}.muted{color:var(--muted)}
/* kiosk */.kiosk{min-height:100vh;background:radial-gradient(circle at 80% 8%,#e8f6fb 0,transparent 34%),linear-gradient(135deg,#f8fafc,#eff4fa);display:flex;justify-content:center}.kiosk-shell{width:min(100%,1020px);min-height:100vh;padding:28px 36px;display:flex;flex-direction:column}.kiosk .brand{font-size:17px}.admin-link{margin-left:auto;color:#64758a;font-size:13px}.kiosk-card{width:min(100%,790px);margin:auto;min-height:485px;padding:50px 56px;background:#fff;border:1px solid #edf0f4;border-radius:24px;box-shadow:var(--shadow);text-align:center}.kiosk-card h1{font-size:clamp(29px,4vw,42px);letter-spacing:-.04em;color:var(--navy);margin:14px 0 10px}.kiosk-card>p,#description{color:var(--muted);font-size:16px;line-height:1.6;max-width:570px;margin:0 auto 32px}.huge{font-size:18px;padding:18px 28px;min-height:60px;border-radius:14px}.privacy{font-size:12px;color:#8290a0;margin:23px 0 0}.kiosk footer{display:flex;justify-content:center;gap:10px;color:#8290a0;font-size:12px;padding:14px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px auto 16px;max-width:600px}.choice{min-height:60px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid var(--line);border-radius:13px;color:var(--navy);font-weight:700;font-size:16px;text-align:left}.choice:hover,.choice:focus{border-color:var(--cyan);background:#f0fbfd}.choice span{color:#8191a4}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0}.mood-option{min-height:152px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 9px;color:var(--text);display:flex;align-items:center;flex-direction:column;gap:8px}.mood-option:hover,.mood-option:focus{border:2px solid var(--blue);background:#f3f8ff}.mood-icon{font-size:36px}.mood-option strong{color:var(--navy)}.mood-option small{font-size:12px;line-height:1.4;color:var(--muted)}.back{border:0;background:transparent;color:var(--blue);font-weight:600;padding:12px}.comment-label{display:block;text-align:left;max-width:560px;margin:auto;color:var(--navy);font-weight:700}.comment-label span{color:var(--muted);font-weight:400}.comment-label textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:11px;resize:vertical}.form-actions{display:flex;justify-content:space-between;align-items:center;max-width:560px;margin:18px auto}.success-mark{height:76px;width:76px;display:grid;place-items:center;background:#e6f7f3;color:var(--green);font-size:38px;border-radius:50%;margin:25px auto}
/* admin */.admin{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--navy);color:white;padding:24px 16px;display:flex;flex-direction:column}.sidebar .brand{color:white;padding:0 10px 28px}.sidebar .brand-mark{background:rgba(34,184,207,.16);color:#60d1db}.nav-label{padding:8px 13px;color:#8999af}.nav-item{display:block;border:0;background:transparent;color:#d7dfeb;padding:12px 14px;border-radius:9px;margin:2px 0;text-align:left;font-size:14px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:white}.sidebar-bottom{margin-top:auto;display:grid;gap:9px;padding:12px}.sidebar-bottom>a{color:#b5c2d1;font-size:13px}.admin-main{margin-left:244px;padding:34px clamp(22px,4vw,58px);max-width:1680px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.topbar h1{font-size:30px;color:var(--navy);letter-spacing:-.03em;margin:5px 0}.topbar p{margin:5px 0}.account{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dceaf9;color:var(--blue);font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:13px;padding:17px 20px;margin:22px 0}.toolbar>div:first-child{display:grid;gap:5px}.date-controls{display:flex;gap:10px;align-items:end}.date-controls label,.filters label{font-size:11px;font-weight:700;color:var(--muted);display:grid;gap:5px}.date-controls input,.filters input,.filters select,.login-card input,dialog input,dialog select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:16px 0}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(24,43,73,.025)}.metric-card{padding:20px}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:30px;color:var(--navy);margin:12px 0 5px}.support-card strong{color:#be6269}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.panel{padding:20px;margin:16px 0}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0 0 5px;color:var(--navy);font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:13px}.chart-wrap{height:245px;position:relative;margin:16px 0 7px}.chart-wrap.wide{height:270px}.legend{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:9px;height:9px;border-radius:50%}.legend b{margin-left:auto}.legend small{color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:630px}th{text-align:left;color:#8491a1;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #f0f2f5;font-size:13px}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:34px!important}.mood-pill,.status{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.mood-great,.mood-good{background:#e5f5f1;color:#257d70}.mood-okay{background:#fff6dd;color:#9b7517}.mood-low,.mood-need_support{background:#fff0eb;color:#b85d4e}.comment-cell{max-width:260px;color:#566477}.text-link,.text-button{color:var(--blue);font-weight:600}.text-button{border:0;background:none;padding:4px 8px}.status.active{background:#e5f5f1;color:#257d70}.status.inactive{background:#f0f1f3;color:#77818d}.filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap}.filters>*{min-width:145px}.filters .primary{min-height:40px}.refresh-status{padding:8px 20px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:18px;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#dff5f8,transparent 35%),var(--bg)}.login-card{width:min(440px,calc(100% - 34px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:36px}.login-card>.brand{margin-bottom:32px}.login-card h1{font-size:29px;color:var(--navy);margin:8px 0}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:16px;margin:25px 0}.login-card label,dialog label{display:grid;gap:7px;font-weight:600;font-size:13px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:16px}dialog{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px;width:min(420px,calc(100% - 28px))}dialog::backdrop{background:rgba(14,28,48,.45)}#notice{position:fixed;bottom:16px;right:20px;color:#a54445;background:#fff1f0;border-radius:8px;padding:9px 14px;z-index:5;max-width:calc(100vw - 30px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #48bdd0;outline-offset:2px}@media(max-width:1000px){.sidebar{width:210px}.admin-main{margin-left:210px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.date-controls{flex-wrap:wrap}.toolbar{align-items:start;flex-direction:column}}@media(max-width:700px){.sidebar{position:static;width:auto;height:auto;padding:12px;display:flex;flex-direction:row;align-items:center;overflow:auto}.sidebar .brand{padding:0 10px;white-space:nowrap}.sidebar .nav-label,.sidebar-bottom{display:none}.nav-item{white-space:nowrap;padding:10px}.admin{display:block}.admin-main{margin:0;padding:23px 15px}.topbar{align-items:flex-start}.topbar h1{font-size:25px}.account{display:none}.metrics{gap:9px}.metric-card{padding:15px}.metric-card strong{font-size:25px}.metric-card span,.metric-card small{font-size:11px}.panel{padding:14px}.filters>*{flex:1;min-width:135px}.kiosk-shell{padding:17px 15px}.kiosk-card{padding:32px 18px;min-height:420px}.kiosk-card h1{font-size:30px}.choice-grid{grid-template-columns:1fr}.choice{min-height:56px}.mood-grid{grid-template-columns:repeat(2,1fr)}.mood-option{min-height:126px}.mood-option:last-child{grid-column:1/-1}.kiosk footer{font-size:11px}.form-actions{gap:8px}.form-actions button{padding:12px}.date-controls{width:100%}.date-controls label{flex:1}.date-controls input{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Visual refresh: calmer surfaces, clearer depth, and gentle motion. */
:root{--navy:#142b4b;--blue:#2764b8;--cyan:#28b8c9;--warm:#f1a45d;--bg:#f3f6fb;--surface:#fff;--text:#25354b;--muted:#6c7d92;--line:#e3eaf3;--green:#249984;--shadow:0 22px 60px rgba(20,43,75,.10);--shadow-soft:0 10px 28px rgba(20,43,75,.055);--ease:cubic-bezier(.2,.75,.25,1)}
html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(ellipse at 90% 0%,rgba(40,184,201,.055),transparent 33%);-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.button-link,.nav-item,.choice,.mood-option,.panel,.metric-card{transition:transform .22s var(--ease),box-shadow .22s var(--ease),background-color .2s ease,border-color .2s ease,color .2s ease}
.primary{background:linear-gradient(135deg,#2d6dc2,#2458a4);box-shadow:0 8px 18px rgba(39,100,184,.2);min-height:44px}.primary:hover{background:linear-gradient(135deg,#3478ce,#2459a9);transform:translateY(-2px);box-shadow:0 12px 24px rgba(39,100,184,.25)}.primary:active,.secondary:active,.button-link:active{transform:translateY(0) scale(.98)}.secondary,.button-link{min-height:42px;border-color:#dce5f0;box-shadow:0 2px 5px rgba(20,43,75,.025)}.secondary:hover,.button-link:hover{background:#f6f9fd;border-color:#cbd8e8;transform:translateY(-1px);box-shadow:0 6px 14px rgba(20,43,75,.07)}
.brand-mark{box-shadow:inset 0 0 0 1px rgba(40,184,201,.12);animation:mark-glow 4s ease-in-out infinite}.eyebrow,.nav-label{letter-spacing:.16em}.kiosk{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 9%,rgba(40,184,201,.13),transparent 30%),radial-gradient(ellipse at 4% 96%,rgba(39,100,184,.08),transparent 35%),linear-gradient(145deg,#f8fafd,#edf3fa)}.kiosk-shell{position:relative;z-index:1}.kiosk-card{position:relative;overflow:hidden;border-color:rgba(255,255,255,.9);box-shadow:0 28px 80px rgba(20,43,75,.13),0 2px 10px rgba(20,43,75,.035);animation:card-arrive .55s var(--ease) both}.kiosk-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2764b8,#28b8c9,#68cfb6)}.kiosk-card>*{position:relative}.kiosk-card h1{line-height:1.16}.kiosk-card #step-label{color:#3970b5}.kiosk-card #content>*{animation:content-arrive .32s var(--ease) both}.kiosk-card #content>*:nth-child(2){animation-delay:.06s}.kiosk footer{letter-spacing:.015em}.admin-link{transition:color .2s ease}.admin-link:hover{color:var(--blue)}
.choice{background:linear-gradient(145deg,#fff,#f7fafd);box-shadow:0 3px 9px rgba(20,43,75,.035);min-height:64px}.choice:hover,.choice:focus{transform:translateY(-2px);box-shadow:0 10px 20px rgba(39,100,184,.1)}.mood-option{box-shadow:0 4px 12px rgba(20,43,75,.035);cursor:pointer}.mood-option:hover,.mood-option:focus{transform:translateY(-4px);box-shadow:0 14px 26px rgba(39,100,184,.13);border-width:1px}.mood-option:active,.choice:active{transform:scale(.985)}.mood-icon{transition:transform .24s var(--ease)}.mood-option:hover .mood-icon{transform:scale(1.12) rotate(-4deg)}.comment-label textarea{transition:border-color .2s ease,box-shadow .2s ease}.comment-label textarea:focus,.date-controls input:focus,.filters input:focus,.filters select:focus,.login-card input:focus,dialog input:focus,dialog select:focus{border-color:#76a6df;box-shadow:0 0 0 4px rgba(39,100,184,.10);outline:0}.success-mark{box-shadow:0 0 0 10px rgba(36,153,132,.08);animation:success-pop .5s var(--ease) both}
.sidebar{background:linear-gradient(180deg,#142b4b 0%,#172f51 60%,#142944 100%);box-shadow:10px 0 35px rgba(20,43,75,.06);z-index:4}.sidebar .brand{padding-top:4px}.nav-item{position:relative;overflow:hidden;min-height:42px}.nav-item::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#58c7d1;transform:scaleY(0);transition:transform .2s var(--ease)}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.095);transform:translateX(2px)}.nav-item.active::before{transform:scaleY(1)}.sidebar-bottom>a{transition:color .2s ease}.sidebar-bottom>a:hover{color:#fff}.admin-main{animation:content-arrive .4s var(--ease) both}.topbar{min-height:54px}.topbar h1{letter-spacing:-.04em}.toolbar,.panel,.metric-card{border-color:rgba(222,231,241,.92);box-shadow:var(--shadow-soft)}.toolbar{border-radius:16px}.panel,.metric-card{border-radius:17px}.metric-card{position:relative;overflow:hidden}.metric-card::after{content:"";position:absolute;right:-30px;top:-42px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(39,100,184,.07),transparent 70%);pointer-events:none}.metrics>.metric-card{animation:content-arrive .42s var(--ease) both}.metrics>.metric-card:nth-child(2){animation-delay:.04s}.metrics>.metric-card:nth-child(3){animation-delay:.08s}.metrics>.metric-card:nth-child(4){animation-delay:.12s}.dashboard-grid>.panel{animation:content-arrive .48s var(--ease) both}.dashboard-grid>.panel:nth-child(2){animation-delay:.07s}.panel-head h2{letter-spacing:-.015em}.chart-wrap{animation:chart-arrive .5s .08s var(--ease) both}.table-scroll{border-radius:10px}thead{background:linear-gradient(180deg,#fbfcfe,#fff)}th{white-space:nowrap}tbody tr{transition:background-color .16s ease}tbody tr:hover{background:#f8fbff}td{line-height:1.45}.mood-pill{padding:6px 10px;letter-spacing:.01em}.filters{border-radius:16px}.filters input,.filters select,.date-controls input{min-height:42px;transition:border-color .2s ease,box-shadow .2s ease}.pagination button{min-width:104px}.refresh-status{min-height:44px}.login-page{background:radial-gradient(ellipse at 82% 12%,rgba(40,184,201,.18),transparent 34%),radial-gradient(ellipse at 8% 90%,rgba(39,100,184,.09),transparent 34%),#f3f6fb}.login-card{border-color:rgba(255,255,255,.9);box-shadow:0 26px 70px rgba(20,43,75,.12);animation:card-arrive .45s var(--ease) both}.login-card form{gap:18px}.login-card input{min-height:46px}dialog{box-shadow:0 28px 80px rgba(14,28,48,.24);animation:dialog-arrive .2s var(--ease) both}dialog::backdrop{background:rgba(14,28,48,.48);backdrop-filter:blur(3px)}#notice:not(:empty){box-shadow:0 10px 30px rgba(20,43,75,.12);animation:notice-arrive .25s var(--ease) both}
@keyframes card-arrive{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-arrive{from{opacity:.4;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notice-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes success-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}@keyframes mark-glow{0%,100%{box-shadow:inset 0 0 0 1px rgba(40,184,201,.12),0 0 0 0 rgba(40,184,201,0)}50%{box-shadow:inset 0 0 0 1px rgba(40,184,201,.2),0 0 0 5px rgba(40,184,201,.045)}}
@media(max-width:1000px){.sidebar{box-shadow:5px 0 24px rgba(20,43,75,.05)}}@media(max-width:700px){.sidebar{box-shadow:0 8px 24px rgba(20,43,75,.08);scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar .brand{position:sticky;left:0;background:#142b4b;z-index:1}.nav-item:hover,.nav-item.active{transform:none}.admin-main{padding-top:20px}.kiosk-shell{padding-top:14px}.kiosk-card{box-shadow:0 18px 50px rgba(20,43,75,.12)}.toolbar{padding:15px}.dashboard-grid{gap:10px}.chart-wrap{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Newfold-inspired kiosk palette and portrait-first roster. */
.kiosk{--blue:#5945ad;--cyan:#00a79c;--navy:#211a3a;--text:#28243b;--muted:#6d6a80;--line:#e7e4ef;--green:#078a78;background:linear-gradient(135deg,#12142c,#24204a 48%,#006b67);color:#fff}.kiosk::before,.kiosk::after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(2px);opacity:.5}.kiosk::before{width:38vw;height:38vw;min-width:280px;min-height:280px;right:-10vw;top:-17vw;background:radial-gradient(circle,rgba(0,167,156,.52),rgba(0,167,156,0) 68%);animation:ambient-drift 18s ease-in-out infinite alternate}.kiosk::after{width:34vw;height:34vw;min-width:240px;min-height:240px;left:-14vw;bottom:-18vw;background:radial-gradient(circle,rgba(112,76,190,.42),rgba(112,76,190,0) 70%);animation:ambient-drift 23s ease-in-out infinite alternate-reverse}.kiosk-video-enabled{background:#17162c}.kiosk-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#17162c}.kiosk-backdrop video{width:100%;height:100%;object-fit:cover;opacity:.58}.kiosk-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,18,43,.62),rgba(20,18,43,.28) 52%,rgba(0,78,75,.42))}.kiosk .kiosk-shell{z-index:1}.kiosk .brand,.kiosk .admin-link,.kiosk footer{color:#fff}.kiosk .brand-mark{background:linear-gradient(145deg,rgba(0,167,156,.25),rgba(112,76,190,.28));color:#d7fff8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.kiosk .admin-link{opacity:.82}.kiosk .admin-link:hover{opacity:1}.kiosk .kiosk-card{color:var(--text);border:1px solid rgba(255,255,255,.66);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 28px 90px rgba(8,10,30,.28)}.kiosk .kiosk-card::before{height:5px;background:linear-gradient(90deg,#5945ad,#00a79c,#f28b4b)}.kiosk .kiosk-card h1,.kiosk .kiosk-card .comment-label{color:#211a3a}.kiosk .kiosk-card #step-label{color:#51449b}.kiosk .primary{background:linear-gradient(110deg,#5945ad,#4a3b96);box-shadow:0 10px 24px rgba(89,69,173,.27)}.kiosk .primary:hover{background:linear-gradient(110deg,#6650bf,#5141a4);box-shadow:0 14px 30px rgba(89,69,173,.34)}.kiosk .choice{color:#211a3a}
.profile-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));max-width:680px;max-height:min(45vh,430px);overflow:auto;padding:5px 5px 12px;scrollbar-color:rgba(89,69,173,.35) transparent}.profile-choice{position:relative;min-height:205px;padding:16px 12px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;border:1px solid #e6e2f0;border-radius:17px;background:linear-gradient(160deg,#fff,#f8f7fc);box-shadow:0 7px 20px rgba(36,28,73,.07);text-align:center}.profile-choice:hover,.profile-choice:focus{border-color:#9a8bd4;background:#fff;box-shadow:0 16px 30px rgba(54,42,114,.16);transform:translateY(-4px)}.profile-photo-wrap{width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;align-self:center;overflow:hidden;border-radius:50%;border:4px solid #fff;background:linear-gradient(145deg,#5945ad,#00a79c);box-shadow:0 0 0 1px rgba(89,69,173,.15),0 8px 18px rgba(43,37,91,.15)}.profile-photo-wrap img{width:100%;height:100%;object-fit:cover}.profile-photo-wrap>span{color:#fff;font:800 30px Manrope,'DM Sans',sans-serif}.profile-name{width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #ebe8f2;color:#211a3a;font-size:15px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.profile-arrow{position:absolute;right:12px;top:11px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f0eef8;color:#5945ad;font-size:17px;transition:transform .2s var(--ease)}.profile-choice:hover .profile-arrow{transform:translateX(3px)}.table-profile{display:inline-flex;align-items:center;gap:10px;min-width:150px}.profile-avatar{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#5945ad,#00a79c);color:#fff}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:12px;font-weight:800}.login-card input[type=file],dialog input[type=file]{min-height:44px;padding:8px;background:#faf9fd}.kiosk .back{color:#5945ad}.kiosk .mood-option{border-color:#e6e2f0}.kiosk .mood-option:hover,.kiosk .mood-option:focus{border-color:#5945ad;background:#f7f5ff}.kiosk .mood-option strong{color:#211a3a}
@keyframes ambient-drift{from{transform:translate3d(-2vw,-1vh,0) scale(.94)}to{transform:translate3d(3vw,2vh,0) scale(1.08)}}@media(max-width:700px){.kiosk .brand,.kiosk .admin-link,.kiosk footer{color:#fff}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:42vh;gap:10px}.profile-choice{min-height:182px;padding:13px 9px}.profile-photo-wrap{width:94px;height:94px;flex-basis:94px}.kiosk .kiosk-card{padding:30px 14px}.kiosk .kiosk-card h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.kiosk::before,.kiosk::after{animation:none!important}}
/* Mobile and tablet kiosk full-screen control. */
.kiosk-controls{margin-left:auto;display:flex;align-items:center;gap:14px}.kiosk .admin-link{margin-left:0}.fullscreen-toggle{min-height:44px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.11);color:#fff;font-weight:700;font-size:13px;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease,border-color .2s ease}.fullscreen-toggle:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.48);transform:translateY(-1px)}.fullscreen-icon{font-size:20px;line-height:1}.kiosk:fullscreen,.kiosk:-webkit-full-screen{min-height:100dvh}.kiosk:fullscreen .kiosk-shell,.kiosk:-webkit-full-screen .kiosk-shell{min-height:100dvh;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.kiosk:fullscreen .kiosk-card,.kiosk:-webkit-full-screen .kiosk-card{margin:auto}@media(max-width:700px){.kiosk-shell{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}.kiosk-controls{gap:9px}.fullscreen-toggle{min-width:44px;padding:8px 10px}.fullscreen-label{font-size:12px}.kiosk .admin-link{font-size:12px}}@media(max-width:380px){.kiosk .brand{font-size:14px;gap:7px}.kiosk .brand-mark{width:30px;height:30px}.kiosk-controls{gap:7px}.fullscreen-toggle{padding:7px 8px}.fullscreen-label{display:none}}

/* Framed editorial covers for team leader selection. */
.leader-cover-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));max-width:760px;max-height:min(52vh,520px);gap:16px;padding:7px 8px 14px}.leader-cover-grid .profile-choice{position:relative;display:block;overflow:hidden;aspect-ratio:.64;min-height:270px;padding:0;border:1px solid rgba(255,255,255,.92);border-radius:17px;background:#f3ebdc;box-shadow:0 8px 25px rgba(20,18,34,.19);text-align:center;isolation:isolate}.leader-cover-grid .profile-choice::before{content:"✦";position:absolute;z-index:3;top:17px;left:18px;color:#f7bd76;font-size:16px;text-shadow:0 1px 8px rgba(0,0,0,.5);pointer-events:none}.leader-cover-grid .profile-choice::after{content:"";position:absolute;z-index:1;inset:42% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(17,18,29,.08) 38%,rgba(17,18,29,.78) 100%);pointer-events:none}.leader-cover-grid .profile-photo-wrap{position:absolute;z-index:0;inset:8px;width:auto;height:auto;min-height:0;flex:initial;align-self:stretch;overflow:hidden;border:0;border-radius:10px;background:linear-gradient(145deg,#7163a8,#299b91);box-shadow:none}.leader-cover-grid .profile-photo-wrap::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.88);border-radius:9px;pointer-events:none}.leader-cover-grid .profile-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .5s ease}.leader-cover-grid .profile-choice:hover .profile-photo-wrap img,.leader-cover-grid .profile-choice:focus .profile-photo-wrap img{transform:scale(1.045);filter:saturate(1.04)}.leader-cover-grid .profile-photo-wrap>span{font-size:clamp(38px,5vw,60px)}.leader-cover-grid .profile-name{position:absolute;z-index:3;left:14px;right:14px;bottom:24px;width:auto;margin:0;padding:0;border:0;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2vw,25px);font-style:italic;font-weight:600;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.5)}.leader-cover-grid .profile-arrow{z-index:3;top:17px;right:17px;width:30px;height:30px;border:1px solid rgba(255,255,255,.68);background:rgba(35,29,53,.34);backdrop-filter:blur(6px);color:#fff}.leader-cover-grid .profile-choice:hover,.leader-cover-grid .profile-choice:focus{border-color:#fff3dd;background:#f3ebdc;box-shadow:0 17px 36px rgba(10,12,29,.3);transform:translateY(-4px)}@media(max-width:700px){.leader-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:52vh;gap:12px}.leader-cover-grid .profile-choice{min-height:235px}.leader-cover-grid .profile-name{bottom:19px;left:11px;right:11px;font-size:clamp(17px,4vw,22px)}.leader-cover-grid .profile-choice::before{top:14px;left:15px}.leader-cover-grid .profile-choice::after{content:""}.leader-cover-grid .profile-photo-wrap{inset:7px}}@media(prefers-reduced-motion:reduce){.leader-cover-grid .profile-photo-wrap img{transition:none}}

/* Final team leader cover refinements requested: clean type and BLUEHOST photo header. */
.leader-cover-grid .profile-choice::before{content:"BLUEHOST";top:24px;left:50%;transform:translateX(-50%);color:#fff;font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.24em;text-shadow:0 1px 8px rgba(0,0,0,.55);white-space:nowrap}.leader-cover-grid .profile-arrow{display:none!important}.leader-cover-grid .profile-name{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(19px,2vw,24px);font-style:normal;font-weight:700;letter-spacing:.01em;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.52)}@media(max-width:700px){.leader-cover-grid .profile-choice::before{top:20px;font-size:10px;letter-spacing:.2em}.leader-cover-grid .profile-name{font-size:clamp(17px,4vw,21px)}}