:root{--ink:#151515;--muted:#707070;--line:#e9e1d8;--bg:#f8f1e8;--accent:#ff7900;--accent-dark:#d95f00;--blue:#0000a4;--success:#087443;--danger:#b42318;--card:#fffdf9;--shadow:0 18px 50px rgba(55,38,20,.1)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}
.public-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,#fff 0,#f8f1e8 42%,#f1e7dc 100%)}.public-card,.survey-shell{width:min(100%,720px)}.public-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:5px;padding:42px;text-align:center}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:800;letter-spacing:-.08em}.public-card .brand-mark{margin:0 auto 18px}.public-card h1{margin:0 0 10px;font-size:32px;letter-spacing:-.04em}
.survey-shell{padding:28px 0}.survey-head{display:flex;gap:22px;align-items:center;margin-bottom:22px}.survey-head .brand-mark{position:relative;width:260px;height:54px;flex:none;background-color:transparent;background-image:url('commerion-logo.png');background-repeat:no-repeat;background-position:left center;background-size:190px auto;border-radius:0;font-size:0}.survey-head .brand-mark:after{content:'bol.';position:absolute;right:0;top:7px;color:var(--blue);font-size:34px;font-weight:800;letter-spacing:-3px}.survey-head h1{margin:0;font-size:30px;letter-spacing:-.05em}.eyebrow,.muted,.small{color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:750}.card{background:var(--card);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);padding:30px}.intro{font-size:17px;margin-top:0}.context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;padding:0}.context-grid div{border:1px solid var(--line);border-radius:4px;padding:13px 14px;background:#fff}.context-grid dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.context-grid dd{margin:2px 0 0;font-weight:650}.rating-row{padding:17px 0;border-bottom:1px solid var(--line)}.rating-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.rating-value{font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:750;font-size:19px;margin-bottom:3px}.stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}.stars input{position:absolute;opacity:0}.stars label{font-size:34px;line-height:1;color:#d6dae1;cursor:pointer;transition:color .1s}.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:var(--accent)}.stars input:focus-visible+label{outline:3px solid #ffc27d;outline-offset:3px;border-radius:4px}
label[for],.check{font-weight:650;display:block;margin:18px 0 7px}textarea,input[type=text],input[type=email],input[type=password],input[type=file],select{width:100%;border:1px solid #cfc7be;border-radius:4px;padding:11px 12px;background:#fff;color:var(--ink)}textarea:focus,input:focus,select:focus{outline:3px solid #ffd5ad;border-color:var(--accent)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.check input{margin-top:5px;accent-color:var(--accent);width:18px;height:18px}.privacy{font-size:12px;color:var(--muted);border-left:3px solid var(--accent);padding-left:12px}.button{border:0;border-radius:4px;padding:11px 16px;font-weight:700;display:inline-block}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:#fff;border:1px solid #cfc7be;color:var(--ink)}.button.danger{background:#fff1f0;color:var(--danger);border:1px solid #fecdca}.alert{padding:11px 13px;border-radius:4px;margin:12px 0}.alert.error{background:#fff1f0;color:var(--danger);border:1px solid #fecdca}.alert.success{background:#ecfdf3;color:var(--success);border:1px solid #abefc6}.success-icon,.error-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-weight:800;font-size:29px}.success-icon{background:#dcfae6;color:var(--success)}.error-icon{background:#fee4e2;color:var(--danger)}
.admin-layout{min-height:100vh;display:flex}.sidebar{width:245px;background:#151515;color:#fff;padding:22px 14px;flex:none}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:750;margin-bottom:26px}.sidebar .brand .brand-mark{width:34px;height:34px;font-size:12px}.nav a{display:block;color:#d7d0c8;padding:10px 12px;border-radius:4px;margin:2px 0}.nav a:hover,.nav a.active{background:#2a2521;color:#fff;text-decoration:none}.content{flex:1;min-width:0;padding:28px;background:#fbf8f4}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.topbar h1{margin:0;font-size:29px;letter-spacing:-.04em}.topbar p{margin:4px 0;color:var(--muted)}.user-pill{font-size:13px;color:var(--muted);white-space:nowrap}.panel{background:var(--card);border:1px solid var(--line);border-radius:5px;box-shadow:0 4px 18px rgba(55,38,20,.04);padding:18px;margin-bottom:18px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:17px}.kpi .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpi .value{font-size:29px;font-weight:750;margin-top:5px}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:160px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#faf8f5;white-space:nowrap}.status{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f6;color:#475467}.status.VERIFIED{background:#dcfae6;color:#067647}.status.PENDING_CONFIRMATION,.status.OPENED{background:#fff4e5;color:#b54708}.status.DELIVERY_ERROR,.status.EXPIRED,.status.REVOKED{background:#fee4e2;color:#b42318}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination{display:flex;gap:6px;margin-top:14px}.diff{background:#fff8ed}.code{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.login-card{width:min(100%,430px)}.login-card .card{padding:30px}.login-card h1{margin-top:0}.import-preview td,.import-preview th{white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}.mobile-menu{display:none}
@media(max-width:900px){.sidebar{width:205px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.admin-layout{display:block}.sidebar{width:auto;padding:12px 14px}.sidebar .brand{margin-bottom:8px}.nav{display:flex;gap:4px;overflow:auto}.nav a{white-space:nowrap}.content{padding:18px 12px}.topbar{display:block}.user-pill{margin-top:8px}.kpi-grid,.grid-2,.form-grid,.context-grid{grid-template-columns:1fr}.panel{padding:13px}.card{padding:20px}.survey-shell{padding:12px}.survey-head{display:block}.survey-head .brand-mark{margin-bottom:14px;width:250px}.survey-head h1{font-size:25px}.rating-label{display:block}.stars label{font-size:31px}.toolbar input,.toolbar select{width:100%}.public-card{padding:28px 20px}}