:root{--modern-bg:#f5f2fb;--modern-surface:#fff;--modern-surface-soft:#faf8ff;--modern-ink:#0c1a3d;--modern-muted:#60678a;--modern-line:#ded8f4;--modern-brand:#6f55e8;--modern-brand-dark:#452a9d;--modern-purple:#7657e8;--modern-purple-soft:#efeaff;--modern-blue:#5b6fe0;--modern-teal:#14b8b3;--modern-soft:#eee9ff;--modern-shadow:0 18px 42px rgba(91,70,190,.14)}
html,body{background:radial-gradient(circle at 18% 6%,rgba(118,87,232,.12),transparent 30rem),linear-gradient(180deg,#fbfaff 0%,var(--modern-bg) 100%)!important;color:var(--modern-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
button,.button,[role=button],input[type=submit]{border-radius:9px!important;font-weight:700!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}
button:hover,.button:hover,[role=button]:hover,input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(91,70,190,.16)}
input,select,textarea{border:1px solid var(--modern-line)!important;border-radius:8px!important;background:#fff!important;color:var(--modern-ink)!important;font-family:inherit!important}
input:focus,select:focus,textarea:focus{outline:3px solid var(--modern-soft)!important;border-color:var(--modern-brand)!important}
table{border-color:var(--modern-line)!important}th{background:#f3f0ff!important;color:var(--modern-muted)!important;letter-spacing:.06em}
.sidebar,.side-nav,.app-sidebar,.page-sidebar{background:#fff!important;color:var(--modern-ink)!important;border-right:1px solid var(--modern-line)!important}.sidebar a,.side-nav a,.app-sidebar a,.page-sidebar a{color:#46516f!important}.sidebar a.active,.side-nav a.active,.app-sidebar a.active,.page-sidebar a.active{background:var(--modern-purple-soft)!important;color:var(--modern-brand)!important}
.card,.panel,.form-card,.stat-card,.form-tile,.submission-card{border:1px solid var(--modern-line)!important;border-radius:14px!important;box-shadow:var(--modern-shadow)!important;background:var(--modern-surface)!important}
.topbar,.header,.app-header{border-bottom:1px solid var(--modern-line)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(12px)}
.brand,.logo{font-weight:800!important;color:var(--modern-ink)!important}.brand-mark,.logo-mark{background-color:#fff!important;background-image:url('../images/createsurveyapp-mark.svg')!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;border-radius:9px!important;overflow:hidden!important}.brand{gap:10px!important}.brand strong,.brand span+span{color:var(--modern-ink)!important}.brand em,.brand .accent,.brand .brand-accent{color:var(--modern-brand)!important}
.badge,.status,.pill{border-radius:999px!important;font-weight:800!important}.primary,.btn-primary,.accent{background:linear-gradient(135deg,var(--modern-brand-dark),var(--modern-purple))!important;border-color:var(--modern-brand-dark)!important;color:#fff!important}.btn-primary:hover,.primary:hover{background:linear-gradient(135deg,#351b83,var(--modern-brand))!important}.teal,.success{color:#087f80!important}
.btn,.button,button,input[type=submit]{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.stat-card,.metric-card{background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)!important}
.form-tile:hover,.card:hover{border-color:#cfc4fb!important}
.brand-logo-full{display:block;width:min(100%,420px);height:auto;object-fit:contain}.hero-logo{width:min(100%,520px);margin:0 auto 16px;transform:translateY(-32px)}
@media(max-width:700px){.card,.panel,.form-card,.stat-card,.form-tile,.submission-card{border-radius:12px!important}.topbar,.header,.app-header{position:relative}.table-wrap{overflow-x:auto}.page,.content,.main-content{padding-left:14px!important;padding-right:14px!important}}