:root {
    --primary-bg: #0b0e13;
    --primary-text: #e8eef6;
    --secondary-bg: #151a22;
    --card-bg: #12161d;
    --muted-text: #9aa7b2;
    --border: #1f2630;
    --accent: #2dd4bf; /* teal */
    --accent-2: #7c3aed; /* purple */
    --danger: #ef4444;
    --warning: #f59e0b;
    --success: #22c55e;
    --light-bg: #fff;
    --light-text: #222;
}
body[data-theme='light'] {
    --primary-bg: #fff;
    --primary-text: #222;
    --secondary-bg: #f3f3f3;
    --accent: #1ec6b6;
    --danger: #ff3b3b;
    --light-bg: #fff;
    --light-text: #222;
}
body, .dashboard-bg {
    background: var(--primary-bg) !important;
    color: var(--primary-text) !important;
}
/* Global top slogan banner */
body { padding-top: 44px; }
.global-slogan {
    position: fixed; top: 0; left: 0; right: 0; height: 44px;
    display: flex; align-items: center; justify-content: center;
    z-index: 500; backdrop-filter: blur(6px);
    background: linear-gradient(90deg, rgba(15,20,28,0.85) 0%, rgba(18,24,32,0.85) 100%);
    border-bottom: 1px solid var(--border);
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    color: var(--primary-text); font-weight: 800; letter-spacing: 0.4px;
    text-align: center; padding: 0 12px;
    pointer-events: none;
}
.global-slogan .text {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    font-size: clamp(14px, 1.6vw, 20px);
}

/* Global responsive helpers */
img { max-width: 100%; height: auto; }
.table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nowrap { white-space: nowrap; }

@media (max-width: 1024px) {
    .dashboard-cards { flex-wrap: wrap; }
    .card { min-width: 45%; }
}

@media (max-width: 768px) {
    body { padding-top: 40px; }
    .global-slogan { height: 40px; }
    .sidebar { width: 100%; min-height: auto; position: static; box-shadow: none; }
    .sidebar-header { display: none; }
    .sidebar-menu { flex-direction: row; flex-wrap: wrap; gap: 0.2rem; justify-content: space-between; padding: 0 6px; }
    .sidebar-menu a { border-left: none; border-bottom: 2px solid transparent; padding: 0.6rem 0.5rem; font-size: 0.9rem; }
    .sidebar-menu a.active, .sidebar-menu a:hover { border-left: none; border-bottom: 2px solid var(--accent); }
    .main-content { padding: 0.8rem; }
    .dashboard-header { flex-direction: column; align-items: flex-start; gap: 0.6rem; }
    .dashboard-header h1 { font-size: 1.25rem; }
    .dashboard-section { padding: 0.8rem; margin-bottom: 1rem; }
    .orders-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .orders-table thead, .orders-table tbody, .orders-table tr, .orders-table th, .orders-table td { white-space: nowrap; }
    .order-action-btn { width: 36px; height: 36px; border-radius: 12px; }
    .order-modern-card { max-width: 100% !important; padding: 0.8rem !important; }
    .form-row { display: block !important; }
    .form-col { width: 100% !important; }
    .btn-primary, .btn-table { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
    .sidebar-menu { justify-content: center; }
    .dashboard-header h1 { font-size: 1.1rem; }
    .card { min-width: 100%; }
    .orders-table td, .orders-table th { padding: 0.55rem 0.5rem; font-size: 0.9rem; }
    .global-slogan .text { font-size: 14px; }
}
body.dashboard-bg, .dashboard-bg, body:not(.login-bg) {
    background: #101215 !important;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
    color: #f3f3f3 !important;
}
body {
    /* background: #fff !important; */
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #222;
    margin: 0;
    padding: 0;
}
.login-container {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(120deg, #ff512f 0%, #dd2476 100%);
    animation: login-bg-fade 2s ease;
}
@keyframes login-bg-fade {
    0% { filter: blur(8px) brightness(0.7); }
    100% { filter: blur(0) brightness(1); }
}
.login-box {
    background: rgba(34,34,34,0.95);
    padding: 2.5rem 2rem 1.5rem 2rem;
    border-radius: 22px;
    box-shadow: 0 8px 48px #0008, 0 0 0 2px #ff512f44 inset;
    min-width: 340px;
    max-width: 95vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2.5px solid #ff512f;
    animation: login-box-pop 1.2s cubic-bezier(.68,-0.55,.27,1.55);
}
@keyframes login-box-pop {
    0% { transform: scale(0.8) translateY(40px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}
.login-box .panel-title {
    color: #fff;
    font-size: 2.1rem;
    margin-bottom: 0.5rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-shadow: 0 2px 12px #ff512f88;
}
.login-box .panel-desc {
    color: #ffd6c1;
    font-size: 1.08rem;
    margin-bottom: 1.5rem;
    text-shadow: 0 1px 8px #ff512f44;
}
.login-box input[type="text"], .login-box input[type="password"] {
    padding: 0.7rem;
    border-radius: 9px;
    border: 1.5px solid #ff512f;
    background: #181818cc;
    color: #fff;
    font-size: 1.08rem;
    margin-bottom: 0.5rem;
    outline: none;
    transition: box-shadow 0.2s, border 0.2s;
    box-shadow: 0 2px 12px #ff512f22;
}
.login-box input[type="text"]:focus, .login-box input[type="password"]:focus {
    box-shadow: 0 0 0 3px #ff512f88;
    border: 1.5px solid #fff;
}
.login-box button[type="submit"] {
    background: linear-gradient(90deg, #ff512f 0%, #dd2476 100%);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.8rem;
    font-size: 1.15rem;
    font-weight: 700;
    cursor: pointer;
    margin-top: 0.7rem;
    box-shadow: 0 2px 12px #ff512f44;
    letter-spacing: 1px;
    transition: background 0.2s, transform 0.15s;
}
.login-box button[type="submit"]:hover {
    background: linear-gradient(90deg, #dd2476 0%, #ff512f 100%);
    transform: scale(1.04);
}
.copyright {
    color: #666;
    font-size: 0.9rem;
    margin-top: 1.5rem;
    text-align: center;
}
/* Dashboard ve Sidebar */
.dashboard-bg {
    /* background: #111; */
    min-height: 100vh;
    display: flex;
}
.sidebar {
    width: 220px;
    background: var(--secondary-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0 0 1rem 0;
    box-shadow: 2px 0 24px rgba(0,0,0,0.35);
}
.sidebar-header {
    padding: 1rem 1rem 0.8rem 1rem;
    border-bottom: 1px solid var(--border);
}
.sidebar-title {
    color: var(--accent);
    font-size: 1.1rem;
    font-weight: 900;
    display: block;
}
.sidebar-desc {
    color: var(--muted-text);
    font-size: 0.8rem;
    margin-top: 0.1rem;
}
.sidebar-menu {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    gap: 0.1rem;
}
.sidebar-menu a {
    color: var(--primary-text);
    text-decoration: none;
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
    border-left: 4px solid transparent;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.sidebar-menu a.active, .sidebar-menu a:hover {
    background: #0f141c;
    color: var(--accent);
    border-left: 4px solid var(--accent);
}
.sidebar-divider {
    border-bottom: 1px solid #222;
    margin: 0.8rem 0;
}
.main-content {
    background: transparent !important;
    flex: 1;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2rem;
}
.dashboard-header h1 {
    color: var(--primary-text);
    font-size: 1.6rem;
    font-weight: 700;
}
.btn-primary {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.7rem 1.3rem;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.btn-primary:hover {
    filter: brightness(1.05);
}
.dashboard-cards {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1.2rem;
}
.card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: var(--card-bg);
    border-radius: 10px;
    padding: 0.8rem 1rem;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    min-width: 160px;
}
.card i {
    font-size: 1.6rem;
    opacity: 0.8;
}
.card-blue { background: linear-gradient(90deg, #0ea5e9 80%, var(--card-bg) 100%); color: #fff; }
.card-orange { background: linear-gradient(90deg, #f59e0b 80%, var(--card-bg) 100%); color: #fff; }
.card-green { background: linear-gradient(90deg, #10b981 80%, var(--card-bg) 100%); color: #fff; }
.card-red { background: linear-gradient(90deg, #ef4444 80%, var(--card-bg) 100%); color: #fff; }
.card-value {
    font-size: 1.4rem;
    font-weight: 700;
}
.card-label {
    font-size: 0.9rem;
    opacity: 0.93;
}
.dashboard-section {
    background: transparent !important;
    border-radius: 13px;
    padding: 1.3rem 1.2rem 1.2rem 1.2rem;
    margin-bottom: 2rem;
    box-shadow: none;
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.1rem;
}
.section-header span {
    color: var(--primary-text);
    font-size: 1.15rem;
    font-weight: 600;
}
.section-link {
    color: #1ec6b6;
    text-decoration: none;
    font-size: 0.98rem;
    font-weight: 500;
}
.orders-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--secondary-bg);
    border-radius: 10px;
    overflow: hidden;
}
.orders-table th, .orders-table td {
    padding: 0.7rem 0.6rem;
    text-align: left;
}
.orders-table th {
    background: #0f141c;
    color: var(--accent);
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 2px solid var(--border);
}
.orders-table td {
    color: var(--primary-text);
    font-size: 0.98rem;
    border-bottom: 1px solid var(--border);
}
.status {
    padding: 0.3rem 0.8rem;
    border-radius: 8px;
    font-size: 0.93rem;
    font-weight: 600;
    display: inline-block;
}
.status-pending {
    background: #ff9800;
    color: #fff;
}
.btn-table {
    background: #0f141c;
    border: none;
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    margin-right: 0.2rem;
    color: var(--primary-text);
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-table.btn-view { background: #0ea5e9; }
.btn-table.btn-edit { background: #f59e0b; }
.btn-table.btn-delete { background: #ef4444; }
.btn-table:hover { filter: brightness(0.93); }
.activity-log {
    list-style: none;
    padding: 0;
    margin: 0;
}
.activity-log li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--primary-text);
    font-size: 1rem;
    margin-bottom: 0.7rem;
}
.activity-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.1rem;
    color: #fff;
}
.activity-new { background: #1ec6b6; }
.activity-shipped { background: #1ec6b6; }
.activity-cancel { background: #ff3b3b; }
.activity-detail {
    color: #aaa;
    font-size: 0.93rem;
    margin-left: 0.5rem;
}
@media (max-width: 900px) {
    .dashboard-cards { flex-direction: column; gap: 0.7rem; }
    .sidebar { width: 70px; }
    .sidebar-header, .sidebar-desc { display: none; }
    .sidebar-menu a { font-size: 0.9rem; padding: 0.9rem 1rem; gap: 0.2rem; }
    .main-content { padding: 1rem; }
}
@media (max-width: 600px) {
    .dashboard-cards { flex-direction: column; gap: 0.7rem; }
    .sidebar { width: 100vw; min-width: 0; position: static; box-shadow: none; }
    .sidebar-header, .sidebar-desc { display: none; }
    .sidebar-menu { flex-direction: row; gap: 0.2rem; justify-content: space-around; margin-top: 0.5rem; }
    .sidebar-menu a { font-size: 0.9rem; padding: 0.7rem 0.5rem; gap: 0.2rem; border-left: none; border-bottom: 2px solid transparent; }
    .sidebar-menu a.active, .sidebar-menu a:hover { border-left: none; border-bottom: 2px solid #1ec6b6; }
    .main-content { padding: 0.5rem; }
    .orders-table, .orders-table th, .orders-table td { font-size: 0.9rem; }
    .form-row { flex-direction: column; gap: 0.5rem; }
    .form-col { width: 100%; }
    .dashboard-header h1 { font-size: 1.2rem; }
    .dashboard-section { padding: 0.5rem; }
}
.success {
    background: #1ec6b6;
    color: #fff;
    padding: 1rem 1.2rem;
    border-radius: 8px;
    margin-bottom: 1.2rem;
    font-size: 1.08rem;
    box-shadow: 0 2px 8px rgba(30,198,182,0.08);
    position: relative;
}
.copy-btn {
    background: #232323;
    color: #1ec6b6;
    border: none;
    border-radius: 6px;
    padding: 0.4rem 1rem;
    margin-left: 1rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.15s;
}
.copy-btn:hover {
    background: #1ec6b6;
    color: #fff;
}
.form-row {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}
.form-col {
    flex: 1;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
@media (max-width: 900px) {
    .form-row {
        flex-direction: column;
        gap: 0.7rem;
    }
}
form input[type="text"],
form input[type="number"],
form input[type="url"],
form input[type="file"],
form textarea,
form select {
    width: 100%;
    box-sizing: border-box;
    background: #0f141c;
    color: var(--primary-text);
    border: 1px solid var(--border);
}
form input::placeholder, form textarea::placeholder { color: var(--muted-text); }
form h3 {
    color: #1ec6b6;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
}
/* Siparişler tablosu işlemler için renkli ikon butonlar */
.order-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 16px;
    margin-right: 8px;
    font-size: 1.25rem;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: filter 0.15s, box-shadow 0.15s, transform 0.18s, background 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.13);
    position: relative;
    overflow: hidden;
}
.order-action-view {
    background: linear-gradient(135deg, #2196f3 60%, #21d4fd 100%);
}
.order-action-copy {
    background: linear-gradient(135deg, #43d86e 60%, #a8ff78 100%);
}
.order-action-edit {
    background: linear-gradient(135deg, #ff9800 60%, #ffc837 100%);
}
.order-action-delete {
    background: linear-gradient(135deg, #ff3b3b 60%, #ff6a6a 100%);
}
.order-action-msg {
    background: linear-gradient(135deg, #1ec6e6 60%, #43e97b 100%);
}
.order-action-btn:hover {
    filter: brightness(1.08) drop-shadow(0 0 8px #fff6);
    box-shadow: 0 6px 24px rgba(0,0,0,0.18);
    transform: scale(1.08) rotate(-2deg);
    z-index: 2;
}
.order-action-btn i {
    pointer-events: none;
    text-shadow: 0 2px 8px #0005, 0 0px 12px #fff3;
    transition: text-shadow 0.2s, transform 0.2s;
}
.order-action-btn:hover i {
    text-shadow: 0 4px 16px #fff, 0 0px 24px #fff7;
    transform: rotate(8deg) scale(1.12);
}
/* Sahibinden.com tarzı sipariş detay stilleri */
.od-breadcrumb {
    color: #8a98b8;
    font-size: 0.98rem;
    margin: 2.2rem auto 0 auto;
    max-width: 1100px;
    letter-spacing: 0.01em;
}
.od-breadcrumb a {
    color: #8a98b8;
    text-decoration: none;
}
.od-breadcrumb span {
    margin: 0 0.3em;
}
.od-main-wrap {
    max-width: 980px;
    margin: 2.5rem auto 0 auto;
    display: flex;
    gap: 2.5rem;
}
.od-left { flex: 2; min-width: 0; }
.od-right { flex: 1; min-width: 0; }
.od-card, .od-guvenli-card {
    border-radius: 16px;
    box-shadow: 0 8px 32px #2563a610;
    margin-bottom: 2rem;
    background: #fff;
    padding: 0;
    overflow: hidden;
}
.od-card-header, .od-guvenli-card-header, .od-adres-card-header {
    padding: 1.5rem 2rem 1.2rem 2rem;
    font-size: 1.25rem;
    font-weight: 700;
    border-radius: 16px 16px 0 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.od-card-body, .od-guvenli-card-body, .od-adres-card-body {
    padding: 2rem 2rem 2.2rem 2rem;
    border-radius: 0 0 16px 16px;
}
.od-img {
    width: 160px;
    height: 160px;
}
.od-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.1rem;
    color: #222;
}
.od-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.7rem;
}
.od-info-label {
    color: #8a98b8;
    font-size: 1.01rem;
}
.od-info-value {
    color: #222;
    font-size: 1.08rem;
    font-weight: 500;
}
.od-price {
    font-size: 2.1rem;
    font-weight: 700;
    color: #2563a6;
    margin-bottom: 1.1rem;
}
.od-status {
    display: inline-block;
    background: #ffe9a0;
    color: #b48a00;
    font-size: 1.01rem;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.3rem 1.1rem;
    margin-top: 0.5rem;
}
.od-guvenli-box {
    background: #eaf3fc;
    color: #2563a6;
    border-radius: 8px;
    padding: 1.1rem 1.2rem;
    margin-top: 1.5rem;
    font-size: 1.01rem;
}
.od-guvenli-box .fa {
    color: #2563a6;
    margin-right: 0.5em;
}
.od-guvenli-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 24px #2563a610;
    margin-bottom: 1.7rem;
    overflow: hidden;
}
.od-guvenli-card-header {
    background: #2563a6;
    color: #fff;
    border-radius: 14px 14px 0 0;
    padding: 1.3rem 2.2rem 1.1rem 2.2rem;
    font-size: 1.18rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.od-guvenli-card-header .fa {
    color: #fff;
    font-size: 1.25em;
}
.od-guvenli-card-body {
    padding: 2.1rem 2.2rem 2.2rem 2.2rem;
    color: #222;
    font-size: 1.05rem;
    background: #fff;
    border-radius: 0 0 14px 14px;
}
.od-guvenli-desc {
    font-size: 1.08rem;
    color: #222;
    margin-bottom: 1.2rem;
    line-height: 1.7;
}
.od-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
}
.od-checklist li {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-bottom: 1.3rem;
    color: #222;
    font-size: 1.08rem;
    line-height: 1.7;
}
.od-check-icon {
    background: #eaf3fc;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2196f3;
    font-size: 1.3rem;
    flex-shrink: 0;
}
.od-checklist b {
    font-weight: 700;
    color: #222;
}
.od-adres-card-header {
    color: #2563a6;
    font-size: 1.13rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 1.1rem 2.2rem 0.7rem 2.2rem;
}
.od-adres-card-header .fa {
    color: #2563a6;
}
.od-adres-card-body {
    padding: 0 2.2rem 2.2rem 2.2rem;
}
.od-adres-user {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.7rem;
}
.od-adres-user .fa-user {
    color: #ff9800;
    background: #fffbe7;
    border-radius: 50%;
    padding: 0.5rem 0.7rem;
    font-size: 1.3rem;
}
.od-adres-user-name {
    font-weight: 600;
    font-size: 1.08rem;
    color: #222;
}
.od-adres-user-phone {
    color: #888;
    font-size: 1.01rem;
}
.od-adres-info {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.od-adres-info .fa-home {
    color: #ff9800;
    background: #fffbe7;
    border-radius: 50%;
    padding: 0.5rem 0.7rem;
    font-size: 1.1rem;
}
.od-adres-info-label {
    font-size: 1.01rem;
    color: #888;
}
.od-adres {
    margin-left: 2.5rem;
    margin-top: 0.3rem;
    color: #222;
    font-size: 1.05rem;
}
@media (max-width: 1100px) {
    .od-main-wrap { max-width: 98vw; }
}
@media (max-width: 900px) {
    .od-main-wrap { flex-direction: column; gap: 1.2rem; padding: 0 0.5rem; }
    .od-left, .od-right { min-width: 0; }
}
body, input, button, textarea, select {
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif !important;
    color: #222;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
    font-weight: 700;
    color: #222;
    letter-spacing: 0.01em;
    margin-top: 0;
}
a {
    color: #2563a6;
    text-decoration: none;
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
    letter-spacing: 0.01em;
}
a:hover {
    text-decoration: underline;
}
.od-breadcrumb, .od-info-label, .od-adres-user-phone, .od-adres-info-label {
    color: #8a98b8 !important;
    font-size: 0.98rem;
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
}
.od-status {
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
    font-weight: 600;
}
.od-title, .od-price, .od-adres-user-name {
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif;
    font-weight: 700;
}

.sah-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0.7rem 0 0.7rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2.2rem;
    font-family: 'Segoe UI', Arial, sans-serif;
}
.sah-header-logo {
    background: #ffe600;
    color: #222;
    font-weight: 700;
    font-size: 1.7rem;
    padding: 0.2rem 1.2rem;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-left: 2.5rem;
}
.sah-header-title {
    font-size: 1.15rem;
    color: #009b5e;
    font-weight: 600;
    margin-left: 1.2rem;
}

.sah-main {
    max-width: 1100px;
    margin: 2.5rem auto 0 auto;
    display: flex;
    gap: 2.5rem;
}
.sah-left { flex: 2; min-width: 340px; }
.sah-right { flex: 1; min-width: 320px; }

.sah-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px #0001;
    margin-bottom: 1.7rem;
    border: none;
    padding: 0;
}
.sah-card-header {
    font-size: 1.18rem;
    font-weight: 700;
    color: #222;
    padding: 1.1rem 2.2rem 0.7rem 2.2rem;
    border-bottom: 1px solid #f0f0f0;
}
.sah-card-body {
    padding: 0 2.2rem 2.2rem 2.2rem;
}
.sah-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.1rem;
    color: #222;
}
.sah-img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 10px;
    background: #f3f3f3;
    box-shadow: 0 2px 8px #0001;
    margin-right: 1.1rem;
}
.sah-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.7rem;
}
.sah-info-label {
    color: #8a98b8;
    font-size: 1.01rem;
}
.sah-info-value {
    color: #222;
    font-size: 1.08rem;
    font-weight: 500;
}
.sah-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2563a6;
    margin-left: auto;
}
.sah-summary {
    font-size: 1.05rem;
    color: #222;
    margin-bottom: 0.7rem;
}
.sah-summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}
.sah-summary-label {
    color: #8a98b8;
}
.sah-summary-value {
    color: #222;
    font-weight: 500;
}
.sah-summary-total {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0057b8;
}
.sah-btn {
    background: #0057b8;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.9rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    margin-top: 1.1rem;
    transition: background 0.2s;
}
.sah-btn:hover {
    background: #003e8a;
}
.sah-guvenli {
    color: #009b5e;
    font-weight: 700;
    font-size: 1.13rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
}
.sah-guvenli-ikon {
    font-size: 1.2em;
    color: #009b5e;
}
.sah-guvenli-list {
    display: flex;
    gap: 2.2rem;
    margin: 0.7rem 0 0.7rem 0;
    color: #4a4a4a;
    font-size: 1.01rem;
}
.sah-guvenli-list .fa {
    color: #009b5e;
    margin-right: 0.4em;
}
.sah-link {
    color: #0057b8;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.01rem;
}
.sah-link:hover {
    text-decoration: underline;
}
.sah-footer {
    color: #8a98b8;
    font-size: 0.98rem;
    text-align: center;
    margin: 3.5rem 0 1.2rem 0;
    letter-spacing: 0.01em;
}
@media (max-width: 900px) {
    .sah-main { flex-direction: column; gap: 1.2rem; padding: 0 0.5rem; }
    .sah-left, .sah-right { min-width: 0; }
}

body.od-bg {
    background: #f4f7fc;
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #222;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}
.od-header {
    background: #234e7d;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
}
.od-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 64px;
    gap: 2.2rem;
}
.od-logo {
    font-size: 1.7rem;
    font-weight: 700;
    color: #234e7d;
    background: none !important;
    padding: 0.2rem 1.2rem;
    border-radius: 4px;
    letter-spacing: 0.5px;
    margin-left: 1.5rem;
    display: flex;
    align-items: center;
}
.od-logo span { color: #234e7d; }
.od-search {
    flex: 1;
    display: flex;
    align-items: center;
    margin-left: 1.8rem;
    max-width: 400px;
    position: relative;
}
.od-search input {
    width: 100%;
    border-radius: 25px;
    border: none;
    background: #fff;
    color: #222;
    padding: 0.8rem 2.8rem 0.8rem 1.3rem;
    font-size: 1.1rem;
    outline: none;
    box-shadow: none;
}
.od-search button {
    position: absolute;
    right: 0.8rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
    font-size: 1.35rem;
    padding: 0;
}
.od-menu {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    margin-left: auto;
}
.od-menu a {
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
    margin-left: 0.8rem;
    font-weight: 500;
    transition: color 0.2s;
}
.od-menu a.od-ilanver {
    background: #234e7d !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 7px;
    padding: 0.7rem 1.3rem;
    margin-left: 1.2rem;
    font-size: 1.1rem;
    border: none;
    transition: background 0.2s;
}
.od-menu a.od-ilanver:hover {
    background: #16365c !important;
    color: #fff !important;
}
.od-param-guvende-bar {
    background: #eaf3fc;
    color: #009b5e;
    font-weight: 700;
    font-size: 1.13rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.1rem 0 1.1rem 0;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
}
.od-param-guvende-bar .fa {
    font-size: 1.2em;
    color: #009b5e;
}
.od-breadcrumb {
    color: #8a98b8;
    font-size: 0.98rem;
    margin: 2.2rem auto 0 auto;
    max-width: 1100px;
    letter-spacing: 0.01em;
}
.od-breadcrumb a {
    color: #8a98b8;
    text-decoration: none;
}
.od-breadcrumb span {
    margin: 0 0.3em;
}
.od-main-wrap {
    max-width: 1100px;
    margin: 1.2rem auto 0 auto;
    display: flex;
    gap: 2.5rem;
}
.od-left { flex: 2; min-width: 340px; }
.od-right { flex: 1; min-width: 320px; }
.od-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px #0001;
    margin-bottom: 1.7rem;
    position: relative;
    border: none;
}
.od-card-header {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 1.18rem;
    font-weight: 700;
    color: #234e7d;
    padding: 1.1rem 2.2rem 0.7rem 2.2rem;
}
.od-card-header .fa {
    color: #234e7d;
    font-size: 1.25em;
}
.od-card-body {
    padding: 0 2.2rem 2.2rem 2.2rem;
    border-radius: 12px;
}
.od-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.1rem;
    color: #222;
}
.od-img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 10px;
    background: #f3f3f3;
    box-shadow: 0 2px 8px #0001;
    margin-bottom: 1.1rem;
}
.od-info-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.7rem;
}
.od-info-label {
    color: #8a98b8;
    font-size: 1.01rem;
}
.od-info-value {
    color: #222;
    font-size: 1.08rem;
    font-weight: 500;
}
.od-price {
    font-size: 2.1rem;
    font-weight: 700;
    color: #234e7d;
    margin-bottom: 1.1rem;
}
.od-status {
    display: inline-block;
    background: #ffe9a0;
    color: #b48a00;
    font-size: 1.01rem;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.3rem 1.1rem;
    margin-top: 0.5rem;
}
.od-status-shipped { background: #eaf3fc; color: #2563a6; }
.od-status-delivered { background: #e0f7e9; color: #009b5e; }
.od-status-cancelled { background: #ffeaea; color: #d32f2f; }
.od-buyer-card .od-card-header { color: #234e7d; }
.od-buyer-info { display: flex; flex-direction: column; gap: 0.7rem; }
.od-buyer-name, .od-buyer-phone, .od-buyer-address { font-size: 1.08rem; color: #222; display: flex; align-items: center; gap: 0.5rem; }
.od-buyer-name i, .od-buyer-phone i, .od-buyer-address i { color: #ff9800; }
.od-iban-card .od-card-header { color: #234e7d; }
.od-iban-card input[type="text"] {
    background: #fff !important;
    color: #222;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    padding: 0.7rem 1rem;
    font-size: 1.08rem;
    width: 100%;
    margin-bottom: 0.7rem;
}
.od-btn {
    background: #234e7d;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.7rem 2.2rem;
    font-size: 1.08rem;
    font-weight: 600;
    cursor: pointer;
    margin-left: 1.2rem;
    transition: background 0.2s;
}
.od-btn:hover {
    background: #16365c;
}
.od-kargo-card .od-card-header { color: #234e7d; }
.od-kargo-card select, .od-kargo-card input[type="text"] {
    background: #fff !important;
    color: #222;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    padding: 0.7rem 1rem;
    font-size: 1.08rem;
    width: 100%;
    margin-bottom: 0.7rem;
}
.od-guvenli-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 16px #0001;
    margin-bottom: 1.7rem;
    border: none;
}
.od-guvenli-card-header {
    background: #234e7d;
    color: #fff;
    border-radius: 14px 14px 0 0;
    padding: 1.1rem 2.2rem;
    font-size: 1.18rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}
.od-guvenli-card-header .fa {
    color: #fff;
    font-size: 1.25em;
}
.od-guvenli-card-body {
    padding: 1.5rem 2.2rem 2.2rem 2.2rem;
    color: #222;
    font-size: 1.05rem;
}
.od-guvenli-card-body b {
    color: #234e7d;
}
.od-checklist {
    list-style: none;
    padding: 0;
    margin: 1.1rem 0 0 0;
}
.od-checklist li {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.7rem;
    color: #222;
}
.od-checklist .fa {
    color: #2563a6;
    font-size: 1.1em;
}
.od-footer {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    margin-top: 3.5rem;
    padding: 2.2rem 0 1.2rem 0;
    text-align: center;
}
.od-footer-links {
    color: #8a98b8;
    font-size: 1.01rem;
    margin-bottom: 0.7rem;
}
.od-footer-links a {
    color: #8a98b8;
    text-decoration: none;
    margin: 0 0.3em;
}
.od-footer-links a:hover { color: #234e7d; text-decoration: underline; }
.od-footer-copy {
    color: #8a98b8;
    font-size: 0.98rem;
    letter-spacing: 0.01em;
}
@media (max-width: 1100px) {
    .od-main-wrap { max-width: 98vw; }
}
@media (max-width: 900px) {
    .od-main-wrap { flex-direction: column; gap: 1.5rem; padding: 0 0.5rem; }
    .od-left, .od-right { min-width: 0; }
}
body.od-bg, .od-card, .od-card-header, .od-card-body, .od-main-wrap, .od-footer, .od-footer-links, .od-footer-copy, .od-title, .od-info-label, .od-info-value, .od-price, .od-status, .od-btn, .od-buyer-name, .od-buyer-phone, .od-buyer-address, .od-guvenli-card-header, .od-guvenli-card-body, .od-checklist li, .od-param-guvende-bar {
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 1.04rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}
.od-title {
    font-size: 1.22rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}
.od-card-header {
    font-size: 1.13rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}
.od-btn {
    font-size: 1.04rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}
.iban-input {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #e3e8ef !important;
    border-radius: 8px !important;
    padding: 0.7rem 1rem !important;
    font-size: 1.08rem !important;
    width: 100%;
    margin-bottom: 0.7rem;
    box-shadow: none !important;
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: border 0.2s, box-shadow 0.2s;
}
.iban-input:focus {
    border: 1.5px solid #32628d !important;
    outline: none !important;
    box-shadow: 0 2px 8px #32628d22 !important;
}

/* add_order.php için özel stiller */
.add-order-container {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    background: rgba(255,255,255,0.65);
    border-radius: 22px;
    box-shadow: 0 8px 32px #0002, 0 0 0 2px #1ec6b633 inset;
    padding: 2.2rem 1.7rem 1.7rem 1.7rem;
    font-size: 1.04rem;
    z-index: 2;
    backdrop-filter: blur(12px);
    border: 1.5px solid #e3e8ef;
}
.add-order-form label, .add-order-form h3 {
    color: #1e3c72;
    font-size: 1.01rem;
    font-weight: 700;
    margin-bottom: 0.18rem;
    letter-spacing: 0.2px;
}
.add-order-form input[type="text"],
.add-order-form input[type="number"],
.add-order-form input[type="file"],
.add-order-form select,
.add-order-form textarea {
    color: #222;
    background: rgba(255,255,255,0.85);
    border-radius: 9px;
    border: 1.5px solid #b6eaff;
    font-size: 1.01rem;
    margin-bottom: 0.3rem;
    outline: none;
    transition: box-shadow 0.18s, border 0.18s;
    box-shadow: 0 1px 6px #1ec6b611;
}
.add-order-form input[type="text"]:focus,
.add-order-form input[type="number"]:focus,
.add-order-form textarea:focus {
    box-shadow: 0 0 0 2px #1ec6b6cc;
    border: 1.5px solid #1ec6b6;
    background: #fff;
}
.add-order-form button[type="submit"], .add-order-form .btn-table {
    background: linear-gradient(90deg, #1ec6b6 0%, #2a5298 100%);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 0.7rem 1.2rem;
    font-size: 1.08rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 12px #1ec6b622;
    letter-spacing: 0.5px;
    transition: background 0.18s, transform 0.13s;
}
.add-order-form button[type="submit"]:hover, .add-order-form .btn-table:hover {
    background: linear-gradient(90deg, #2a5298 0%, #1ec6b6 100%);
    transform: scale(1.04);
}
.add-order-form h3 {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.08rem;
    color: #1e3c72;
}
.add-order-form small {
    color: #1ec6b6;
    font-size: 0.93rem;
    margin-bottom: 0.3rem;
}
@media (max-width: 600px) {
    .order-page-wrap, .add-order-container {
        max-width: 99vw;
        padding: 1.1rem 0.3rem;
    }
    .order-form-title {
        font-size: 1.08rem;
    }
}

.order-page-bg {
    min-height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(120deg, #e0e7ef 0%, #f8fafc 100%);
    position: relative;
    overflow: hidden;
}
.order-page-bg::before {
    display: none;
}
.order-page-wrap {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.order-form-title {
    font-size: 1.45rem;
    font-weight: 700;
    color: #1e3c72;
    margin-bottom: 1.3rem;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-shadow: none;
    justify-content: center;
}
.order-form-title i {
    font-size: 1.5rem;
    color: #1ec6b6;
    filter: none;
}
.add-order-container {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    background: rgba(255,255,255,0.65);
    border-radius: 22px;
    box-shadow: 0 8px 32px #0002, 0 0 0 2px #1ec6b633 inset;
    padding: 2.2rem 1.7rem 1.7rem 1.7rem;
    font-size: 1.04rem;
    z-index: 2;
    backdrop-filter: blur(12px);
    border: 1.5px solid #e3e8ef;
}
@media (max-width: 600px) {
    .order-page-wrap, .add-order-container {
        max-width: 99vw;
        padding: 1.1rem 0.3rem;
    }
    .order-form-title {
        font-size: 1.08rem;
    }
}

.order-bg-blob {
    position: fixed;
    top: -120px; left: -120px;
    width: 520px; height: 520px;
    background: radial-gradient(circle at 60% 40%, #1ec6b6 0%, #2a5298 100%);
    opacity: 0.18;
    filter: blur(40px);
    z-index: 0;
}
.order-modern-center {
    min-height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(120deg, #f8fafc 0%, #e0e7ef 100%);
    position: relative;
    z-index: 1;
}
.order-modern-card {
    background: #fff;
    border-radius: 28px;
    box-shadow: 0 8px 48px #1ec6b633, 0 0 0 2px #1ec6b622 inset;
    padding: 2.5rem 2rem 2rem 2rem;
    max-width: 420px;
    width: 100%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.order-modern-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.2rem;
}
.order-modern-icon {
    width: 68px;
    height: 68px;
    background: linear-gradient(135deg, #1ec6b6 0%, #2a5298 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 16px #1ec6b655;
}
.order-modern-title {
    font-size: 1.45rem;
    font-weight: 800;
    color: #1e3c72;
    letter-spacing: 0.5px;
    text-align: center;
}
.order-modern-desc {
    color: #1ec6b6;
    font-size: 0.98rem;
    margin-top: 1.2rem;
    text-align: center;
    opacity: 0.85;
}
.add-order-container {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
.add-order-form label, .add-order-form h3 {
    color: #1e3c72;
    font-size: 1.01rem;
    font-weight: 700;
    margin-bottom: 0.18rem;
    letter-spacing: 0.2px;
}
.add-order-form input[type="text"],
.add-order-form input[type="number"],
.add-order-form input[type="file"],
.add-order-form select,
.add-order-form textarea {
    color: #222;
    background: #f7faff;
    border-radius: 11px;
    border: 1.5px solid #b6eaff;
    font-size: 1.01rem;
    margin-bottom: 0.3rem;
    outline: none;
    transition: box-shadow 0.18s, border 0.18s;
    box-shadow: 0 1px 6px #1ec6b611;
}
.add-order-form input[type="text"]:focus,
.add-order-form input[type="number"]:focus,
.add-order-form textarea:focus {
    box-shadow: 0 0 0 2px #1ec6b6cc;
    border: 1.5px solid #1ec6b6;
    background: #fff;
}
.add-order-form button[type="submit"], .add-order-form .btn-table {
    background: linear-gradient(90deg, #1ec6b6 0%, #2a5298 100%);
    color: #fff;
    border: none;
    border-radius: 11px;
    padding: 0.8rem 1.3rem;
    font-size: 1.13rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 12px #1ec6b622;
    letter-spacing: 0.5px;
    transition: background 0.18s, transform 0.13s;
}
.add-order-form button[type="submit"]:hover, .add-order-form .btn-table:hover {
    background: linear-gradient(90deg, #2a5298 0%, #1ec6b6 100%);
    transform: scale(1.04);
}
@media (max-width: 600px) {
    .order-modern-card {
        max-width: 99vw;
        padding: 1.1rem 0.3rem;
    }
    .order-modern-title {
        font-size: 1.08rem;
    }
}