.new-order-page{max-width:1120px;padding-top:2.75rem;padding-bottom:4rem}.new-order-page__header{margin-bottom:2rem}.new-order-page__eyebrow,.new-order-summary__eyebrow{color:#2563eb;letter-spacing:.14em;margin-bottom:.65rem;font-size:.7rem;font-weight:800;display:block}.new-order-page__header .page-title{color:#0f172a;letter-spacing:-.04em;margin-bottom:.55rem;font-size:clamp(2rem,5vw,2.7rem)}.new-order-page__header .page-subtitle{margin:0}.new-order-page__layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.5rem;display:grid}.new-order-form,.new-order-summary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 14px 40px #0f172a0f}.new-order-form{border-radius:20px;padding:1.75rem}.new-order-form__heading{border-bottom:1px solid #eef2f7;align-items:center;gap:.85rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.new-order-form__heading h2{color:#0f172a;margin:0 0 .2rem;font-size:1.1rem}.new-order-form__heading p{color:#64748b;margin:0;font-size:.82rem}.new-order-form__icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.new-order-form__icon svg,.new-order-recipients__upload-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.new-order-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.new-order-field{flex-direction:column;gap:.45rem;min-width:0;display:flex}.new-order-field--wide{grid-column:1/-1}.new-order-field__label{color:#334155;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.new-order-field__optional{color:#94a3b8;font-size:.7rem;font-weight:500}.new-order-field input,.new-order-field select,.new-order-field textarea{color:#0f172a;width:100%;font:inherit;background:#fbfdff;border:1px solid #dbe3ef;border-radius:10px;outline:none;font-size:.88rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.new-order-field input,.new-order-field select{height:46px;padding:0 .85rem}.new-order-field textarea{resize:vertical;min-height:90px;padding:.8rem .85rem}.new-order-field input::placeholder,.new-order-field textarea::placeholder{color:#a8b3c2}.new-order-field input:focus,.new-order-field select:focus,.new-order-field textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 4px #2563eb1a}.new-order-field input[aria-invalid=true],.new-order-field select[aria-invalid=true],.new-order-field textarea[aria-invalid=true]{border-color:#f87171;box-shadow:0 0 0 3px #f8717114}.new-order-field select{appearance:none;cursor:pointer;padding-right:2.5rem}.new-order-field select:disabled{cursor:not-allowed;opacity:.65}.new-order-field__select,.new-order-field__input-wrap{align-items:center;min-width:0;display:flex;position:relative}.new-order-field__select svg{fill:none;stroke:#64748b;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;pointer-events:none;width:17px;height:17px;position:absolute;right:.85rem}.new-order-field__input-wrap>span{color:#94a3b8;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;max-width:34%;font-size:.68rem;font-weight:700;position:absolute;right:.8rem;overflow:hidden}.new-order-field__input-wrap input{padding-right:5rem}.new-order-field__error{color:#dc2626;font-size:.7rem}.new-order-recipients__top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.new-order-recipients__count{color:#94a3b8;font-size:.72rem;font-weight:700}.new-order-recipients__count--ready{color:#15803d}.new-order-recipients__toggle{background:#eef2f7;border-radius:10px;grid-template-columns:repeat(2,1fr);width:fit-content;padding:3px;display:grid}.new-order-recipients__toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.48rem .9rem;font-size:.74rem;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s}.new-order-recipients__toggle-btn--active{color:#1d4ed8;background:#fff;box-shadow:0 2px 7px #0f172a17}.new-order-recipients__toggle-btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}.new-order-recipients__textarea{line-height:1.6;min-height:170px!important;font-family:var(--font-geist-mono,monospace)!important}.new-order-recipients__upload{text-align:center;background:#f8fbff;border:1px dashed #93c5fd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:1.5rem;display:flex;position:relative}.new-order-recipients__upload--ready{background:#f7fef9;border-color:#86efac}.new-order-recipients__upload>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.new-order-recipients__upload-icon{color:#2563eb;background:#dbeafe;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:.65rem;display:grid}.new-order-recipients__upload--ready .new-order-recipients__upload-icon{color:#15803d;background:#dcfce7}.new-order-recipients__upload strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;overflow:hidden}.new-order-recipients__upload p{color:#94a3b8;margin:.25rem 0 .85rem;font-size:.72rem}.new-order-recipients__upload button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:.5rem .85rem;font-size:.74rem;font-weight:700}.new-order-form__notice{border-radius:9px;margin-bottom:1rem;padding:.75rem .85rem;font-size:.78rem}.new-order-form__notice--error{color:#b91c1c;background:#fff7f7;border:1px solid #fecaca}.new-order-form__grid+.new-order-form__notice{margin-top:1.25rem;margin-bottom:0}.new-order-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;border-radius:11px;justify-content:center;align-items:center;gap:.55rem;width:100%;height:48px;margin-top:1.5rem;font-size:.88rem;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 9px 20px #2563eb33}.new-order-form__submit--create{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 9px 20px #15803d33}.new-order-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #2563eb42}.new-order-form__submit:focus-visible{outline-offset:3px;outline:3px solid #2563eb40}.new-order-form__submit:disabled{cursor:not-allowed;opacity:.7}.new-order-form__spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.75s linear infinite new-order-spin}.new-order-summary{background:radial-gradient(circle at 100% 0,#93c5fd4d,#0000 38%),#fff;border-color:#dbeafe;border-radius:20px;padding:1.6rem;position:sticky;top:88px;overflow:hidden}.new-order-summary:after{content:"";border:1px solid #2563eb1c;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-95px;right:-70px}.new-order-summary__row,.new-order-summary__total,.new-order-summary__hint{z-index:1;position:relative}.new-order-summary__row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.8rem;display:flex}.new-order-summary__row span{color:#64748b}.new-order-summary__row strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.new-order-summary__total{min-height:105px;padding:1.1rem 0}.new-order-summary__total>span:first-child{color:#64748b;margin-bottom:.5rem;font-size:.72rem;display:block}.new-order-summary__total>strong{color:#0f172a;letter-spacing:-.04em;font-size:2rem}.new-order-summary__cost{animation:.4s ease-out new-order-cost-in;display:block;color:#1d4ed8!important}.new-order-summary__cost-loader{background:linear-gradient(90deg,#e5edf8 25%,#f8fafc 50%,#e5edf8 75%) 0 0/200% 100%;border-radius:999px;width:70%;height:34px;animation:1.3s infinite new-order-shimmer;display:block}.new-order-summary__hint{color:#94a3b8;border-top:1px solid #e2e8f0;margin:0;padding-top:1rem;font-size:.7rem;line-height:1.55}@keyframes new-order-spin{to{transform:rotate(360deg)}}@keyframes new-order-cost-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes new-order-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.new-order-page__layout{grid-template-columns:1fr}.new-order-summary{position:relative;top:auto}}@media (max-width:620px){.new-order-page{padding-top:1.5rem}.new-order-form{padding:1.25rem}.new-order-form__grid{grid-template-columns:1fr}.new-order-field--wide{grid-column:auto}.new-order-recipients__top{flex-direction:column;align-items:flex-start;gap:.35rem}.new-order-recipients__toggle{width:100%}}@media (prefers-reduced-motion:reduce){.new-order-form__spinner,.new-order-summary__cost-loader,.new-order-summary__cost{animation:none}.new-order-form__submit,.new-order-recipients__toggle-btn{transition:none}}
