:root{--navy:#1b3857;--teal:#5b9b8a;--teal-light:#ebf4f1;--navy-light:#e8edf3;--bg:#f7f8fa;--surface:#fff;--muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--navy);flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.app{background:var(--surface);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}@media (width>=480px){body{background:#ebf0f5;justify-content:center;padding:20px}.app{border-radius:24px;max-width:420px;height:auto;min-height:750px;overflow:hidden;box-shadow:0 12px 40px #1b38571f}}.big-title{color:var(--navy);margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.25}.desc{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:1.6}.step-label{color:var(--teal);letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:600}@keyframes up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:.3s forwards up}@keyframes fadeMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-msg{animation:.35s forwards fadeMsg}.fade-in{animation:.3s ease-out forwards fadeIn}.fade-out{animation:.25s ease-in forwards fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.likert-emoji-card{transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important}.likert-emoji-card:active{opacity:.9;transform:scale(.92)!important}@media (hover:hover){.likert-emoji-card:hover{transform:translateY(-4px)scale(1.02);border-color:var(--navy)!important;box-shadow:0 8px 20px #1b385714!important}}.dashboard-card{background:#fff;border:1px solid #1b38570f;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 18px #1b385705}.dashboard-card:hover{border-color:#1b38571f;transform:translateY(-4px);box-shadow:0 10px 30px #1b38570f}.dashboard-select{color:var(--navy);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231B3857' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E") right 14px center/14px no-repeat;border:1px solid #1b385714;border-radius:12px;outline:none;padding:10px 38px 10px 16px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 2px 8px #00000003}.dashboard-select:hover{border-color:var(--teal);box-shadow:0 4px 12px #5b9b8a14}.dashboard-select:focus{border-color:var(--navy)}.kpi-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.kpi-card:hover .kpi-icon-wrapper{transform:scale(1.08)rotate(3deg)}.comment-card{background:#fff;border:1px solid #1b38570a;border-radius:16px;padding:20px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 14px #1b385703}.comment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b38570d}.invite-card-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.invite-card-btn:hover{background:#4a8274;transform:translateY(-1px);box-shadow:0 4px 12px #5b9b8a4d}.invite-card-btn:active{transform:translateY(0)}@media (width<=768px){.dashboard-navbar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 20px!important}.dashboard-navbar-actions{justify-content:space-between;width:100%}.dashboard-filters-container{padding:12px 20px!important}.dashboard-filters-wrapper{flex-direction:column;align-items:stretch!important;gap:12px!important}.dashboard-select{width:100%}.dashboard-main-content{padding:20px!important}.dashboard-kpi-grid,.dashboard-charts-grid,.dashboard-comments-grid{grid-template-columns:1fr!important;gap:16px!important}.kpi-value{font-size:28px!important}.dashboard-card-title{font-size:15px!important}}@media (width>=769px) and (width<=1024px){.dashboard-charts-grid{grid-template-columns:1fr!important}.dashboard-filters-wrapper{justify-content:center}}