:root{--paper:#fbfaf7;--cream:#f1ede5;--forest:#26352f;--forest-2:#304a41;--orange:#e95a38;--ink:#20201f;--muted:#7d827e;--line:#e4e0d8;--white:#fff;--danger:#a84234}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink)}a,a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}#app{background:var(--paper)}aside{background:var(--forest);box-shadow:10px 0 34px #26352f12}aside h2{display:flex;align-items:center;gap:10px;font-weight:800}aside h2 i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;padding:0;background:var(--orange)}aside nav a,aside nav a:link,aside nav a:visited{color:#b9c7c2;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s,transform .18s}aside nav a:hover,aside nav a.active{background:var(--forest-2);border-color:#ffffff12;color:#fff;transform:translateX(2px)}#logout,#logout:visited{color:#a9bbb5}#logout:hover{color:#fff}main{padding:38px 4.5vw 60px;background:radial-gradient(circle at 96% 2%,#e6eee7 0,transparent 260px),var(--paper)}main>header{min-height:76px;border-bottom:1px solid var(--line);margin-bottom:23px}main>header h1{font-size:30px;margin:4px 0 20px}main>header>a{padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--forest)}.stats{gap:18px}.stat,.panel{border-color:var(--line);border-radius:14px;box-shadow:0 10px 30px #26352f0b}.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--orange)}.stat b{color:var(--forest)}.panel h2{color:var(--forest)}.chips a,.chips a:visited{padding:9px 13px;border-radius:20px;background:var(--cream);color:var(--forest);font-size:12px;font-weight:600}.chips a:hover{background:#e6dfd1}table{border-collapse:separate;border-spacing:0}thead th{background:#f6f4ee;color:#686e69;border-top:1px solid var(--line)}thead th:first-child{border-radius:8px 0 0 8px;padding-left:12px}thead th:last-child{border-radius:0 8px 8px 0}td{border-color:#efede7}tbody tr:hover td{background:#fcfaf5}input,select,textarea{font:inherit;background:#fff;color:var(--ink);border-color:#d9d8d1!important;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#91a596!important;box-shadow:0 0 0 3px #78918018}.inlineForm button,.plan button,.setting button,.act button,.surveyAdminForm button,.optionAdmin button{background:var(--forest);color:#fff;border-radius:7px;transition:transform .15s,background .15s}.inlineForm button:hover,.plan button:hover,.setting button:hover,.act button:hover,.surveyAdminForm button:hover,.optionAdmin button:hover{background:var(--forest-2);transform:translateY(-1px)}button.danger,.danger{background:var(--danger)!important;color:#fff!important}.alert{border-left:4px solid var(--orange)}.login{background:linear-gradient(135deg,var(--forest) 0 54%,#e7dfcf 54%)}.login form{border:1px solid var(--line);border-radius:16px}.login .logo{border-radius:50%}.login button{background:var(--forest)}.surveyAdminForm textarea{min-height:92px;resize:vertical}.questionAdmin{border-color:var(--line);background:#fdfcf9;padding:18px;border-radius:10px;margin-top:12px}.adminSurveyImage,.adminQuestionImage{border:1px solid var(--line)}@media(max-width:850px){main{padding:25px 5vw}.panel{overflow:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stats{grid-template-columns:1fr}.act{flex-wrap:wrap}main>header{align-items:flex-start;gap:10px}}
.adminQuick{position:fixed;right:22px;bottom:20px;z-index:30;display:flex;gap:8px}.adminQuick a,.adminQuick a:visited{padding:10px 14px;border-radius:24px;background:var(--forest);color:#fff;box-shadow:0 8px 25px #26352f30;font-size:13px}.adminQuick a:hover{background:var(--orange)}.permissionNote{padding:13px 16px;border-left:4px solid var(--orange);background:#fff5ef;color:#704b3f;border-radius:0 9px 9px 0}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.permissionRow,.permissionForm{display:flex;align-items:center;gap:9px}.permissionRow{padding:12px 0;border-bottom:1px solid var(--line)}.permissionRow span{margin-right:auto}.permissionRow select,.permissionForm select{padding:8px;border-radius:7px}.permissionRow button,.permissionForm button{padding:8px 12px;border:0;border-radius:7px;background:var(--forest);color:#fff}.messageContent{max-width:520px;white-space:pre-wrap;line-height:1.65}@media(max-width:850px){.permissionGrid{grid-template-columns:1fr}.adminQuick{right:10px;bottom:10px}}
.levelScale,.levelDistribution{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.levelScale>div,.levelDistribution>div{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:12px;background:linear-gradient(145deg,#f5f1e8,#fff);border:1px solid var(--line)}.levelScale b,.levelDistribution b{font-size:22px;color:var(--orange)}.levelScale small,.levelDistribution span{color:var(--muted);font-size:12px}.levelToggle{display:flex;align-items:center;gap:6px}.panel td input[type=text],.panel td input[type=number]{padding:8px;border-radius:7px;max-width:180px}.panel td button{padding:8px 12px;border:0;border-radius:7px;background:var(--forest);color:#fff}@media(max-width:850px){.levelScale,.levelDistribution{grid-template-columns:repeat(2,1fr)}}
.addLevelForm{display:flex;align-items:end;gap:12px;margin-top:18px;flex-wrap:wrap}.addLevelForm label{display:grid;gap:6px;color:var(--muted);font-size:12px}.addLevelForm input{padding:10px;border-radius:7px}.addLevelForm button,.levelEditRow button{padding:10px 14px;border:0;border-radius:7px;background:var(--forest);color:#fff}.levelRows{margin-top:16px}.levelEditRow{display:grid;grid-template-columns:70px minmax(150px,1fr) 150px 90px auto auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.levelEditRow>input{padding:9px;border-radius:7px}.levelScale,.levelDistribution{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}@media(max-width:900px){.levelEditRow{grid-template-columns:60px 1fr 120px}.levelEditRow .levelToggle{grid-column:1/2}}