.order-page{min-height:auto}.order-container,.order-page{padding:0;margin:0;background:transparent}.order-container{max-width:none}.section{margin-bottom:0}.section-title{font-size:22px;font-weight:700;margin-bottom:16px;color:#0b1f44}.alert{padding:12px 16px;font-size:14px;margin-right:auto;margin-bottom:16px;max-width:520px;border-radius:10px;margin-left:auto}.alert-error{border:1px solid #fecaca;color:#b91c1c;background:#fef2f2}.alert-error ul{margin:0;padding-left:18px}.alert-success{border:1px solid #bbf7d0;color:#166534;background:#ecfdf3}.section-track{justify-content:center;display:flex}.track-card{padding:24px 32px 32px;border:1px solid #e4e9f0;max-width:520px;box-shadow:0 8px 28px rgba(15,35,80,.06);border-radius:14px;background:#fff;width:100%}.track-card .st-card-logo{text-align:left;margin:0 0 16px}.track-card-head{margin-bottom:22px}.track-card-title{font-size:26px;font-weight:700;color:#0b2d6b;letter-spacing:-.02em;margin:0 0 8px}.track-card-desc{font-size:14px;color:#6b7280;margin:0;line-height:1.55}.track-form .field{margin-bottom:16px;flex-direction:column;gap:6px;display:flex}.track-form label{font-size:13px;font-weight:600;color:#374151}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{transform:translateY(-50%);pointer-events:none;font-size:14px;color:#9ca3af;position:absolute;top:50%;left:14px;z-index:1}.track-form input[type=email],.track-form input[type=text]{padding:12px 12px 12px 40px;font-size:14px;border:1px solid #e5e7eb;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;outline:none;border-radius:8px;background:#f3f4f6;width:100%}.track-form input[type=email]{background:#f0f5ff}.track-form input[type=email]:focus,.track-form input[type=text]:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.12);background:#fff}.field-captcha .cap-desc{font-size:12px;margin-bottom:10px;color:#6b7280}.field-captcha .cap-row{flex-wrap:wrap;gap:10px;align-items:stretch;display:flex}.field-captcha .cap-question{padding:10px 16px;justify-content:center;font-size:15px;border:2px solid #1d4ed8;font-weight:700;color:#1d4ed8;min-width:110px;align-items:center;border-radius:8px;background:#fff;white-space:nowrap;display:inline-flex}.field-captcha .cap-row input[type=number]{flex:1;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;max-width:160px;outline:none;min-width:100px;border-radius:8px;background:#fff}.field-captcha .cap-row input[type=number]:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.12)}.form-actions{margin-top:8px}.btn-primary{padding:13px 20px;justify-content:center;font-size:15px;border:none;font-weight:700;color:#fff;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;gap:8px;align-items:center;box-shadow:0 4px 14px rgba(11,45,107,.25);border-radius:8px;background:#0b2d6b;cursor:pointer;width:100%;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(11,45,107,.32);background:#082456}.btn-copy-order,.btn-ghost{padding:8px 14px;font-size:13px;border:1px solid #d1d5db;font-weight:600;color:#374151;transition:background .15s ease,border-color .15s ease;gap:6px;align-items:center;border-radius:8px;background:#fff;cursor:pointer;display:inline-flex}.btn-copy-order:hover,.btn-ghost:hover{border-color:#9ca3af;background:#f9fafb}.st-breadcrumb{flex-wrap:wrap;font-size:14px;margin-bottom:18px;gap:8px;align-items:center;display:flex}.st-crumb{color:#6b7280;gap:6px;align-items:center;display:inline-flex}.st-crumb-done{color:#16a34a}.st-crumb-active{font-weight:600;color:#1d4ed8}.st-crumb-sep{color:#d1d5db}.order-detail{margin-top:0}.order-detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;display:grid}.order-detail-main{gap:18px}.order-detail-aside,.order-detail-main{flex-direction:column;min-width:0;display:flex}.order-detail-aside{position:sticky;gap:14px;top:16px}.order-summary-box{padding:20px 22px;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(15,23,42,.04);border-radius:12px;background:#fff}.order-summary-header{justify-content:space-between;flex-wrap:wrap;margin-bottom:18px;gap:12px;align-items:flex-start;display:flex}.order-summary-heading .title{font-size:20px;font-weight:700;margin-bottom:4px;color:#111827}.order-status-pill{padding:3px 0;font-size:13px;font-weight:600;color:#16a34a;display:inline-block}.order-summary-right{flex-wrap:wrap;gap:8px;align-items:center;display:flex}.order-summary-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;display:grid}.order-summary-meta .sum-row,.order-summary-totals .sum-row{justify-content:space-between;font-size:13px;margin-bottom:8px;gap:12px;line-height:1.45;display:flex}.sum-row .label{flex-shrink:0;color:#6b7280}.sum-row .value{font-weight:600;color:#111827;word-break:break-word;text-align:right}.order-summary-totals{padding:14px 16px;border:1px solid #e8edf3;border-radius:10px;background:#f8fafc}.sum-row-tahsilat{padding-top:10px;border-top:1px dashed #dbe3ec;margin-top:8px}.sum-row-tahsilat .label{font-weight:700;color:#111827}.sum-row-tahsilat .value{font-size:22px;font-weight:800;color:#16a34a}.tahsilat-caption{font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.08em;text-align:right;margin-top:2px}.sum-row-kargo-track .value a{color:#1d4ed8;word-break:break-all}.value-mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.order-barcode{padding-top:16px;flex-wrap:wrap;border-top:1px solid #eef2f7;gap:16px;align-items:center;margin-top:18px;display:flex}.order-barcode-label{font-size:13px;font-weight:600;color:#6b7280}.order-barcode img{height:auto;max-width:220px}.order-items-box{overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(15,23,42,.04);border-radius:12px;background:#fff}.order-items-box .items-header{padding:14px 18px;font-size:15px;font-weight:700;color:#111827;border-bottom:1px solid #e5e7eb;background:#f8fafc}.items-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-items{font-size:13px;border-collapse:collapse;min-width:560px;width:100%}.detail-items td,.detail-items th{padding:12px 14px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.detail-items th{font-size:12px;font-weight:600;color:#6b7280;background:#fff}.detail-items .col-product{gap:10px;align-items:center;display:flex}.product-thumb{height:40px;flex-shrink:0;justify-content:center;color:#9ca3af;align-items:center;border-radius:8px;background:#f3f4f6;width:40px;display:inline-flex}.product-name{font-weight:600;color:#111827}.detail-items .col-total{font-weight:700;color:#111827;white-space:nowrap}.order-problem-box{padding:18px 20px 20px;border:1px solid #fecaca;border-radius:12px;background:#fffbfb}.order-problem-box h3{font-size:15px;font-weight:700;color:#dc2626;gap:8px;margin:0 0 14px;align-items:center;display:flex}.problem-form .field{margin-bottom:12px;flex-direction:column;gap:6px;display:flex}.problem-form label{font-size:12px;font-weight:600;color:#7f1d1d}.problem-form input[type=text],.problem-form textarea{padding:10px 12px;font-size:14px;border:1px solid #fecaca;transition:border-color .15s ease,box-shadow .15s ease;outline:none;border-radius:8px;background:#fff;width:100%}.problem-form input[type=text]:focus,.problem-form textarea:focus{border-color:#f87171;box-shadow:0 0 0 3px hsla(0,91%,71%,.15)}.order-problem-box .form-actions{justify-content:flex-end;display:flex}.order-problem-box .btn-primary{min-width:120px;background:#0b2d6b;width:auto}.problem-alert{padding:8px 12px;font-size:13px;margin-bottom:10px;border-radius:8px}.problem-alert.ok{border:1px solid #bbf7d0;color:#166534;background:#ecfdf3}.problem-alert.err{border:1px solid #fecaca;color:#b91c1c;background:#fef2f2}.order-side-summary{padding:18px;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(15,23,42,.04);border-radius:12px;background:#fff}.side-summary-head{justify-content:space-between;margin-bottom:14px;gap:10px;align-items:flex-start;display:flex}.side-summary-title{font-size:16px;font-weight:700;color:#111827}.side-summary-sub{font-size:12px;color:#6b7280;margin-top:2px}.order-number-badge{padding:6px 10px;font-size:12px;font-weight:700;color:#1d4ed8;border-radius:8px;background:#eff6ff;white-space:nowrap}.side-summary-lines{padding-top:12px;margin-bottom:12px;border-top:1px solid #f1f5f9}.side-line{justify-content:space-between;font-size:13px;margin-bottom:8px;color:#6b7280;gap:10px;display:flex}.side-line strong{font-weight:600;color:#111827}.side-line strong.is-green{color:#16a34a}.side-grand-total{padding:14px;margin-bottom:12px;text-align:center;border-radius:10px;background:#f0f7ff}.side-grand-label{font-size:11px;font-weight:700;margin-bottom:4px;color:#6b7280;letter-spacing:.06em}.side-grand-value{font-size:26px;font-weight:800;color:#15803d;line-height:1.1}.order-status-action{padding:12px 14px;font-size:14px;font-weight:700;margin-bottom:10px;color:#fff;text-align:center;border-radius:8px;background:#16a34a;width:100%}.side-trust{justify-content:center;font-size:12px;color:#6b7280;gap:8px;align-items:center;display:flex}.side-trust i{color:#9ca3af}.order-support-box{padding:14px 16px;font-size:13px;border:1px solid #e9e5ff;color:#4338ca;gap:12px;align-items:center;border-radius:12px;background:#f5f3ff;display:flex}.order-support-box i{flex-shrink:0;font-size:22px}.order-support-box strong{margin-bottom:2px;color:#312e81;display:block}.order-support-box span{font-size:12px;color:#6366f1}.orders-table{overflow:hidden;font-size:13px;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;background:#fff;width:100%}.orders-table thead{background:#f8fafc}.orders-table td,.orders-table th{padding:12px 14px;border-bottom:1px solid #f1f5f9;text-align:left}.orders-table th{font-size:12px;font-weight:600;color:#6b7280}.orders-table tr:hover td{background:#fafbfc}.orders-table td.actions{white-space:nowrap}.orders-table .btn-ghost{margin-right:6px}.modal{padding:16px;justify-content:center;position:fixed;inset:0;align-items:center;display:none;z-index:9999}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}.modal-dialog{overflow:hidden;position:relative;max-width:900px;flex-direction:column;max-height:85vh;box-shadow:0 18px 40px rgba(15,23,42,.25);border-radius:14px;background:#fff;width:100%;display:flex;z-index:1}.modal-header{padding:14px 18px;justify-content:space-between;border-bottom:1px solid #e5e7eb;align-items:center;display:flex}.modal-header h3{font-size:16px;font-weight:700;margin:0}.modal-close{font-size:22px;border:none;color:#6b7280;background:none;cursor:pointer;line-height:1}.modal-body{overflow:auto;padding:14px}.modal-body iframe{min-height:400px;border:0;width:100%}@media (max-width:1024px){.order-detail-layout{grid-template-columns:1fr}.order-detail-aside{position:static}}@media (max-width:768px){.track-card{padding:20px 18px 24px;border-radius:12px}.track-card-title{font-size:22px}.order-summary-body{grid-template-columns:1fr}.order-summary-header{flex-direction:column}.order-summary-right{width:100%}.order-summary-right .btn-copy-order,.order-summary-right .btn-ghost{flex:1;justify-content:center}.order-barcode{flex-direction:column;align-items:flex-start}.detail-items{min-width:480px}}@media (max-width:640px){.st-breadcrumb{font-size:12px}.orders-table{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block}.field-captcha .cap-row input[type=number]{max-width:none;width:100%}}