/* vendor/base.css */
/*! Tikowers üye arayüzü temel stilleri — üretilmiş dosya (Güncelleme 45): Bootstrap 5.3.3 (MIT, yalnız kullanılan kurallar) + Bootstrap Icons 1.11.3 (MIT, yalnız kullanılan 204 ikon) + Outfit (OFL, değişken font). Elle düzenlemeyin; yeniden üretmek için bkz. assets/vendor/BUILD.md */
@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url("/assets/vendor/fonts/outfit-latin-ext-wght-normal.woff2") format("woff2-variations"),url("/assets/vendor/fonts/outfit-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url("/assets/vendor/fonts/outfit-latin-wght-normal.woff2") format("woff2-variations"),url("/assets/vendor/fonts/outfit-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-display:block;font-family:"bootstrap-icons";src:url("/assets/vendor/fonts/bi-subset.woff2") format("woff2")}.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-right::before{content:"\f138"}.bi-bag::before{content:"\f179"}.bi-bag-check::before{content:"\f171"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-fill::before{content:"\f174"}.bi-bag-x::before{content:"\f178"}.bi-balloon-heart-fill::before{content:"\f707"}.bi-ban::before{content:"\f6b6"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bell::before{content:"\f18a"}.bi-bell-fill::before{content:"\f189"}.bi-binoculars-fill::before{content:"\f18e"}.bi-box::before{content:"\f1c8"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-fill::before{content:"\f7d2"}.bi-box-seam::before{content:"\f1c7"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-camera-fill::before{content:"\f219"}.bi-card-checklist::before{content:"\f224"}.bi-cart-check-fill::before{content:"\f239"}.bi-cash-coin::before{content:"\f632"}.bi-chat-left-text::before{content:"\f252"}.bi-check::before{content:"\f26e"}.bi-check-all::before{content:"\f269"}.bi-check-circle::before{content:"\f26b"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-lg::before{content:"\f633"}.bi-check2::before{content:"\f272"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-circle::before{content:"\f28a"}.bi-circle-fill::before{content:"\f287"}.bi-clipboard::before{content:"\f290"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-check-fill::before{content:"\f71b"}.bi-clipboard2-check::before{content:"\f725"}.bi-clock::before{content:"\f293"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-cloud-fill::before{content:"\f29e"}.bi-copy::before{content:"\f759"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card::before{content:"\f2dc"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-fill::before{content:"\f2db"}.bi-currency-exchange::before{content:"\f638"}.bi-database-exclamation::before{content:"\f8b3"}.bi-database-gear::before{content:"\f8bf"}.bi-diagram-3::before{content:"\f2ee"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-door-open::before{content:"\f308"}.bi-download::before{content:"\f30a"}.bi-envelope-check::before{content:"\f68c"}.bi-envelope-fill::before{content:"\f32c"}.bi-eraser::before{content:"\f331"}.bi-exclamation::before{content:"\f33c"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-lg::before{content:"\f63c"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-eye::before{content:"\f341"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash::before{content:"\f340"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-film::before{content:"\f3c3"}.bi-fire::before{content:"\f7f6"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder2-open::before{content:"\f3d8"}.bi-gear-fill::before{content:"\f3e2"}.bi-gem::before{content:"\f3e6"}.bi-gift::before{content:"\f3ec"}.bi-gift-fill::before{content:"\f3eb"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-graph-up::before{content:"\f3f2"}.bi-graph-up-arrow::before{content:"\f673"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-pulse::before{content:"\f76f"}.bi-heart-pulse-fill::before{content:"\f76e"}.bi-hourglass-split::before{content:"\f41f"}.bi-inbox::before{content:"\f42d"}.bi-infinity::before{content:"\f69e"}.bi-info::before{content:"\f434"}.bi-info-circle::before{content:"\f431"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-lg::before{content:"\f646"}.bi-input-cursor-text::before{content:"\f435"}.bi-journal-text::before{content:"\f444"}.bi-key::before{content:"\f44f"}.bi-key-fill::before{content:"\f44e"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-fill::before{content:"\f46e"}.bi-link-45deg::before{content:"\f470"}.bi-list::before{content:"\f479"}.bi-list-check::before{content:"\f473"}.bi-list-ol::before{content:"\f475"}.bi-lock::before{content:"\f47b"}.bi-lock-fill::before{content:"\f47a"}.bi-magic::before{content:"\f675"}.bi-moon-fill::before{content:"\f494"}.bi-palette-fill::before{content:"\f4b0"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-pause-fill::before{content:"\f4c3"}.bi-pencil::before{content:"\f4cb"}.bi-pencil-fill::before{content:"\f4c9"}.bi-people::before{content:"\f4d0"}.bi-people-fill::before{content:"\f4cf"}.bi-percent::before{content:"\f4d1"}.bi-person::before{content:"\f4e1"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check::before{content:"\f4d6"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash::before{content:"\f4d9"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-fill::before{content:"\f4da"}.bi-person-gear::before{content:"\f8a7"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus::before{content:"\f4dd"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-x::before{content:"\f4e0"}.bi-person-x-fill::before{content:"\f4df"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-play::before{content:"\f4f5"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-circle::before{content:"\f4f3"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-fill::before{content:"\f4f4"}.bi-plug::before{content:"\f4f7"}.bi-plus::before{content:"\f4fe"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-lg::before{content:"\f64d"}.bi-question::before{content:"\f50c"}.bi-question-lg::before{content:"\f64e"}.bi-receipt::before{content:"\f50f"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-safe2-fill::before{content:"\f652"}.bi-search::before{content:"\f52a"}.bi-send-check-fill::before{content:"\f6b2"}.bi-send-fill::before{content:"\f6b9"}.bi-share-fill::before{content:"\f52d"}.bi-shield::before{content:"\f53f"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill::before{content:"\f536"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-lock::before{content:"\f538"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-x::before{content:"\f53e"}.bi-shop::before{content:"\f543"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-slash-circle::before{content:"\f567"}.bi-sliders::before{content:"\f56b"}.bi-sliders2::before{content:"\f789"}.bi-sort-down::before{content:"\f575"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-star::before{content:"\f588"}.bi-star-fill::before{content:"\f586"}.bi-stars::before{content:"\f589"}.bi-terminal-fill::before{content:"\f5c2"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggles::before{content:"\f5d9"}.bi-trash::before{content:"\f5de"}.bi-trash3::before{content:"\f78b"}.bi-trophy-fill::before{content:"\f5e6"}.bi-unlock::before{content:"\f600"}.bi-wallet2::before{content:"\f615"}.bi-wrench::before{content:"\f621"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-x::before{content:"\f62a"}.bi-x-circle::before{content:"\f623"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-lg::before{content:"\f659"}
@charset "UTF-8";/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-success-rgb:25,135,84;--bs-danger-rgb:220,53,69;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-bg:#e9ecef;--bs-tertiary-bg:#f8f9fa;--bs-heading-color:inherit;--bs-link-color-rgb:13,110,253;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h5,h1,h2,h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h5,h5{font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}sub{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-12{flex:0 0 auto;width:100%}.g-2{--bs-gutter-x:0.5rem}.g-2{--bs-gutter-y:0.5rem}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}@media (min-width:1200px){.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.form-label{margin-bottom:.5rem}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown{position:relative}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-height: ;--bs-card-bg:var(--bs-body-bg);position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.toast{--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast:not(.show){display:none}.modal{--bs-modal-zindex:1055;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}@media (min-width:576px){.modal{}}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.d-block{display:block!important}.d-flex{display:flex!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-grow-1{flex-grow:1!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-self-center{align-self:center!important}.m-0{margin:0!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.visible{visibility:visible!important}@media (min-width:768px){.d-md-none{display:none!important}}
/* css/app.css */
/* ═══ TikTok Platform v5 ═══ */
/* --p (primary) ve --pd set edilir header'da inline style ile */
:root { --v:#6d28d9; --c:#06b6d4; --bl:#3b82f6; --o:var(--p); --r:#ef4444; --g:#22c55e; }

html.light {
    --bg:#f3f1fa;--bg2:#eae7f5;--card:#fff;--card2:#faf9fe;--bdr:#e5e2f0;
    --t1:#1a1a2e;--t2:#555567;--t3:#8e8ea0;
    --inp:#f0edf7;--inp-b:#ddd8ef;
    --nav:#fff;--nav-b:#ebe8f5;
    --shd:0 1px 8px rgba(0,0,0,.04);
}
html.dark {
    --bg:#08080d;--bg2:#0e0e16;--card:#111119;--card2:#17172a;--bdr:#1e1e30;
    --t1:#eeeef5;--t2:#9898ab;--t3:#5a5a6e;
    --inp:#131320;--inp-b:#252538;
    --nav:#0b0b12;--nav-b:#181828;
    --shd:0 1px 8px rgba(0,0,0,.35);
}

/* theme icon toggle */
html.light .t-dark-icon,html.light .t-dark-show{display:inline!important}
html.light .t-light-icon,html.light .t-light-show{display:none!important}
html.dark .t-dark-icon,html.dark .t-dark-show{display:none!important}
html.dark .t-light-icon,html.dark .t-light-show{display:inline!important}
/* Logo: açık tema logosu açık temada, koyu tema logosu koyu temada (siteLogoHtml) */
.logo-for-dark{display:none!important}
html.dark .logo-for-light{display:none!important}
html.dark .logo-for-dark{display:inline-block!important}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
a{color:var(--p);text-decoration:none}
::-webkit-scrollbar{width:5px} ::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:3px}

/* ─── Topbar ──────── */
.topbar{position:sticky;top:0;z-index:100;background:var(--nav);border-bottom:1px solid var(--bdr);backdrop-filter:blur(12px)}
.topbar-in{max-width:430px;margin:0 auto;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}
.topbar-left{display:flex;align-items:center;gap:.5rem}
.topbar-logo{width:30px;height:30px;border-radius:.45rem;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}
.topbar-name{font-weight:700;font-size:.9rem;color:var(--t1)}
.topbar-img{height:28px;width:auto;object-fit:contain}
.topbar-sitename{font-weight:700;font-size:.95rem;color:var(--t1)}
.topbar-theme{width:34px;height:34px;border-radius:50%;background:var(--inp);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--t2);font-size:.95rem;cursor:pointer;transition:all .15s}
.topbar-theme:hover{background:var(--card2);color:var(--p)}

/* ─── Toast ──────── */
.toast-box{position:fixed;top:.75rem;left:50%;transform:translateX(-50%);z-index:9999}
.toast-inner{padding:.6rem 1.1rem;border-radius:.6rem;font-size:.86rem;font-weight:500;display:flex;align-items:center;gap:.4rem;animation:ti .25s ease,to .25s ease 3.5s forwards;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.toast-success{background:#059669;color:#fff} .toast-danger{background:#dc2626;color:#fff} .toast-warning{background:#d97706;color:#fff}
@keyframes ti{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes to{from{opacity:1}to{opacity:0;transform:translateY(-10px)}}

/* ─── Card ──────── */
.cd{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1.5rem;box-shadow:var(--shd)}
.glass-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1.5rem;box-shadow:var(--shd)}

/* ─── Input ──────── */
.inp{background:var(--inp);border:1px solid var(--inp-b);border-radius:.7rem;padding:.8rem 1rem;color:var(--t1);font-family:'Outfit',sans-serif;font-size:.93rem;width:100%;outline:0;transition:border .15s}
.inp::placeholder{color:var(--t3)} .inp:focus{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 12%,transparent)}
.inp-g{display:flex;align-items:center;background:var(--inp);border:1px solid var(--inp-b);border-radius:.7rem;overflow:hidden;transition:border .15s}
.inp-g:focus-within{border-color:var(--p)}
.inp-g .pf{padding:0 .85rem;color:var(--t3);font-size:1.05rem;font-weight:500}
.inp-g input{flex:1;background:0;border:0;padding:.8rem .85rem .8rem 0;color:var(--t1);font-family:'Outfit',sans-serif;font-size:.93rem;outline:0}
.inp-g input::placeholder{color:var(--t3)}
/* compat */
.input-dark{background:var(--inp);border:1px solid var(--inp-b);border-radius:.7rem;padding:.8rem 1rem;color:var(--t1);font-family:'Outfit',sans-serif;font-size:.93rem;width:100%;outline:0}
.input-dark::placeholder{color:var(--t3)} .input-dark:focus{border-color:var(--p)}
.input-group-dark{display:flex;align-items:center;background:var(--inp);border:1px solid var(--inp-b);border-radius:.7rem;overflow:hidden}
.input-group-dark .prefix{padding:0 .85rem;color:var(--t3);font-size:1.05rem;font-weight:500}
.input-group-dark input{flex:1;background:0;border:0;padding:.8rem .85rem .8rem 0;color:var(--t1);font-family:'Outfit',sans-serif;font-size:.93rem;outline:0}
.input-group-dark input::placeholder{color:var(--t3)}

/* ─── Buttons ──────── */
.btn-p{background:var(--p);color:#fff;border:0;padding:.82rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:.93rem;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--p) 25%,transparent);width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:all .15s}
.btn-p:hover{filter:brightness(1.1);transform:translateY(-1px)} .btn-p:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-purple{background:var(--p);color:#fff;border:0;padding:.82rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:.93rem;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb,var(--p) 25%,transparent);width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:all .15s}
.btn-purple:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-c{background:linear-gradient(135deg,var(--c),var(--bl));color:#fff;border:0;padding:.82rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(6,182,212,.18);width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:all .15s}
.btn-c:hover{filter:brightness(1.08)}
.btn-cyan{background:linear-gradient(135deg,var(--c),var(--bl));color:#fff;border:0;padding:.82rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem}
.btn-gh{background:var(--inp);border:1px solid var(--inp-b);color:var(--t2);padding:.7rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:500;cursor:pointer;transition:all .15s}
.btn-gh:hover{background:var(--card2);color:var(--t1)}
.btn-ghost{background:var(--inp);border:1px solid var(--inp-b);color:var(--t2);padding:.7rem 1.4rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:500;cursor:pointer}

/* ─── Login ──────── */
.login-w{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;background:var(--bg)}
.login-w::before,.login-w::after{content:'';position:absolute;width:350px;height:350px;border-radius:50%;filter:blur(100px);pointer-events:none}
.login-w::before{top:-180px;right:-180px;background:color-mix(in srgb,var(--p) 10%,transparent)}
.login-w::after{bottom:-180px;left:-180px;background:color-mix(in srgb,var(--p) 8%,transparent)}
.login-c{width:100%;max-width:420px;position:relative;z-index:1}
.login-badge{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--p) 8%,transparent);border:1px solid color-mix(in srgb,var(--p) 15%,transparent);padding:.32rem .9rem;border-radius:999px;font-size:.83rem;color:var(--p)}
.login-title{font-size:1.75rem;font-weight:700;color:var(--p)}
/* compat */
.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg)}
.login-card{width:100%;max-width:420px;position:relative;z-index:1}

/* ─── Stats ──────── */
.confirm-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto;border:2px solid color-mix(in srgb,var(--p) 25%,transparent);background:color-mix(in srgb,var(--p) 6%,transparent)}
.confirm-avatar img{width:100%;height:100%;object-fit:cover}
.stat-row{display:flex;justify-content:center;gap:2rem}
.stat-item{text-align:center} .stat-item .value{font-size:1.1rem;font-weight:700;color:var(--t1)} .stat-item .label{font-size:.68rem;color:var(--t3)}
.credit-badge{display:inline-flex;align-items:center;gap:.3rem;background:color-mix(in srgb,var(--p) 8%,transparent);border:1px solid color-mix(in srgb,var(--p) 15%,transparent);padding:.32rem .7rem;border-radius:999px;font-weight:700;color:var(--p);font-size:.88rem}
.credit-badge .bi-star-fill{color:#facc15;font-size:.82rem}

/* ─── Page header ──────── */
.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.ph h2{font-size:1.25rem;font-weight:700;color:var(--t1)}
.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.page-header h2{font-size:1.25rem;font-weight:700;color:var(--t1)}

/* ─── Task card ──────── */
.task-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;overflow:hidden;box-shadow:var(--shd)}
.task-image{aspect-ratio:4/3;background:color-mix(in srgb,var(--p) 4%,var(--bg));display:flex;align-items:center;justify-content:center}
.task-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;border:2px solid color-mix(in srgb,var(--p) 18%,transparent);background:color-mix(in srgb,var(--p) 6%,transparent);position:relative;z-index:1}
.task-avatar img{width:100%;height:100%;object-fit:cover}
.task-body{padding:1.2rem}
.task-warning{font-size:.68rem;color:var(--t3);text-align:center;line-height:1.5}

/* ─── Package grid ──────── */
.pkg-grid,.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.pkg,.package-card{background:var(--card);border:1px solid var(--bdr);border-radius:.75rem;padding:.9rem;text-align:center;cursor:pointer;transition:all .15s;box-shadow:var(--shd)}
.pkg:hover,.package-card:hover{transform:translateY(-2px);border-color:var(--p)}
.pkg.off,.package-card.disabled{opacity:.4;pointer-events:none}
.pkg .amt,.package-card .amount{font-size:1.25rem;font-weight:700;color:var(--t1)}
.pkg .tp,.package-card .type{font-size:.68rem;color:var(--t3)}
.package-card-star{background:var(--card);border:1px solid var(--bdr);border-radius:.75rem;padding:.9rem;text-align:center;cursor:pointer;transition:all .15s;box-shadow:var(--shd)}
.package-card-star:hover{transform:translateY(-2px);border-color:var(--o)}

/* ─── Profile ──────── */
.prof-sum,.profile-summary{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;box-shadow:var(--shd)}
.prof-av,.profile-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--p) 15%,transparent);background:color-mix(in srgb,var(--p) 6%,transparent);flex-shrink:0}
.prof-av img,.profile-avatar img{width:100%;height:100%;object-fit:cover}
.info-banner{background:color-mix(in srgb,var(--p) 5%,transparent);border:1px solid color-mix(in srgb,var(--p) 10%,transparent);border-radius:.7rem;padding:.7rem;display:flex;align-items:flex-start;gap:.45rem;margin-bottom:1.2rem;font-size:.83rem;color:var(--p)}

/* ─── Settings ──────── */
.sett,.settings-item,.sett-item{background:var(--card);border:1px solid var(--bdr);border-radius:.7rem;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;cursor:pointer;transition:background .15s;text-decoration:none;color:var(--t1);box-shadow:var(--shd)}
.sett:hover,.settings-item:hover,.sett-item:hover{background:var(--card2);color:var(--t1)}
.sett .sl,.settings-item .left,.sett-item .s-left{display:flex;align-items:center;gap:.7rem}
.sett .si,.sett-item .s-icon{color:var(--t3);font-size:1rem;width:18px;text-align:center}
.sett .sa,.sett-item .s-arrow{color:var(--t3)}
.slbl,.section-label{font-size:.83rem;font-weight:500;color:var(--t3);margin-bottom:.65rem;margin-top:1.2rem}

/* ─── Activity ──────── */
.act,.activity-item{background:var(--card);border:1px solid var(--bdr);border-radius:.7rem;padding:.9rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;cursor:pointer;box-shadow:var(--shd);transition:background .15s}
.act:hover,.activity-item:hover{background:var(--card2)}
.act-l,.activity-left{display:flex;align-items:center;gap:.7rem}
.act-ic,.activity-icon{width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--p) 8%,transparent);display:flex;align-items:center;justify-content:center;color:var(--p);font-size:.82rem}

/* ─── Orders ──────── */
.order-detail-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;overflow:hidden;box-shadow:var(--shd)}
.order-detail-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr)}
.order-icon{width:38px;height:38px;border-radius:.7rem;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.order-progress{padding:.7rem 1rem;border-bottom:1px solid var(--bdr)}
.order-followers{padding:.7rem 1rem;border-bottom:1px solid var(--bdr)}
.follower-list{display:flex;flex-direction:column;gap:.45rem}
.follower-item{display:flex;align-items:center;gap:.45rem;padding:.3rem 0}
.follower-avatar{width:26px;height:26px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--p) 5%,transparent);border:1px solid color-mix(in srgb,var(--p) 10%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.65rem;color:var(--p)}
.follower-avatar img{width:100%;height:100%;object-fit:cover}
.follower-info{display:flex;flex-direction:column;min-width:0;flex:1;font-size:.78rem}
.order-cost{padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between}
.order-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;overflow:hidden;box-shadow:var(--shd)}
.order-card .header{padding:1rem;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:.45rem;color:var(--o);font-weight:600}
.order-row{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr)}
.order-row:last-child{border-bottom:0}
.wallet-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;box-shadow:var(--shd)}
.wallet-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pd));display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0}
.progress{background:var(--inp)!important}
.empty-state{text-align:center;padding:3rem 1rem}
.empty-icon{width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--p) 6%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.8rem;color:var(--p)}

/* ─── Bottom Nav (improved) ──────── */
.bnav{position:fixed;bottom:0;left:0;right:0;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:.35rem .5rem max(.35rem,env(safe-area-inset-bottom));z-index:1000;background:var(--nav);border-top:1px solid var(--nav-b);backdrop-filter:blur(12px)}
.bnav-inner{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-around!important;width:100%;max-width:430px}
.bnav-i{display:flex;flex-direction:column;align-items:center;padding:.35rem .5rem;color:var(--t3);text-decoration:none;font-size:.58rem;font-weight:500;transition:color .15s;gap:.15rem;min-width:52px}
.bnav-i i{font-size:1.2rem}
.bnav-i.on{color:var(--p)}
.bnav-i.on i{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--p) 40%,transparent))}
.bnav-c{position:relative;top:-.7rem;text-decoration:none}
.bnav-star{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--pd));display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;transition:all .2s;box-shadow:0 4px 16px color-mix(in srgb,var(--p) 30%,transparent)}
.bnav-c.on .bnav-star{box-shadow:0 4px 20px color-mix(in srgb,var(--p) 50%,transparent);transform:scale(1.08)}
.bnav-c:not(.on) .bnav-star{background:var(--card);color:var(--t3);box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid var(--bdr)}

.uc,.user-content{max-width:430px;margin:0 auto;padding:1rem 1rem 5.5rem}
.modal-content{background:var(--card)!important;border:1px solid var(--bdr)!important;border-radius:1rem!important;color:var(--t1)!important}

/* ═══ ADMIN ═══ */
.adm-wrap{display:flex;min-height:100vh}
.adm-side{width:240px;background:var(--card);border-right:1px solid var(--bdr);padding:.9rem;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}
.adm-brand{display:flex;align-items:center;gap:.45rem;padding:.4rem;margin-bottom:1.1rem;font-size:1.05rem;font-weight:700;color:var(--t1)}
.adm-brand-icon{width:30px;height:30px;border-radius:.45rem;background:var(--p);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff}
.adm-user{display:flex;align-items:center;gap:.45rem;padding:.55rem;border-radius:.65rem;background:color-mix(in srgb,var(--p) 5%,transparent);margin-bottom:.9rem}
.adm-user-av{width:30px;height:30px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}
.adm-user-name{font-size:.82rem;font-weight:600;color:var(--t1)} .adm-user-role{font-size:.62rem;color:var(--t3)}
.adm-nav{flex:1;display:flex;flex-direction:column;gap:.15rem}
.adm-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:.6rem;font-size:.85rem;font-weight:500;color:var(--t2);text-decoration:none;transition:all .12s;background:0;border:0;cursor:pointer;width:100%;text-align:left}
.adm-link:hover{color:var(--t1);background:var(--card2)} .adm-link.on{background:color-mix(in srgb,var(--p) 8%,transparent);color:var(--p)}
.adm-link-red{color:var(--r)!important} .adm-link-red:hover{background:rgba(239,68,68,.05)!important}
.adm-bottom{padding-top:.4rem;border-top:1px solid var(--bdr);margin-top:.4rem;display:flex;flex-direction:column;gap:.15rem}
.adm-main{flex:1;padding:1.4rem;overflow-y:auto;background:var(--bg)}
.stat-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1.15rem;box-shadow:var(--shd)}
.stat-card-icon{width:38px;height:38px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;font-size:1rem;color:#fff}
.stat-card .number{font-size:1.65rem;font-weight:700;color:var(--t1)} .stat-card .label{font-size:.82rem;color:var(--t3)}
.admin-item{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:.65rem;box-shadow:var(--shd)}
.admin-item.inactive{opacity:.5}
.admin-item .avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid color-mix(in srgb,var(--p) 12%,transparent);background:color-mix(in srgb,var(--p) 5%,transparent);flex-shrink:0}
.admin-item .avatar img{width:100%;height:100%;object-fit:cover}
.admin-item .info{flex:1;min-width:0} .admin-item .info .name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t1)} .admin-item .info .meta{font-size:.73rem;color:var(--t3)}
.admin-item .actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.admin-order{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1.15rem;margin-bottom:.65rem;box-shadow:var(--shd)}
.admin-order .detail-row{background:var(--inp);border-radius:.65rem;padding:.65rem;margin:.65rem 0}
.admin-package{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;padding:1.15rem;box-shadow:var(--shd)} .admin-package.inactive{opacity:.5}

@media(max-width:480px){.pkg-grid,.package-grid{gap:.45rem}.pkg,.package-card,.package-card-star{padding:.7rem}.bnav-i{font-size:.52rem;padding:.15rem .25rem}}
@media(max-width:768px){.adm-side{position:fixed;left:-250px;z-index:1001;transition:left .25s;height:100vh}.adm-side.open{left:0}.adm-main{width:100%}}

/* ═══ EARN CARD — Yeni Tasarım ═══ */
.earn-card{background:var(--card);border:1px solid var(--bdr);border-radius:1rem;overflow:hidden;box-shadow:var(--shd)}
.earn-profile-area{width:100%;height:90px;background:linear-gradient(135deg,var(--p),var(--pd));position:relative}
.earn-avatar-wrap{width:72px;height:72px;border-radius:50%;border:3px solid var(--card);overflow:hidden;position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);background:var(--card);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.earn-avatar-wrap img{width:100%;height:100%;object-fit:cover}
.earn-avatar-wrap .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--p) 10%,transparent)}
.earn-body{padding:2.8rem 1.2rem 1.2rem;text-align:center}
.earn-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1rem}
.earn-stat{text-align:center}
.earn-stat-val{display:block;font-size:1.1rem;font-weight:700;color:var(--t1)}
.earn-stat-lbl{display:block;font-size:.68rem;color:var(--t3)}
.earn-follow-btn{background:linear-gradient(135deg,var(--c),var(--bl));color:#fff;border:0;padding:.9rem 1.4rem;border-radius:.75rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 14px rgba(6,182,212,.18);width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s;margin-bottom:.6rem}
.earn-follow-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.earn-verify-btn{background:var(--p);box-shadow:0 4px 14px color-mix(in srgb,var(--p) 25%,transparent)}
.earn-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.8rem}
.earn-action-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem .8rem;border-radius:.7rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;border:0;text-decoration:none;transition:all .15s}
.earn-skip-btn{background:var(--inp);border:1px solid var(--inp-b);color:var(--t2)}
.earn-skip-btn:hover{background:var(--card2);color:var(--t1)}
.earn-video-btn{background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--p) 20%,transparent)}
.earn-video-btn:hover{filter:brightness(1.1);transform:translateY(-1px);color:#fff}
.earn-reward{font-size:.78rem;opacity:.9}
.earn-warning{font-size:.68rem;color:var(--t3);text-align:center;line-height:1.5;margin:0}

/* ═══ MARKET TABS & PRODUCTS ═══ */
.market-tab{background:var(--inp);border:1px solid var(--inp-b);color:var(--t2);padding:.5rem .9rem;border-radius:.6rem;font-family:'Outfit',sans-serif;font-weight:600;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:all .15s}
.market-tab:hover{background:var(--card2);color:var(--t1)}
.market-tab.active{background:var(--p);color:#fff;border-color:var(--p)}
.mkt-panel{display:none}.mkt-panel.active{display:block}
.product-card{background:var(--card);border:1px solid var(--bdr);border-radius:.85rem;overflow:hidden;cursor:pointer;transition:all .15s;box-shadow:var(--shd)}
.product-card:hover{transform:translateY(-2px);border-color:var(--p)}
.product-card.sold-out{opacity:.5;pointer-events:none}
.product-img{width:100%;aspect-ratio:4/3;overflow:hidden;background:color-mix(in srgb,var(--p) 3%,var(--bg))}
.product-img img{width:100%;height:100%;object-fit:cover}
.product-img-empty{display:flex;align-items:center;justify-content:center}
.product-img-star{background:var(--p) !important}
.product-info{padding:.7rem}
.product-name{font-weight:600;font-size:.82rem;color:var(--t1);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-desc{font-size:.65rem;color:var(--t3);margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-price{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.price-stars{display:inline-flex;align-items:center;gap:.2rem;font-weight:700;font-size:.82rem;color:var(--p)}
.price-stars .bi-star-fill{color:#facc15;font-size:.7rem}
.price-money{font-weight:600;font-size:.78rem;color:var(--t2)}
.product-stock-out{font-size:.65rem;font-weight:600;color:var(--r);margin-top:.2rem}



/* css/ui.css */
/* ═══════════════════════════════════════════════════════════════════════
   Tikowers üye arayüzü — iOS tarzı, abartısız cam (glass), açık / koyu tema
   Tüm vurgular tema renginden (--p, Panel > Görünüm > Ana renk) türetilir:
   tema rengi değişince uygulamanın tamamı birlikte değişir.
   Anlamlı renkler korunur: başarı (yeşil), hata (kırmızı), yıldız ikonu (altın).
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --tk-grad:linear-gradient(135deg,color-mix(in srgb,var(--p) 62%,#fff) 0%,var(--p) 55%,color-mix(in srgb,var(--p) 78%,#000) 100%);
  --tk-grad2:linear-gradient(135deg,color-mix(in srgb,var(--p) 40%,#fff) 0%,color-mix(in srgb,var(--p) 80%,#fff) 60%,var(--p) 100%);
  --tk-soft:color-mix(in srgb,var(--p) 12%,transparent);
  --tk-soft2:color-mix(in srgb,var(--p) 20%,transparent);
  --tk-glow:color-mix(in srgb,var(--p) 38%,transparent);
  --tk-r:20px; --tk-r-sm:14px;
  --tk-ease:cubic-bezier(.2,.8,.2,1);
}
html.light body.tk-ui{
  --bg:color-mix(in srgb,var(--p) 5%,#f3f4f8); --bg2:color-mix(in srgb,var(--p) 8%,#eceef4);
  --card:rgba(255,255,255,.72); --card-s:#fff; --card2:color-mix(in srgb,var(--p) 4%,rgba(255,255,255,.6));
  --bdr:rgba(15,20,40,.08); --t1:#0e1120; --t2:#4a5063; --t3:#878d9e;
  --inp:rgba(255,255,255,.75); --inp-b:rgba(15,20,40,.1);
  --nav:rgba(255,255,255,.7); --nav-b:rgba(15,20,40,.08);
  --shd:0 1px 2px rgba(15,20,40,.04),0 8px 24px rgba(15,20,40,.06);
  --tk-blob:color-mix(in srgb,var(--p) 18%,transparent);
}
html.dark body.tk-ui{
  --bg:#07080c; --bg2:#0c0e14;
  --card:rgba(22,24,33,.86); --card-s:#14161f; --card2:rgba(255,255,255,.045);
  --bdr:rgba(255,255,255,.08); --t1:#f3f4f8; --t2:#a8acb9; --t3:#6c7182;
  --inp:rgba(255,255,255,.06); --inp-b:rgba(255,255,255,.1);
  --nav:rgba(22,24,32,.66); --nav-b:rgba(255,255,255,.09);
  --shd:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --tk-blob:color-mix(in srgb,var(--p) 30%,transparent);
}

/* ── Zemin: tema renginden yumuşak ışıltı ───────────────────────────────── */
body.tk-ui{background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh}
body.tk-ui::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transform:translateZ(0);
  background:radial-gradient(60% 45% at 100% 0%,var(--tk-blob),transparent 70%),radial-gradient(55% 40% at 0% 100%,var(--tk-blob),transparent 70%)}

/* ── Kartlar (cam) ─────────────────────────────────────────────────────── */
body.tk-ui .cd,body.tk-ui .glass-card,body.tk-ui .order-card,body.tk-ui .wallet-card,body.tk-ui .profile-summary,body.tk-ui .settings-item,
body.tk-ui .package-card,body.tk-ui .product-card,body.tk-ui .earn-card{
  background:var(--card);border:1px solid var(--bdr);border-radius:var(--tk-r);box-shadow:var(--shd)}

/* ── Başlıklar: iOS büyük başlık ───────────────────────────────────────── */
body.tk-ui .ph{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:.2rem 0 1rem}
body.tk-ui .ph h2{font-size:1.7rem;font-weight:800;letter-spacing:-.025em;color:var(--t1);margin:0}
body.tk-ui .credit-badge,body.tk-ui .mk-head .st{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .75rem;border-radius:999px;
  background:var(--card);border:1px solid var(--bdr);font-weight:700;color:var(--t1);box-shadow:var(--shd)}
body.tk-ui .credit-badge .bi-star-fill,body.tk-ui .mk-head .st .bi-star-fill,body.tk-ui .price-stars .bi-star-fill,body.tk-ui .tk-st{color:var(--p)!important}

/* ── Butonlar ──────────────────────────────────────────────────────────── */
body.tk-ui .btn-p,body.tk-ui .btn-purple,body.tk-ui .btn-c,body.tk-ui .btn-cyan{background:var(--tk-grad)!important;color:#fff!important;border:0!important;
  border-radius:16px;font-weight:700;box-shadow:0 8px 22px -8px var(--tk-glow);transition:transform .15s var(--tk-ease),filter .15s}
body.tk-ui .btn-p:active,body.tk-ui .btn-gh:active,body.tk-ui .mk-btn:active,body.tk-ui .md-btn:active,body.tk-ui .earn-follow-btn:active{transform:scale(.97)}
body.tk-ui .btn-p:hover{filter:brightness(1.05)}
body.tk-ui .btn-gh,body.tk-ui .btn-ghost{background:var(--card2);color:var(--t1);border:1px solid var(--bdr);border-radius:16px;font-weight:600}
body.tk-ui .earn-follow-btn{background:var(--tk-grad);border-radius:16px;box-shadow:0 10px 24px -10px var(--tk-glow)}
body.tk-ui .earn-action-btn{border-radius:14px;background:var(--card2);border:1px solid var(--bdr);color:var(--t1)}

/* ── Giriş alanları ────────────────────────────────────────────────────── */
body.tk-ui .inp,body.tk-ui .form-control,body.tk-ui .form-select,body.tk-ui .inp-g{background:var(--inp);border:1px solid var(--inp-b);border-radius:var(--tk-r-sm);color:var(--t1)}
body.tk-ui .inp:focus,body.tk-ui .form-control:focus,body.tk-ui .inp-g:focus-within{border-color:color-mix(in srgb,var(--p) 60%,transparent);box-shadow:0 0 0 4px var(--tk-soft);outline:0}
body.tk-ui .inp-g input{background:transparent;border:0;color:var(--t1)}
body.tk-ui :focus-visible{outline:2px solid var(--p);outline-offset:2px}
body.tk-ui ::selection{background:var(--tk-soft2)}

/* ── Üst çubuk ─────────────────────────────────────────────────────────── */
body.tk-ui .topbar{position:sticky;top:0;z-index:1030;background:var(--nav);border-bottom:1px solid var(--nav-b);
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);padding-top:env(safe-area-inset-top)}
body.tk-ui .topbar-theme{width:36px;height:36px;border-radius:50%;background:var(--card2);border:1px solid var(--bdr);color:var(--t1)}

/* ── Alt menü: yüzen kapsül, yuvarlak düğmeler ─────────────────────────── */
body.tk-ui{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
body.tk-ui .bnav{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:1040;display:flex;justify-content:center;
  background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none;height:auto}
body.tk-ui .bnav{padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0!important}   /* tam genişlik bulanık şerit yok: yalnız kapsül */
body.tk-ui .bnav-inner{pointer-events:auto;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;padding:8px;border-radius:999px;width:auto!important;max-width:none!important;margin:0;
  background:var(--nav);border:1px solid var(--nav-b);box-shadow:0 12px 34px -10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}
body.tk-ui .bnav-i,body.tk-ui .bnav-c{position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--t2);background:var(--card2);border:1px solid var(--bdr);text-decoration:none;transition:background .2s,color .2s,transform .15s var(--tk-ease),box-shadow .2s;margin:0!important;padding:0!important;top:0!important;min-width:0!important;gap:0!important}
body.tk-ui .bnav-i i,body.tk-ui .bnav-c i{font-size:1.2rem;line-height:1}
body.tk-ui .bnav-i span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}   /* etiket ekran okuyucu için */
body.tk-ui .bnav-c .bnav-star{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
body.tk-ui .bnav-i:active,body.tk-ui .bnav-c:active{transform:scale(.92)}
body.tk-ui .bnav-i.on i{filter:none}
body.tk-ui .bnav-i.on,body.tk-ui .bnav-c.on{color:#fff;background:var(--tk-grad);border-color:transparent;box-shadow:0 8px 20px -6px var(--tk-glow)}
body.tk-ui .bnav-c:not(.on) i{color:var(--p)}

/* ── Bildirim (toast): iOS bildirim kartı ──────────────────────────────── */
body.tk-ui .toast-box{top:calc(10px + env(safe-area-inset-top))!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(420px,calc(100% - 24px))}
body.tk-ui .toast-inner{display:flex;align-items:flex-start;gap:.55rem;background:var(--card-s)!important;color:var(--t1)!important;border:1px solid var(--bdr);border-radius:18px;
  padding:.75rem .9rem!important;box-shadow:0 14px 40px -12px rgba(0,0,0,.45);font-weight:600;font-size:.86rem;line-height:1.4;width:100%;max-width:none}
body.tk-ui .toast-inner .bi{flex-shrink:0;font-size:1.05rem;margin-top:.05rem}
body.tk-ui .toast-success .bi{color:#16a34a}body.tk-ui .toast-danger .bi{color:#ef4444}body.tk-ui .toast-warning .bi{color:var(--p)}

/* ── Alt pencereler (sheet) ────────────────────────────────────────────── */
body.tk-ui .mk-ov,body.tk-ui .pm-ov,body.tk-ui .md-ov,body.tk-ui .tk-ov{background:rgba(5,6,12,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.tk-ui .mk-sheet,body.tk-ui .pm-sheet,body.tk-ui .md-sheet,body.tk-ui .tk-sheet{background:var(--card-s);border:1px solid var(--bdr);border-bottom:0;border-radius:26px 26px 0 0;position:relative}
body.tk-ui .mk-sheet::before,body.tk-ui .md-sheet::before,body.tk-ui .tk-sheet::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:var(--bdr)}
body.tk-ui .mk-opt{border-radius:16px;background:var(--card2);border:1px solid var(--bdr)}
body.tk-ui .mk-opt i{color:var(--p)}
body.tk-ui .mk-btn.pri{background:var(--tk-grad)}

/* Yüzen yüzeyler opak: arkalarında içerik var (yarı saydam --card yalnız sayfa akışındaki kartlar için) */
body.tk-ui .modal-content{background:var(--card-s);border:1px solid var(--bdr);border-radius:24px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);color:var(--t1)}
body.tk-ui .modal-backdrop.show{opacity:.45}

/* Dosya seçme düğmesi (tarayıcı varsayılanı yerine) */
body.tk-ui input[type=file]{color:var(--t2);font-size:.82rem}
body.tk-ui input[type=file]::file-selector-button{margin-right:.7rem;border:0;border-radius:10px;padding:.45rem .8rem;font:600 .78rem inherit;color:var(--p);background:var(--tk-soft2);cursor:pointer;transition:filter .15s}
body.tk-ui input[type=file]::file-selector-button:hover{filter:brightness(1.08)}
body.tk-ui .form-control[type=file]{padding:.35rem .45rem}

/* Kart kapakları (Kazan görev kartı, Profil): tema geçişi + yumuşak ışık */
body.tk-ui .earn-profile-area,body.tk-ui .pf-cover{background:radial-gradient(90% 120% at 85% -10%,rgba(255,255,255,.28),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.18),transparent 60%),var(--tk-grad)!important}
body.tk-ui .earn-card{overflow:hidden}

/* Kazan: alt eylem düğmeleri tek satır, "Kazan" küçük hap */
body.tk-ui .earn-actions{gap:.6rem}
body.tk-ui .earn-action-btn{display:flex!important;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap;min-height:48px;font-size:.86rem;font-weight:700;padding:.5rem .6rem}
body.tk-ui .earn-reward{display:inline-flex;align-items:center;font-size:.64rem;font-weight:800;padding:.12rem .42rem;border-radius:999px;background:var(--tk-soft2);color:var(--p);margin:0}

/* ── Sekmeler ve küçük öğeler ──────────────────────────────────────────── */
body.tk-ui .market-tab{border-radius:999px;background:var(--card2);border:1px solid var(--bdr);color:var(--t2);font-weight:600}
body.tk-ui .market-tab.active{background:var(--tk-grad);color:#fff;border-color:transparent}
body.tk-ui .progress{background:var(--card2);border-radius:999px}
body.tk-ui .progress-bar{background:var(--tk-grad)}
body.tk-ui .badge.bg-primary{background:var(--tk-soft2)!important;color:var(--p)!important}

/* Görünürken yumuşak giriş (bir kez) */
@keyframes tkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.tk-ui main>.cd,body.tk-ui .uc>.cd,body.tk-ui .ph{animation:tkIn .35s var(--tk-ease) both}

@media(prefers-reduced-motion:reduce){body.tk-ui *{animation:none!important;transition:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html.dark body.tk-ui{--nav:rgba(20,22,30,.96)}}

/* ═══ Giriş ekranı ═══════════════════════════════════════════════════════ */
body.tk-login{padding-bottom:0}
body.tk-login .topbar{display:none}
.lg{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto}
.lg-hero{position:relative;flex:1 0 auto;min-height:52vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;text-align:center;
  padding:calc(2.5rem + env(safe-area-inset-top)) 1.2rem 1.4rem;color:#fff;
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--p) 85%,#000),color-mix(in srgb,var(--p) 35%,#05060a) 55%,var(--bg) 100%)}
.lg-hero.has-bg{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 35%,var(--bg) 100%),var(--lg-bg) center/cover no-repeat}
.lg-hero.has-bg .lg-rings{display:none}
.lg-rings{position:absolute;left:50%;top:38%;width:0;height:0}
.lg-rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid color-mix(in srgb,var(--p) 55%,#fff);opacity:0;transform:translate(-50%,-50%) scale(.2);
  width:140vmin;height:140vmin;animation:lgRing 6s linear infinite}
.lg-rings i:nth-child(2){animation-delay:1.5s}.lg-rings i:nth-child(3){animation-delay:3s}.lg-rings i:nth-child(4){animation-delay:4.5s}
@keyframes lgRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}15%{opacity:.5}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.lg-hero-in{position:relative;z-index:1;width:100%}
.lg-title{font-size:clamp(1.9rem,8vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0 0 .4rem;
  background:linear-gradient(180deg,#fff 30%,color-mix(in srgb,var(--p) 30%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.lg-mascot{display:block;max-width:min(72vw,320px);max-height:34vh;margin:.4rem auto -.2rem;object-fit:contain;animation:lgFloat 4s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(0,0,0,.4))}
@keyframes lgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.lg-brand{margin:.4rem 0 .2rem;display:flex;justify-content:center}
.lg-logo{height:42px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.lg-name{font-size:2rem;font-weight:900;letter-spacing:-.02em}
.lg-sub{margin:.2rem auto 0;max-width:360px;font-size:.95rem;color:rgba(255,255,255,.8)}
html.light .lg-hero .lg-sub{color:rgba(255,255,255,.85)}
/* Görsel üzerindeki yazı her temada açık renk (görselin kendisi koyu/açık olabilir: gölgeyle okunur) */
.lg-hero.has-bg .lg-sub{color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,.55)}
.lg-hero.has-bg .lg-name{text-shadow:0 2px 12px rgba(0,0,0,.5)}
.lg-sheet{position:relative;z-index:2;padding:0 1rem calc(1.4rem + env(safe-area-inset-bottom))}
.lg-sheet>.cd{padding:1.2rem}
.lg-note{display:flex;gap:.5rem;align-items:flex-start;font-size:.8rem;line-height:1.5;color:var(--t2);background:var(--tk-soft);border:1px solid color-mix(in srgb,var(--p) 25%,transparent);
  border-radius:14px;padding:.6rem .75rem;margin-bottom:.9rem}
.lg-note i{color:var(--p);margin-top:.1rem}
body.tk-login .inp-g{min-height:54px;border-radius:16px}
body.tk-login .btn-p{min-height:54px;font-size:1rem}
@media(prefers-reduced-motion:reduce){.lg-rings i,.lg-mascot{animation:none!important}.lg-rings i{opacity:.25;transform:translate(-50%,-50%) scale(.6)}}

/* Açık tema: hero'nun alt kısmı açık zemine soluyor; oradaki ad ve açıklama koyu metin */
html.light .lg-name,html.light .lg-hero.has-bg .lg-name{color:var(--t1);text-shadow:none}
html.light .lg-hero .lg-sub,html.light .lg-hero.has-bg .lg-sub{color:var(--t2);text-shadow:none}

/* ═══ Yıldız alımı: ödeme yöntemi penceresi ═══════════════════════════════ */
body.tk-ui .mk-sheet.ps{padding:1.6rem 1rem max(1rem,env(safe-area-inset-bottom))}
.ps-pkg{display:flex;align-items:center;gap:.75rem;padding:.85rem .9rem;border-radius:18px;margin-bottom:1rem;color:#fff;
  background:radial-gradient(80% 140% at 90% -20%,rgba(255,255,255,.28),transparent 60%),var(--tk-grad);box-shadow:0 12px 28px -14px var(--tk-glow)}
.ps-pi{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:rgba(255,255,255,.2);color:#fff}
.ps-pt{display:flex;flex-direction:column;min-width:0}
.ps-pt b{font-size:1.2rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.ps-pt span{font-size:.92rem;font-weight:600;opacity:.92}
.ps-gain{margin-left:auto;flex-shrink:0;font-size:.72rem;font-weight:800;padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.22)}
.ps-lbl{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);margin:0 .2rem .5rem}
body.tk-ui .mk-opt.ps-m{display:flex!important;align-items:center;gap:.75rem;width:100%;padding:.8rem .85rem;margin-bottom:.55rem;border-radius:16px;text-decoration:none;
  background:var(--card2);border:1px solid var(--bdr);color:var(--t1);text-align:left;font-family:inherit;transition:transform .15s var(--tk-ease),border-color .15s,background .15s;position:relative}
body.tk-ui .mk-opt.ps-m:hover{border-color:color-mix(in srgb,var(--p) 45%,transparent);background:var(--tk-soft)}
body.tk-ui .mk-opt.ps-m:active{transform:scale(.98)}
body.tk-ui .mk-opt.ps-m:disabled{opacity:.55}
body.tk-ui .mk-opt.ps-m.ld{opacity:1;border-color:var(--p)}
.ps-mi{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--tk-soft2);color:var(--p)}
body.tk-ui .mk-opt.ps-m .ps-mi i{color:var(--p);margin:0}
.ps-mt{flex:1;min-width:0;display:flex;flex-direction:column}
.ps-mt b{font-size:.94rem;font-weight:700}
body.tk-ui .ps-mt small{font-size:.74rem;color:var(--t3);margin-top:.1rem;line-height:1.35;display:block}
.ps-tag{flex-shrink:0;font-size:.64rem;font-weight:800;padding:.18rem .45rem;border-radius:999px;background:var(--tk-soft);color:var(--p)}
.ps-ch{color:var(--t3);font-size:.85rem}
body.tk-ui .mk-opt.ps-m.ld .ps-ch{width:16px;height:16px;border:2px solid var(--tk-soft2);border-top-color:var(--p);border-radius:50%;animation:psSpin .7s linear infinite;font-size:0}
body.tk-ui .mk-opt.ps-m.ld .ps-ch::before{content:none}
@keyframes psSpin{to{transform:rotate(360deg)}}
.ps-safe{display:flex;gap:.45rem;align-items:flex-start;font-size:.72rem;color:var(--t3);margin:.4rem .2rem .8rem;line-height:1.45}
.ps-safe i{color:#16a34a;margin-top:.05rem}
body.tk-ui #mkCardForm{padding:.2rem 0 .6rem}

/* ═══ Ortak açılır pencere (assets/js/ui.js) ════════════════════════════ */
html.tks-lock,html.tks-lock body{overflow:hidden}
.tks-ov{position:fixed;inset:0;z-index:1090;display:none;align-items:flex-end;justify-content:center;background:rgba(5,6,12,.48);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.tks-ov.on{display:flex}
.tks{position:relative;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--card-s,var(--card));color:var(--t1);border:1px solid var(--bdr);border-bottom:0;
  border-radius:26px 26px 0 0;padding:1.6rem 1.15rem max(1.1rem,env(safe-area-inset-bottom));text-align:center;box-shadow:0 -10px 40px -10px rgba(0,0,0,.35);animation:tksUp .28s var(--tk-ease,ease) both}
@media(min-width:600px){.tks-ov{align-items:center}.tks{border-radius:26px;border-bottom:1px solid var(--bdr);animation-name:tksPop}.tks-grab{display:none}}
@keyframes tksUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes tksPop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.tks-grab{position:absolute;top:8px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:var(--bdr)}
.tks-x{position:absolute;top:.7rem;right:.7rem;width:32px;height:32px;border-radius:50%;border:0;background:var(--card2);color:var(--t2);font-size:.85rem;cursor:pointer}
.tks-ic{width:58px;height:58px;margin:.2rem auto .7rem;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;background:var(--tk-grad);box-shadow:0 10px 24px -10px var(--tk-glow);animation:tksIc .45s cubic-bezier(.3,1.4,.5,1) both .05s}
.tks-ic.none{display:none}
.tks-ic.t-ok{background:linear-gradient(135deg,#34d399,#16a34a);box-shadow:0 10px 24px -10px rgba(22,163,74,.55)}
.tks-ic.t-bad{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 10px 24px -10px rgba(220,38,38,.55)}
.tks-ic.t-gold{background:radial-gradient(80% 80% at 30% 20%,rgba(255,255,255,.35),transparent 60%),var(--tk-grad);color:#fff;box-shadow:0 0 0 6px var(--tk-soft),0 12px 26px -10px var(--tk-glow)}
@keyframes tksIc{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.tks-t{font-size:1.18rem;font-weight:800;letter-spacing:-.01em;margin:0 1.5rem .3rem;color:var(--t1)}
.tks-p{font-size:.86rem;line-height:1.5;color:var(--t2);margin:0 .4rem .9rem;white-space:pre-line}
.tks-b{text-align:left}
.tks-b>.cd,.tks-b>form,.tks-b>div{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important}
.tks-b .ms-form{display:block;border-top:0;padding-top:0;margin-top:.2rem}
.tks-a{display:grid;gap:.5rem;margin-top:.9rem}
.tks-btn{display:block;width:100%;border:0;border-radius:16px;padding:.85rem;font:700 .95rem inherit;cursor:pointer;text-align:center;text-decoration:none;transition:transform .15s var(--tk-ease,ease)}
.tks-btn:active{transform:scale(.97)}
.tks-btn.pri{background:var(--tk-grad);color:#fff;box-shadow:0 10px 22px -10px var(--tk-glow)}
.tks-btn.bad{background:#dc2626;color:#fff}
.tks-btn.sec{background:var(--card2);color:var(--t1);border:1px solid var(--bdr)}
.tks-steps{list-style:none;padding:0;margin:0 0 .2rem;display:grid;gap:.5rem;counter-reset:s}
.tks-steps li{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:var(--t2);line-height:1.45;counter-increment:s}
.tks-steps li::before{content:counter(s);flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;color:var(--p);background:var(--tk-soft2)}
.tks-steps b{color:var(--t1)}
@media(prefers-reduced-motion:reduce){.tks,.tks-ic{animation:none!important}}

/* ═══ Giriş: profil onayı ayrı ekran ════════════════════════════════════ */
body.lg-step2 .lg-hero{display:none}
body.lg-step2 .lg{justify-content:center}
body.lg-step2 .lg-sheet{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(1rem + env(safe-area-inset-top))}
.lg-confirm{padding:1rem 1.1rem 1.2rem!important;animation:tkIn .3s var(--tk-ease) both}
.lgc-top{display:flex;align-items:center;justify-content:space-between;margin:-.1rem -.2rem 1rem;font-weight:700;font-size:.95rem;color:var(--t1)}
.lgc-back{width:36px;height:36px;border-radius:50%;border:1px solid var(--bdr);background:var(--card2);color:var(--t1);display:flex;align-items:center;justify-content:center;cursor:pointer}
.lgc-av{width:116px;height:116px;margin:0 auto;border-radius:50%;padding:4px;background:var(--tk-grad);box-shadow:0 14px 30px -12px var(--tk-glow)}
.lgc-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--card2);border:3px solid var(--card-s)}
.lgc-stats{display:flex;justify-content:center;gap:.5rem}
.lgc-stats .stat-item{flex:1;max-width:110px;padding:.55rem .3rem;border-radius:14px;background:var(--card2);border:1px solid var(--bdr)}
.lgc-stats .value{font-weight:800;font-size:1.1rem;color:var(--t1)}
.lgc-stats .label{font-size:.7rem;color:var(--t3)}
.lgc-q{font-size:.86rem;color:var(--t2);margin:0 0 .7rem}
/* İskelet: profil gelene kadar */
@keyframes lgSk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.lg-confirm.loading .lgc-sk{color:transparent!important;border-radius:8px;background:linear-gradient(90deg,var(--card2) 25%,var(--tk-soft2) 50%,var(--card2) 75%);background-size:200% 100%;animation:lgSk 1.2s linear infinite;margin-left:auto;margin-right:auto}
.lg-confirm.loading #cName{width:55%;height:1.25rem}
.lg-confirm.loading #cHandle{color:var(--t3)!important;background:none;animation:none}
.lg-confirm.loading .value.lgc-sk{width:60%;height:1.2rem;margin-bottom:.2rem}
.lg-confirm.loading .lgc-av img{background:linear-gradient(90deg,var(--card2) 25%,var(--tk-soft2) 50%,var(--card2) 75%);background-size:200% 100%;animation:lgSk 1.2s linear infinite}
.lg-confirm.loading .lgc-q{visibility:hidden}
@media(prefers-reduced-motion:reduce){.lg-confirm.loading .lgc-sk,.lg-confirm.loading .lgc-av img{animation:none}}

/* ═══ Hoş geldin animasyonu (yeni üye, bir kez) ═════════════════════════ */
.wl-ov{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.2rem;
  background:radial-gradient(70% 50% at 50% 35%,color-mix(in srgb,var(--p) 40%,transparent),transparent 70%),rgba(4,5,10,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:wlFade .3s ease both}
.wl-ov.out{animation:wlOut .25s ease forwards}
@keyframes wlFade{from{opacity:0}to{opacity:1}} @keyframes wlOut{to{opacity:0}}
.wl{position:relative;width:100%;max-width:360px;text-align:center;color:#fff;padding:2rem 1.3rem 1.4rem;border-radius:28px;
  background:linear-gradient(165deg,color-mix(in srgb,var(--p) 36%,#0a0b12),#0a0b12 75%);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px -20px rgba(0,0,0,.6);animation:wlIn .5s cubic-bezier(.3,1.3,.5,1) both .05s}
@keyframes wlIn{from{transform:translateY(24px) scale(.92);opacity:0}to{transform:none;opacity:1}}
.wl-burst{position:absolute;left:50%;top:4.1rem;width:0;height:0}
.wl-burst i{position:absolute;width:8px;height:8px;margin:-4px;border-radius:2px;background:#fff;opacity:0;transform:rotate(var(--a)) translateY(0);animation:wlBurst 1.1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.35s + var(--d))}
.wl-burst i:nth-child(3n){background:color-mix(in srgb,var(--p) 50%,#fff);border-radius:50%}
.wl-burst i:nth-child(3n+1){width:6px;height:10px}
@keyframes wlBurst{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-110px) scale(1)}}
.wl-ic{position:relative;width:84px;height:84px;margin:0 auto .9rem;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#fff;
  background:radial-gradient(80% 80% at 30% 20%,rgba(255,255,255,.35),transparent 60%),var(--tk-grad);box-shadow:0 0 0 8px var(--tk-soft),0 16px 36px -12px var(--tk-glow);animation:wlBounce .7s cubic-bezier(.3,1.6,.5,1) both .2s}
@keyframes wlBounce{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.1) rotate(4deg);opacity:1}100%{transform:none}}
.wl-t{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin:0}
.wl-h{font-size:.9rem;color:rgba(255,255,255,.7);margin-top:.15rem}
.wl-gift{display:inline-flex;align-items:center;gap:.35rem;margin:1rem 0 .4rem;font-size:2.6rem;font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wl-gift::before{content:"+"}
.wl-gift i{font-size:2rem;color:color-mix(in srgb,var(--p) 45%,#fff);filter:drop-shadow(0 4px 12px var(--tk-glow))}
.wl-p{font-size:.86rem;line-height:1.5;color:rgba(255,255,255,.78);margin:.4rem .2rem 1.2rem}
.wl-p b{color:#fff}
.wl-go{display:block;width:100%;border:0;border-radius:16px;padding:.9rem;font:800 .98rem inherit;color:#fff;cursor:pointer;background:var(--tk-grad);box-shadow:0 12px 26px -10px var(--tk-glow)}
.wl-go:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.wl-ov,.wl,.wl-ic,.wl-burst i{animation:none!important}.wl-burst{display:none}}

/* ═══ Market (yıldız mağazası) ═════════════════════════════════════════ */
body.tk-ui .mk-head{display:flex!important;align-items:center;justify-content:space-between;padding:.2rem 0 1rem}
body.tk-ui .mk-head h1{grid-column:auto;font-size:1.7rem;font-weight:800;letter-spacing:-.025em;text-align:left}
body.tk-ui .mk-head .st{grid-column:auto;font-size:.95rem}
/* Cüzdan: bakiye kartı */
body.tk-ui .mk-wallet{position:relative;overflow:hidden;margin:0 0 1rem;padding:1.1rem 1.1rem;border:0;border-radius:22px;color:#fff;
  background:radial-gradient(90% 130% at 100% 0%,rgba(255,255,255,.26),transparent 55%),var(--tk-grad);box-shadow:0 16px 34px -18px var(--tk-glow)}
body.tk-ui .mk-wallet::after{content:"\F586";font-family:"bootstrap-icons";position:absolute;right:-.6rem;bottom:-1.6rem;font-size:7rem;line-height:1;color:rgba(255,255,255,.12);transform:rotate(-12deg);pointer-events:none}
body.tk-ui .mk-wallet .ic{background:rgba(255,255,255,.2)!important;color:#fff!important;border-radius:16px}
body.tk-ui .mk-wallet b{color:#fff!important;font-size:1.55rem!important;font-weight:800;letter-spacing:-.02em;line-height:1.1}
body.tk-ui .mk-wallet span{color:rgba(255,255,255,.8)}
body.tk-ui .mk-wallet b span{display:inline!important;font-size:inherit!important;color:#fff!important;font-variant-numeric:tabular-nums}
/* Onay bekleyen ödemeler */
body.tk-ui .mk-pend{margin:0 0 1rem;padding:.75rem .9rem;border-radius:16px;background:var(--tk-soft)!important;border:1px solid color-mix(in srgb,var(--p) 22%,transparent)!important;color:var(--p)!important;font-weight:600}
body.tk-ui .mk-pend div{font-weight:500}
/* Bölüm başlığı */
body.tk-ui .mk-sec{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin:1.2rem .2rem .2rem}
body.tk-ui .mk-grid{padding-top:1.6rem}
/* En avantajlı paket */
body.tk-ui .mk-card{box-shadow:0 12px 24px -16px var(--tk-glow);transition:transform .15s var(--tk-ease)}
body.tk-ui .mk-card:active{transform:scale(.96)}
body.tk-ui .mk-card.best{box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 55%,#fff),0 16px 30px -14px var(--tk-glow)}
body.tk-ui .mk-card .best-tag{position:absolute;bottom:-.62rem;left:50%;transform:translateX(-50%);z-index:1;font-size:.56rem;font-weight:800;letter-spacing:.02em;white-space:nowrap;
  padding:.12rem .45rem;border-radius:999px;background:#fff;color:var(--p);box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
body.tk-ui .mk-card .ic{box-shadow:0 0 0 3px var(--card-s)}
/* Yıldız kazanma satırları: iOS grup */
body.tk-ui .mk-rows{margin:.5rem 0 0;border:1px solid var(--bdr);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:var(--shd)}
body.tk-ui .mk-row{padding:.85rem .9rem;transition:background .15s}
body.tk-ui .mk-row:last-child{border-bottom:0}
body.tk-ui .mk-row:active{background:var(--tk-soft)}
body.tk-ui .mk-row .em{background:var(--tk-soft2)!important;color:var(--p)!important;border-radius:12px}
body.tk-ui .mk-row .rw{color:var(--p)!important}

/* ═══ Özel yıldız ikonu (Site Kimliği > Yıldız ikonu) ════════════════════
   Yüklendiyse üye arayüzündeki tüm .bi-star-fill ikonları görselle çizilir (şablonlar, betiklerin ürettiği metinler,
   alt menü, pencereler). Görselin kendi renkleri kullanılır; ikon rengi (color) etkisizdir. */
body.tk-ui.tk-star .bi-star-fill::before{content:""!important;display:inline-block;width:1em;height:1em;vertical-align:-.14em;
  background:var(--tk-star-img) center/contain no-repeat}
body.tk-ui.tk-star .mk-wallet::after{content:""!important;width:7.5rem;height:7.5rem;right:-1rem;bottom:-1.8rem;background:var(--tk-star-img) center/contain no-repeat;opacity:.2}

/* ═══ Beğeni & izlenme satın al (pages/media.php) ══════════════════════ */
body.tk-ui .md-head{display:flex!important;align-items:center;gap:.6rem;padding:.2rem 0 1rem}
body.tk-ui .md-head h1{grid-column:auto;flex:1;min-width:0;font-size:1.7rem;font-weight:800;letter-spacing:-.025em;text-align:left;max-width:none}
body.tk-ui .md-head .st{grid-column:auto;flex-shrink:0;padding:.38rem .75rem;border-radius:999px;background:var(--card);border:1px solid var(--bdr);font-size:.95rem;color:var(--t1)}
body.tk-ui .md-head .st i{color:var(--p)}
body.tk-ui .md-back{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--card2);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
/* Özel URL kartı */
body.tk-ui .md-url{display:flex;align-items:center;gap:.8rem;padding:.9rem .95rem;border-radius:20px;background:var(--card);border:1px solid var(--bdr);box-shadow:var(--shd);color:var(--t1);text-align:left;transition:transform .15s var(--tk-ease),border-color .15s}
body.tk-ui .md-url:active{transform:scale(.98)}
body.tk-ui .md-url:hover{border-color:color-mix(in srgb,var(--p) 40%,transparent)}
.md-url .ui{width:48px;height:48px;flex-shrink:0;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;color:#fff;background:var(--tk-grad);box-shadow:0 10px 22px -12px var(--tk-glow)}
.md-url .ut{flex:1;min-width:0;display:flex;flex-direction:column}
.md-url .ut b{font-size:1rem;font-weight:700}
.md-url .ut small{font-size:.76rem;color:var(--t3);margin-top:.1rem}
.md-url .uch{color:var(--t3)}
.md-sec2{margin:1.3rem .2rem .6rem}
.md-sec2 b{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--t3)}
.md-sec2 span{display:block;font-size:.82rem;color:var(--t2);margin-top:.15rem}
/* Video kartları */
body.tk-ui .md-grid{gap:.6rem}
body.tk-ui .md-vid,body.tk-ui .md-skel{border-radius:18px}
body.tk-ui .md-vid{border:1px solid var(--bdr);transition:transform .15s var(--tk-ease),box-shadow .15s}
body.tk-ui .md-vid::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));pointer-events:none}
body.tk-ui .md-vid:active{transform:scale(.97)}
body.tk-ui .md-vid:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 55%,transparent)}
.md-vid .pl{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;
  font-size:1.35rem;color:#fff;background:rgba(10,12,20,.45);border:1px solid rgba(255,255,255,.28)}
body.tk-ui .md-vid .vw{z-index:1;left:.5rem;bottom:.5rem;padding:.2rem .5rem;border-radius:999px;background:rgba(0,0,0,.5);font-size:.82rem;text-shadow:none}
/* Seçilen video */
body.tk-ui .md-sel{gap:.85rem;padding:.75rem;margin-bottom:1rem;border-radius:20px;background:var(--card);border:1px solid var(--bdr);box-shadow:var(--shd)}
body.tk-ui .md-sel .th{width:64px;height:86px;border-radius:14px}
body.tk-ui .md-sel .tx{flex:1}
.md-sel .vwc{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;padding:.15rem .5rem;border-radius:999px;background:var(--tk-soft);color:var(--p);font-size:.74rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.md-sel .chg{flex-shrink:0;align-self:center;font-size:.8rem;font-weight:700;color:var(--p);text-decoration:none;padding:.4rem .7rem;border-radius:999px;background:var(--tk-soft)}
/* iOS sekme seçici */
.md-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 .9rem;border-radius:14px;background:var(--card2);border:1px solid var(--bdr)}
.md-seg button{border:0;border-radius:10px;padding:.6rem .5rem;font:700 .9rem inherit;color:var(--t2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:background .2s,color .2s}
.md-seg button.on{background:var(--tk-grad);color:#fff;box-shadow:0 6px 16px -8px var(--tk-glow)}
.md-pane[hidden]{display:none}
.md-pane{animation:tkIn .25s var(--tk-ease) both}
/* Paket bölümü ve kartlar */
body.tk-ui .md-sec{margin:0;border:1px solid var(--bdr);border-radius:18px;background:var(--card);padding:.8rem .9rem}
body.tk-ui .md-sec .ic{border-radius:14px;width:46px;height:46px;font-size:1.3rem}
body.tk-ui .md-pk{padding-top:1.8rem}
body.tk-ui .md-card{box-shadow:0 12px 24px -16px var(--tk-glow);overflow:visible}
body.tk-ui .md-card .ci{box-shadow:0 0 0 3px var(--card-s)!important}
body.tk-ui .md-card.best{box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 55%,#fff),0 16px 30px -14px var(--tk-glow)}
body.tk-ui .md-card .best-tag{position:absolute;bottom:-.62rem;left:50%;transform:translateX(-50%);z-index:1;font-size:.56rem;font-weight:800;white-space:nowrap;padding:.12rem .45rem;border-radius:999px;background:#fff;color:var(--p);box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
.md-card .lk{display:none}
body.tk-ui .md-card.low{opacity:1;filter:saturate(.35) brightness(.7)}
body.tk-ui .md-card.low .lk{display:inline-flex;align-items:center;gap:.25rem;position:absolute;bottom:-.62rem;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:1;box-shadow:0 4px 10px -4px rgba(0,0,0,.35);font-size:.56rem;font-weight:800;padding:.12rem .4rem;border-radius:999px;background:rgba(0,0,0,.45);color:#fff}
body.tk-ui .md-card.low .best-tag{display:none}
/* Onay penceresinde video */
.md-cfv{display:flex;align-items:center;gap:.65rem;text-align:left;padding:.55rem;margin:-.3rem 0 .8rem;border-radius:14px;background:var(--card2);border:1px solid var(--bdr)}
.md-cfv .th{position:relative;width:38px;height:50px;flex-shrink:0;border-radius:9px;overflow:hidden;background:var(--tk-soft);display:flex;align-items:center;justify-content:center;color:var(--p)}
.md-cfv .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.md-cfv .tx{font-size:.82rem;font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.tk-ui .md-sheet .row2{border-radius:12px;background:var(--card2)}
body.tk-ui .md-sheet .big{border-radius:18px;box-shadow:0 10px 24px -10px var(--tk-glow)}
body.tk-ui .md-btn{border-radius:16px}

/* .ph sınıf çakışması: sayfa başlığı kuralı (body.tk-ui .ph) video yer tutucusunu (.md-vid .ph) etkilemesin */
body.tk-ui .md-vid .ph{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;margin:0!important;animation:none!important;gap:0}
body.tk-ui .md-vid .ph~.pl,body.tk-ui .md-vid .ph+.pl{opacity:.9}
body.tk-ui .md-vid .ph i{opacity:.35;font-size:2.4rem}

/* ═══ Takip kontrol ekranı (Kazan: TikTok'tan dönünce) ═══════════════════
   Animasyonlar yalnız transform/opacity (kaydırma akıcılığı — Güncelleme 45). */
.vov{position:fixed;inset:0;z-index:1095;display:none;align-items:center;justify-content:center;padding:1.5rem;
  background:radial-gradient(60% 45% at 50% 40%,color-mix(in srgb,var(--p) 28%,transparent),transparent 70%),rgba(5,6,12,.6);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.vov.on{display:flex;animation:vovIn .25s ease both}
@keyframes vovIn{from{opacity:0}to{opacity:1}}
.vov-c{width:100%;max-width:340px;text-align:center;color:#fff;animation:vovUp .4s cubic-bezier(.3,1.2,.5,1) both .05s}
@keyframes vovUp{from{transform:translateY(18px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.vov-orb{position:relative;width:148px;height:148px;margin:0 auto 1.1rem}
.vov-wave{position:absolute;inset:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--p) 60%,#fff);opacity:0;animation:vovWave 2.2s ease-out infinite;will-change:transform,opacity}
.vov-wave.w2{animation-delay:1.1s}
@keyframes vovWave{0%{transform:scale(.92);opacity:.55}100%{transform:scale(1.65);opacity:0}}
.vov-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 35%,color-mix(in srgb,var(--p) 50%,#fff) 60%,var(--p) 85%,transparent 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  animation:vovSpin 1.05s linear infinite;will-change:transform}
@keyframes vovSpin{to{transform:rotate(360deg)}}
.vov-av,.vov-ph{position:absolute;inset:11px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vov-ph{background:var(--card-s);color:var(--p);font-size:2.6rem;z-index:0}
.vov-av{z-index:1}
.vov-av img{width:100%;height:100%;object-fit:cover;display:block}
.vov-st{position:absolute;right:2px;bottom:2px;z-index:2;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;
  border:3px solid #0a0b12;transform:scale(0);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.vov-st i{display:none}
.vov-h{font-size:.92rem;font-weight:700;color:rgba(255,255,255,.75)}
.vov-t{font-size:1.35rem;font-weight:800;letter-spacing:-.015em;margin:.15rem 0 .3rem}
.vov-r{font-size:2.3rem;font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:.25rem 0 .2rem;display:none;font-variant-numeric:tabular-nums}
.vov-r .bi-star-fill{font-size:1.7rem;color:color-mix(in srgb,var(--p) 45%,#fff);vertical-align:.05em}
.vov-r:not(:empty){display:block;animation:vovPop .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes vovPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.vov-p{font-size:.86rem;line-height:1.5;color:rgba(255,255,255,.75);margin:0 .2rem 1rem;min-height:2.6em}
.vov-bar{position:relative;width:170px;height:4px;margin:0 auto 1.2rem;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.12)}
.vov-bar i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:4px;background:var(--tk-grad);animation:vovBar 1.2s ease-in-out infinite;will-change:transform}
@keyframes vovBar{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
.vov-btn{display:block;width:100%;border:0;border-radius:16px;padding:.85rem;font:700 .95rem inherit;cursor:pointer;margin-top:.5rem;transition:transform .15s}
.vov-btn:active{transform:scale(.97)}
.vov-btn.pri{background:var(--tk-grad);color:#fff;box-shadow:0 10px 22px -10px var(--tk-glow)}
.vov-btn.sec{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14)}
/* Durumlar */
.vov:not([data-st=checking]) .vov-wave,.vov:not([data-st=checking]) .vov-bar{display:none}
.vov[data-st=completed] .vov-ring,.vov[data-st=not_followed] .vov-ring,.vov[data-st=failed] .vov-ring,.vov[data-st=manual] .vov-ring,.vov[data-st=slow] .vov-ring{animation:none;background:none;border:4px solid;border-radius:50%;-webkit-mask:none;mask:none}
.vov[data-st=completed] .vov-ring{border-color:#22c55e}
.vov[data-st=not_followed] .vov-ring,.vov[data-st=failed] .vov-ring{border-color:#ef4444}
.vov[data-st=manual] .vov-ring,.vov[data-st=slow] .vov-ring{border-color:var(--p)}
.vov:not([data-st=checking]) .vov-st{transform:scale(1);opacity:1}
.vov[data-st=completed] .vov-st{background:#16a34a}.vov[data-st=completed] .vov-st .ok{display:block}
.vov[data-st=not_followed] .vov-st,.vov[data-st=failed] .vov-st{background:#dc2626}.vov[data-st=not_followed] .vov-st .no,.vov[data-st=failed] .vov-st .no{display:block}
.vov[data-st=manual] .vov-st{background:var(--p)}.vov[data-st=manual] .vov-st .cam{display:block}
.vov[data-st=slow] .vov-st{background:var(--p)}.vov[data-st=slow] .vov-st .slow{display:block}
.vov[data-st=completed] .vov-orb::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid #22c55e;animation:vovBurst .7s ease-out both}
@keyframes vovBurst{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
.vov[data-st=not_followed] .vov-orb,.vov[data-st=failed] .vov-orb{animation:vovShake .45s ease both}
@keyframes vovShake{0%,100%{transform:none}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.vov-wave,.vov-bar i,.vov-orb,.vov-orb::after,.vov-c,.vov-r:not(:empty){animation:none!important}.vov-ring{animation-duration:3s}}
.vov-c:focus{outline:0}
/* Ödeme penceresi: sözleşme onayı (en altta küçük metin) */
.ps-consent{margin:.8rem .3rem 0;font-size:.7rem;line-height:1.5;color:var(--t3);text-align:center}
.ps-consent a{color:var(--t2);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--p) 55%,transparent);text-underline-offset:2px}
.ps-consent a:hover{color:var(--p)}

/* ═══ Takipçi satın al (pages/followers.php) ═══════════════════════════ */
body.tk-ui .tk{padding:1rem 1rem 1rem}   /* sayfa kendi kuralıyla yan boşluğu sıfırlıyordu: kenara yapışıyordu */
body.tk-ui .tk-head{display:flex!important;align-items:center;justify-content:space-between;padding:.2rem 0 1rem}
body.tk-ui .tk-head h1{grid-column:auto;font-size:1.7rem;font-weight:800;letter-spacing:-.025em;text-align:left}
body.tk-ui .tk-stars{grid-column:auto;padding:.38rem .75rem;border-radius:999px;background:var(--card);border:1px solid var(--bdr);font-size:.95rem;color:var(--t1)}
body.tk-ui .tk-stars i{color:var(--p)}
/* Profil kartı */
body.tk-ui .tk-prof{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"av me ref" "st st st";align-items:center;gap:.75rem .8rem;padding:.9rem;margin-bottom:.9rem;
  border:1px solid var(--bdr);border-radius:20px;background:var(--card);box-shadow:var(--shd)}
body.tk-ui .tk-av{grid-area:av;width:58px;height:58px;padding:3px;background:var(--tk-grad);box-shadow:0 10px 22px -12px var(--tk-glow)}
body.tk-ui .tk-av img,body.tk-ui .tk-av>i{border-radius:50%;border:2px solid var(--card-s);background:var(--card2)}
body.tk-ui .tk-av>i{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.tk-me{grid-area:me;min-width:0}
.tk-me b{display:block;font-size:1rem;font-weight:800;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-me span{display:block;font-size:.76rem;color:var(--t3);margin-top:.1rem}
body.tk-ui .tk-ref{grid-area:ref;width:40px;height:40px;border:1px solid var(--bdr);background:var(--card2);color:var(--p);font-size:1.05rem}
body.tk-ui .tk-stats{grid-area:st;gap:.5rem}
body.tk-ui .tk-stats>div{padding:.55rem .3rem;border-radius:14px;background:var(--card2);border:1px solid var(--bdr)}
body.tk-ui .tk-stats b{font-size:1.1rem;font-weight:800}
body.tk-ui .tk-stats span{font-size:.7rem;color:var(--t3)}
/* Açıklama kartı ve bölüm başlığı */
body.tk-ui .tk-info{margin:0;border:1px solid var(--bdr);border-radius:18px;background:var(--card);padding:.8rem .9rem}
body.tk-ui .tk-info-ic{border-radius:14px;width:46px;height:46px}
.tk-sec2{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin:1.2rem .2rem 0}
body.tk-ui .tk-grid{padding-top:1.7rem}
/* Paket kartları: en avantajlı + yetersiz (Beğeni sayfasıyla aynı) */
body.tk-ui .tk-card{box-shadow:0 12px 24px -16px var(--tk-glow);overflow:visible}
body.tk-ui .tk-card .ic{box-shadow:0 0 0 3px var(--card-s)}
body.tk-ui .tk-card.best{box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 55%,#fff),0 16px 30px -14px var(--tk-glow)}
body.tk-ui .tk-card .best-tag{position:absolute;bottom:-.62rem;left:50%;transform:translateX(-50%);z-index:1;font-size:.56rem;font-weight:800;white-space:nowrap;padding:.12rem .45rem;border-radius:999px;background:#fff;color:var(--p);box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
.tk-card .lk{display:none}
body.tk-ui .tk-card.low{opacity:1;filter:saturate(.35) brightness(.7)}
body.tk-ui .tk-card.low .lk{display:inline-flex;align-items:center;gap:.25rem;position:absolute;bottom:-.62rem;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:1;font-size:.56rem;font-weight:800;padding:.12rem .4rem;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.35)}
body.tk-ui .tk-card.low .best-tag{display:none}
/* Siparişlerim satırı */
body.tk-ui .tk-orders{margin-top:1.3rem;padding:.7rem .85rem;border-radius:18px;background:var(--card);border:1px solid var(--bdr);color:var(--t1);font-weight:700}
body.tk-ui .tk-orders>span{display:flex;align-items:center;gap:.65rem}
.tk-orders .oi{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--tk-soft2);color:var(--p)}
body.tk-ui .tk-orders em{background:var(--tk-soft2);color:var(--p)}
/* Onay penceresinde hesap */
.tk-cfa .th{border-radius:50%!important;width:44px!important;height:44px!important}
.tk-cfa .tx small{display:block;font-size:.72rem;font-weight:500;color:var(--t3);margin-top:.1rem}
body.tk-ui .tk-sheet .big{border-radius:18px;box-shadow:0 10px 24px -10px var(--tk-glow)}
body.tk-ui .tk-sheet .row2{border-radius:12px;background:var(--card2)}
body.tk-ui .tk-btn{border-radius:16px}
body.tk-ui .tk-btn.pri{background:var(--tk-grad)}
body.tk-ui .tk-toast{border-radius:14px;background:var(--card-s)}