*{margin:0;padding:0;box-sizing:border-box}:root{--x0: 50%;--y0: 50%;--c0: rgba(147,51,234,.65);--x1: 30%;--y1: 30%;--c1: rgba(220,53,69,.6);--x2: 70%;--y2: 40%;--c2: rgba(79,70,229,.6);--x3: 20%;--y3: 80%;--c3: rgba(236,72,153,.55);--x4: 80%;--y4: 70%;--c4: rgba(0,132,255,.55)}body.mesh-background{color:#ececf1;min-height:100vh;background:transparent!important;font-family:inherit;line-height:1.6}body.mesh-background>.container{display:flex!important;justify-content:center!important;align-items:center!important;min-height:calc(100vh - 56px)!important;padding:2rem!important;width:100%!important}.modern-card{width:100%;max-width:1100px;position:relative;overflow:hidden;border-radius:32px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.modern-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1200px 50% at 100% 0%,rgba(255,255,255,.08),transparent 60%)}.card-content{padding:3rem;position:relative;z-index:1}.form-header{text-align:left;margin-bottom:2.5rem}.form-header h2{font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-header p{color:#ffffff80;margin:0;font-size:1.1rem}.form-layout{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:3rem;align-items:start}.upload-area{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;width:100%;padding:2rem;border-radius:24px;position:relative;overflow:hidden;background:#ffffff08;border:2px dashed rgba(255,255,255,.15);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;cursor:pointer}.upload-area:hover{border-color:#fff6;background:#ffffff0f;box-shadow:0 0 30px #ffffff0d}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem;color:#fff}.upload-content svg{color:#fff;margin-bottom:.5rem;transition:transform .3s ease}.upload-area:hover .upload-content svg{transform:translateY(-5px)}.upload-area p{font-size:1.1rem;font-weight:500;margin:0;color:#fff}.upload-hint{font-size:.85rem;color:#fffc}.hidden-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0!important;cursor:pointer;z-index:10;font-size:0}.preview-container{position:absolute;inset:0;margin:0;border-radius:0;background:#000;z-index:2;display:none}.preview-container.active{display:flex}.preview-container img{width:100%;height:100%;object-fit:cover}.upload-tips{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:16px;color:#fff9;font-size:.85rem;list-style:none}.upload-tips li{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.upload-tips li:before{content:"•";color:#dc3545;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group--full{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:500;color:#fffffff2;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.9rem 1.1rem;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .1s ease;box-shadow:inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff08}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff;opacity:1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffffff61;box-shadow:0 0 0 .15rem #ffffff1a;background:#ffffff1f}.select-wrapper{position:relative}.select-wrapper select{width:100%;appearance:none;-webkit-appearance:none;background:transparent;color:#fff!important}.select-wrapper select option{background:#2d2d2d;color:#fff}.select-wrapper select option:disabled{color:#fffc}.select-wrapper:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#ffffffbf;pointer-events:none;font-size:.9rem}.price-input{position:relative;display:flex;align-items:center}.price-input .currency{position:absolute;left:12px;color:#fff;z-index:2;font-weight:700}.price-input input{padding-left:38px}.button-group{display:flex;gap:1rem;margin-top:2rem}.btn-submit{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:0;border-radius:16px;background:linear-gradient(135deg,#ff4d5a,#dc3545);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #dc354533}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px #dc35454d;filter:brightness(1.1)}.btn-submit:active{transform:translateY(0)}.btn-cancel{padding:1rem 2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fffc;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;border-color:#fff3;color:#fff}@media (max-width: 992px){.form-layout,.form-grid{grid-template-columns:1fr}}@media (max-width: 600px){html,body{overflow-x:hidden}.modern-card:before{content:none!important;background:none!important}body.mesh-background>.container{padding:.75rem!important}.modern-card{max-width:420px;margin:6px auto;border-radius:16px;max-height:calc(100vh - 84px);display:flex}.card-content{padding:.9rem .75rem 1rem;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.form-header{margin-bottom:.75rem}.form-header h2{font-size:1.25rem}.form-header p{display:none}.form-layout{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.left-panel,.right-panel{width:100%;max-width:100%}.right-panel{order:0}.left-panel{order:1}.upload-area{width:100%;max-width:100%;padding:2rem 1rem;border-width:1px;border-radius:16px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.upload-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.upload-content svg{width:40px;height:40px}.upload-area p{font-size:.85rem}.upload-hint{font-size:.75rem}.preview-container{min-height:90px;border-radius:10px}.upload-tips{display:none}.form-grid{grid-template-columns:1fr 1fr;gap:.55rem}.form-grid .form-group:first-child,.form-group--full{grid-column:1 / -1}.form-group{gap:.25rem}.form-group label{font-size:.85rem;color:#fff}.form-group input,.form-group select,.form-group textarea{font-size:.92rem;padding:.55rem .75rem;border-radius:10px}.form-group textarea{min-height:88px}.form-group input,.form-group select{font-size:.92rem;padding:.55rem .75rem;border-radius:10px}.price-input .currency{left:10px;font-size:.95rem;color:#fff}.price-input input{padding-left:34px}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.btn-submit,.btn-cancel{width:100%;justify-content:center;padding:.6rem .75rem;border-radius:10px}}
