*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#3d8b70;--brand-hov:#317a60;--brand-light:#e8f5f1;--red:#e03131;--bg:#f4f6f9;--card:#fff;--border:#e2e8f0;--border-focus:#3d8b70;--label:#1a202c;--muted:#718096;--muted-light:#a0aec0;--success-bg:#f0fff4;--success-border:#68d391;--success-text:#276749;--error-bg:#fff5f5;--error-border:#fc8181;--error-text:#c53030;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 25px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.06);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{font-family:var(--font);font-size:14px;background:var(--bg);color:var(--label);min-height:100vh}.page{max-width:700px;margin:0 auto;padding:32px 16px 60px}.hero{background:linear-gradient(90deg,#1a1a2e 0,#16213e 50%,#0f3460);border-radius:var(--radius-lg);margin-bottom:24px;padding:40px 36px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.hero:before{top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(224,49,49,.18) 0,transparent 70%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-40px;left:-20px;width:160px;height:160px;background:radial-gradient(circle,rgba(61,139,112,.15) 0,transparent 70%)}.heroInner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}.heroLogo{height:80px;width:auto;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.heroText{text-align:right}.heroTitle{font-size:34px;font-weight:800;color:var(--red);letter-spacing:-.5px;line-height:1.1;margin-bottom:6px}.heroSub{color:hsla(0,0%,100%,.6);font-size:13px;font-weight:500;letter-spacing:.02em}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.section{padding:24px 28px;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:none}.sectionTitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field:last-child{margin-bottom:0}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}label.lbl{font-weight:600;font-size:13px;color:var(--label);display:flex;align-items:center;gap:4px}.req{color:var(--red);font-size:13px}input[type=date],input[type=email],input[type=text],select,textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;font-family:var(--font);color:var(--label);background:#fafbfc;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input[type=date]:hover,input[type=email]:hover,input[type=text]:hover,select:hover,textarea:hover{border-color:#63b3ed;background:#ebf8ff}input[type=date]:focus,input[type=email]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#63b3ed;background:#fff;box-shadow:0 0 0 3px rgba(99,179,237,.2)}textarea{resize:vertical;min-height:88px}select{cursor:pointer}.projectDropdown{margin-bottom:16px}.productGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:8px;gap:8px;margin-top:4px}.productChip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;font-size:13px;font-weight:500;color:var(--label);background:#fafbfc;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.productChip:hover{border-color:#63b3ed;background:#ebf8ff}.productChip.selected{border-color:var(--brand);background:var(--brand-light);color:var(--brand);box-shadow:0 0 0 3px rgba(61,139,112,.12)}.productChip input[type=radio]{width:14px;height:14px;accent-color:var(--brand);flex-shrink:0;cursor:pointer}.priorityGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.priorityChip{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.priorityChip input[type=radio]{width:14px;height:14px;flex-shrink:0;cursor:pointer;outline:none}.priorityChip input[type=radio]:focus{outline:none;box-shadow:none}.priorityChip:hover{border-color:#63b3ed;background:#ebf8ff}.priorityChip.p1{color:#c53030}.priorityChip.p1 input{accent-color:#e03131}.priorityChip.p1.selected{border-color:#e03131;background:#fff5f5;box-shadow:0 0 0 3px rgba(224,49,49,.18)}.priorityChip.p2{color:#c05621}.priorityChip.p2 input{accent-color:#dd6b20}.priorityChip.p2.selected{border-color:#dd6b20;background:#fffaf0;box-shadow:0 0 0 3px rgba(221,107,32,.18)}.priorityChip.p3{color:#b7791f}.priorityChip.p3 input{accent-color:#d69e2e}.priorityChip.p3.selected{border-color:#d69e2e;background:ivory;box-shadow:0 0 0 3px rgba(214,158,46,.22)}.priorityChip.p4{color:#276749}.priorityChip.p4 input{accent-color:#38a169}.priorityChip.p4.selected{border-color:#38a169;background:#f0fff4;box-shadow:0 0 0 3px rgba(56,161,105,.18)}.yesNoGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;max-width:280px}.yesNoChip{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--label)}.yesNoChip input[type=radio]{width:14px;height:14px;flex-shrink:0;cursor:pointer}.yesNoChip:hover{border-color:#63b3ed;background:#ebf8ff}.yesNoChip.yes input{accent-color:#e03131}.yesNoChip.yes.selected{border-color:#e03131;background:#fff5f5;color:#c53030;box-shadow:0 0 0 3px rgba(224,49,49,.18)}.yesNoChip.no input{accent-color:#38a169}.yesNoChip.no.selected{border-color:#38a169;background:#f0fff4;color:#276749;box-shadow:0 0 0 3px rgba(56,161,105,.18)}.fileUpload{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--border);border-radius:var(--radius-sm);padding:14px 16px;background:#fafbfc;cursor:pointer;transition:border-color .15s,background .15s}.fileUpload:hover{border-color:var(--brand);background:var(--brand-light)}.fileUpload input[type=file]{position:absolute;opacity:0;width:0;height:0}.fileUploadIcon{width:36px;height:36px;background:var(--brand-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.fileUploadText{font-size:13px;color:var(--muted)}.fileName,.fileUploadText strong{color:var(--brand)}.fileName{font-size:12px;font-weight:500;margin-top:2px}.submitSection{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;background:#fafbfc;border-top:1px solid var(--border)}.submitNote{font-size:12px;color:var(--muted-light)}.submitBtn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#e03131 0,#c92a2a);color:#fff;border:none;border-radius:var(--radius-sm);padding:11px 32px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(224,49,49,.35);transition:opacity .15s,transform .1s,box-shadow .15s;letter-spacing:.01em}.submitBtn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px rgba(224,49,49,.45)}.submitBtn:active:not(:disabled){transform:translateY(0)}.submitBtn:disabled{opacity:.6;cursor:not-allowed}.successBanner{margin:0 28px 24px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);padding:14px 18px;color:var(--success-text);font-size:14px;font-weight:500}.successBanner a{color:var(--brand);font-weight:700;text-decoration:none}.successBanner a:hover{text-decoration:underline}.errorBanner{margin:0 28px 24px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);padding:14px 18px;color:var(--error-text);font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media (max-width:540px){.hero{padding:36px 20px 28px}.heroTitle{font-size:26px}.section{padding:20px 18px}.submitSection{padding:16px 18px;flex-direction:column;gap:12px;align-items:stretch}.submitBtn{justify-content:center}.priorityGrid,.row{grid-template-columns:1fr}.productGrid{grid-template-columns:1fr 1fr}.errorBanner,.successBanner{margin:0 18px 20px}}