.main{color:#17201b;width:min(700px,92%);margin:0 auto;padding:25px 0 60px}.main>h1{text-transform:capitalize;color:#17201b;margin:0 0 20px;font-size:28px;font-weight:700}.details{background:#fff;border:1px solid #e4e9e6;border-radius:14px;width:100%;padding:25px;box-shadow:0 4px 12px #0000000a,0 12px 30px #0000000f}.details>p{margin:0 0 18px}.details>p:last-child{margin-bottom:0}.details label{color:#35433b;text-transform:capitalize;margin-bottom:6px;font-size:14px;font-weight:600;display:inline-block}.details input[type=text],.details input:not([type]),.details input[type=number],.details input[type=file]{color:#17201b;background:#fbfcfb;border:1px solid #d9e1dc;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}.details input[type=text]:focus,.details input:not([type]):focus,.details input[type=number]:focus,.details input[type=file]:focus{background:#fff;border-color:#049156;box-shadow:0 0 0 3px #0491561a}.details input::placeholder{color:#9aa59e}#description{resize:vertical;min-height:80px}.details select{color:#35433b;cursor:pointer;background-color:#fbfcfb;border:1px solid #d9e1dc;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.details select:focus{border-color:#049156;box-shadow:0 0 0 3px #0491561a}.details input[type=file]{cursor:pointer;background:#f7faf8;padding:8px}.details input[type=file]::file-selector-button{color:#17613e;cursor:pointer;background:#e8f3ed;border:none;border-radius:6px;margin-right:10px;padding:7px 11px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.details input[type=file]::file-selector-button:hover{color:#fff;background:#049156}.details>p:last-child{gap:10px;margin-top:25px;display:flex}#addToList,#send{cursor:pointer;border:none;border-radius:8px;flex:1;padding:11px 15px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s}#addToList{color:#24513b;background:#edf2ef}#addToList:hover{background:#dfe9e3;transform:translateY(-1px)}#send{color:#fff;background:#049156;box-shadow:0 5px 12px #0491562e}#send:hover{background:#037b4a;transform:translateY(-1px);box-shadow:0 7px 16px #04915640}#addToList:active,#send:active{transform:translateY(0)}@media (max-width:700px){.main{width:94%;padding-top:18px}.main>h1{font-size:23px}.details{border-radius:11px;padding:18px}}@media (max-width:450px){.main{width:95%;padding-bottom:40px}.main>h1{margin-bottom:14px;font-size:21px}.details{padding:15px}.details>p{margin-bottom:15px}.details label,.details input,.details select{font-size:13px}.details>p:last-child{gap:8px}#addToList,#send{padding:10px 8px;font-size:13px}}@media (max-width:370px){.main{width:96%}.details{padding:12px}.details>p:last-child{flex-direction:column}#addToList,#send{width:100%}}.current-image{margin-bottom:18px}.current-image p{color:#35433b;margin:0 0 8px;font-size:14px;font-weight:600}.current-image img{object-fit:cover;background:#f7faf8;border:1px solid #d9e1dc;border-radius:10px;width:180px;height:180px;display:block;box-shadow:0 3px 10px #00000014}.edit-buttons{gap:10px;margin-top:25px;display:flex}#cancel,#save{cursor:pointer;border-radius:8px;flex:1;padding:11px 15px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}#cancel{color:#35433b;background:#edf2ef;border:1px solid #d9e1dc}#cancel:hover{background:#dfe9e3;transform:translateY(-1px)}#save{color:#fff;background:#049156;border:none;box-shadow:0 5px 12px #0491562e}#save:hover{background:#037b4a;transform:translateY(-1px);box-shadow:0 7px 16px #04915640}#save:active,#cancel:active{transform:translateY(0)}#save:disabled{color:#f5f5f5;cursor:not-allowed;box-shadow:none;background:#b8c0bb;transform:none}@media (max-width:450px){.current-image img{width:150px;height:150px}}@media (max-width:370px){.edit-buttons{flex-direction:column;gap:8px}#cancel,#save{width:100%}}.field-error{color:#dc2626;margin-top:5px;font-size:12px;font-weight:500;display:block}.input-error{background-color:#fff7f7;outline:none;border:1px solid #dc2626!important}.input-error:focus{box-shadow:0 0 0 3px #dc26261f}.form-message{border-radius:9px;gap:12px;margin:15px 0;padding:14px;font-size:14px;animation:.2s messageAppear;display:flex}.form-message-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-weight:700;display:flex}.form-message-content{flex:1}.form-message-content strong{margin-bottom:3px;display:block}.form-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.form-message.error .form-message-icon{background:#dc2626}.form-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.form-message.success .form-message-icon{background:#16a34a}@keyframes messageAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}#send:disabled,#addToList:disabled{opacity:.55;cursor:not-allowed}
