:root{--color-bg: #1c0a0d;--color-surface: #2a1015;--color-surface-alt: #35151b;--color-border: #4a2229;--color-text: #f5eae9;--color-text-muted: #b99a99;--color-primary: #e8562f;--color-primary-hover: #f16b3f;--color-accent: #f0873a;--color-danger: #e5484d;--color-success: #3ecf8e;--color-warning: #f0a83a;--radius: 999px;--radius-card: 14px;--gap: 16px;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:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5}h1,h2,h3{font-weight:800;letter-spacing:-.01em;text-transform:uppercase}h1{background:linear-gradient(90deg,var(--color-text) 0%,var(--color-primary) 60%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}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);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) 0%,var(--color-accent) 100%);border-color:transparent;color:#fff}button.primary:hover{background:linear-gradient(90deg,var(--color-primary-hover) 0%,var(--color-accent) 100%)}button.danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;min-height:44px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}textarea{min-height:100px}label{display:block;font-weight:600;margin-bottom:6px}.app-shell{display:flex;min-height:100vh}.app-nav{width:220px;flex-shrink:0;background:linear-gradient(180deg,#240c10 0%,var(--color-surface) 100%);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-text);text-decoration:none;margin-bottom:4px;font-weight:600}.app-nav a.active,.app-nav a:hover{background:var(--color-surface-alt);color:var(--color-primary)}.app-main{flex:1;padding:24px;max-width:1100px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--gap);margin-bottom:var(--gap);box-shadow:0 1px 3px #00000059}.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:#3a2a2c;color:var(--color-text-muted)}.badge.status-in_progress{background:#3a3220;color:var(--color-warning)}.badge.status-submitted{background:#1c3a2c;color:var(--color-success)}.badge.status-updated_after_submission{background:#3a2416;color:var(--color-accent)}.badge.changed{background:#3a2020;color:var(--color-danger);margin-left:8px}.error-banner{background:#3a2020;border:1px solid var(--color-danger);color:#ffb4b6;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}@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%}}
