:root{font-family:Arial,Helvetica,sans-serif;color:#080808;background:#fff9ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.page,.admin-shell{min-height:100vh;position:relative;overflow:hidden;background:#fff9ee}.page{padding:35px 7vw 36px;display:flex;flex-direction:column;align-items:center}.brand{text-align:center;position:relative;z-index:1}.brand-logo{width:600px;height:auto;display:block}.corner{position:absolute;width:190px;height:190px;border:34px solid #fbe8c6;border-radius:50%;pointer-events:none}.corner-top{top:-106px;left:-90px}.corner-bottom{right:-92px;bottom:-105px}.feedback{z-index:1;text-align:center;margin-top:52px}.feedback h1{font-size:88px;letter-spacing:-1.5px;font-weight:600}.rating-list{display:flex;justify-content:center;gap:120px}.rating{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;color:var(--rating-color);font:600 14px Arial,sans-serif;transition:transform .2s}.rating:hover,.rating.selected{transform:translateY(-5px)}.rating:disabled{cursor:wait}.face{width:66px;height:66px;display:block;border-radius:50%;background:var(--rating-color);position:relative;margin:auto auto 8px}.face b{position:absolute;top:23px;width:6px;height:6px;background:#070707;border-radius:50%}.face b:first-child{left:20px}.face b:nth-child(2){right:20px}.face em{position:absolute;left:19px;top:38px;width:28px;height:12px;border-bottom:1.5px solid #070707;border-radius:0 0 50% 50%;font-style:normal}.face.sad em{top:41px;border-top:1.5px solid #070707;border-bottom:0;border-radius:50% 50% 0 0}.face.poor em{top:39px;transform:rotate(-2deg)}.face.neutral em{top:42px;border-radius:0;border-bottom:1.5px solid #070707}.face.good em{top:37px}.face.happy em{top:36px;height:12px;background:#b6e4d1;border-bottom:1.5px solid #070707;border-radius:0 0 20px 20px}.helper{font-size:32px;line-height:1.4;font-weight:700;margin:0 0 18px}.error{color:#c53222;font-size:13px;font-weight:600;margin:9px 0}.thanks{text-align:center;z-index:1;margin-top:67px}.thanks h1{font-size:124px;margin-bottom:11px}.thanks p{font-size:40px;font-weight:500;margin:11px 0 18px}.socials{display:flex;gap:10px;justify-content:center}.socials a{width:48px;height:48px;border:1.5px solid #111;border-radius:50%;display:grid;place-items:center;color:#111;text-decoration:none;font-size:22px}.socials span{width:48px;height:48px;border:1.5px solid #111;border-radius:50%;display:grid;place-items:center;font-size:11px}.spark{position:absolute;bottom:61px;font:500 20px Arial,sans-serif;color:#494949}.spark span{color:#f9a51b}.admin-shell{background:#f8f3e9}.login-shell{display:grid;place-items:center;padding:28px}.login-card{position:relative;z-index:1;background:#fffdf8;border:1px solid #ebe1d2;border-radius:28px;width:min(430px,100%);padding:40px;box-shadow:0 20px 70px #624f3114}.login-card .brand{margin-bottom:37px}.login-card .brand-logo{width:250px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#f09b17;margin-bottom:12px}.login-card h1{font-size:29px}.login-card>p{color:#777169;margin:9px 0 26px}.login-card form{display:grid;gap:16px}.login-card label{font-size:13px;font-weight:700;display:grid;gap:7px}.login-card input{border:1px solid #e2d8ca;border-radius:10px;padding:12px 13px;background:#fff;font:14px Arial,sans-serif;outline:none}.login-card input:focus{border-color:#f3a31a}.submit{border:0;border-radius:999px;background:#101010;color:#fff;padding:13px 25px;font:700 14px Arial,sans-serif;cursor:pointer}.submit:disabled{opacity:.55;cursor:wait}.login-card .submit{width:100%;margin-top:3px}.back-link{display:block;color:#8d8579;text-align:center;font-size:13px;margin-top:22px;text-decoration:none}.admin-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:26px 6vw;border-bottom:1px solid #eadfcf;background:#fffaf2}.admin-header .brand-logo{width:210px}.logout{border:1px solid #dfd3c4;background:transparent;border-radius:999px;padding:9px 16px;font:600 13px Arial,sans-serif;cursor:pointer}.dashboard{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:65px 30px 80px}.dashboard-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.dashboard h1{font-size:44px}.dashboard h1 em{color:#f2a01b;font-style:normal}.view-link{color:#151515;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #f2a01b;padding-bottom:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stats>div,.panel{background:#fffdf8;border:1px solid #e8decf;border-radius:18px}.stats>div{padding:22px 24px}.stats span{display:block;color:#847b70;font-size:13px;margin-bottom:12px}.stats strong{font:700 29px Arial,sans-serif}.dashboard-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.panel{padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.panel-title h2{font:700 18px Arial,sans-serif;margin:0}.panel-title span{font-size:12px;color:#988f83}.bar-row{display:grid;grid-template-columns:72px 1fr 24px;align-items:center;gap:12px;margin:17px 0;font-size:13px}.bar-row>div{height:8px;background:#f0e9de;border-radius:8px;overflow:hidden}.bar-row i{height:100%;display:block;border-radius:8px}.bar-row b{text-align:right;font-size:12px}.recent article{display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;border-top:1px solid #eee6d9;padding:12px 0}.recent .face{width:34px;height:34px;margin:0}.recent .face b{transform:scale(.6);transform-origin:center}.recent .face em{transform:scale(.6);transform-origin:center;left:9px;top:21px}.recent strong{font-size:13px}.recent p{font-size:12px;color:#92897e;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.recent time{font-size:11px;color:#aaa195}.empty{color:#a19689;font-size:14px;padding:30px 0;text-align:center}@media (max-width: 700px){.page{padding:28px 20px}.brand-logo{width:min(285px,82vw)}.feedback{margin-top:46px}.feedback h1{font-size:31px}.rating-list{gap:9px;margin:27px 0 34px}.face{width:56px;height:56px}.face b{top:20px}.face b:first-child{left:17px}.face b:nth-child(2){right:17px}.face em{left:16px;top:33px;width:24px}.face.sad em{top:36px}.face.happy em{top:31px}.rating{font-size:12px}.helper{font-size:13px}.thanks{margin-top:67px}.thanks h1{font-size:43px}.thanks p{font-size:17px}.dashboard{padding:40px 18px}.dashboard-intro{display:block}.dashboard h1{font-size:36px}.view-link{display:inline-block;margin-top:23px}.stats{grid-template-columns:1fr;gap:10px}.stats>div{padding:17px 20px}.stats strong{font-size:25px}.dashboard-grid{grid-template-columns:1fr}.admin-header{padding:20px}.admin-header .brand-logo{width:170px}.logout{padding:8px 11px;font-size:12px}.recent p{max-width:180px}.login-card{padding:28px 22px}.login-card .brand-logo{width:220px}}.page,.admin-shell{background:#fff9ee url(/assets/body-bg.png) center/cover fixed no-repeat}:root{--font-montserrat: "Montserrat", sans-serif}body,button,input,textarea{font-family:var(--font-montserrat);font-optical-sizing:auto}h1,.rating,.submit,.logout,.login-card input,.stats strong,.panel-title h2,.spark{font-family:var(--font-montserrat)}.rating-icon{width:160px;height:160px;display:block;object-fit:contain;margin:0 auto 8px}.rating span{font-size:32px;font-weight:700}.recent-icon{width:34px;height:34px;margin:0}.feedback-footer{z-index:1;text-align:center;margin-top:auto;padding-top:34px}.feedback-footer .helper{margin:0}.feedback{display:flex;flex-direction:column;align-items:center}.feedback-page{display:grid;grid-template-rows:auto 1fr auto;align-items:center}.feedback-page .feedback{margin-top:0;align-self:center}.feedback-page .feedback-footer{margin-top:0;align-self:end}.feedback-page .brand{justify-self:center}.feedback-page .brand-logo{margin:0 auto}.spark-logo{position:absolute;bottom:61px;width:230px;height:85px}.thanks-page{display:grid;grid-template-rows:auto 1fr auto;align-items:center}.thanks-page .brand{justify-self:center}.thanks-page .thanks{margin-top:0;align-self:center}.thanks-page .spark-logo{position:static;justify-self:center;align-self:end;margin-top:34px}.feedback-page .feedback{width:100%;max-width:none}.feedback-page .feedback-footer{width:100%}.feedback-page .feedback h1{text-align:center;width:100%;margin-inline:auto}.feedback-page .rating-list{width:100%;max-width:1280px;margin-inline:auto;justify-content:space-evenly;align-items:start}.feedback-page .rating{min-width:90px;text-align:center}.feedback-page .rating-list{gap:clamp(4px,2vw,39px);padding-inline:clamp(0px,2vw,20px)}.feedback-page .rating{min-width:0;flex:1}.feedback-page .rating-icon{max-width:100%;height:auto}
