:root{--bgfi-primary: #09416E;--bgfi-secondary: #8CB85F;--bgfi-accent: #0A5A8A;--bgfi-light: #E8F4F8;--bgfi-dark: #062A47;--bgfi-green-light: #E8F0E3;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #8CB85F;--error: #EF4444;--warning: #F59E0B;--info: #09416E;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bgfi-light) 0%,#FFFFFF 50%,var(--gray-50) 100%);min-height:100vh;color:var(--gray-900);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in{animation:slideIn var(--transition-base)}.bgfi-header{color:var(--bgfi-primary);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bgfi-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.bgfi-logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.bgfi-logo{width:50px;height:50px;background:var(--bgfi-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--white);box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.bgfi-logo:hover{transform:scale(1.05) rotate(5deg)}.bgfi-title{display:flex;flex-direction:column}.bgfi-title h1{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.5px;line-height:1.2}.bgfi-title p{font-size:.875rem;opacity:.9;margin:0}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);width:100%;flex:1}.non-conformity-form{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);animation:fadeIn var(--transition-slow)}.non-conformity-form>h1{font-size:2rem;color:var(--bgfi-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--bgfi-secondary);display:flex;align-items:center;gap:var(--spacing-md)}.non-conformity-form>h1:before{content:"📋";font-size:2rem}section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--bgfi-primary),var(--bgfi-secondary));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}section:hover:before{transform:scaleX(1)}section:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--bgfi-primary);background:linear-gradient(180deg,#fff,#f9fbfd)}section h3{color:var(--bgfi-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-200)}section h3:before{content:"▸";color:var(--bgfi-secondary);font-size:1.25rem}section h4{color:var(--bgfi-accent);font-size:1.05rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0;padding-left:var(--spacing-md);border-left:3px solid var(--bgfi-secondary)}.field-group,.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-xs);font-size:.9375rem;transition:color var(--transition-fast)}label:has(input:focus),label:has(select:focus),label:has(textarea:focus){color:var(--bgfi-primary)}input[type=text],input[type=date],input[type=email],input[type=tel],select,textarea{width:100%;padding:calc(var(--spacing-sm) + 2px) var(--spacing-md);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;background:var(--white);color:var(--gray-900);transition:all var(--transition-base);outline:none}input[type=text]:focus,input[type=date]:focus,input[type=email]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:var(--bgfi-primary);box-shadow:0 0 0 3px #09416e1a;transform:translateY(-1px)}input[type=text]:disabled,select:disabled,textarea:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed;opacity:.6}input[type=text]::placeholder,textarea::placeholder{color:var(--gray-400)}textarea{resize:vertical;min-height:100px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2309416E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-lg) + var(--spacing-md))}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238CB85F' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--bgfi-primary);margin-right:var(--spacing-sm);transition:all var(--transition-fast)}input[type=checkbox]:hover{transform:scale(1.1)}label:has(input[type=checkbox]){display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-bottom:0}label:has(input[type=checkbox]:checked){background:var(--bgfi-green-light);border-color:var(--bgfi-secondary);color:var(--bgfi-primary);font-weight:600}label:has(input[type=checkbox]):hover{border-color:var(--bgfi-accent);transform:translate(2px);box-shadow:var(--shadow-sm)}.project-fields{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px dashed var(--bgfi-secondary);margin-top:var(--spacing-md);animation:slideIn var(--transition-base)}button{background:linear-gradient(135deg,var(--bgfi-primary) 0%,var(--bgfi-accent) 100%);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}button[type=submit]{background:linear-gradient(135deg,var(--bgfi-secondary) 0%,#a9ce86 100%);color:var(--white);font-size:1rem;padding:var(--spacing-md) var(--spacing-xl);width:100%;margin-top:var(--spacing-xl);font-weight:700;text-transform:uppercase;letter-spacing:.4px}button[type=submit]:hover{box-shadow:0 8px 20px #8cb85f59}button[type=button]{background:var(--white);color:var(--bgfi-primary);border:2px solid var(--bgfi-primary)}button[type=button]:hover{background:var(--bgfi-primary);color:var(--white)}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}thead{background:linear-gradient(135deg,var(--bgfi-primary) 0%,var(--bgfi-accent) 100%);color:var(--white)}th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}tbody tr{border-bottom:1px solid var(--gray-200);transition:background var(--transition-fast)}tbody tr:hover{background:var(--bgfi-light)}tbody tr:last-child{border-bottom:none}td{padding:var(--spacing-md)}td input{border:none;background:transparent;padding:var(--spacing-xs)}td input:focus{background:var(--white);border:2px solid var(--bgfi-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px #09416e1a}@media(max-width:768px){.bgfi-header{padding:var(--spacing-xs) var(--spacing-sm)}.bgfi-header-content{flex-direction:row;text-align:left;gap:var(--spacing-xs)}.bgfi-logo-section{gap:var(--spacing-xs)}.bgfi-logo{width:32px;height:32px;font-size:.875rem}.bgfi-title h1{font-size:.9375rem;line-height:1.2}.bgfi-title p{display:none}.bgfi-logo-section{gap:var(--spacing-sm)}.app-container{padding:var(--spacing-lg) var(--spacing-md)}.non-conformity-form{padding:var(--spacing-lg)}.field-group,.checkbox-group{grid-template-columns:1fr}section{padding:var(--spacing-lg)}table{font-size:.875rem}th,td{padding:var(--spacing-sm)}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.required:after{content:" *";color:var(--error);font-weight:700}.mt-3{margin-top:var(--spacing-lg)}.text-center{text-align:center}.stepper-container{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stepper{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:1000px;margin:0 auto;gap:var(--spacing-lg);flex-wrap:wrap}.stepper-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2;min-width:140px}.stepper-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;transition:all var(--transition-base);border:3px solid var(--gray-300);background:var(--white);color:var(--gray-500);margin-bottom:var(--spacing-sm)}.stepper-step.active .stepper-circle{background:var(--bgfi-primary);border-color:var(--bgfi-primary);color:var(--white);box-shadow:0 0 0 4px #09416e33;transform:scale(1.1)}.stepper-step.completed .stepper-circle{background:var(--bgfi-secondary);border-color:var(--bgfi-secondary);color:var(--white)}.stepper-step.upcoming .stepper-circle{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-400)}.stepper-number{font-size:1.125rem}.stepper-check{font-size:1.5rem;font-weight:700}.stepper-label{font-size:.875rem;font-weight:500;color:var(--gray-600);text-align:center;max-width:160px;min-height:2.5rem;line-height:1.3;padding:0 var(--spacing-xs);transition:color var(--transition-base);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:help;position:relative}.stepper-step.active .stepper-label{color:var(--bgfi-primary);font-weight:600}.stepper-step.completed .stepper-label{color:var(--bgfi-secondary)}.stepper-line{position:absolute;top:25px;left:0;right:0;height:2px;background:var(--gray-300);z-index:1;margin:0 25px}.stepper-line.completed{background:var(--bgfi-secondary)}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--gray-200);gap:var(--spacing-md)}.form-navigation.summary-nav{justify-content:flex-end;gap:var(--spacing-sm)}.success-screen{position:relative;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center;overflow:hidden}.success-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.success-icon{font-size:2.5rem}.success-card h2{margin:0;color:var(--bgfi-primary)}.success-card p{margin:0;color:var(--gray-600)}.success-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.confetti-wrapper{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-10%;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(360deg);opacity:0}}.form-navigation button{min-width:150px}.btn-secondary{background:var(--white);color:var(--bgfi-primary);border:2px solid var(--bgfi-primary)}.btn-secondary:hover{background:var(--bgfi-primary);color:var(--white)}.btn-primary{background:linear-gradient(135deg,var(--bgfi-primary) 0%,var(--bgfi-accent) 100%);color:var(--white)}.btn-primary:hover{box-shadow:0 10px 25px #09416e4d}.step-content{animation:fadeIn var(--transition-slow)}.step-content.hidden{display:none}@media(max-width:768px){.stepper-container{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-lg)}.stepper{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-xs)}.stepper::-webkit-scrollbar{display:none}.stepper-line{display:none}.stepper-step{flex-direction:column;align-items:center;justify-content:flex-start;min-width:60px;flex:0 0 auto;gap:var(--spacing-xs);height:100%}.stepper-circle{width:32px;height:32px;font-size:.875rem;margin:0;border-width:2px;flex-shrink:0}.stepper-step.active .stepper-circle{transform:scale(1);box-shadow:0 0 0 2px #09416e33}.stepper-check{font-size:1.125rem}.stepper-label{font-size:.75rem;max-width:60px;height:2.4em;text-align:center;line-height:1.2;padding:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;flex-shrink:0}.form-navigation{flex-direction:column-reverse}.form-navigation button{width:100%}}.summary-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.summary-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-item{padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border-left:4px solid var(--bgfi-secondary)}.summary-item strong{color:var(--bgfi-primary);margin-right:var(--spacing-sm)}