:root,
[data-theme="light"] {
    --bg: #f3f3f3;
    --card: #ffffff;
    --card-2: #f7f7f7;
    --field: #ffffff;
    --ink: #1c1c1c;
    --muted: #5f5f5f;
    --line: #e2e2e2;
    --green: #1b7a3a;
    --green-2: #249448;
    --green-soft: rgba(27, 122, 58, .12);
    --top: #ffffff;
    --shadow: 0 8px 24px rgba(0, 0, 0, .05);
    --danger: #b42318;
    --warn: #9a6700;
    --info: #3f3f3f;
    --ok: #1b7a3a;
}
[data-theme="dark"] {
    --bg: #161616;
    --card: #222222;
    --card-2: #2a2a2a;
    --field: #1c1c1c;
    --ink: #f3f3f3;
    --muted: #b5b5b5;
    --line: #3a3a3a;
    --green: #3dbe6a;
    --green-2: #57d184;
    --green-soft: rgba(61, 190, 106, .16);
    --top: #1c1c1c;
    --shadow: 0 10px 28px rgba(0, 0, 0, .28);
    --danger: #f0a3a3;
    --warn: #e6c36a;
    --info: #d0d0d0;
    --ok: #3dbe6a;
}
* { box-sizing: border-box; }
html, body.as-app { min-height: 100%; }
body.as-app {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    transition: background-color .2s ease, color .2s ease;
}
body.as-app a { color: inherit; }
.as-shell { display: flex; min-height: 100vh; }
.as-side {
    width: 248px;
    flex: 0 0 248px;
    background: #1a1a1a;
    color: #f5f5f5;
    border-right: 1px solid #2c2c2c;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 40;
}
.as-brand { display: flex; align-items: center; padding: 16px 14px 8px; }
.as-brand img { width: 100%; height: 46px; object-fit: contain; background: #050505; border-radius: 8px; padding: 4px 8px; }
.as-nav { overflow: auto; padding: 8px 10px 18px; }
.as-nav a, .as-nav summary {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border-radius: 8px; text-decoration: none;
    color: #d6d6d6; font-weight: 500; font-size: 14px; cursor: pointer;
}
.as-nav a i, .as-nav summary i { width: 16px; text-align: center; color: #8f8f8f; font-size: 13px; }
.as-nav a:hover, .as-nav summary:hover { background: #262626; color: #fff; }
.as-nav a.aktif, .as-nav details[open] > summary { background: #262626; color: #fff; box-shadow: inset 3px 0 0 #1b7a3a; }
.as-nav a.aktif i, .as-nav details[open] > summary i { color: #3dbe6a; }
.as-nav .alt { display: grid; gap: 2px; margin: 2px 0 8px 18px; padding-left: 10px; border-left: 1px solid #333; }
.as-nav .alt a { font-weight: 400; font-size: 13px; padding: 7px 10px; color: #c4c4c4; box-shadow: none; }
.as-nav .alt a.aktif { color: #fff; background: #2e2e2e; }
.as-nav details { margin-bottom: 4px; }
.as-nav summary { list-style: none; }
.as-nav summary::-webkit-details-marker { display: none; }
.as-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.as-top {
    position: sticky; top: 0; z-index: 30;
    display: flex; align-items: center; gap: 14px;
    padding: 14px 22px; background: var(--top); backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
}
.as-top h1 { font-size: 16px; margin: 0; font-weight: 600; }
.as-top p { margin: 2px 0 0; color: var(--muted); font-size: 12px; }
.as-search { margin-left: auto; position: relative; width: min(360px, 36vw); }
.as-search input, .as-field input, .as-field select:not(.select2-hidden-accessible), .as-field textarea, .as-app .form-control, .as-app .form-select {
    width: 100%; background: var(--card); color: var(--ink);
    border: 1px solid var(--line); border-radius: 12px; min-height: 42px; padding: 10px 12px;
}
.as-field textarea { min-height: 110px; resize: vertical; }
.as-search i { position: absolute; left: 12px; top: 13px; color: var(--muted); }
.as-search input { padding-left: 36px; }
.as-icon-btn, .as-btn, .as-btn-ghost, .as-btn-danger {
    border: 0; border-radius: 12px; min-height: 42px; padding: 0 14px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    font-weight: 700; text-decoration: none; cursor: pointer;
}
.as-icon-btn { width: 42px; padding: 0; background: var(--card); color: var(--ink); border: 1px solid var(--line); }
.as-btn { background: #1b7a3a; color: #fff; }
.as-btn-ghost { background: var(--card); color: var(--ink); border: 1px solid var(--line); }
.as-btn-danger { background: rgba(194, 65, 65, .12); color: var(--danger); }
.as-main { padding: 22px; flex: 1; }
.as-foot { padding: 14px 22px 18px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--line); }
.as-grid { display: grid; gap: 14px; }
.as-stats { grid-template-columns: repeat(4, 1fr); }
.as-split { grid-template-columns: 1.45fr .85fr; align-items: start; }
.as-cards { grid-template-columns: repeat(2, 1fr); }
.as-card {
    background: var(--card); border: 1px solid var(--line); border-radius: 18px;
    box-shadow: var(--shadow); padding: 16px; transition: background-color .25s ease, border-color .25s ease;
}
.as-card h2, .as-card h3 { margin: 0 0 6px; font-size: 16px; }
.as-kicker { color: var(--muted); font-size: 12px; font-weight: 600; }
.as-metric { font-size: 26px; font-weight: 600; margin: 6px 0; }
.as-metric span, .as-muted { color: var(--muted); font-size: 13px; font-weight: 500; }
.as-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.as-tag { border-radius: 999px; padding: 4px 8px; font-size: 11px; font-weight: 800; background: var(--green-soft); color: var(--green); }
.as-tag.warn { background: rgba(183, 121, 31, .15); color: var(--warn); }
.as-tag.danger { background: rgba(194, 65, 65, .14); color: var(--danger); }
.as-tag.info { background: rgba(15, 118, 110, .14); color: var(--info); }
.as-tag.mute { background: var(--card-2); color: var(--muted); }
.as-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 13px; }
.as-row b { font-weight: 700; text-align: right; }
.as-actions { display: flex; gap: 8px; margin-top: 12px; }
.as-bar { height: 8px; border-radius: 99px; background: var(--card-2); overflow: hidden; margin-top: 8px; }
.as-bar i { display: block; height: 100%; background: #1b7a3a; }
.as-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.as-filters a, .as-chip {
    border: 1px solid var(--line); background: var(--card); color: var(--ink);
    border-radius: 999px; padding: 8px 12px; text-decoration: none; font-size: 13px; font-weight: 700;
}
.as-filters a.aktif, .as-chip.aktif { background: var(--green); color: #fff; border-color: transparent; }
.as-toolbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
body.as-app .as-toolbar > .form-control { width: auto; flex: 1 1 200px; min-width: 160px; max-width: 360px; }
body.as-app .as-toolbar > input[type="date"].form-control { flex: 0 1 180px; max-width: 190px; }
.as-toolbar form { display: flex; gap: 8px; flex: 1; }
.as-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.as-field { display: flex; flex-direction: column; gap: 6px; }
.as-field.wide { grid-column: 1 / -1; }
.as-field label { font-size: 13px; font-weight: 700; }
.as-check { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; padding: 10px 12px; border: 1px dashed var(--line); border-radius: 12px; }
.as-pager { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 14px; color: var(--muted); }
.as-pager div { display: flex; gap: 6px; }
.as-pager a { min-width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--line); text-decoration: none; padding: 0 10px; }
.as-pager a.aktif { background: var(--green); color: #fff; border-color: transparent; }
.as-empty { text-align: center; padding: 28px 10px; color: var(--muted); }
.as-list { display: grid; gap: 10px; }
.as-list a.item, .as-list .item {
    display: flex; justify-content: space-between; gap: 10px; align-items: center;
    padding: 12px; border-radius: 14px; background: var(--card-2); text-decoration: none;
}
.as-donut { width: 132px; height: 132px; border-radius: 50%; display: grid; place-items: center; margin: 8px auto; }
.as-donut span { width: 78px; height: 78px; border-radius: 50%; background: var(--card); display: grid; place-items: center; font-weight: 800; }
.as-chart { display: grid; gap: 8px; }
.as-chart div { display: grid; grid-template-columns: 110px 1fr 36px; gap: 8px; align-items: center; font-size: 13px; }
.as-chart b { height: 8px; border-radius: 99px; background: var(--card-2); display: block; }
.as-chart b i { display: block; height: 100%; border-radius: 99px; background: var(--green); }
.as-toast-wrap { position: fixed; top: 16px; right: 16px; z-index: 80; display: grid; gap: 8px; }
.as-toast { min-width: 260px; max-width: 360px; background: var(--card); color: var(--ink); border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 14px; padding: 12px 14px; box-shadow: var(--shadow); }
.as-toast.error { border-left-color: var(--danger); }
.as-toast.warn { border-left-color: var(--warn); }
.as-modal { position: fixed; inset: 0; background: rgba(5, 10, 18, .55); display: none; place-items: center; z-index: 90; padding: 18px; }
.as-modal.acik { display: grid; }
.as-modal .kutu { width: min(420px, 100%); background: var(--card); border-radius: 18px; padding: 18px; }
.as-user { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.as-avatar { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--green); color: #fff; }
.as-main .card, .as-main .table { background: var(--card); color: var(--ink); }
.as-main .table td, .as-main .table th { color: var(--ink); border-color: var(--line); }
.as-side-toggle { display: none; }
.fiyat-satir { display: grid; grid-template-columns: 120px 1fr auto; gap: 8px; margin-bottom: 8px; }
.as-sms { white-space: pre-wrap; background: var(--card-2); color: var(--ink); border-radius: 8px; padding: 10px 12px; margin: 10px 0 0; font-size: 13px; line-height: 1.45; }
body.as-login { margin: 0; min-height: 100vh; font-family: "Segoe UI", Arial, sans-serif; color: #f3f3f3; background: #1a1a1a; }
.login-tek { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(420px, 100%); background: #242424; border: 1px solid #3a3a3a; border-radius: 16px; padding: 28px; }
.login-card img { width: 100%; height: 64px; object-fit: contain; background: #050505; border-radius: 8px; padding: 6px 10px; }
.login-card .pill { display: block; text-align: center; margin: 14px 0 8px; color: #cfcfcf; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.login-card label { display: block; font-size: 13px; margin: 12px 0 6px; color: #d0d0d0; }
.login-card input { width: 100%; background: #1a1a1a; color: #fff; border: 1px solid #3a3a3a; border-radius: 8px; min-height: 44px; padding: 10px 12px; font-family: "Segoe UI", Arial, sans-serif; }
.login-card button { width: 100%; margin-top: 16px; border: 0; min-height: 44px; border-radius: 8px; color: #fff; font-weight: 600; background: #1b7a3a; cursor: pointer; font-family: inherit; }
.login-card .uyari { background: #3a2424; color: #f3d0d0; border-radius: 8px; padding: 10px 12px; margin-top: 10px; }
body.as-app, body.as-app button, body.as-app input, body.as-app textarea, body.as-app select, .select2-container {
    font-family: "Segoe UI", Arial, sans-serif;
}
body.as-app .as-main .card,
body.as-app .as-main .card-header,
body.as-app .as-main .card-body,
body.as-app .as-main .card-footer,
body.as-app .as-main .modal-content,
body.as-app .as-main .list-group-item,
body.as-app .as-main .dropdown-menu,
body.as-app .as-main .bg-white,
body.as-app .as-main .bg-light {
    background: var(--card) !important;
    color: var(--ink) !important;
    border-color: var(--line) !important;
}
body.as-app .as-main,
body.as-app .as-main .card-title,
body.as-app .as-main h1,
body.as-app .as-main h2,
body.as-app .as-main h3,
body.as-app .as-main h4,
body.as-app .as-main h5,
body.as-app .as-main p,
body.as-app .as-main label,
body.as-app .as-main li,
body.as-app .as-main td,
body.as-app .as-main th,
body.as-app .as-main .text-dark,
body.as-app .as-main .text-black {
    color: var(--ink);
}
body.as-app .as-main .text-muted,
body.as-app .as-main .text-secondary { color: var(--muted) !important; }
body.as-app .as-main .table,
body.as-app .as-main .table td,
body.as-app .as-main .table th,
body.as-app .table > :not(caption) > * > * {
    background: var(--card) !important;
    color: var(--ink) !important;
    border-color: var(--line) !important;
    box-shadow: none !important;
}
body.as-app .as-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.as-app .as-main textarea,
body.as-app .as-main select:not(.select2-hidden-accessible),
body.as-app .as-main .form-control,
body.as-app .as-main .form-select {
    background: var(--field) !important;
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
}
body.as-app .as-main a:not(.as-btn):not(.as-btn-ghost):not(.as-btn-danger):not(.page-link) { color: var(--green); }
.uploadifive-button { background: #1b7a3a !important; color: #fff !important; border-radius: 8px !important; }
select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}
.select2-container { box-sizing: border-box; display: block; position: relative; width: 100% !important; vertical-align: middle; }
.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-dropdown { box-sizing: border-box; display: block; position: absolute; z-index: 4001; }
.select2-results__options { list-style: none; margin: 0; padding: 0; }
.select2-results__option { cursor: pointer; user-select: none; }
.select2-container--open { z-index: 4000; }
.select2-container--open { z-index: 4000; }
.select2-dropdown { z-index: 4001; background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.select2-results, .select2-results__options { background: var(--card); }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--muted) transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; width: 0; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; left: 50%; }
.select2-container--default .select2-selection--single { background: var(--field); border: 1px solid var(--line); border-radius: 8px; height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--ink); line-height: 40px; padding-left: 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
.select2-search--dropdown { padding: 8px; background: var(--card); }
.select2-container--default .select2-search--dropdown .select2-search__field { background: var(--field); color: var(--ink); border: 1px solid var(--line); border-radius: 6px; min-height: 36px; }
.select2-results__option { color: var(--ink); padding: 8px 12px; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #1b7a3a; color: #fff; }
.select2-container--default .select2-results__option--selected { background: var(--card-2); color: var(--ink); }
.select2-results__options { max-height: 260px; overflow-y: auto; }
@media (max-width: 1100px) {
    .as-stats { grid-template-columns: 1fr 1fr; }
    .as-cards, .as-split { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
    .as-side { position: fixed; transform: translateX(-105%); width: 280px; }
    .as-side.acik { transform: none; }
    .as-side-toggle { display: inline-flex; }
    .as-search { display: none; }
    .as-stats, .as-fields, .fiyat-satir { grid-template-columns: 1fr; }
    .as-main { padding: 14px; }
}