@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--navy:#0d4d4b;--teal:#127a78;--teal-deep:#0c5d59;--teal-pale:#eaf8f4;--mint:#dfeee9;--gold:#d9b77a;--ink:#183a3a;--muted:#667c7c;--line:#dbe9e5;--paper:#ffffffd1;--canvas:linear-gradient(180deg,#edf8f5 0%,#f6faf8 42%,#f2f4f1 100%);--danger:#b73c3c;--soft-shadow:0 18px 42px #0d4d4b14}*{box-sizing:border-box}body{isolation:isolate;background:var(--canvas);color:var(--ink);margin:0;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px;position:relative;overflow-x:hidden}body:before{content:"مؤسسة";letter-spacing:.08em;color:#0e6a6614;text-shadow:0 0 28px #0e6a661f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap;font-size:clamp(5rem,12vw,13rem);font-weight:800;position:fixed;inset:18% 10% auto auto;transform:rotate(-18deg)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#127b782b 0%,#127b7814 28%,#127b7800 68%);border-radius:50%;width:32rem;height:32rem;position:fixed;bottom:-8%;right:-8%}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-root,.app-layout,.workspace,.workspace-content,.login-page,.login-card,.panel,.kpi,.users-list,.list-header,.table-wrap,.sidebar,.app-header,.page-shell,.survey-form,.user-form,.dashboard-heading,.records,.topbar{z-index:1;position:relative}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:38px;height:72px;padding:0 5vw;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand>span{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:37px;height:37px;font-size:19px;font-weight:800;display:grid}.brand b,.brand small{line-height:1.4;display:block}.brand small{color:#718184;font-size:11px}.nav-links{gap:6px;margin-inline:auto;display:flex}.nav-links button{color:#617578;background:0 0;border:0;border-radius:9px;padding:10px 15px;font-weight:700}.nav-links button.active{background:var(--teal-pale);color:var(--teal)}.user-badge{color:#526b6d;align-items:center;gap:8px;font-size:12px;display:flex}.user-badge i{width:32px;height:32px;color:var(--teal);background:#d9f0ed;border-radius:50%;place-items:center;font-style:normal;font-weight:700;display:grid}.page-shell{max-width:1220px;margin:auto;padding:42px 24px 70px}.survey-form{max-width:1060px;margin:auto}.form-header{color:#fff;background:linear-gradient(135deg,#123e45,#176a67);border-radius:18px;grid-template-columns:auto 1fr 205px;align-items:center;gap:18px;margin:0 0 24px;padding:27px 30px;display:grid;box-shadow:0 14px 28px #123e4524}.form-header__mark{color:#fff;background:#ffffff12;border:1px solid #ffffff4d;border-radius:14px;place-items:center;width:51px;height:51px;font-size:24px;font-weight:800;display:grid}.eyebrow{letter-spacing:.3px;color:#aee5dc;margin:0 0 3px;font-size:11px;font-weight:800}.form-header h1{margin:0;font-size:23px;line-height:1.45}.form-header__description{color:#e1f3f0;margin:4px 0 0;font-size:12px}.form-number{margin:0;display:block}.form-number span{color:#dff3ef;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-number input{color:var(--ink);background:#fff;border-color:#ffffff4d}.panel{box-shadow:var(--soft-shadow);background:linear-gradient(#ffffffe6,#ffffffb8);border:1px solid #0e6a661f;border-radius:18px;margin-top:18px;padding:25px}.panel-title{align-items:flex-start;gap:11px;margin-bottom:20px;display:flex}.panel-title>span{width:31px;height:31px;color:var(--teal);background:linear-gradient(135deg,#eaf8f4,#dfeee9);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.panel h2{margin:0;font-size:16px}.panel-title p{color:var(--muted);margin:2px 0 0;font-size:11px}.form-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}label,.field-label{color:#40585b;margin-bottom:6px;font-size:12px;font-weight:700;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cddfdd;border-radius:9px;outline:0;padding:10px 12px;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;height:88px}.rating-panel{padding-bottom:22px}.rating-legend{flex-wrap:wrap;gap:7px;margin:-6px 0 16px;display:flex}.rating-legend span{color:#668082;background:#f4f8f7;border:1px solid #e2ecea;border-radius:20px;padding:4px 9px;font-size:10px}.rating-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.rating-row{border:0;border-bottom:1px solid var(--line);min-inline-size:0;margin:0;padding:14px 16px}.rating-row:last-child{border-bottom:0}.rating-row legend{color:#263e40;align-items:flex-start;gap:9px;width:100%;padding:0;font-size:12px;font-weight:700;display:flex}.rating-row legend b{width:22px;height:22px;color:var(--teal);background:#eef5f4;border-radius:7px;flex:0 0 22px;place-items:center;font-size:11px;display:grid}.rating-options{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:11px;display:grid}.rating-option{color:#627779;cursor:pointer;border:1px solid #d9e7e5;border-radius:8px;justify-content:center;align-items:center;min-height:34px;margin:0;font-size:11px;transition:all .16s;display:flex;position:relative}.rating-option input{opacity:0;pointer-events:none;position:absolute}.rating-option.selected{border-color:var(--teal);background:var(--teal-pale);color:#075f5b;box-shadow:inset 0 0 0 1px var(--teal);font-weight:800}.low-alert{color:#8b5111;background:#fff7ed;border:1px solid #f7d8a8;border-radius:10px;margin-top:17px;padding:15px}.low-alert p{margin:3px 0 9px;font-size:11px}.low-alert textarea{background:#fff}.notes-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.notes-grid>label{margin:0}.full-row{grid-column:1/-1}.extortion{border:1px solid var(--line);border-radius:10px;height:fit-content;padding:13px 14px}.choice-pills{gap:8px;margin-top:10px;display:flex}.choice-pills label{color:#6b7f80;cursor:pointer;border:1px solid #d6e4e1;border-radius:20px;margin:0;padding:7px 20px;font-size:11px;position:relative}.choice-pills input{opacity:0;position:absolute}.choice-pills label.selected{background:var(--teal-pale);border-color:var(--teal);color:#066963}.choice-pills label.danger.selected{border-color:var(--danger);color:var(--danger);background:#fff1f1}.actions{gap:10px;margin-top:21px;display:flex}.btn{border:0;border-radius:9px;padding:10px 18px;font-size:12px;font-weight:800}.btn.primary{background:var(--teal);color:#fff;box-shadow:0 4px 10px #087d7838}.btn:disabled{opacity:.65;cursor:wait}.dashboard-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.dashboard-heading h1{margin:0;font-size:25px}.dashboard-heading>div>p:last-child,.section-heading p{color:#7a8799;margin:5px 0 0;font-size:12px}.section-heading{justify-content:space-between;align-items:flex-start;display:flex}.section-heading h2{margin-bottom:0}.section-heading>span{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:11px}.table-wrap{border:1px solid #e3eceb;border-radius:9px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{color:#526f70;text-align:center;background:#f5f9f8;border-bottom:1px solid #e3eceb;padding:12px;font-size:11px}td{text-align:center;color:#475f61;border-bottom:1px solid #edf2f1;padding:12px;font-size:12px}tbody tr:last-child td{border:0}.kpis{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kpi{border-radius:13px;align-items:center;gap:14px;padding:20px;display:flex}.kpi-icon{border-radius:11px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid}.kpi p,.kpi small{color:#64748b;margin:0;font-size:11px}.kpi strong{margin:3px 0;font-size:25px;display:block}.analytics{grid-template-columns:1.7fr 1fr;gap:18px;display:grid}.rating-bars{gap:13px;display:grid}.bar-row{color:#56657a;grid-template-columns:75px 1fr 42px;align-items:center;gap:9px;font-size:11px;display:grid}.bar-row b{color:#344154}.bar-track{background:#eef2f7;border-radius:10px;height:8px;overflow:hidden}.bar-track i{border-radius:10px;height:100%;display:block}.governorate-list{gap:5px;display:grid}.governorate-list div{color:#56657a;border-bottom:1px solid #edf1f6;justify-content:space-between;padding:9px 0;display:flex}.governorate-list b{color:#087d78}.empty{color:#94a3b8;font-size:12px}.records{margin-top:18px}.filters{grid-template-columns:1.5fr repeat(4,1fr) auto;gap:9px;margin:17px 0;display:grid}.filters input,.filters select{padding:8px;font-size:11px}.records-table td{text-align:right}.records-table td:last-child{text-align:center}.tag{color:#087d78;background:#eaf5f4;border-radius:20px;padding:3px 9px;font-size:10px}.danger-text{color:#dc2626;font-weight:700}.safe-text{color:#059669}.text-btn{color:#087d78;background:0 0;border:0;font-size:11px;font-weight:700}.modal-backdrop{z-index:5;background:#0f172a75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:88vh;padding:0;position:relative;overflow:auto;box-shadow:0 30px 60px #09177f40}.close{color:#475569;z-index:2;background:#ffffffeb;border:0;border-radius:50%;width:28px;height:28px;font-size:19px;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #00000024}.survey-report .report-stripe{background:linear-gradient(90deg,var(--danger) 0 33%,var(--gold) 33% 66%,#46a636 66%);height:6px}.survey-report .report-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px 46px;display:flex}.survey-report .report-brand{align-items:center;gap:11px;display:flex}.survey-report .report-brand img{border-radius:50%;width:44px;height:44px;box-shadow:0 6px 16px #09177f2e}.survey-report .report-brand b,.survey-report .report-brand span{display:block}.survey-report .report-brand b{color:var(--ink);font-size:13px}.survey-report .report-brand span{color:var(--muted);margin-top:2px;font-size:10px}.survey-report .report-badge{text-align:left;background:var(--teal-pale);border-radius:11px;min-width:145px;padding:9px 15px}.survey-report .report-badge span{color:var(--muted);font-size:9px;font-weight:800;display:block}.survey-report .report-badge b{color:var(--teal);margin-top:3px;font-size:13px;display:block}.survey-report .report-badge small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.info-cards{grid-template-columns:repeat(3,1fr);gap:9px;padding:18px 24px 4px;display:grid}.info-cards article{border:1px solid var(--line);background:#fbfcff;border-radius:11px;align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.info-cards article.full{grid-column:1/-1}.info-cards article.warn{background:#fff1f1;border-color:#f6c9c9}.info-cards article.ok{background:#eff9ea;border-color:#c9e8b9}.info-cards article>i{background:var(--teal-pale);width:24px;height:24px;color:var(--teal);border-radius:7px;flex:0 0 24px;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.info-cards article.warn>i{color:var(--danger);background:#ffe0e1}.info-cards article.ok>i{color:#368b29;background:#dcf1d5}.info-cards span{color:var(--muted);font-size:9px;font-weight:700;display:block}.info-cards b{color:var(--ink);margin-top:3px;font-size:12px;display:block}.ratings-section{padding:16px 24px 6px}.ratings-section-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.ratings-section-head h3{color:var(--ink);margin:0;font-size:13px}.ratings-section-head span{color:var(--muted);background:#f1f5f9;border-radius:20px;padding:3px 9px;font-size:10px}.rating-rows{border:1px solid var(--line);border-radius:11px;overflow:hidden}.rating-row-pro{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:9px 13px;font-size:12px;display:flex}.rating-row-pro:last-child{border-bottom:0}.rating-row-pro p{flex:1;margin:0}.pill{color:#fff;white-space:nowrap;border-radius:20px;flex:none;padding:4px 13px;font-size:10px;font-weight:800}.notes-section{gap:9px;padding:13px 24px 4px;display:grid}.note-card{background:#fffbeb;border:1px solid #f3e2a9;border-radius:10px;padding:10px 13px}.note-card span{color:#8b7a3a;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.note-card p{color:#5c4e1f;margin:0;font-size:12px;line-height:1.7}.report-actions{gap:9px;padding:18px 24px 24px;display:flex}.report-actions .btn{flex:1}@media (width<=760px){.topbar{flex-wrap:wrap;gap:14px;height:auto;padding:12px 18px}.nav-links{order:3;width:100%;margin:0}.user-badge{display:none}.page-shell{padding:25px 14px}.form-header{grid-template-columns:auto 1fr;padding:22px 18px}.form-number{grid-column:1/-1}.form-grid,.kpis,.analytics,.notes-grid{grid-template-columns:1fr}.rating-options{grid-template-columns:repeat(2,1fr)}.rating-option:last-child{grid-column:1/-1}.dashboard-heading{align-items:flex-start;gap:16px}.filters{grid-template-columns:1fr 1fr}.filters input:first-child{grid-column:1/-1}.dashboard-heading h1{font-size:20px}.panel{padding:16px}.info-cards{grid-template-columns:1fr}.survey-report .report-head{flex-direction:column;padding-left:24px}.survey-report .report-badge{text-align:right;width:100%}}.login-page{background:linear-gradient(135deg,#eefaf7 0%,#f8fbfa 50%,#eff5f3 100%);grid-template-columns:minmax(390px,45%) 1fr;min-height:100vh;display:grid}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:430px;box-shadow:var(--soft-shadow);background:#ffffffb8;border:1px solid #127a781a;border-radius:24px;flex-direction:column;justify-content:center;margin:auto;padding:50px;display:flex}.login-brand,.sidebar-brand{align-items:center;gap:10px;display:flex}.login-brand>span,.sidebar-brand>span{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:19px;font-weight:800;display:grid;box-shadow:0 14px 22px #127a7833}.login-brand b,.login-brand small,.sidebar-brand b,.sidebar-brand small{display:block}.login-brand small,.sidebar-brand small{color:#7c8d8f;font-size:11px}.login-title{margin:50px 0 28px}.login-title p{color:var(--teal);margin:0 0 4px;font-size:12px;font-weight:800}.login-title h1{margin:0;font-size:27px}.login-title span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.login-card form{gap:15px;display:grid}.login-card label{font-size:12px}.login-card input{height:43px;margin-top:6px}.login-btn{width:100%;margin-top:4px;padding:12px}.form-error{color:#a63838;background:#fff1f1;border-radius:8px;margin:0;padding:9px 11px;font-size:11px}.login-aside{color:#fff;background:radial-gradient(circle at 75% 20%,#2c8f89,#0000 30%),linear-gradient(135deg,#103e45,#0d6262);flex-direction:column;justify-content:space-between;padding:8vw;display:flex}.login-aside>div{margin:auto 0}.login-aside p{color:#a7ded5;font-size:12px;font-weight:800}.login-aside h2{margin:9px 0;font-size:38px;line-height:1.45}.login-aside span{color:#d4edeb;max-width:410px;font-size:14px;line-height:2;display:block}.login-aside small{color:#a7ded5}.session-loading{background:var(--canvas);min-height:100vh;color:var(--teal);place-items:center;font-weight:700;display:grid}.app-layout{background:#ffffff2e;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);background:linear-gradient(#ffffffeb,#eff8f6e6);flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #0d4d4b0a}.sidebar-brand{padding:0 10px}.sidebar-label{color:#9aabaa;margin:39px 10px 9px;font-size:10px;font-weight:800}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#587173;text-align:right;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-size:12px;font-weight:700;display:flex}.sidebar nav button i{color:#769091;place-items:center;width:20px;font-style:normal;display:grid}.sidebar nav button.active{background:var(--teal-pale);color:#076964}.sidebar-footer{background:#f5f9f8;border-radius:10px;margin-top:auto;padding:14px 11px}.sidebar-footer span,.sidebar-footer b{display:block}.sidebar-footer span{color:#829294;font-size:10px}.sidebar-footer b{color:#375355;margin-top:3px;font-size:11px}.workspace{min-width:0}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffdb,#f6faf9db);justify-content:space-between;align-items:center;height:83px;padding:0 36px;display:flex}.app-header p{color:var(--teal);margin:0;font-size:10px;font-weight:800}.app-header h1{margin:3px 0 0;font-size:17px}.header-user{align-items:center;gap:8px;display:flex}.header-user>span,.avatar{width:34px;height:34px;color:var(--teal);background:linear-gradient(135deg,#dfeee9,#cfe8e0);border-radius:50%;place-items:center;font-weight:800;display:grid}.header-user b,.header-user small{display:block}.header-user small{color:#879698;font-size:10px}.header-user button{color:#547173;background:linear-gradient(#edf8f4,#e4f1ee);border:0;border-radius:8px;width:30px;height:30px;margin-right:9px}.workspace-content{max-width:1320px;margin:auto;padding:29px 34px 55px}.workspace-content .survey-form{max-width:1100px}.workspace-content .form-header{display:none}.page-lead{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.page-lead h2{margin:1px 0;font-size:20px}.page-lead span{color:var(--muted);font-size:11px}.users-layout{grid-template-columns:340px minmax(0,1fr);gap:18px;display:grid}.user-form form{gap:13px;display:grid}.user-form label{margin:0}.user-form label small{color:#849394;font-size:10px}.active-toggle{align-items:center;gap:8px;font-size:11px;display:flex}.active-toggle input{width:15px;height:15px}.form-actions{gap:8px;margin-top:3px;display:flex}.users-list{padding:0}.list-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 21px 15px;display:flex}.list-header h2{margin:0;font-size:15px}.list-header p{color:var(--muted);margin:2px 0 0;font-size:10px}.list-header input{width:190px;padding:8px 10px;font-size:11px}.user-rows article{border-bottom:1px solid #edf2f1;grid-template-columns:35px minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;padding:13px 21px;display:grid}.user-rows article:last-child{border:0}.user-rows b,.user-rows small{display:block}.user-rows small{color:#7e9091;margin-top:2px;font-size:10px}.role-chip,.status{white-space:nowrap;border-radius:20px;padding:4px 8px;font-size:10px}.status.inactive{color:#b24141;background:#fff0f0}.empty-state{text-align:center;color:#8a9a9b;padding:35px;font-size:12px}.role-guide{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.role-guide article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 16px}.role-guide b,.role-guide span{display:block}.role-guide b{color:var(--teal);font-size:12px}.role-guide span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.8}@media (width<=850px){.app-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-bottom:1px solid var(--line);height:auto;padding:13px 16px;position:static}.sidebar-label,.sidebar-footer{display:none}.sidebar nav{margin-top:12px;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.app-header{padding:0 18px}.workspace-content{padding:22px 16px}.users-layout,.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-card{padding:32px 23px}.user-rows article{grid-template-columns:35px 1fr auto;gap:7px}.user-rows .role-chip{display:none}.user-rows .status{grid-column:2}.user-rows .text-btn{grid-area:1/3/3}.role-guide{grid-template-columns:1fr}.page-lead{flex-direction:column;gap:12px}.workspace-content .form-header{display:grid}.header-user>div{display:none}}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-footer{color:#718486;border-top:1px solid var(--line);text-align:center;background:#fff;padding:16px 24px;font-size:11px}.app-root>.app-layout{flex:1}html,body,#app{width:100%;min-height:100%}img{max-width:100%;height:auto}@media (width<=1100px){.form-grid{grid-template-columns:repeat(2,1fr)}.analytics{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,1fr)}.users-layout{grid-template-columns:280px minmax(0,1fr)}.workspace-content{padding-inline:24px}}@media (width<=850px){.app-header{gap:16px;height:auto;min-height:83px;padding-block:15px}.app-header h1{line-height:1.5}.workspace-content{min-width:0}.kpis{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.form-grid,.kpis,.notes-grid{grid-template-columns:1fr}.form-header{gap:12px;padding:18px 15px}.form-header h1{font-size:18px}.form-header__description{line-height:1.7}.panel{padding:15px 13px}.rating-row{padding:13px 10px}.rating-row legend{font-size:11px}.actions{flex-direction:column}.actions .btn,.form-actions .btn{width:100%}.app-header{align-items:flex-start;padding-inline:15px}.app-header h1{max-width:220px;font-size:15px}.header-user{margin-inline-start:auto}.header-user>span{width:30px;height:30px}.header-user button{margin-right:2px}.workspace-content{padding:18px 12px 35px}.page-lead h2{font-size:18px}.filters{grid-template-columns:1fr;margin-top:14px}.filters input:first-child{grid-column:auto}.list-header{flex-direction:column;align-items:stretch;gap:12px;padding:17px}.list-header input{width:100%}.user-rows article{padding-inline:14px}.app-footer{padding:12px 15px;font-size:10px;line-height:1.8}.login-card{padding:28px 18px}.login-title{margin:36px 0 24px}.login-title h1{font-size:23px}}body:before{content:"";opacity:.055;filter:grayscale();pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;background:url(/assets/ppf-logo-Dg_dTx3D.png) 50%/clamp(260px,38vw,520px) no-repeat;position:fixed;inset:0}.qr-summary{border:1px solid var(--line);text-align:center;background:#fff;border-radius:11px;min-width:112px;padding:9px 15px}.qr-summary b,.qr-summary span{display:block}.qr-summary b{color:var(--teal);font-size:20px}.qr-summary span{color:var(--muted);font-size:9px}.qr-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.qr-create-panel{margin:0;position:sticky;top:18px}.qr-create-panel form{gap:14px;display:grid}.qr-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qr-create-panel label{margin:0}.qr-create-panel label small{color:#809394;margin-top:5px;font-size:9px;line-height:1.7;display:block}.qr-create-panel input[dir=ltr]{text-align:left;font-size:10px}.qr-create-btn{width:100%;margin-top:2px}.local-warning{color:#84571e;background:#fff9eb;border:1px solid #efd196;border-radius:8px;margin:0;padding:10px;font-size:10px;line-height:1.8}.qr-list-area{gap:14px;display:grid}.qr-empty{color:#839393;align-content:center;place-items:center;gap:5px;min-height:150px;margin:0;display:grid}.qr-empty b{font-size:15px}.qr-empty span{font-size:11px}.qr-card{grid-template-columns:160px minmax(0,1fr);gap:20px;margin:0;padding:18px;transition:opacity .2s;display:grid}.qr-card.disabled{opacity:.68}.qr-preview{border:1px solid var(--line);background:#fff;border-radius:13px;align-self:start;padding:8px;position:relative}.qr-preview img{border-radius:7px;width:100%;display:block}.qr-preview>span{color:#fff;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:800;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 8px #0002}.qr-preview>span.inactive{background:#b44b4b}.qr-details{min-width:0}.qr-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.qr-card-heading small{color:var(--teal);font-size:9px;font-weight:800}.qr-card-heading h3{margin:2px 0;font-size:17px}.qr-card-heading p{color:var(--muted);margin:0;font-size:10px}.status-toggle{color:#14704f;background:#e7f6ef;border:0;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;font-weight:800;display:flex}.status-toggle i{background:#35a67c;border-radius:10px;width:25px;height:14px;position:relative}.status-toggle i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:2px;right:2px}.status-toggle.off{color:#9a3f3f;background:#f7eaea}.status-toggle.off i{background:#c86c6c}.status-toggle.off i:after{right:13px}.qr-metrics{grid-template-columns:1fr 1fr 1.4fr;gap:7px;margin:15px 0;display:grid}.qr-metrics>div{background:#f3f8f7;border-radius:8px;padding:8px 9px}.qr-metrics b,.qr-metrics span{display:block}.qr-metrics b{color:#355758;font-size:11px}.qr-metrics span{color:#829392;margin-top:2px;font-size:8px}.qr-link{color:#698181;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fbfdfc;border:1px dashed #cadcda;border-radius:7px;margin:0;padding:8px 10px;font-size:9px;overflow:hidden}.qr-actions{gap:7px;margin-top:12px;display:flex}.qr-actions .btn{padding:8px 12px;font-size:10px}.page-lead-actions{align-items:center;gap:10px;display:flex}.pagination{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:16px;font-size:11px;display:flex}.pagination .btn{padding:8px 16px;font-size:11px}@media (width<=520px){.page-lead-actions{flex-direction:column;align-items:stretch;width:100%}.page-lead-actions .qr-summary{width:100%}}.public-survey-page{z-index:1;background:linear-gradient(#edf8f5b8,#f8fbfac2);min-height:100vh;padding:22px 18px 65px;position:relative}.public-brand{background:#ffffffd1;border:1px solid #0d4d4b1a;border-radius:13px;align-items:center;gap:10px;max-width:1060px;margin:0 auto 16px;padding:9px 14px;display:flex;box-shadow:0 8px 24px #0d4d4b0f}.public-brand img{width:45px;height:45px}.public-brand b,.public-brand span{display:block}.public-brand b{font-size:13px}.public-brand span{color:var(--muted);font-size:9px}.public-form-header{grid-template-columns:auto 1fr}.public-state{z-index:1;text-align:center;min-height:100vh;color:var(--teal);align-content:center;place-items:center;gap:13px;padding:25px;display:grid;position:relative}.public-state img{width:125px}.public-state h1{color:var(--ink);margin:3px 0 0}.public-state p{max-width:430px;color:var(--muted);margin:0;line-height:1.9}.public-state.error img{filter:grayscale(.25);opacity:.8}@media (width<=1050px){.qr-layout{grid-template-columns:280px minmax(0,1fr)}.qr-card{grid-template-columns:135px minmax(0,1fr)}.qr-metrics{grid-template-columns:1fr 1fr}.qr-metrics>div:last-child{grid-column:1/-1}}@media (width<=760px){.qr-layout{grid-template-columns:1fr}.qr-create-panel{position:static}.qr-card{grid-template-columns:120px minmax(0,1fr);gap:12px}.qr-actions{flex-wrap:wrap}.public-survey-page{padding:12px 10px 45px}.public-brand{margin-bottom:11px}.public-form-header{grid-template-columns:auto 1fr!important}}@media (width<=520px){.qr-card{grid-template-columns:1fr}.qr-preview{width:170px;margin:auto}.qr-card-heading{align-items:center}.qr-metrics{grid-template-columns:1fr 1fr}.qr-actions .btn{flex:1}.qr-form-grid{grid-template-columns:1fr}.public-form-header{text-align:center;grid-template-columns:1fr!important}.public-form-header .form-header__mark{margin:auto}.public-form-header .eyebrow{margin-top:3px}}:root{--navy:#09177f;--teal:#1428c6;--teal-deep:#0b1b91;--teal-pale:#eef2ff;--mint:#e8f3e4;--gold:#f4d40e;--ink:#18234a;--muted:#6b738c;--line:#dce2f3;--canvas:linear-gradient(145deg,#f2f5ff 0%,#fffef4 48%,#f2f8ef 100%);--danger:#d71920;--soft-shadow:0 18px 42px #1428c617}body:after{background:radial-gradient(circle,#d719201c 0%,#f4d40e17 28%,#46a63614 47%,#1428c600 69%);bottom:-13%;right:-9%}.panel{border-color:#1428c61f}.panel-title>span{color:var(--teal);background:linear-gradient(135deg,#eef2ff,#fff8bd)}input,select,textarea{border-color:#ccd4ed}input:focus,select:focus,textarea:focus{border-color:#2038cb;box-shadow:0 0 0 3px #1428c624}.btn.primary{background:linear-gradient(135deg,#1832d1,#0a187f);box-shadow:0 6px 15px #1428c63d}.btn.primary:hover{background:linear-gradient(135deg,#2340e1,#101f9e)}.btn.secondary{color:#1b2d83;background:linear-gradient(135deg,#eef2ff,#fffbe0)}.form-header{background:linear-gradient(125deg,#09177f 0%,#1c35c8 62%,#399431 135%);box-shadow:0 14px 28px #09177f33}.form-header__mark{color:#fff59a;background:#f4d40e24;border-color:#f4d40ea6}.form-header .eyebrow{color:#fff27a}.form-header__description,.form-number span{color:#e6eaff}.rating-option.selected{color:#102386;background:#eef2ff;border-color:#1932c8;box-shadow:inset 0 0 0 1px #1932c8}.rating-row legend b{color:#1428c6;background:#eef2ff}.choice-pills label.selected{color:#102386;background:#eef2ff;border-color:#1428c6}.kpi.blue{background:linear-gradient(135deg,#edf1ff,#f8f9ff)}.blue .kpi-icon{color:#1428c6;background:#dce4ff}.kpi.red{background:linear-gradient(135deg,#fff0f1,#fff8f2)}.red .kpi-icon{color:#d71920;background:#ffdfe1}.kpi.green{background:linear-gradient(135deg,#eff9ea,#fffde7)}.green .kpi-icon{color:#368b29;background:#dcf1d5}.excellent{background:#46a636}.very-good{background:#77bc35}.good{background:#1428c6}.average{background:#e7c400}.poor{background:#d71920}.governorate-list b,.text-btn,.tag{color:#1428c6}.tag{background:#eef2ff}.login-page{background:linear-gradient(135deg,#eff3ff 0%,#fffef2 52%,#eff7ec 100%)}.login-card{border-color:#1428c621}.login-aside{background:radial-gradient(circle at 78% 18%,#f4d40e61,#0000 24%),radial-gradient(circle at 18% 84%,#d719204d,#0000 32%),linear-gradient(135deg,#07136f,#182fbd 58%,#2f8a35);position:relative;overflow:hidden}.login-aside:after{content:"";border:48px solid #ffffff12;border-radius:50%;width:340px;height:340px;position:absolute;inset:auto -12% -22% auto}.login-aside p,.login-aside small{color:#fff27a}.login-aside span{color:#edf0ff}.login-brand img,.sidebar-brand img{background:#fff;border-radius:50%;flex:0 0 46px;width:46px;height:46px;box-shadow:0 8px 20px #040d533d}.sidebar{color:#fff;background:linear-gradient(#0b197f 0%,#172fc0 57%,#071266 100%);border-left:0;overflow:hidden;box-shadow:-8px 0 28px #09177f26}.sidebar:before{content:"";background:linear-gradient(90deg,#d71920 0 33%,#f4d40e 33% 66%,#46a636 66%);height:5px;position:absolute;inset:0 0 auto}.sidebar-brand b{color:#fff}.sidebar-brand small{color:#d9dfff}.sidebar-label{color:#aebaff}.sidebar nav button{color:#e6eaff}.sidebar nav button i{color:#fff17a}.sidebar nav button:hover{background:#ffffff17}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#ffffff2e,#ffffff1a);border-right:3px solid #f4d40e}.sidebar nav button.active i{color:#8bd476}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.sidebar-footer{background:#ffffff1a;border:1px solid #ffffff1c;margin-top:0}.sidebar-footer span{color:#bec8ff}.sidebar-footer b{color:#fff}.sidebar-logout{color:#fff;background:linear-gradient(135deg,#d71920,#a90d2d);border:1px solid #fff3;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:11px;font-weight:800;display:flex;box-shadow:0 7px 16px #5b031740}.sidebar-logout:hover{background:linear-gradient(135deg,#ed242b,#be1238)}.sidebar-logout i{font-size:15px;font-style:normal}.app-header{background:linear-gradient(100deg,#ffffffeb,#eef2ffe6,#fffde4b3);border-bottom-color:#d8def2}.header-user>span,.avatar{color:#1428c6;background:linear-gradient(135deg,#fff39a,#dcefd2);border:1px solid #1428c61a}.app-footer{border-top:3px solid #0000;border-image:linear-gradient(90deg,#d71920,#f4d40e,#46a636,#1428c6) 1}.role-chip{color:#243a99;background:#eef2ff}.status.active{color:#36862b;background:#edf8e8}.qr-metrics>div{background:#f2f5ff}.qr-link{background:#fafbff;border-color:#cad2ef}.qr-preview>span.active{background:#46a636}.qr-card-heading small,.qr-summary b{color:#1428c6}.public-survey-page{background:linear-gradient(160deg,#f0f4ffcc,#fffeefcc,#f0f8edc2)}.public-brand{border-color:#1428c621;box-shadow:0 8px 24px #1428c612}@media (width<=850px){.sidebar{background:linear-gradient(110deg,#0b197f,#172fc0 62%,#123f7c)}.sidebar-bottom{grid-template-columns:1fr;margin-top:12px}.sidebar-logout{max-width:220px}.sidebar-footer{display:none}}@media (width<=520px){.sidebar-logout{max-width:none}.login-brand img,.sidebar-brand img{flex-basis:42px;width:42px;height:42px}}.sidebar{background:linear-gradient(#050b3e 0%,#0c1976 55%,#03072e 100%);box-shadow:-10px 0 30px #03072e3d}.app-header{background:linear-gradient(110deg,#060d4a 0%,#10218f 68%,#123f54 125%);border-bottom:0;box-shadow:0 8px 22px #060d4a2b}.app-header h1,.header-user b{color:#fff}.app-header p{color:#fff17a}.header-user small{color:#c9d2ff}.header-user>span{color:#09177f;background:linear-gradient(135deg,#fff17a,#9bd97c);border-color:#ffffff47;box-shadow:0 5px 14px #0000002e}.app-footer{color:#e8ecff;background:linear-gradient(100deg,#03072e,#0d1a77 58%,#0e3546);border-top:4px solid #0000;border-image:linear-gradient(90deg,#d71920,#f4d40e,#46a636,#5267ff) 1;box-shadow:0 -6px 20px #050b3e1f}@media (width<=850px){.sidebar{background:linear-gradient(110deg,#050b3e,#0c1976 62%,#092f45)}.app-header{background:linear-gradient(110deg,#060d4a,#10218f 72%,#103747)}}.login-v2{background:#f7f8fc;grid-template-columns:minmax(460px,46%) 1fr;min-height:calc(100vh - 49px)}.login-access-panel{background:radial-gradient(circle at 15% 15%,#f4d40e14,#0000 22%),linear-gradient(145deg,#fff,#f8f9fd);justify-content:center;align-items:center;padding:46px clamp(28px,5vw,76px);display:flex;position:relative}.login-access-panel:before{content:"";background:linear-gradient(#0000,#d9def0,#0000);width:1px;position:absolute;inset:0 auto 0 0}.login-access-inner{width:100%;max-width:430px}.login-brand-v2{border-bottom:1px solid #e6e9f3;padding-bottom:28px}.login-brand-v2 b{color:#17204a;font-size:14px}.login-brand-v2 small{color:#7b8298;margin-top:2px;font-size:10px}.login-kicker{color:#1428c6;align-items:center;gap:7px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.login-kicker i{background:#46a636;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #46a6361f}.login-title-v2 h1{color:#141d43;letter-spacing:-.4px;margin:0;font-size:31px}.login-title-v2 p{color:#737b92;max-width:370px;margin:8px 0 0;font-size:12px;line-height:1.9}.login-form-v2{gap:9px;display:grid}.login-form-v2>label{color:#303958;margin:7px 0 0;font-size:11px}.login-input{background:#fff;border:1px solid #d8ddeb;border-radius:11px;align-items:center;min-height:48px;transition:border-color .18s,box-shadow .18s;display:flex}.login-input:focus-within{border-color:#1428c6;box-shadow:0 0 0 4px #1428c617}.login-input>span{color:#9ba3ba;place-items:center;width:43px;font-size:10px;display:grid}.login-input input{background:0 0;border:0;height:46px;margin:0;padding:9px 0;box-shadow:none!important}.login-input input::placeholder{color:#a8aec0}.login-input button{color:#59617b;background:#f0f2f9;border:0;border-radius:7px;flex:none;margin:0 8px;padding:6px 8px;font-size:9px;font-weight:700}.login-error{align-items:flex-start;gap:8px;margin:8px 0 0;padding:10px 12px;display:flex}.login-error b,.login-error span{display:block}.login-error span{margin-top:1px;font-size:9px}.login-submit{border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:49px;margin-top:12px;padding-inline:18px;display:flex}.login-submit i{background:#ffffff24;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.login-access-note{background:#f3f5fb;border-radius:11px;align-items:center;gap:10px;margin-top:24px;padding:12px;display:flex}.login-access-note>span{color:#1428c6;background:#e5e9fb;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.login-access-note p,.login-access-note b,.login-access-note small{margin:0;display:block}.login-access-note b{color:#3b4463;font-size:9px}.login-access-note small{color:#8a91a5;margin-top:2px;font-size:8px}.login-showcase{isolation:isolate;background:linear-gradient(145deg,#03072e 0%,#0b197f 47%,#172fc0 78%,#1f6339 135%);padding:clamp(48px,7vw,100px);position:relative;overflow:hidden}.login-showcase:before{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.login-showcase:after{border-width:65px;width:430px;height:430px;bottom:-22%;left:-12%;right:auto}.showcase-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#f4d40e33,#0000 65%);width:340px;height:340px;top:-120px;right:-80px}.orb-two{background:radial-gradient(circle,#d719202e,#0000 67%);width:300px;height:300px;bottom:-80px;left:22%}.showcase-content{z-index:2;max-width:610px;position:relative;margin:0!important}.showcase-badge{color:#fff38b;background:#ffffff12;border:1px solid #ffffff29;border-radius:99px;padding:6px 11px;font-size:9px;font-weight:800;display:inline-flex}.showcase-content h2{letter-spacing:-1.3px;margin:20px 0 12px;font-size:clamp(32px,4.2vw,57px);line-height:1.35}.showcase-content>p{color:#ced5f6;max-width:540px;margin:0;font-size:13px;line-height:2}.showcase-features{gap:10px;margin-top:35px;display:grid}.showcase-features article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;max-width:470px;padding:11px 13px;display:flex}.showcase-features i{color:#fff17a;background:#f4d40e1f;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:9px;font-style:normal;font-weight:800;display:grid}.showcase-features b,.showcase-features span{display:block}.showcase-features span{color:#bac5ed;margin-top:2px;font-size:9px}.showcase-preview{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:rtl;background:#ffffff1a;border:1px solid #ffffff2b;border-radius:18px;width:235px;padding:18px;position:absolute;top:16%;left:-45px;transform:rotate(-4deg);box-shadow:0 24px 50px #00000038}.preview-top{direction:ltr;gap:4px;display:flex}.preview-top span{background:#fff;border-radius:50%;width:5px;height:5px}.preview-top span:first-child{background:#d71920}.preview-top span:nth-child(2){background:#f4d40e}.preview-top span:nth-child(3){background:#46a636}.preview-progress{gap:4px;margin:18px 0 15px;display:flex}.preview-progress i{background:#ffffff29;border-radius:4px;flex:1;height:4px}.preview-progress i:nth-child(-n+2){background:#fff17a}.showcase-preview strong,.showcase-preview small{display:block}.showcase-preview small{color:#c7d0f3;margin-top:3px;font-size:8px}.preview-options{gap:6px;margin-top:16px;display:grid}.preview-options span{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:7px;height:27px}.preview-options span:nth-child(2){background:#f4d40e1a;border-color:#fff17a}.showcase-footer{z-index:2;color:#bec8ef;justify-content:space-between;margin-top:auto;font-size:9px;display:flex;position:relative}.showcase-footer b{color:#fff17a}.survey-experience-header{background:linear-gradient(120deg,#fffffff5,#f5f7fff0,#fffde8d1);border:1px solid #1428c621;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:16px;padding:20px 23px;scroll-margin-top:18px;display:flex;box-shadow:0 12px 32px #09177f12}.survey-identity{align-items:center;gap:14px;display:flex}.survey-identity img{flex:0 0 57px;width:57px;height:57px}.survey-identity p,.survey-identity h1,.survey-identity span{margin:0;display:block}.survey-identity p{color:#1428c6;font-size:9px;font-weight:800}.survey-identity h1{color:#17204a;margin-top:2px;font-size:18px}.survey-identity span{color:#747d94;margin-top:3px;font-size:9px}.survey-meta{gap:7px;display:flex}.survey-meta span{color:#788097;text-align:center;background:#fff;border:1px solid #e0e4f0;border-radius:10px;min-width:82px;padding:8px 10px;font-size:8px}.survey-meta b{color:#1428c6;font-size:14px;display:block}.survey-stepper{background:#ffffffe0;border:1px solid #1428c61a;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;padding:13px 17px;display:grid;position:relative}.stepper-track{background:#e5e8f2;border-radius:4px;height:3px;position:absolute;top:31px;left:12%;right:12%;overflow:hidden}.stepper-track i{background:linear-gradient(90deg,#46a636,#1428c6);border-radius:4px;height:100%;transition:width .3s;position:absolute;top:0;right:0}.survey-stepper button{z-index:1;color:#979daf;text-align:right;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:5px;display:flex;position:relative}.survey-stepper button.reachable{cursor:pointer}.survey-stepper button>i{color:#8d94a8;background:#e7eaf2;border:3px solid #fff;border-radius:50%;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:10px;font-style:normal;font-weight:800;display:grid;box-shadow:0 0 0 1px #dde1ed}.survey-stepper button.active>i{color:#fff;background:linear-gradient(135deg,#1932cd,#0a177c);box-shadow:0 0 0 3px #1428c61f}.survey-stepper button.completed>i{color:#fff;background:#46a636}.survey-stepper button span,.survey-stepper button b,.survey-stepper button small{display:block}.survey-stepper button b{color:#5b637a;font-size:9px}.survey-stepper button.active b{color:#1428c6}.survey-stepper button small{margin-top:1px;font-size:7px}.form-step-error{color:#8d2428;background:#fff4f4;border:1px solid #efb8ba;border-right:4px solid #d71920;border-radius:11px;align-items:flex-start;gap:11px;margin-bottom:15px;padding:12px 14px;display:flex}.form-step-error>span{color:#fff;background:#d71920;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.form-step-error b,.form-step-error p{margin:0;display:block}.form-step-error p{margin-top:2px;font-size:9px}.form-step{min-height:360px;margin-top:0;padding:28px}.form-step-heading{border-bottom:1px solid #e8eaf2;align-items:flex-start;gap:13px;margin-bottom:25px;padding-bottom:18px;display:flex}.form-step-heading>span{color:#fff;background:linear-gradient(135deg,#152dca,#091676);border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-size:10px;font-weight:800;display:grid;box-shadow:0 7px 15px #1428c629}.form-step-heading p,.form-step-heading h2,.form-step-heading small{margin:0;display:block}.form-step-heading p{color:#1428c6;font-size:8px;font-weight:800}.form-step-heading h2{color:#1c254a;margin-top:2px;font-size:18px}.form-step-heading small{color:#7e8599;margin-top:3px;font-size:9px}.form-step label{color:#35405d}.form-step label>small{float:left;color:#9ba1b1;font-size:8px;font-weight:500}.form-step input,.form-step select,.form-step textarea{margin-top:2px}.notes-grid-v2{gap:20px}.notes-grid-v2 textarea{height:120px}.extortion{background:#fafbfe}.extortion>p{color:#8a91a4;margin:3px 0 12px;font-size:8px}.review-step{min-height:430px}.review-section{background:#fbfcff;border:1px solid #e1e5f0;border-radius:12px;margin-top:19px;padding:17px}.review-section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.review-section-title h3{color:#263050;margin:0;font-size:12px}.review-section-title button{color:#1428c6;background:0 0;border:0;font-size:9px;font-weight:800}.review-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin:0;display:grid}.review-grid>div,.review-notes>div{background:#f1f3f9;border-radius:8px;padding:9px 10px}.review-grid dt,.review-grid dd,.review-notes dt,.review-notes dd{margin:0}.review-grid dt,.review-notes dt{color:#8a91a4;font-size:7px}.review-grid dd,.review-notes dd{color:#303a59;margin-top:3px;font-size:9px;font-weight:700}.rating-summary{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.rating-summary>div{background:#f1f3f9;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:8px;display:grid}.rating-summary i{border-radius:50%;width:7px;height:7px}.rating-summary span{color:#646d83;font-size:8px}.review-notes{gap:7px;margin:0;display:grid}.review-notes dd{white-space:pre-wrap;font-weight:500}.submission-note{color:#427738;background:#eff8eb;border-radius:9px;align-items:center;gap:8px;margin:17px 0 0;padding:11px 12px;font-size:9px;display:flex}.submission-note span{color:#fff;background:#46a636;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.step-actions{background:#ffffffe6;border:1px solid #1428c61a;border-radius:14px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:9px;margin-top:15px;padding:13px 15px;display:grid;box-shadow:0 10px 25px #09177f0f}.step-actions p{color:#9399aa;margin:0;font-size:8px}.step-actions .next-btn,.step-actions .submit-btn{justify-content:center;align-items:center;gap:10px;display:flex}.step-actions i{font-style:normal}.reset-link{color:#7e8598;background:0 0;border:0;font-size:9px}.reset-link:hover{color:#d71920}@media (width<=1000px){.login-v2{grid-template-columns:minmax(410px,48%) 1fr}.showcase-preview{display:none}.login-showcase{padding:55px}.showcase-content h2{font-size:40px}.survey-stepper button small{display:none}}@media (width<=760px){.login-v2{grid-template-columns:1fr}.login-access-panel{min-height:calc(100vh - 49px);padding:34px 22px}.login-showcase,.login-access-panel:before{display:none}.survey-experience-header{flex-direction:column;align-items:flex-start}.survey-meta{width:100%}.survey-meta span{flex:1}.survey-stepper{padding-inline:8px}.survey-stepper button{text-align:center;justify-items:center;gap:3px;display:grid}.survey-stepper button span{white-space:nowrap}.stepper-track{top:31px;left:11%;right:11%}.form-step{min-height:0;padding:20px 15px}.rating-summary{grid-template-columns:1fr 1fr}.rating-summary>div:last-child{grid-column:1/-1}.step-actions{grid-template-columns:auto 1fr auto}.step-actions>span,.step-actions p{display:none}.step-actions .reset-link{text-align:right;grid-column:2}.step-actions .next-btn,.step-actions .submit-btn{grid-area:1/3}.survey-identity h1{font-size:16px}}@media (width<=480px){.login-access-panel{padding:24px 16px}.login-brand-v2{padding-bottom:21px}.login-brand-v2 img{flex-basis:49px;width:49px;height:49px}.login-title-v2{margin:28px 0 21px}.login-title-v2 h1{font-size:27px}.survey-experience-header{padding:16px}.survey-identity{align-items:flex-start}.survey-identity img{flex-basis:48px;width:48px;height:48px}.survey-meta span{min-width:0}.survey-stepper button>i{flex-basis:31px;width:31px;height:31px}.survey-stepper button b{font-size:8px}.stepper-track{top:29px}.form-step-heading h2{font-size:15px}.form-grid-v2{grid-template-columns:1fr}.rating-options{grid-template-columns:1fr 1fr}.step-actions{padding:10px}.step-actions .btn{min-width:92px;padding-inline:12px}.reset-link{display:none}.step-actions{grid-template-columns:auto 1fr}.step-actions .next-btn,.step-actions .submit-btn{grid-column:2}.review-grid{grid-template-columns:1fr 1fr}}:root{--ui-unit:8px;--ui-radius-sm:12px;--ui-radius-md:16px;--ui-radius-lg:24px;--ui-control:52px}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{font-size:16px;line-height:1.65}.workspace-content{max-width:1440px;padding:36px clamp(24px,4vw,58px) 72px}.panel{border-radius:var(--ui-radius-md);padding:28px}.btn{border-radius:10px;min-height:44px;padding:10px 20px;font-size:14px}.page-lead h2{font-size:25px}.page-lead span{font-size:13px}.eyebrow{font-size:12px}.panel h2{font-size:18px}.panel-title p{font-size:12px}.panel-title>span{width:36px;height:36px;font-size:12px}label,.field-label{font-size:14px}input,select,textarea{border-radius:10px;min-height:48px;padding:11px 14px;font-size:14px}.app-header{height:92px;padding-inline:40px}.app-header p{font-size:12px}.app-header h1{font-size:21px}.header-user>span,.avatar{width:40px;height:40px}.header-user b{font-size:13px}.header-user small{font-size:11px}.sidebar{width:auto;padding:29px 17px}.sidebar-brand b{font-size:14px}.sidebar-brand small,.sidebar-label{font-size:11px}.sidebar nav{gap:6px}.sidebar nav button{min-height:46px;padding:12px 14px;font-size:14px}.sidebar nav button i{font-size:15px}.sidebar-footer span{font-size:11px}.sidebar-footer b{font-size:13px}.sidebar-logout{min-height:46px;font-size:13px}.app-footer{padding:17px 24px;font-size:12px}.kpi p,.kpi small{font-size:12px}.kpi strong{font-size:30px}.kpi-icon{width:48px;height:48px;font-size:23px}.section-heading p,.dashboard-heading>div>p:last-child,th{font-size:12px}td{font-size:13px}.user-rows b{font-size:14px}.user-rows small,.role-chip,.status{font-size:11px}.list-header h2{font-size:17px}.list-header p{font-size:11px}.role-guide b{font-size:14px}.role-guide span{font-size:11px}.qr-card-heading h3{font-size:19px}.qr-card-heading small,.qr-card-heading p{font-size:11px}.qr-metrics b{font-size:13px}.qr-metrics span,.qr-link{font-size:10px}.qr-actions .btn{font-size:12px}.login-v2{grid-template-columns:minmax(540px,46%) minmax(0,1fr);min-height:calc(100dvh - 58px)}.login-access-panel{background:radial-gradient(circle at 10% 8%,#f4d40e1f,#0000 24%),radial-gradient(circle at 92% 88%,#46a63614,#0000 27%),#f4f6fb;padding:40px clamp(32px,5vw,76px)}.login-access-inner{border-radius:var(--ui-radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #1428c61f;max-width:520px;padding:38px 40px;box-shadow:0 28px 70px #09177f21,0 3px 12px #09177f0d}.login-access-inner:before{content:"";background:linear-gradient(90deg,#d71920 0 24%,#f4d40e 24% 48%,#46a636 48% 72%,#1428c6 72%);border-radius:24px 24px 0 0;height:4px;margin:-38px -40px 30px;display:block}.login-brand-v2{padding-bottom:25px}.login-brand-v2 img{flex-basis:64px;width:64px;height:64px}.login-brand-v2 b{font-size:16px}.login-brand-v2 small{font-size:12px}.login-title-v2{margin:31px 0 25px}.login-kicker{margin-bottom:12px;font-size:12px}.login-title-v2 h1{font-size:36px;line-height:1.35}.login-title-v2 p{max-width:420px;margin-top:9px;font-size:14px;line-height:1.9}.login-form-v2{gap:11px}.login-form-v2>label{margin-top:7px;font-size:14px}.login-input{min-height:var(--ui-control);border-radius:12px}.login-input>span{width:48px;font-size:13px}.login-input input{height:50px;font-size:15px}.login-input button{min-width:52px;min-height:34px;font-size:11px}.login-submit{min-height:54px;margin-top:14px;font-size:15px}.login-submit i{width:29px;height:29px}.login-access-note{margin-top:23px;padding:13px 14px}.login-access-note>span{width:36px;height:36px}.login-access-note b{font-size:12px}.login-access-note small{font-size:10px}.login-error b{font-size:12px}.login-error span{font-size:11px}.login-showcase{padding:clamp(56px,7vw,108px)}.showcase-badge{padding:8px 14px;font-size:11px}.showcase-content h2{margin:23px 0 15px;font-size:clamp(44px,4.7vw,66px);line-height:1.28}.showcase-content>p{max-width:610px;font-size:15px;line-height:2}.showcase-features{gap:12px;margin-top:38px}.showcase-features article{max-width:520px;min-height:66px;padding:13px 15px}.showcase-features i{flex-basis:38px;width:38px;height:38px;font-size:11px}.showcase-features b{font-size:13px}.showcase-features span,.showcase-footer{font-size:11px}.showcase-preview{width:255px;padding:20px}.showcase-preview strong{font-size:13px}.showcase-preview small{font-size:10px}.survey-form-v2{max-width:1180px}.survey-experience-header{border-radius:20px;min-height:104px;padding:22px 26px}.survey-identity{gap:16px}.survey-identity img{flex-basis:66px;width:66px;height:66px}.survey-identity p{font-size:11px}.survey-identity h1{font-size:22px}.survey-identity span{font-size:12px}.survey-meta span{min-width:96px;padding:10px 12px;font-size:10px}.survey-meta b{font-size:17px}.survey-stepper{min-height:78px;padding:15px 18px}.stepper-track{top:37px}.survey-stepper button>i{flex-basis:42px;width:42px;height:42px;font-size:13px}.survey-stepper button b{font-size:12px}.survey-stepper button small{font-size:10px}.form-step{min-height:410px;padding:32px}.form-step-heading{gap:15px;margin-bottom:28px;padding-bottom:20px}.form-step-heading>span{flex-basis:46px;width:46px;height:46px;font-size:12px}.form-step-heading p{font-size:11px}.form-step-heading h2{font-size:22px}.form-step-heading small{font-size:12px}.form-grid-v2{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.form-step label>small{font-size:10px}.rating-legend span{padding:6px 12px;font-size:11px}.rating-row{padding:18px}.rating-row legend{font-size:14px}.rating-row legend b{flex-basis:26px;width:26px;height:26px;font-size:12px}.rating-options{gap:9px;margin-top:14px}.rating-option{min-height:43px;font-size:12px}.low-alert strong{font-size:14px}.low-alert p{font-size:12px}.extortion>p{font-size:11px}.choice-pills label{min-height:42px;padding:9px 24px;font-size:12px}.review-section{padding:20px}.review-section-title h3{font-size:15px}.review-section-title button{min-height:36px;font-size:12px}.review-grid dt,.review-notes dt{font-size:10px}.review-grid dd,.review-notes dd{font-size:13px}.rating-summary span{font-size:11px}.rating-summary b{font-size:14px}.submission-note{font-size:12px}.step-actions{min-height:72px;padding:14px 18px}.step-actions .btn{min-width:125px}.step-actions p,.reset-link{font-size:11px}.form-step-error b{font-size:13px}.form-step-error p{font-size:12px}@media (width>=901px) and (width<=1199px){.login-v2{grid-template-columns:minmax(430px,49%) 1fr}.login-access-panel{padding:28px}.login-access-inner{max-width:470px;padding:30px}.login-access-inner:before{margin:-30px -30px 25px}.login-title-v2 h1{font-size:32px}.login-title-v2 p{font-size:13px}.login-brand-v2 img{flex-basis:56px;width:56px;height:56px}.login-showcase{padding:44px 38px}.showcase-content h2{font-size:43px}.showcase-content>p{font-size:13px}.showcase-features b{font-size:12px}.showcase-features span{font-size:10px}.showcase-preview{display:none}.workspace-content{padding:30px 26px 60px}.app-layout{grid-template-columns:230px 1fr}.sidebar nav button{font-size:13px}.survey-experience-header{padding:20px}.survey-stepper button small{display:none}.form-step{padding:26px}.rating-option{font-size:11px}}@media (width<=900px){body{font-size:15px}.login-v2{grid-template-columns:1fr}.login-showcase{display:none}.login-access-panel{min-height:calc(100dvh - 58px);padding:32px}.login-access-inner{max-width:560px;padding:36px}.login-access-inner:before{margin:-36px -36px 28px}.workspace-content{padding:25px 18px 54px}.app-header{min-height:82px;padding:15px 20px}.app-header h1{font-size:19px}.page-lead h2{font-size:22px}.survey-experience-header{min-height:0}.survey-stepper button>i{flex-basis:38px;width:38px;height:38px}.stepper-track{top:35px}.survey-stepper button b{font-size:11px}.form-step{padding:24px}.form-step-heading h2{font-size:20px}.rating-summary{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){body{font-size:15px}.login-access-panel{background:linear-gradient(160deg,#f2f4fb,#fffdf2);padding:16px 12px}.login-access-inner{border-radius:20px;max-width:none;padding:24px 20px;box-shadow:0 16px 40px #09177f1a}.login-access-inner:before{border-radius:20px 20px 0 0;height:4px;margin:-24px -20px 22px}.login-brand-v2{padding-bottom:20px}.login-brand-v2 img{flex-basis:54px;width:54px;height:54px}.login-brand-v2 b{font-size:14px}.login-brand-v2 small{font-size:11px}.login-title-v2{margin:24px 0 19px}.login-title-v2 h1{font-size:30px}.login-title-v2 p{font-size:13px}.login-kicker{font-size:11px}.login-form-v2>label{font-size:13px}.login-input{min-height:52px}.login-input input{font-size:14px}.login-submit{min-height:52px;font-size:14px}.login-access-note b{font-size:11px}.login-access-note small{font-size:9px}.app-footer{font-size:10px}.survey-experience-header{padding:17px}.survey-identity img{flex-basis:52px;width:52px;height:52px}.survey-identity p{font-size:9px}.survey-identity h1{font-size:18px}.survey-identity span{font-size:11px}.survey-meta span{min-width:0;font-size:9px}.survey-meta b{font-size:15px}.survey-stepper{min-height:70px;padding:12px 5px}.survey-stepper button{gap:4px}.survey-stepper button>i{flex-basis:34px;width:34px;height:34px;font-size:11px}.survey-stepper button b{font-size:10px}.stepper-track{top:31px}.form-step{padding:19px 15px}.form-step-heading>span{flex-basis:40px;width:40px;height:40px}.form-step-heading p{font-size:9px}.form-step-heading h2{font-size:18px}.form-step-heading small{font-size:11px}.form-grid-v2{grid-template-columns:1fr}.rating-row{padding:15px 10px}.rating-row legend{font-size:13px}.rating-options{grid-template-columns:1fr 1fr}.rating-option{min-height:44px;font-size:12px}.rating-option:last-child{grid-column:1/-1}.rating-summary{grid-template-columns:1fr 1fr}.step-actions{min-height:64px;padding:10px}.step-actions .btn{min-width:104px;font-size:12px}.review-grid{grid-template-columns:1fr 1fr}}.login-access-inner{border-color:#0e1a711a;max-width:500px;box-shadow:0 30px 80px #0710501c,0 2px 8px #0710500a}.login-brand-v2 img{box-shadow:0 10px 26px #09177f24}.login-input{border-color:#dfe3ef;box-shadow:0 1px 2px #07105006}.login-input>span svg,.password-toggle svg,.login-submit i svg,.login-access-note>span svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.login-input>span{color:#8992aa}.login-input:focus-within>span{color:#1428c6}.login-input .password-toggle{color:#7d869e;background:0 0;border-radius:9px;place-items:center;width:42px;min-width:42px;min-height:42px;margin:4px;padding:0;display:grid}.login-input .password-toggle:hover{color:#1428c6;background:#f1f3fa}.login-submit i svg{width:16px;height:16px}.login-access-note>span svg{width:18px;height:18px}.login-access-note{background:linear-gradient(135deg,#f8f9fc,#f3f5fb);border:1px solid #eaecf4}.login-showcase{background:radial-gradient(circle at 18% 20%,#5066ff3d,#0000 30%),radial-gradient(circle at 88% 88%,#46a63629,#0000 28%),linear-gradient(145deg,#02051f 0%,#071253 48%,#1028a6 100%)}.login-showcase:before{opacity:.48;background-size:64px 64px}.login-showcase:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:390px;height:390px;position:absolute;inset:auto -80px -120px auto;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.showcase-monogram{z-index:0;opacity:.045;filter:grayscale()brightness(2.5);width:410px;height:410px;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}.showcase-monogram img{object-fit:contain;width:100%;height:100%}.showcase-content-clean{max-width:690px}.showcase-content-clean .showcase-badge{color:#e8ebff;letter-spacing:.1px;background:#ffffff0e;border-color:#ffffff1f;gap:8px;padding:7px 12px;font-size:10px}.showcase-content-clean .showcase-badge i{background:#f4d40e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #f4d40e1a}.showcase-content-clean h2{letter-spacing:-1px;max-width:580px;margin:24px 0 13px;font-size:clamp(34px,3.8vw,52px);font-weight:700;line-height:1.32}.showcase-content-clean>p{color:#c9d2f3;max-width:570px;font-size:13px;line-height:1.9}.showcase-pillars{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:620px;margin-top:40px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0000001f}.showcase-pillars article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050c3db8;min-height:90px;padding:19px 16px;position:relative}.showcase-pillars article>span{height:3px;position:absolute;top:0;left:0;right:0}.showcase-pillars article:first-child>span{background:#d71920}.showcase-pillars article:nth-child(2)>span{background:#f4d40e}.showcase-pillars article:nth-child(3)>span{background:#46a636}.showcase-pillars b,.showcase-pillars small{display:block}.showcase-pillars b{color:#fff;font-size:12px}.showcase-pillars small{color:#aebae6;margin-top:5px;font-size:9px;line-height:1.65}.showcase-footer-clean{border-top:1px solid #ffffff1a;align-items:center;padding-top:18px}.showcase-footer-clean span{color:#fff}.showcase-footer-clean b{color:#aebae6;font-weight:500}@media (width>=901px) and (width<=1199px){.login-access-inner{max-width:455px}.showcase-pillars{grid-template-columns:1fr;margin-top:32px}.showcase-pillars article{min-height:68px;padding:15px}.showcase-content-clean h2{font-size:41px}.showcase-monogram{width:300px;height:300px}}@media (width<=900px){.login-access-inner{max-width:540px}}@media (width<=600px){.login-access-inner{max-width:none}.login-input .password-toggle{width:40px;min-width:40px;min-height:40px}.login-access-note{padding:12px}.login-brand-v2 img{box-shadow:0 8px 20px #09177f1f}}@media (width>=1200px){.login-v2{grid-template-columns:minmax(420px,38%) minmax(0,62%)}.login-access-panel{padding:34px clamp(26px,3.2vw,54px)}.login-access-inner{max-width:430px;padding:30px 32px}.login-access-inner:before{margin:-30px -32px 25px}.login-brand-v2{padding-bottom:21px}.login-brand-v2 img{flex-basis:56px;width:56px;height:56px}.login-brand-v2 b{font-size:14px}.login-brand-v2 small{font-size:10px}.login-title-v2{margin:25px 0 20px}.login-kicker{margin-bottom:9px;font-size:10px}.login-title-v2 h1{font-size:30px}.login-title-v2 p{font-size:12px;line-height:1.8}.login-form-v2{gap:8px}.login-form-v2>label{font-size:12px}.login-input{min-height:50px}.login-input input{height:48px;font-size:13px}.login-submit{min-height:50px;margin-top:11px;font-size:13px}.login-access-note{margin-top:18px;padding:11px 12px}.login-access-note b{font-size:10px}.login-access-note small{font-size:9px}.login-showcase{padding:clamp(54px,6vw,92px)}.showcase-content-clean h2{font-size:clamp(36px,3.5vw,50px)}.showcase-content-clean>p{font-size:12px}}.app-layout,.workspace,.workspace-content,.dashboard,.users-page,.qr-management,.survey-form-v2,.analytics,.users-layout,.qr-layout,.qr-list-area,.qr-details{min-width:0}.workspace-content{width:100%}.panel,.kpi,.qr-card,.role-guide article{max-width:100%}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%}.page-lead-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.reports-page>.panel:first-of-type{margin-top:0}.results-dashboard{gap:18px;margin-top:18px;display:grid}.report-kpis{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.report-kpis article{box-shadow:var(--soft-shadow);background:#ffffffe6;border:1px solid #0e6a6621;border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}.report-kpis article:after{content:"";background:linear-gradient(180deg,var(--teal),#43b39e);width:5px;height:100%;position:absolute;top:0;right:0}.report-kpis span,.report-kpis small{color:var(--muted);display:block}.report-kpis span{font-size:12px;font-weight:700}.report-kpis b{color:var(--navy);margin:5px 0 2px;font-size:29px;line-height:1.2;display:block}.report-kpis small{font-size:10px}.overall-panel{margin-top:0}.overall-ratings{grid-template-columns:repeat(5,1fr);gap:11px;margin-top:19px;display:grid}.overall-ratings article{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;padding:14px}.overall-ratings article>div:first-child{grid-template-columns:auto 1fr auto;align-items:center;gap:7px;display:grid}.overall-ratings b{font-size:11px}.overall-ratings strong{color:var(--navy);font-size:15px}.overall-ratings small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.rating-dot{border-radius:50%;width:9px;height:9px}.result-bar{background:#e8efed;border-radius:10px;height:7px;margin-top:10px;overflow:hidden}.result-bar i{border-radius:10px;height:100%;transition:width .4s;display:block}.questions-report-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-top:4px;display:flex}.questions-report-head h2{margin:1px 0;font-size:21px}.questions-report-head span{color:var(--muted);font-size:11px}.question-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.question-result-card{background:#ffffffed;border:1px solid #0e6a6626;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0d4d4b0f}.question-result-card>header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4fbf9,#fff);align-items:flex-start;gap:12px;padding:17px 18px;display:flex}.question-result-card>header>span{background:var(--navy);color:#fff;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.question-result-card h3{color:var(--ink);margin:0;font-size:13px;line-height:1.8}.question-result-card header small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.answer-results{gap:10px;padding:16px 18px;display:grid}.answer-results>div{grid-template-columns:78px minmax(70px,1fr) 25px 47px;align-items:center;gap:8px;display:grid}.answer-label{color:#496163;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.answer-label i{border-radius:50%;width:7px;height:7px}.answer-bar{background:#e9efed;border-radius:8px;height:7px;overflow:hidden}.answer-bar b{border-radius:8px;height:100%;display:block}.answer-results strong{color:var(--ink);text-align:center;font-size:11px}.answer-results em{color:var(--teal);text-align:left;font-size:10px;font-style:normal;font-weight:800}.question-result-card>footer{background:#eff8f5;border-radius:9px;grid-template-columns:auto 1fr;align-items:start;gap:9px;margin:0 18px 17px;padding:11px 12px;display:grid}.question-result-card>footer b{color:var(--teal);font-size:10px}.question-result-card>footer p{color:#506968;margin:0;font-size:10px;line-height:1.8}.records-panel{margin-top:0}@media (width<=1000px){.overall-ratings{grid-template-columns:repeat(3,1fr)}.question-results{grid-template-columns:1fr}}@media (width<=700px){.page-lead-actions{justify-content:stretch;width:100%}.page-lead-actions>*{flex:1}.report-kpis{grid-template-columns:1fr}.overall-ratings{grid-template-columns:1fr 1fr}.questions-report-head{flex-direction:column;align-items:stretch}.questions-report-head .btn{width:100%}.answer-results>div{grid-template-columns:72px minmax(50px,1fr) 24px 42px}.question-result-card>header,.answer-results{padding:14px}.question-result-card>footer{margin-inline:14px}.filters{grid-template-columns:1fr}}.final-observations{background:linear-gradient(145deg,#fffffff5,#edf9f6eb);border-color:#0e6a6638;margin-top:2px}.observations-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:17px;display:flex}.observations-title h2{margin:1px 0;font-size:20px}.observations-title span{color:var(--muted);font-size:11px}.observations-title>i{background:var(--navy);color:#fff;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:17px;font-style:normal;display:grid}.final-observations ol{gap:10px;margin:18px 0 0;padding:0 25px 0 0;display:grid}.final-observations li{color:#405b5a;text-align:justify;background:#ffffffb8;border-right:3px solid #82bcb0;border-radius:7px;padding:11px 13px;font-size:12px;line-height:2}.general-observation{background:#e5f5f1;border:1px solid #b9ddd4;border-radius:11px;margin-top:17px;padding:15px 17px}.general-observation b{color:var(--teal-deep);font-size:12px}.general-observation p{color:#365554;margin:5px 0 0;font-size:12px;line-height:1.9}@media (width>=1200px){.app-layout{grid-template-columns:clamp(240px,17vw,270px) minmax(0,1fr)}.workspace-content{max-width:1440px;padding:36px clamp(30px,4vw,58px) 72px}.users-layout,.qr-layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}}@media (width>=901px) and (width<=1199px){.workspace-content{padding:26px 22px 58px}.page-lead{gap:18px}.kpis{gap:12px}.kpi{padding:17px 15px}.analytics,.users-layout,.qr-layout{grid-template-columns:1fr}.qr-create-panel{position:static}.role-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-form-v2{width:100%}}@media (width<=900px){.app-layout{display:block}.sidebar{width:100%;height:auto;padding:14px 18px;position:relative;top:auto}.sidebar-brand{padding:0}.sidebar-label,.sidebar-footer{display:none}.sidebar nav{scrollbar-width:thin;gap:7px;width:100%;margin-top:13px;padding-bottom:3px;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;flex:none;min-height:44px}.sidebar-bottom{margin-top:9px}.sidebar-logout{width:auto;max-width:none;padding-inline:18px}.app-header{min-height:78px;padding:13px 20px}.workspace-content{padding:24px 18px 52px}.analytics,.users-layout,.qr-layout{grid-template-columns:1fr}.qr-create-panel{position:static}.form-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.role-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.list-header{flex-wrap:wrap;gap:14px}.list-header input{flex:230px;width:auto}.survey-form-v2{width:100%}}@media (width>=601px) and (width<=900px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi{gap:10px;padding:16px 13px}.kpi strong{font-size:25px}.qr-card{grid-template-columns:130px minmax(0,1fr)}.rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=600px){body{font-size:14px}.sidebar{padding:12px}.sidebar nav{margin-inline:-2px;padding-inline:2px}.sidebar nav button{min-height:42px;padding:9px 11px;font-size:12px}.sidebar-logout{width:100%;min-height:42px}.app-header{gap:10px;min-height:70px;padding:12px 14px}.app-header h1{max-width:230px;font-size:16px}.header-user>span{width:34px;height:34px}.workspace-content{padding:18px 12px 38px}.page-lead{align-items:stretch;gap:12px;margin-bottom:15px}.page-lead h2{font-size:19px;line-height:1.5}.page-lead>.btn,.page-lead .qr-summary{width:100%}.panel{border-radius:14px;margin-top:12px;padding:16px 13px}.kpis,.analytics,.users-layout,.qr-layout,.role-guide,.form-grid-v2,.notes-grid-v2{grid-template-columns:1fr}.kpis{gap:10px}.kpi{padding:16px}.user-form{order:1}.users-list{order:2;padding:0}.list-header{padding:16px 13px 12px}.list-header input{flex-basis:100%;width:100%}.user-rows article{grid-template-columns:36px minmax(0,1fr) auto;padding:12px 13px}.qr-card{grid-template-columns:1fr;padding:14px}.qr-preview{width:min(170px,58vw);margin-inline:auto}.qr-card-heading{gap:10px}.qr-card-heading h3{overflow-wrap:anywhere}.qr-metrics{grid-template-columns:1fr;gap:6px}.qr-actions{grid-template-columns:1fr 1fr;display:grid}.qr-actions .btn:first-child{grid-column:1/-1}.qr-link{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.survey-experience-header{gap:14px;padding:15px}.survey-identity{gap:11px}.survey-identity img{flex-basis:46px;width:46px;height:46px}.survey-meta{grid-template-columns:1fr 1fr;display:grid}.survey-stepper{overflow:hidden}.survey-stepper button span small{display:none}.form-step{padding:18px 13px}.form-step-heading{align-items:flex-start;gap:10px;margin-bottom:20px}.form-step-heading>span{flex-basis:38px;width:38px;height:38px}.rating-options{grid-template-columns:1fr 1fr}.rating-option{min-width:0}.rating-option:last-child{grid-column:1/-1}.choice-pills{grid-template-columns:1fr 1fr;display:grid}.choice-pills label{text-align:center}.rating-summary{grid-template-columns:1fr 1fr}.step-actions{z-index:3;grid-template-columns:auto 1fr auto;position:sticky;bottom:8px}.step-actions .btn{min-width:96px}.step-actions p,.step-actions>span{display:none}.app-footer{padding:14px 12px;font-size:9px;line-height:1.8}}.offline-queue-notice{z-index:100;color:#73531a;background:#fff8e7;border:1px solid #e8c77f;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:min(680px,100% - 28px);padding:12px 14px;display:grid;position:fixed;bottom:18px;right:50%;transform:translate(50%);box-shadow:0 16px 38px #3b2d0d33}.offline-queue-notice.connected{color:#185f54;background:#ecfaf6;border-color:#8bcbbc}.connection-icon{color:#78530c;background:#f0d38f;border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:800;display:grid}.connected .connection-icon{color:#12675b;background:#c8eee5}.offline-queue-notice b,.offline-queue-notice small{display:block}.offline-queue-notice b{font-size:13px}.offline-queue-notice small{margin-top:2px;font-size:10px;line-height:1.6}.btn.export-word{color:#fff;background:#2b579a;box-shadow:0 4px 10px #2b579a38}.btn.export-excel{color:#fff;background:#217346;box-shadow:0 4px 10px #21734638}.report-output-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.report-output-actions .btn{min-width:78px}.page-lead-actions .export-word,.page-lead-actions .export-excel{white-space:nowrap}@media (width<=600px){.offline-queue-notice{bottom:10px}}@media (width<=380px){.workspace-content{padding-inline:9px}.app-header h1{max-width:190px;font-size:14px}.sidebar-brand b{font-size:12px}.sidebar-brand small{font-size:9px}.panel{padding-inline:11px}.survey-stepper button b{font-size:8px}.survey-stepper button>i{flex-basis:30px;width:30px;height:30px}.stepper-track{top:29px}.step-actions{gap:6px;padding:9px}.step-actions .btn{min-width:86px;padding-inline:10px;font-size:11px}}@media (width>=1200px){.reports-page .question-results{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .filters{grid-template-columns:minmax(190px,1.45fr) repeat(5,minmax(120px,1fr)) auto}.page-lead-actions{max-width:720px}}@media (width>=601px) and (width<=1199px){.reports-page .question-results{grid-template-columns:1fr}.reports-page .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-page .filters>input:first-child{grid-column:1/-1}.page-lead-actions{grid-template-columns:auto repeat(2,minmax(125px,1fr));width:min(100%,650px);display:grid}.page-lead-actions .qr-summary{grid-row:span 2;align-content:center;height:100%;display:grid}.report-output-actions{grid-template-columns:repeat(3,1fr);display:grid}.overall-ratings{grid-template-columns:repeat(3,minmax(0,1fr))}.modal{width:min(760px,100% - 32px)}}@media (width<=600px){button,.btn,input,select,textarea{min-height:46px}.app-root{overflow-x:hidden}.sidebar-brand{justify-content:center}.sidebar nav{scroll-snap-type:x proximity}.sidebar nav button{scroll-snap-align:start}.app-header{z-index:4;position:sticky;top:0}.workspace-content{padding-inline:max(10px,env(safe-area-inset-left));padding-bottom:calc(46px + env(safe-area-inset-bottom))}.page-lead-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-lead-actions>*{width:100%;min-width:0}.page-lead-actions .qr-summary,.page-lead-actions .btn.secondary:last-child{grid-column:1/-1}.reports-page .filters{grid-template-columns:1fr;display:grid}.reports-page .filters>*{grid-column:1}.overall-ratings,.report-kpis{grid-template-columns:1fr}.questions-report-head{grid-template-columns:1fr;display:grid}.report-output-actions{grid-template-columns:1fr 1fr;display:grid}.report-output-actions .btn{width:100%;min-width:0}.report-output-actions .btn.primary{grid-column:1/-1}.question-result-card{border-radius:13px}.answer-results>div{grid-template-columns:70px minmax(40px,1fr) 24px 44px;gap:6px}.answer-label{font-size:9px}.final-observations ol{padding-right:19px}.final-observations li{padding:9px;font-size:11px}.modal-backdrop{padding:0}.modal{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.survey-report .report-head{padding-top:52px}.table-wrap{margin-inline:-2px}.records-table{min-width:760px}.offline-queue-notice{bottom:calc(10px + env(safe-area-inset-bottom))}}@media (width<=390px){.page-lead-actions{grid-template-columns:1fr}.page-lead-actions .qr-summary,.page-lead-actions .btn.secondary:last-child{grid-column:1}.report-output-actions{grid-template-columns:1fr}.report-output-actions .btn.primary{grid-column:1}.answer-results>div{grid-template-columns:64px minmax(34px,1fr) 22px 40px}.question-result-card h3{font-size:12px}.survey-stepper button b{font-size:8px}}html,body{max-width:100%}body{overflow-x:hidden}#app,.app-root{max-width:100%;overflow-x:hidden}.app-layout,.workspace,.workspace-content,.sidebar,.app-header,.dashboard,.reports-page,.users-page,.qr-management,.public-survey-page,.survey-form,.survey-form-v2,.analytics,.users-layout,.qr-layout,.qr-list-area,.qr-details,.results-dashboard,.question-results{min-width:0;max-width:100%}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}@media (width>=1024px){.app-layout{grid-template-columns:clamp(232px,18vw,272px) minmax(0,1fr);align-items:stretch;display:grid}.sidebar{border-left:1px solid var(--line);border-bottom:0;flex-flow:column;align-items:stretch;width:auto;height:100vh;padding:26px 16px;position:sticky;top:0}.sidebar-brand{justify-content:flex-start;margin:0;padding:0 10px}.sidebar-label,.sidebar-footer{display:block}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.sidebar nav{gap:5px;margin:0;display:grid;overflow:visible}.sidebar nav button{white-space:normal;scroll-snap-align:none;flex:none;width:100%}.sidebar-logout{width:100%;max-width:none}.app-header{height:auto;min-height:84px;padding:16px 34px;position:static}.app-header h1{max-width:none;font-size:21px}.header-user>div{display:block}.workspace-content{width:100%;max-width:1460px;margin-inline:auto;padding:34px clamp(26px,3.4vw,54px) 68px}.kpis,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics{grid-template-columns:1.7fr 1fr}.overall-ratings{grid-template-columns:repeat(5,minmax(0,1fr))}.question-results{grid-template-columns:repeat(2,minmax(0,1fr))}.users-layout,.qr-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}.qr-create-panel{position:sticky;top:18px}.qr-card{grid-template-columns:160px minmax(0,1fr)}.qr-metrics{grid-template-columns:1fr 1fr 1.4fr}.role-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid-v2{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.notes-grid,.notes-grid-v2{grid-template-columns:1fr 1fr}.rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}.filters{grid-template-columns:1.5fr repeat(4,1fr) auto}.login-v2{grid-template-columns:minmax(420px,40%) minmax(0,60%)}.login-showcase{display:block}}@media (width>=600px) and (width<=1023.98px){body{font-size:15px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.workspace{flex:auto;width:100%;min-width:0}.sidebar{border-left:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:10px 14px;width:100%;height:auto;padding:10px 16px;position:static}.sidebar-brand{margin-inline-end:auto;padding:0}.sidebar-label,.sidebar-footer{display:none}.sidebar-bottom{display:contents}.sidebar-logout{order:2;width:auto;max-width:none;min-height:40px;margin:0;padding:8px 16px}.sidebar nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex:100%;order:3;gap:8px;margin:0;padding-bottom:2px;display:flex;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{white-space:nowrap;flex:none;min-height:40px}.app-header{gap:12px;height:auto;min-height:64px;padding:12px 18px;position:static}.app-header h1{max-width:none;font-size:18px;line-height:1.4}.workspace-content{width:100%;max-width:100%;padding:22px clamp(14px,3vw,24px) 48px}.analytics,.users-layout,.qr-layout{grid-template-columns:1fr}.qr-create-panel{position:static}.kpis,.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overall-ratings{grid-template-columns:repeat(3,minmax(0,1fr))}.question-results{grid-template-columns:1fr}.role-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid,.form-grid-v2,.notes-grid,.notes-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.rating-options{grid-template-columns:repeat(5,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>input:first-child{grid-column:1/-1}.qr-card{grid-template-columns:150px minmax(0,1fr)}.qr-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.page-lead-actions{flex-wrap:wrap}.login-v2{grid-template-columns:1fr;min-height:calc(100dvh - 49px)}.login-showcase{display:none}.login-access-panel{min-height:0;padding:32px clamp(20px,5vw,40px)}.login-access-inner{max-width:560px}.modal{width:min(720px,100% - 32px)}}@media (width<=599.98px){body{font-size:14px}.app-layout{flex-direction:column;min-height:100vh;display:flex}.workspace{flex:auto;width:100%;min-width:0}.sidebar{border-left:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px 10px;width:100%;height:auto;padding:9px 12px;position:static}.sidebar-brand{justify-content:flex-start;margin-inline-end:auto;padding:0}.sidebar-brand b{font-size:13px}.sidebar-brand small{font-size:9px}.sidebar-label,.sidebar-footer{display:none}.sidebar-bottom{display:contents}.sidebar-logout{order:2;width:auto;max-width:none;min-height:38px;margin:0;padding:7px 13px;font-size:11px}.sidebar nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;flex:100%;order:3;gap:7px;margin:0;display:flex;overflow:auto hidden}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{white-space:nowrap;scroll-snap-align:start;flex:none;min-height:38px;padding:8px 12px;font-size:12px}.app-header{gap:10px;min-height:56px;padding:10px 13px}.app-header h1{max-width:none;font-size:15px;line-height:1.35}.app-header p{font-size:10px}.header-user>span,.avatar{width:32px;height:32px}.header-user>div{display:none}.workspace-content{width:100%;max-width:100%;padding:16px 12px calc(34px + env(safe-area-inset-bottom))}.page-lead{gap:12px}.page-lead>.btn,.page-lead .qr-summary{width:100%}.kpis,.analytics,.report-kpis,.overall-ratings,.question-results,.users-layout,.qr-layout,.role-guide,.form-grid,.form-grid-v2,.notes-grid,.notes-grid-v2,.qr-metrics,.filters{grid-template-columns:1fr}.qr-create-panel{position:static}.rating-options{grid-template-columns:1fr 1fr}.rating-option:last-child{grid-column:1/-1}.rating-summary{grid-template-columns:1fr 1fr}.choice-pills{grid-template-columns:1fr 1fr;display:grid}.choice-pills label{text-align:center}.survey-stepper{padding:12px 6px}.survey-stepper button small{display:none}.step-actions{z-index:5;grid-template-columns:auto 1fr auto;padding:10px;position:sticky;bottom:8px}.step-actions p,.step-actions>span{display:none}.qr-card{grid-template-columns:1fr;padding:14px}.qr-preview{width:min(180px,56vw);margin-inline:auto}.qr-actions{grid-template-columns:1fr 1fr;display:grid}.qr-actions .btn:first-child{grid-column:1/-1}.qr-link{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.login-v2{grid-template-columns:1fr;min-height:calc(100dvh - 49px)}.login-showcase{display:none}.login-access-panel{min-height:0;padding:18px 13px}.login-access-inner{max-width:none;padding:24px 20px}.table-wrap{margin-inline:-2px}table,.records-table{min-width:640px}.modal-backdrop{padding:0}.modal{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.page-lead-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.page-lead-actions>*{width:100%;min-width:0}.page-lead-actions .qr-summary{grid-column:1/-1}.report-output-actions{grid-template-columns:1fr 1fr;display:grid}.report-output-actions .btn.primary{grid-column:1/-1}.offline-queue-notice{bottom:calc(10px + env(safe-area-inset-bottom))}button,.btn,input,select,textarea{min-height:44px}}@media (width<=360px){.workspace-content{padding-inline:9px}.app-header h1{font-size:14px}.survey-stepper button b{font-size:8px}.step-actions .btn{min-width:84px;padding-inline:10px;font-size:11px}}@media (width<=1023.98px){.app-layout{grid-template-columns:184px minmax(0,1fr);align-items:stretch;min-height:100vh;display:grid}.workspace{width:auto;min-width:0}.sidebar{border-bottom:0;border-left:1px solid #ffffff1f;flex-flow:column;align-items:stretch;gap:0;width:auto;height:100dvh;padding:20px 11px;display:flex;position:sticky;top:0}.sidebar-brand{justify-content:flex-start;margin:0;padding:0 6px}.sidebar-label{margin:28px 7px 9px;display:block}.sidebar nav{order:initial;flex:initial;scroll-snap-type:none;gap:4px;margin:0;padding:0;display:grid;overflow:visible}.sidebar nav button{white-space:normal;scroll-snap-align:none;width:100%;min-height:44px;padding:10px 9px}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.sidebar-footer{display:block}.sidebar-logout{order:initial;width:100%;max-width:none;margin:0}.workspace-content{padding:24px 20px 52px}.kpi,.report-kpis article{height:100%;min-height:122px}.kpis,.report-kpis{align-items:stretch}.panel,.question-result-card,.qr-card{border-radius:16px}}@media (width<=599.98px){.app-layout{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:13px 8px;box-shadow:-4px 0 18px #09177f24}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand img{flex-basis:42px;width:42px;height:42px}.sidebar-brand>div,.sidebar-label,.sidebar-footer{display:none}.sidebar nav{gap:7px;margin-top:25px}.sidebar nav button{border-radius:13px;place-items:center;width:52px;min-height:50px;margin-inline:auto;padding:0;font-size:0;line-height:1;display:grid}.sidebar nav button i{width:auto;font-size:19px}.sidebar nav button.active{border-right:0;box-shadow:inset -3px 0 #f4d40e}.sidebar-bottom{justify-items:center}.sidebar-logout{border-radius:13px;place-items:center;width:52px;min-height:46px;padding:0;display:grid}.sidebar-logout span{display:none}.sidebar-logout i{font-size:19px}.app-header{min-height:66px;padding:11px 13px}.app-header h1{max-width:180px;font-size:14px}.app-header p{font-size:9px}.header-user>span{width:34px;height:34px}.workspace-content{padding:15px 10px 36px}.page-lead{margin-bottom:14px}.page-lead h2{font-size:18px;line-height:1.45}.page-lead span{font-size:10px;line-height:1.7}.page-lead>.btn{width:100%;margin-top:2px}.kpis,.report-kpis{gap:10px}.kpi,.report-kpis article{min-height:116px;padding:15px}.kpi-icon{flex:0 0 44px;width:44px;height:44px}.kpi strong{font-size:27px}.panel{margin-top:12px;padding:15px 12px}.panel h2{font-size:16px}.analytics,.results-dashboard,.question-results{gap:12px}.bar-row{grid-template-columns:58px minmax(50px,1fr) 35px;gap:6px;font-size:9px}.governorate-list div{align-items:center;min-height:40px;padding:8px 2px;font-size:11px}.form-step{padding:16px 12px}.form-step-heading{gap:9px}.form-step-heading h2{font-size:17px}}.reports-hero{background:linear-gradient(135deg,#fffffff5,#f1f4ffe6);border:1px solid #1428c61f;border-radius:22px;grid-template-columns:minmax(260px,1fr) 165px;gap:14px;margin-bottom:16px;padding:22px;display:grid;box-shadow:0 18px 45px #1428c614}.reports-hero-copy{align-self:center}.reports-hero-copy h2{color:#101d58;margin:2px 0 7px;font-size:28px;line-height:1.35}.reports-hero-copy>span{color:#66708a;max-width:620px;font-size:14px;line-height:1.8;display:block}.reports-hero-total{text-align:center;background:#fff;border:1px solid #d7def5;border-radius:16px;align-content:center;place-items:center;min-height:138px;padding:14px;display:grid}.reports-hero-total small,.reports-hero-total span{color:#79839f}.reports-hero-total small{font-size:13px;font-weight:800}.reports-hero-total b{color:#1428c6;margin:5px 0;font-size:38px;line-height:1}.reports-hero-total span{font-size:12px;line-height:1.5}.reports-hero-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.report-action{color:#fff;text-align:right;border:0;border-radius:14px;align-items:center;gap:11px;min-height:72px;padding:11px 13px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 9px 18px #0c186921}.report-action:hover{transform:translateY(-2px);box-shadow:0 13px 24px #0c18692e}.report-action:disabled{opacity:.62;cursor:wait;transform:none}.report-action i{background:#ffffff2b;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;font-style:normal;font-weight:900;display:grid}.report-action span,.report-action b,.report-action small{display:block}.report-action b{font-size:13px;line-height:1.5}.report-action small{color:#ffffffc2;margin-top:2px;font-size:11px;line-height:1.4}.primary-action{background:linear-gradient(135deg,#1428c6,#0b187e)}.word-action{background:linear-gradient(135deg,#3567ad,#234a88)}.excel-action{background:linear-gradient(135deg,#278653,#17683d)}.print-action{background:linear-gradient(135deg,#59657d,#35405a)}.reports-filter-panel{margin:0;padding:20px 21px}.reports-filter-heading{border-bottom:1px solid #e5e9f4;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;padding-bottom:14px;display:flex}.reports-filter-heading h3{color:#172454;margin:2px 0 0;font-size:18px}.filter-reset{color:#354a94;background:#f7f8fd;border:1px solid #d8def1;border-radius:10px;min-height:38px;padding:7px 12px;font-size:12px;font-weight:800}.reports-page .reports-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0;display:grid}.reports-filters label{color:#485574;margin:0;font-size:13px}.reports-filters label>span{margin:0 2px 6px;font-weight:800;display:block}.reports-filters input,.reports-filters select{background:#fbfcff;border-color:#d9dff1;height:48px}.reports-filters .filter-search{grid-column:span 2}.filter-apply{align-self:end;height:48px;min-height:48px}@media (width>=1200px){.reports-hero{grid-template-columns:minmax(300px,1fr) 170px minmax(420px,1.25fr);align-items:stretch}.reports-hero-actions{grid-column:auto;grid-template-columns:1fr 1fr}.report-action{min-height:64px}.reports-page .reports-filters{grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(125px,1fr)) auto}.reports-filters .filter-search{grid-column:auto}}@media (width>=600px) and (width<=1023.98px){.reports-hero{grid-template-columns:minmax(0,1fr) 150px;padding:19px}.reports-hero-actions,.reports-page .reports-filters{grid-template-columns:1fr 1fr}.reports-filters .filter-search,.filter-apply{grid-column:1/-1}}@media (width<=599.98px){.reports-hero{border-radius:17px;grid-template-columns:1fr;gap:11px;margin-bottom:12px;padding:15px 12px}.reports-hero-copy h2{font-size:21px}.reports-hero-copy>span{font-size:13px;line-height:1.7}.reports-hero-total{text-align:right;grid-template-columns:1fr auto;place-items:center stretch;min-height:78px;padding:11px 13px;display:grid}.reports-hero-total small{font-size:12px}.reports-hero-total b{grid-area:1/2/3;margin:0;font-size:34px}.reports-hero-total span{font-size:11px}.reports-hero-actions{grid-template-columns:1fr;gap:8px}.report-action{min-height:62px;padding:9px 11px}.report-action i{flex-basis:36px;width:36px;height:36px}.report-action b{font-size:13px}.report-action small{font-size:11px}.reports-filter-panel{padding:15px 12px}.reports-filter-heading{align-items:flex-start;margin-bottom:14px;padding-bottom:12px}.reports-filter-heading h3{font-size:16px}.filter-reset{min-height:36px;padding:6px 8px;font-size:11px}.reports-page .reports-filters{grid-template-columns:1fr;gap:11px}.reports-filters .filter-search,.filter-apply{grid-column:auto}.reports-filters label{font-size:13px}}.btn.danger{color:var(--danger);background:#fff0f0;border:1px solid #efc4c4}.pending-list{margin-top:18px}.pending-list .empty-state{min-height:180px;color:var(--muted);place-items:center;gap:6px;display:grid}.pending-list .empty-state b{color:var(--ink);font-size:16px}.pending-device-note{color:var(--muted);margin:12px 4px;font-size:11px}.pending-list .tag{color:#8a641c;background:#fff5d9}