:root{--color-bg: #2a0d14;--color-bg-alt: #1a070c;--color-surface: rgba(58, 22, 30, .62);--color-surface-alt: rgba(255, 255, 255, .14);--color-border: rgba(255, 255, 255, .18);--color-text: #f3e9e7;--color-text-muted: #c2a5a2;--color-heading: #ff8a4c;--color-primary: #e8562f;--color-primary-hover: #f16b3f;--color-accent: #f0a83a;--color-danger: #ff6b6b;--color-success: #4fd894;--color-warning: #f0c05a;--color-danger-fill: #b3261e;--color-accent-fill: #b85c14;--color-primary-fill: #c23916;--color-primary-fill-hover: #d1461f;--color-nav-bg: #1c0810;--color-nav-bg-alt: rgba(255, 255, 255, .05);--color-nav-text: #f3e9e7;--color-nav-text-muted: #c2a5a2;--radius: 999px;--radius-card: 16px;--gap: 16px;--glass-blur: 18px;font-family:Arial Narrow,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background-color:var(--color-bg);background-image:url(/newbackground.jpeg);background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:100% 100%;color:var(--color-text);font-size:16px;line-height:1.5;min-height:100vh}h1,h2,h3{font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--color-heading)}label{color:#fff;font-weight:700}a{color:var(--color-primary)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-alt);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-text);padding:10px 20px;min-height:44px;font-weight:600;text-transform:uppercase;font-size:.9em;letter-spacing:.02em;transition:background-color .15s ease,transform .05s ease}button.primary{background:linear-gradient(90deg,var(--color-primary-fill) 0%,var(--color-accent-fill) 100%);border-color:transparent;color:#fff}button.primary:hover{background:linear-gradient(90deg,var(--color-primary-fill-hover) 0%,var(--color-accent-fill) 100%)}button.danger{background:var(--color-danger-fill);border-color:var(--color-danger-fill);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:#00000038;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;min-height:44px;width:100%;color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select option{background:#2a0d14;color:var(--color-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}textarea{min-height:100px}label{display:block;margin-bottom:6px}.app-shell{display:flex;min-height:100vh}.app-nav{width:220px;flex-shrink:0;background:linear-gradient(180deg,#1c0810d9,#1c0810a6);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--color-border);padding:var(--gap)}.app-nav .brand{display:flex;align-items:center;gap:8px;padding:4px 4px 20px}.app-nav .brand img{height:28px;width:auto}.app-nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--color-nav-text);text-decoration:none;margin-bottom:4px;font-weight:600}.app-nav a.active,.app-nav a:hover{background:var(--color-nav-bg-alt);color:var(--color-accent)}.app-nav .muted{color:var(--color-nav-text-muted)}.app-main{flex:1;padding:24px;max-width:1100px}.card{background:var(--color-surface);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--gap);margin-bottom:var(--gap);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff24}.field{margin-bottom:var(--gap)}.row{display:flex;gap:var(--gap);flex-wrap:wrap}.row>*{flex:1;min-width:200px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:700;font-size:.85em;text-transform:uppercase;letter-spacing:.02em}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius);font-size:.8em;font-weight:700;text-transform:uppercase}.badge.status-not_opened{background:#ffffff1f;color:var(--color-text-muted)}.badge.status-in_progress{background:#f0c05a2e;color:var(--color-warning)}.badge.status-submitted{background:#4fd8942e;color:var(--color-success)}.badge.status-updated_after_submission{background:#f0a83a2e;color:var(--color-accent)}.badge.changed{background:#ff6b6b2e;color:var(--color-danger);margin-left:8px}.error-banner{background:#ff6b6b24;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-danger);color:#ffd4d4;padding:12px var(--gap);border-radius:8px;margin-bottom:var(--gap)}.success-banner{background:#4fd89424;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-success);color:#c8f5da;padding:12px var(--gap);border-radius:8px;margin-bottom:var(--gap)}.muted{color:var(--color-text-muted)}.public-form{max-width:720px;margin:0 auto;padding:24px 16px}.questionnaire-title{text-align:center;background:linear-gradient(90deg,var(--color-heading) 0%,var(--color-primary) 45%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}@media (max-width: 720px){.app-shell{flex-direction:column}.app-nav{width:100%;border-right:none;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px}.app-nav .brand{padding:0 8px}.app-nav a{margin-bottom:0;white-space:nowrap}.app-main{padding:16px;max-width:100%}}